:root{--bg:#0a0a0b;--panel:#111113;--line:#1e1e22;--ink:#e7e7ea;--mut:#7d7d86;
--gold:#d9a441;--sourced:#6aa0ff;--synthetic:#5a5a63;--acc:#c8ff00;}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);
font-family:"Berkeley Mono","SF Mono",ui-monospace,Menlo,monospace;
font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.muted{color:var(--mut)}
.g{color:var(--gold)}.s{color:var(--sourced)}.cn{color:var(--mut)}

/* nav */
.nav{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;
background:linear-gradient(var(--bg),rgba(10,10,11,.92));backdrop-filter:blur(6px)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}
.logo{font-size:14px;letter-spacing:.22em;font-weight:600}
.nav nav{display:flex;gap:22px;font-size:12px;letter-spacing:.06em;color:var(--mut)}
.nav nav a:hover{color:var(--acc)}

/* hero */
.hero{padding:80px 0 56px;border-bottom:1px solid var(--line);
background:radial-gradient(120% 90% at 80% -10%,rgba(200,255,0,.05),transparent 60%)}
.eyebrow{color:var(--acc);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}
.hero h1{font-size:clamp(30px,5.2vw,58px);line-height:1.04;margin:0 0 24px;letter-spacing:-.02em;font-weight:600}
.hero h1 em{font-style:normal;color:var(--acc)}
.lede{max-width:620px;color:#b7b7bd;font-size:16px;margin:0 0 34px}
.lede b{color:var(--ink)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.btn{padding:14px 26px;border-radius:7px;font-size:13px;letter-spacing:.05em;border:1px solid var(--line);transition:.15s}
.btn.primary{background:var(--acc);color:var(--bg);border-color:var(--acc);font-weight:600}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost:hover{border-color:var(--acc);color:var(--acc)}
.stats{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--mut);align-items:center}
.stats b{color:var(--ink);font-variant-numeric:tabular-nums}

/* featured strip */
.featured{padding:46px 0;border-bottom:1px solid var(--line)}
.sech{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:20px}
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:860px){.strip{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;transition:.15s}
.card:hover{border-color:var(--acc);transform:translateY(-2px)}
.cname{font-weight:600;font-size:14px;margin-bottom:6px;line-height:1.25}
.ctag{color:var(--mut);font-size:11px;line-height:1.4}
.cmeta{display:flex;justify-content:space-between;align-items:center}
.csrc{color:var(--mut);font-size:11px}
.tier{font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid}
.tier-gold{color:var(--gold);border-color:var(--gold)}
.tier-sourced{color:var(--sourced);border-color:var(--sourced)}
.tier-synthetic,.tier-thin{color:var(--synthetic);border-color:var(--synthetic)}

/* two paths */
.paths{padding:56px 0;border-bottom:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.path{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;display:block;transition:.15s}
.path:hover{border-color:var(--acc)}
.pnum{font-size:11px;color:var(--acc);letter-spacing:.2em;margin-bottom:14px}
.path h3{font-size:22px;margin:0 0 12px;font-weight:600}
.path p{color:#b7b7bd;margin:0 0 18px}
.path p b{color:var(--ink)}
.parrow{color:var(--acc);font-size:13px;letter-spacing:.05em}

/* anatomy */
.anatomy{padding:56px 0;border-bottom:1px solid var(--line)}
.amuted{color:var(--mut);max-width:680px}
.amuted a{color:var(--acc)}
.secgrid{list-style:none;margin:22px 0;padding:0;display:grid;
grid-template-columns:repeat(3,1fr);gap:10px 14px;font-size:13px;color:#b7b7bd}
@media(max-width:620px){.secgrid{grid-template-columns:repeat(2,1fr)}}
.secgrid li:before{content:"◦ ";color:var(--sourced)}

/* footer */
.foot{padding:40px 0}
.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mut)}