:root {
  --bg:#06070A;
  --bg2:#0C0E13;
  --bg3:#111419;
  --surface:#161A22;
  --surface2:#1B2026;
  --border:rgba(255,255,255,.08);
  --borderHi:rgba(255,255,255,.16);
  --text:#E7E1D7;
  --muted:#AAA396;
  --dim:#5E594F;
  --signal:#3DFF7A;
  --signalDim:rgba(61,255,122,.10);
  --gold:#C5A15A;
  --goldDim:rgba(197,161,90,.10);
  --blue:#7A9BFF;
  --blueDim:rgba(122,155,255,.11);
  --red:#FF8A8A;
  --redDim:rgba(255,138,138,.10);
  --fontDisplay:'Syne',sans-serif;
  --fontMono:'JetBrains Mono',monospace;
  --fontBody:'Spectral',serif;
  --shadow:0 20px 60px rgba(0,0,0,.28);
  --radius:3px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fontBody);background:var(--bg);color:var(--text);line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");opacity:.24;z-index:9999}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 0%,rgba(61,255,122,.06),transparent 30%),radial-gradient(circle at 85% 15%,rgba(122,155,255,.06),transparent 24%)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--signal);color:var(--bg)}
.wrap{width:min(1200px,calc(100% - 2.4rem));margin:0 auto}
.topbar{position:sticky;top:0;z-index:1000;background:rgba(6,7,10,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem}
.brand-mark{width:28px;height:28px;flex:0 0 28px}
.brand-word{font:800 0.98rem var(--fontDisplay);letter-spacing:.14em;text-transform:uppercase}
.brand-word span{color:var(--signal)}
.nav{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}
.nav a{font:500 .7rem var(--fontMono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:.2s color}
.nav a:hover,.nav a.active{color:var(--text)}
.nav .cta{padding:.55rem .95rem;border:1px solid var(--signal);color:var(--signal);border-radius:var(--radius)}
.nav .cta:hover{background:var(--signal);color:var(--bg)}
.mobile-toggle{display:none;background:none;border:none;color:var(--text);font:600 .85rem var(--fontMono)}
.mobile-panel{display:none;border-top:1px solid var(--border);padding:1rem 0 1.2rem}
.mobile-panel a{display:block;padding:.5rem 0;font:600 .82rem var(--fontMono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kicker{font:500 .68rem var(--fontMono);letter-spacing:.18em;text-transform:uppercase;color:var(--signal)}
.hero{padding:6rem 0 4rem;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:2rem;align-items:end}
.hero h1{font:800 clamp(2.9rem,7vw,6.3rem)/.93 var(--fontDisplay);letter-spacing:-.05em;margin:1rem 0 1.4rem}
.hero h1 .muted{color:#969083}
.hero p.lead{max-width:720px;font-size:1.07rem;color:var(--muted);line-height:1.8}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.8rem 0 0}
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.88rem 1.12rem;border-radius:var(--radius);font:600 .72rem var(--fontMono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--borderHi);transition:.2s}
.btn.primary{background:var(--signal);border-color:var(--signal);color:var(--bg)}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(61,255,122,.15),0 18px 34px rgba(61,255,122,.12)}
.btn.secondary:hover{border-color:var(--signal);color:var(--signal)}
.panel{background:linear-gradient(180deg,rgba(17,20,25,.96),rgba(9,11,15,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);font:500 .62rem var(--fontMono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.panel-head .state{color:var(--signal)}
.panel-body{padding:1rem}
.stack{display:grid;gap:.8rem}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:2rem}
.stat{background:var(--bg3);padding:1rem}
.stat .value{font:500 1.3rem var(--fontMono);color:var(--text);margin-bottom:.35rem}
.stat .value span{font-size:.8rem;color:var(--signal)}
.stat .label{font:500 .62rem var(--fontMono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);line-height:1.55}
section{padding:4.8rem 0}
section.band{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-head{display:grid;grid-template-columns:1px 1fr;gap:1.2rem;align-items:start;margin-bottom:2rem}
.section-line{min-height:78px;background:linear-gradient(180deg,var(--signal),transparent)}
.section-num{font:500 .62rem var(--fontMono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:.7rem}
.section-title{font:800 clamp(1.8rem,4vw,3rem)/1.02 var(--fontDisplay);letter-spacing:-.03em;max-width:880px}
.section-copy{max-width:850px;color:var(--muted);font-size:1rem;line-height:1.86;margin-top:.95rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.card{background:var(--bg3);padding:1.35rem;display:flex;flex-direction:column;gap:.7rem;min-height:220px}
.card:hover{background:var(--surface)}
.card .eyebrow{font:500 .6rem var(--fontMono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
.card .eyebrow.gold{color:var(--gold)}
.card .eyebrow.blue{color:var(--blue)}
.card .eyebrow.red{color:var(--red)}
.card h3{font:700 1.12rem/1.1 var(--fontDisplay)}
.card p{color:var(--muted);font-size:.93rem;line-height:1.78}
.card ul{list-style:none;display:grid;gap:.4rem;margin-top:auto}
.card ul li{font:500 .66rem var(--fontMono);color:var(--dim);line-height:1.5}
.card ul li::before{content:"// ";color:var(--signal);opacity:.65}
.ribbon{border-left:3px solid var(--gold);background:linear-gradient(180deg,rgba(197,161,90,.06),rgba(17,20,25,.96));padding:1.15rem 1.25rem;border:1px solid var(--border);margin-top:1.2rem}
.ribbon .label{font:500 .6rem var(--fontMono);letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.ribbon p{color:var(--muted);font-size:.94rem;line-height:1.72}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;align-items:start}
.copy-block p{color:var(--muted);font-size:.98rem;line-height:1.86;margin-bottom:1rem}
.copy-block strong{color:var(--text);font-weight:600}
.list-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border)}
.list-item{display:grid;grid-template-columns:180px 1fr;background:var(--bg3)}
.list-item .lhs{padding:1rem;border-right:1px solid var(--border);font:500 .64rem var(--fontMono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.list-item .rhs{padding:1rem;color:var(--muted);font-size:.94rem;line-height:1.72}
.badges{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .55rem;border-radius:var(--radius);font:500 .58rem var(--fontMono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--borderHi);color:var(--muted);background:rgba(255,255,255,.03)}
.badge.signal{color:var(--signal);background:var(--signalDim);border-color:rgba(61,255,122,.18)}
.badge.gold{color:var(--gold);background:var(--goldDim);border-color:rgba(197,161,90,.18)}
.badge.blue{color:var(--blue);background:var(--blueDim);border-color:rgba(122,155,255,.2)}
.badge.red{color:var(--red);background:var(--redDim);border-color:rgba(255,138,138,.2)}
.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.artifact{background:var(--bg3);padding:1.35rem;display:flex;flex-direction:column;gap:.8rem}
.artifact h3{font:700 1.12rem/1.1 var(--fontDisplay)}
.artifact p{color:var(--muted);font-size:.93rem;line-height:1.76}
.actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:auto}
.linkbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border:1px solid var(--borderHi);border-radius:var(--radius);font:600 .64rem var(--fontMono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);transition:.2s}
.linkbtn:hover{border-color:var(--signal);color:var(--signal)}
.linkbtn.primary{border-color:rgba(61,255,122,.26);background:var(--signalDim);color:var(--signal)}
.note{padding:.95rem 1rem;border:1px dashed rgba(255,255,255,.12);color:var(--muted);font-size:.9rem;line-height:1.72;background:rgba(255,255,255,.02)}
.evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}
.evidence-cell{background:var(--bg3);padding:1rem 1rem 1.15rem}
.evidence-cell .label{font:500 .58rem var(--fontMono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:.45rem}
.evidence-cell h4{font:700 .95rem var(--fontDisplay);margin-bottom:.35rem}
.evidence-cell p{color:var(--muted);font-size:.88rem;line-height:1.68}
.callout{padding:1rem 1.1rem;border-left:3px solid var(--signal);background:rgba(61,255,122,.06);margin-top:1.2rem}
.callout p{font-style:italic;color:var(--text);font-size:1rem;line-height:1.7}
.founder{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.4rem}
.bio p{color:var(--muted);font-size:.98rem;line-height:1.84;margin-bottom:.95rem}
.terminal{background:#090B10;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.terminal-top{padding:.65rem .95rem;background:var(--surface);border-bottom:1px solid var(--border);font:500 .62rem var(--fontMono);letter-spacing:.1em;color:var(--dim)}
.terminal-body{padding:1rem 1.15rem;font:500 .74rem/1.9 var(--fontMono)}
.terminal-body .k{color:var(--dim)} .terminal-body .v{color:var(--signal)} .terminal-body .g{color:var(--gold)} .terminal-body .t{color:var(--text)}
.contact-block{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.contact-card{background:var(--bg3);padding:1.35rem}
.contact-card h3{font:700 1.12rem/1.1 var(--fontDisplay);margin-bottom:.65rem}
.contact-card p{color:var(--muted);font-size:.94rem;line-height:1.76;margin-bottom:.9rem}
.contact-card .mono{font:500 .72rem var(--fontMono);color:var(--text)}
.footer{padding:2.1rem 0 3rem;border-top:1px solid var(--border)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.footer small{font:500 .62rem var(--fontMono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.gallery-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.gallery-tabs button{background:var(--bg3);border:1px solid var(--border);color:var(--muted);padding:.55rem .75rem;border-radius:var(--radius);font:600 .63rem var(--fontMono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.gallery-tabs button.active,.gallery-tabs button:hover{border-color:var(--signal);color:var(--signal)}
.gallery-panel{display:none}
.gallery-panel.active{display:block}
.figure-card{background:var(--bg3);border:1px solid var(--border);padding:1rem}
.figure-card img{border:1px solid var(--border);background:var(--bg)}
.figure-card .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);margin-top:1rem;border:1px solid var(--border)}
.figure-card .meta > div{background:var(--bg);padding:.9rem}
.figure-card .meta .m-label{font:500 .58rem var(--fontMono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:.28rem}
.figure-card .meta .m-text{color:var(--muted);font-size:.88rem;line-height:1.65}
.table{border:1px solid var(--border);background:var(--bg3);overflow-x:auto}
.table table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.8rem .9rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);font:500 .68rem var(--fontMono);line-height:1.5;text-align:left}
.table th:last-child,.table td:last-child{border-right:none}
.table th{font-size:.59rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--surface)}
.table td:first-child{color:var(--text)}
.table td:not(:first-child){color:var(--muted)}
.table tr:last-child td{border-bottom:none}
.table .good{color:var(--signal)} .table .warn{color:var(--gold)} .table .bad{color:var(--red)}
.spacer{height:1px;background:var(--border);margin:2rem 0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){
  .hero-grid,.two-col,.founder,.contact-block,.artifact-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .evidence-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wrap{width:min(100% - 1.2rem,1200px)}
  .mobile-toggle{display:block}
  .nav{display:none}
  .mobile-panel.open{display:block}
  .hero{padding:4.7rem 0 3.2rem}
  .cards,.stat-grid,.evidence-grid{grid-template-columns:1fr}
  .list-item{grid-template-columns:1fr}
  .list-item .lhs{border-right:none;border-bottom:1px solid var(--border)}
  .figure-card .meta{grid-template-columns:1fr}
}