*{box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{margin:0;background:#0b0805;color:#f5f1e9;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:rgba(212,180,131,0.28);color:#fff}
  [id]{scroll-margin-top:96px}
  :focus-visible{outline:2px solid #d4b483;outline-offset:3px;border-radius:4px}
  @media(max-width:860px){#nav-links{display:none !important}#nav-signin{display:none !important}#nav-burger{display:inline-flex !important}}
  @media(max-width:560px){#nav-cta .full{display:none}#topstrip{display:none}}
.d0{position: relative; min-height: 100vh;}
.d1{border-bottom: 1px solid rgba(245, 241, 233, 0.06); background: rgb(10, 7, 4);}
.d2{max-width: 1180px; margin: 0px auto; padding: 8px 32px; display: flex; align-items: center; justify-content: center; gap: 18px; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(138, 132, 120);}
.d3{color: rgb(185, 199, 168);}
.d4{color: rgb(58, 52, 41);}
.d5{position: sticky; top: 0px; z-index: 60; background:#0b0805; border-bottom-color:rgba(245,241,233,0.07); border-bottom: 1px solid transparent; transition: background 0.3s, border-color 0.3s, backdrop-filter 0.3s;}
.d6{max-width: 1180px; margin: 0px auto; padding: 14px 32px; display: flex; align-items: center; gap: 24px;}
.d7{display: flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0;}
.d8{display: block; border-radius: 9px; border: 1px solid rgba(212, 180, 131, 0.25);}
.d9{font-family: Newsreader, serif; font-size: 20px; font-weight: 500; color: rgb(245, 241, 233);}
.da{display: flex; align-items: center; gap: 4px; margin-left: 14px;}
.db{text-decoration: none; white-space: nowrap; color: rgb(179, 171, 156); font-size: 14.5px; font-weight: 500; padding: 8px 13px; border-radius: 8px; transition: color 0.15s, background 0.15s;}
.db:hover{color:#f5f1e9;background:rgba(245,241,233,0.05)}
.dc{text-decoration: none; color: rgb(245, 241, 233); font-size: 14.5px; font-weight: 600; padding: 8px 13px; border-radius: 8px; background: rgba(212, 180, 131, 0.1);}
.dd{margin-left: auto; display: flex; align-items: center; gap: 14px;}
.de{text-decoration: none; color: rgb(179, 171, 156); font-size: 14.5px; font-weight: 600; white-space: nowrap; transition: color 0.15s;}
.de:hover{color:#f5f1e9}
.df{display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; padding: 11px 19px; border-radius: 10px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 14.5px; text-decoration: none; border: 1px solid rgb(212, 180, 131); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(212, 180, 131, 0.55) 0px 10px 28px -14px; transition: background 0.18s, transform 0.18s;}
.df:hover{background:#e0c79a;transform:translateY(-1px)}
.dg{font-family: "JetBrains Mono", monospace; font-size: 13px; opacity: 0.8;}
.dh{display: none; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: transparent; border: 1px solid rgba(212, 180, 131, 0.28); color: rgb(245, 241, 233); cursor: pointer;}
.di{position: relative; overflow: hidden;}
.dj{position: absolute; top: -160px; left: 50%; transform: translateX(-50%); width: 620px; height: 440px; background: radial-gradient(circle, rgba(212, 180, 131, 0.06), transparent 62%); pointer-events: none;}
.dk{max-width: 760px; margin: 0px auto; padding: clamp(48px, 6vw, 90px) 32px clamp(28px, 3vw, 40px); text-align: center;}
.dl{font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(156, 159, 168); margin-bottom: 18px;}
.dm{font-family: Newsreader, serif; font-weight: 500; font-size: clamp(36px, 5vw, 60px); line-height: 1.03; letter-spacing: -0.022em; margin: 0px 0px 18px; color: rgb(245, 241, 233); text-wrap: balance;}
.dn{font-size: clamp(17px, 1.5vw, 19px); line-height: 1.6; color: rgb(179, 171, 156); margin: 0px;}
.do{max-width: 860px; margin: 0px auto; padding: clamp(16px, 2vw, 28px) 32px clamp(56px, 7vw, 90px);}
.dp{margin-bottom: 44px;}
.dq{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(212, 180, 131); margin-bottom: 6px; padding-left: 4px;}
.dr{display: flex; flex-direction: column;}
.ds{border-top: 1px solid rgba(245, 241, 233, 0.08);}
.dt{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 4px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: left;}
.du{font-family: Newsreader, serif; font-size: clamp(17px, 2.1vw, 21px); font-weight: 500; color: rgb(245, 241, 233); letter-spacing: -0.01em;}
.dv{flex-shrink: 0; width: 29px; height: 29px; border-radius: 50%; border: 1px solid rgba(212, 180, 131, 0.3); display: flex; align-items: center; justify-content: center; color: rgb(212, 180, 131); font-size: 17px;}
.dw{font-size: 15.5px; line-height: 1.65; color: rgb(179, 171, 156); margin: 0px; padding: 0px 46px 24px 4px;}
.dx{background: linear-gradient(165deg, rgb(28, 22, 13), rgb(19, 16, 10)); border: 1px solid rgba(212, 180, 131, 0.22); border-radius: 18px; padding: 34px; text-align: center;}
.dy{font-family: Newsreader, serif; font-weight: 500; font-size: 26px; color: rgb(245, 241, 233); margin: 0px 0px 8px; letter-spacing: -0.01em;}
.dz{font-size: 15px; color: rgb(179, 171, 156); margin: 0px 0px 22px;}
.d10{display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;}
.d11{display: inline-flex; align-items: center; padding: 13px 24px; border-radius: 11px; background: transparent; color: rgb(245, 241, 233); font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid rgba(212, 180, 131, 0.4); transition: background 0.18s;}
.d11:hover{background:rgba(212,180,131,0.06)}
.d12{display: inline-flex; align-items: center; padding: 13px 24px; border-radius: 11px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid rgb(212, 180, 131); transition: background 0.18s;}
.d12:hover{background:#e0c79a}
.d13{border-top: 1px solid rgba(245, 241, 233, 0.08); background: rgb(10, 7, 4);}
.d14{max-width: 1180px; margin: 0px auto; padding: 64px 32px 40px;}
.d15{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 40px; margin-bottom: 48px;}
.d16{min-width: 200px;}
.d17{display: flex; align-items: center; gap: 11px; text-decoration: none; margin-bottom: 16px;}
.d18{display: block; border-radius: 9px; border: 1px solid rgba(212, 180, 131, 0.22);}
.d19{font-family: Newsreader, serif; font-size: 19px; font-weight: 500; color: rgb(245, 241, 233);}
.d1a{font-size: 13.5px; line-height: 1.6; color: rgb(125, 119, 108); margin: 0px; max-width: 240px;}
.d1b{font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(138, 132, 120); margin-bottom: 16px;}
.d1c{display: flex; flex-direction: column; gap: 11px;}
.d1d{text-decoration: none; color: rgb(179, 171, 156); font-size: 14px; transition: color 0.15s;}
.d1d:hover{color:#f5f1e9}
.d1e{padding-top: 28px; border-top: 1px solid rgba(245, 241, 233, 0.06); display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center;}
.d1f{font-size: 12.5px; color: rgb(107, 102, 92); margin: 0px; line-height: 1.6; max-width: 640px;}
.d1g{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.06em; color: rgb(107, 102, 92);}

/* ===== GEX THEMES (GENERATED - do not edit, run scripts/gen-themes.py) ===== */
/* -- theme dark -- */
html[data-theme="dark"] body { background: #000000; }
html[data-theme="dark"] .d1 { background: #030304; }
html[data-theme="dark"] .d5 { background: #000000; }
html[data-theme="dark"] .df { color: #050506; }
html[data-theme="dark"] .dl { color: #8f97a3; }
html[data-theme="dark"] .dx { background: linear-gradient(165deg, #090706, #060504); }
html[data-theme="dark"] .d12 { color: #050506; }
html[data-theme="dark"] .d13 { background: #030304; }
html[data-theme="dark"] .d1a { color: #7d8590; }
/* -- theme white -- */
html[data-theme="white"] body { background: #faf8f4; }
html[data-theme="white"] body { color: #241f16; }
html[data-theme="white"] ::selection { background: rgba(165, 128, 60, 0.28); }
html[data-theme="white"] ::selection { color: #211d16; }
html[data-theme="white"] :focus-visible { outline-color: #a5803c; }
html[data-theme="white"] .d1 { background: #fcfbf9; }
html[data-theme="white"] .d1 { border-bottom-color: rgba(36, 31, 22, 0.06); }
html[data-theme="white"] .d2 { color: #8a8478; }
html[data-theme="white"] .d3 { color: #5d7a45; }
html[data-theme="white"] .d5 { background: #faf8f4; }
html[data-theme="white"] .d8 { border-color: rgba(165, 128, 60, 0.25); }
html[data-theme="white"] .d9 { color: #241f16; }
html[data-theme="white"] .db { color: #6e6759; }
html[data-theme="white"] .db:hover { color: #241f16; }
html[data-theme="white"] .db:hover { background: rgba(36, 31, 22, 0.05); }
html[data-theme="white"] .dc { color: #241f16; }
html[data-theme="white"] .dc { background: rgba(165, 128, 60, 0.1); }
html[data-theme="white"] .de { color: #6e6759; }
html[data-theme="white"] .de:hover { color: #241f16; }
html[data-theme="white"] .df { background: #a5803c; }
html[data-theme="white"] .df { color: #fdfbf7; }
html[data-theme="white"] .df { border-color: #a5803c; }
html[data-theme="white"] .df:hover { background: #b08a45; }
html[data-theme="white"] .dh { color: #241f16; }
html[data-theme="white"] .dh { border-color: rgba(165, 128, 60, 0.28); }
html[data-theme="white"] .dj { background: radial-gradient(circle, rgba(165, 128, 60, 0.06), transparent 62%); }
html[data-theme="white"] .dl { color: #6c675d; }
html[data-theme="white"] .dm { color: #241f16; }
html[data-theme="white"] .dn { color: #6e6759; }
html[data-theme="white"] .dq { color: #a5803c; }
html[data-theme="white"] .ds { border-top-color: rgba(36, 31, 22, 0.08); }
html[data-theme="white"] .du { color: #241f16; }
html[data-theme="white"] .dv { color: #a5803c; }
html[data-theme="white"] .dv { border-color: rgba(165, 128, 60, 0.3); }
html[data-theme="white"] .dw { color: #6e6759; }
html[data-theme="white"] .dx { background: linear-gradient(165deg, #f6f4f1, #f6f4f1); }
html[data-theme="white"] .dx { border-color: rgba(165, 128, 60, 0.22); }
html[data-theme="white"] .dy { color: #241f16; }
html[data-theme="white"] .dz { color: #6e6759; }
html[data-theme="white"] .d11 { color: #241f16; }
html[data-theme="white"] .d11 { border-color: rgba(165, 128, 60, 0.4); }
html[data-theme="white"] .d11:hover { background: rgba(165, 128, 60, 0.06); }
html[data-theme="white"] .d12 { background: #a5803c; }
html[data-theme="white"] .d12 { color: #fdfbf7; }
html[data-theme="white"] .d12 { border-color: #a5803c; }
html[data-theme="white"] .d12:hover { background: #b08a45; }
html[data-theme="white"] .d13 { background: #fcfbf9; }
html[data-theme="white"] .d13 { border-top-color: rgba(36, 31, 22, 0.08); }
html[data-theme="white"] .d18 { border-color: rgba(165, 128, 60, 0.22); }
html[data-theme="white"] .d19 { color: #241f16; }
html[data-theme="white"] .d1a { color: #8a8478; }
html[data-theme="white"] .d1b { color: #8a8478; }
html[data-theme="white"] .d1d { color: #6e6759; }
html[data-theme="white"] .d1d:hover { color: #241f16; }
html[data-theme="white"] .d1e { border-top-color: rgba(36, 31, 22, 0.06); }
/* ===== END GEX THEMES ===== */

















































