:root{
--bg:#0B0A08;
--bg-2:#100E0B;
--panel:#15120D;
--panel-2:#1A160F;
--line:rgba(233,201,130,.14);
--line-soft:rgba(255,255,255,.07);
--line-strong:rgba(233,201,130,.34);
--ink:#F4EFE3;
--ink-soft:#CFC7B4;
--muted:#998F79;
--muted-2:#6E674F;
--gold:#C9A24E;
--gold-bright:#EAD08A;
--gold-deep:#8E6B22;
--maxw:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;background:var(--bg);color:var(--ink);
font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;font-size:16px;
}
a{color:inherit;text-decoration:none}
::selection{background:rgba(233,201,130,.28);color:#fff}
.serif{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.01em}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.gold{color:var(--gold-bright)}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.glow span{position:absolute;border-radius:50%;filter:blur(120px)}
.glow .g1{width:680px;height:680px;background:radial-gradient(circle,rgba(201,162,78,.14),transparent 64%);top:-260px;left:-120px}
.glow .g2{width:560px;height:560px;background:radial-gradient(circle,rgba(142,107,34,.12),transparent 64%);top:520px;right:-200px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono';font-size:11.5px;
font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold);opacity:.7}
header.bar{position:sticky;top:0;z-index:40;background:rgba(11,10,8,.78);
backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.bar-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{height:30px;width:auto;display:block}
.brand .wm{font-family:'Fraunces';font-weight:500;font-size:21px;letter-spacing:.01em}
.brand .wm b{color:var(--gold-bright);font-weight:500}
.bar-nav{display:flex;gap:34px;font-size:14px;color:var(--muted);font-weight:500}
.bar-nav a{position:relative;transition:.2s}
.bar-nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13.5px;letter-spacing:.01em;
padding:12px 22px;border-radius:2px;cursor:pointer;transition:.22s;white-space:nowrap;border:1px solid transparent}
.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1305;
box-shadow:0 14px 34px -16px rgba(201,162,78,.8)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(201,162,78,.95)}
.btn-line{border-color:var(--line-strong);color:var(--ink)}
.btn-line:hover{background:rgba(233,201,130,.08);border-color:var(--gold)}
.bar .btn{padding:11px 20px}
@media(max-width:880px){.bar-nav{display:none}}
.hero{padding:96px 0 70px;position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1fr;gap:0}
.hero h1{font-family:'Fraunces';font-weight:300;font-size:clamp(44px,7.6vw,92px);line-height:.98;
letter-spacing:-.022em;margin:30px 0 0;max-width:14ch}
.hero h1 em{font-style:italic;color:var(--gold-bright)}
.hero .lede{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;margin-top:42px;align-items:end}
@media(max-width:880px){.hero .lede{grid-template-columns:1fr;gap:26px}}
.hero .lede p{color:var(--ink-soft);font-size:18px;max-width:54ch;margin:0}
.hero .side{border-left:1px solid var(--line);padding-left:24px}
.hero .side .k{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero .side .v{font-family:'Fraunces';font-size:17px;margin-top:3px;margin-bottom:16px;color:var(--ink)}
.hero .side .v:last-child{margin-bottom:0}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:46px}
.hero .cta-row .btn{padding:16px 30px;font-size:15px}
.ribbon{margin-top:60px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
display:grid;grid-template-columns:repeat(4,1fr)}
.ribbon div{padding:26px 24px;border-right:1px solid var(--line-soft)}
.ribbon div:last-child{border-right:none}
.ribbon .n{font-family:'Fraunces';font-size:30px;font-weight:400;letter-spacing:-.02em}
.ribbon .l{color:var(--muted);font-size:13px;margin-top:5px}
@media(max-width:760px){.ribbon{grid-template-columns:repeat(2,1fr)}.ribbon div:nth-child(2){border-right:none}.ribbon div:nth-child(1),.ribbon div:nth-child(2){border-bottom:1px solid var(--line-soft)}}
section{padding:96px 0;position:relative;z-index:2}
.label-row{display:flex;align-items:baseline;gap:18px;margin-bottom:46px}
.label-row .idx{font-family:'JetBrains Mono';font-size:12px;color:var(--gold-deep)}
.sec-title{font-family:'Fraunces';font-weight:300;font-size:clamp(30px,4.6vw,52px);line-height:1.04;
letter-spacing:-.02em;max-width:18ch}
.sec-title em{font-style:italic;color:var(--gold-bright)}
.lead{color:var(--ink-soft);font-size:18px;max-width:60ch;margin:20px 0 0}
.rule{height:1px;background:var(--line-soft);width:100%}
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:30px}}
.stk{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.stk i{font-style:normal;font-family:'JetBrains Mono';font-size:12px;color:var(--ink-soft);
border:1px solid var(--line);padding:7px 12px;border-radius:2px}
.jd{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:3px;
background:linear-gradient(180deg,var(--panel),var(--bg-2));overflow:hidden}
.jd-head{padding:38px 40px;border-bottom:1px solid var(--line-soft);
display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:flex-end}
.jd-head h3{font-family:'Fraunces';font-weight:400;font-size:28px;margin:8px 0 0;letter-spacing:-.01em}
.jd-head .meta{display:flex;gap:28px;flex-wrap:wrap}
.jd-head .meta div .k{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.jd-head .meta div .v{font-size:14px;color:var(--ink);margin-top:3px;font-weight:500}
.jd-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:820px){.jd-body{grid-template-columns:1fr}}
.jd-col{padding:36px 40px;border-right:1px solid var(--line-soft)}
.jd-col:last-child{border-right:none}
@media(max-width:820px){.jd-col{border-right:none;border-bottom:1px solid var(--line-soft)}}
.jd-col h4{font-family:'JetBrains Mono';font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
color:var(--gold);margin:0 0 18px;font-weight:500}
.jd-col p{color:var(--ink-soft);font-size:15px;margin:0 0 14px}
.jd-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.jd-list li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:15px;line-height:1.55}
.jd-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;
background:linear-gradient(180deg,var(--gold-bright),var(--gold))}
.jd-list.dash li::before{top:11px;height:1px;width:13px;border-radius:0;background:var(--gold)}
.traits{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line-soft)}
@media(max-width:760px){.traits{grid-template-columns:1fr}}
.trait{padding:30px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);transition:.25s}
.traits .trait:nth-child(2n){border-right:none}
.trait:hover{background:rgba(233,201,130,.04)}
.trait .no{font-family:'JetBrains Mono';font-size:11px;color:var(--gold-deep);letter-spacing:.1em}
.trait h4{font-family:'Fraunces';font-weight:400;font-size:21px;margin:14px 0 7px}
.trait p{color:var(--muted);font-size:14.5px;margin:0}
.not{margin-top:34px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;color:var(--muted);font-size:14px}
.not b{color:var(--ink);font-weight:600}
.not span{font-family:'JetBrains Mono';font-size:12px;color:var(--muted-2);border:1px dashed var(--line);padding:6px 11px;border-radius:2px}
.roles{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line-soft)}
@media(max-width:820px){.roles{grid-template-columns:1fr}}
.role{position:relative;padding:34px 36px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);transition:.25s}
.roles .role:nth-child(2n){border-right:none}
.role:hover{background:rgba(233,201,130,.045)}
.role .rno{font-family:'JetBrains Mono';font-size:12px;color:var(--gold-deep)}
.role h3{font-family:'Fraunces';font-weight:400;font-size:25px;margin:12px 0 9px;letter-spacing:-.01em}
.role p{color:var(--muted);font-size:14.5px;margin:0 0 18px;max-width:46ch}
.role .sk{display:flex;flex-wrap:wrap;gap:7px}
.role .sk i{font-style:normal;font-family:'JetBrains Mono';font-size:11.5px;color:var(--ink-soft);
border:1px solid var(--line);padding:5px 10px;border-radius:2px}
.spot{border:1px solid var(--line-strong);border-radius:3px;padding:56px;position:relative;overflow:hidden;
background:
radial-gradient(120% 130% at 100% 0%,rgba(201,162,78,.14),transparent 52%),
linear-gradient(180deg,var(--panel-2),var(--bg-2))}
@media(max-width:760px){.spot{padding:34px}}
.spot h2{font-family:'Fraunces';font-weight:300;font-size:clamp(28px,4.4vw,46px);letter-spacing:-.02em;
line-height:1.05;max-width:20ch;margin:20px 0 0}
.spot h2 em{font-style:italic;color:var(--gold-bright)}
.spot p{color:var(--ink-soft);font-size:17px;max-width:66ch;margin:20px 0 0}
.spot .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px;border-top:1px solid var(--line-soft)}
@media(max-width:760px){.spot .steps{grid-template-columns:1fr}}
.spot .step{padding:28px 26px 6px;border-right:1px solid var(--line-soft)}
.spot .step:last-child{border-right:none}
.spot .step .k{font-family:'JetBrains Mono';font-size:11px;color:var(--gold);letter-spacing:.12em}
.spot .step h4{font-family:'Fraunces';font-weight:400;font-size:19px;margin:14px 0 6px}
.spot .step p{font-size:14px;margin:0;color:var(--muted)}
.steps-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
@media(max-width:820px){.steps-line{grid-template-columns:1fr}}
.pstep{padding:30px 26px 30px 0;border-right:1px solid var(--line-soft)}
.steps-line .pstep:last-child{border-right:none;padding-right:0}
@media(max-width:820px){.pstep{border-right:none;border-bottom:1px solid var(--line-soft);padding:24px 0}}
.pstep .pn{font-family:'JetBrains Mono';font-size:12px;color:var(--gold)}
.pstep h4{font-family:'Fraunces';font-weight:400;font-size:22px;margin:12px 0 8px}
.pstep p{color:var(--muted);font-size:14px;margin:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-soft)}
@media(max-width:760px){.facts{grid-template-columns:1fr}}
.fact{padding:26px 28px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.facts .fact:nth-child(3n){border-right:none}
.fact .k{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fact .v{font-family:'Fraunces';font-size:21px;margin-top:9px;letter-spacing:-.01em}
.fact .v .gold{font-style:italic}
.apply{border:1px solid var(--line-strong);border-radius:3px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;
background:radial-gradient(90% 160% at 50% 0%,rgba(201,162,78,.16),transparent 58%),linear-gradient(180deg,var(--panel),var(--bg-2))}
.apply h2{font-family:'Fraunces';font-weight:300;font-size:clamp(32px,5.4vw,60px);letter-spacing:-.02em;line-height:1.02;margin:18px 0 0}
.apply h2 em{font-style:italic;color:var(--gold-bright)}
.apply p{color:var(--ink-soft);font-size:18px;max-width:56ch;margin:20px auto 0}
.apply .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.apply .cta-row .btn{padding:17px 32px;font-size:15.5px}
.apply .tag{margin-top:30px;font-family:'JetBrains Mono';font-size:13px;color:var(--muted)}
.apply .tag b{color:var(--gold-bright);font-weight:500}
.subjbox{margin:30px auto 0;max-width:520px;border:1px solid var(--line);border-radius:3px;background:rgba(0,0,0,.3);
padding:16px 18px;text-align:left;font-family:'JetBrains Mono';font-size:13px}
.subjbox .sk{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}
.subjbox .sv{color:var(--ink);margin-top:6px}
.subjbox .sv .gold{color:var(--gold-bright)}
footer{border-top:1px solid var(--line-soft);padding:54px 0 40px;position:relative;z-index:2;margin-top:30px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
@media(max-width:760px){.foot{grid-template-columns:1fr;gap:24px}}
.foot p{color:var(--muted);font-size:14px;max-width:42ch;margin:16px 0 0}
.foot h5{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin:0 0 14px;font-weight:500}
.foot a{display:block;color:var(--ink-soft);font-size:14px;margin-bottom:9px;transition:.2s}
.foot a:hover{color:var(--gold-bright)}
.foot-base{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:44px;
padding-top:22px;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:12.5px;font-family:'JetBrains Mono'}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}