:root{
  --bg:#04101e;
  --bg2:#071827;
  --bg3:#0a2036;
  --ink:#eef9ff;
  --muted:#a7c4d8;
  --muted2:#7aa4bc;
  --cyan:#39dfff;
  --teal:#49f4c8;
  --violet:#9a63ff;
  --gold:#e8c27a;
  --panel:rgba(8,28,47,.76);
  --panel2:rgba(255,255,255,.045);
  --line:rgba(96,219,255,.24);
  --line2:rgba(255,255,255,.1);
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
sub,sup{line-height:0}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px 32px;
  background:rgba(3,12,22,.84);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.02em}
.brand-mark{
  width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle,#fff 0,#5bf3ff 30%,#246dff 64%,transparent 66%);
  box-shadow:0 0 28px rgba(57,223,255,.9);
}
.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px;font-weight:700}
.nav-links a:hover{color:var(--ink)}
.nav-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);border-radius:999px;padding:9px 14px;font-weight:800}
.hero{min-height:760px;position:relative;display:grid;place-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover no-repeat;filter:saturate(1.12) contrast(1.05)}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(3,9,16,.98) 0%,rgba(3,9,16,.78) 46%,rgba(3,9,16,.18) 100%),
    radial-gradient(circle at 20% 22%,rgba(57,223,255,.25),transparent 32%),
    radial-gradient(circle at 75% 50%,rgba(154,99,255,.16),transparent 38%);
}
.hero-content{position:relative;padding:128px 0 104px}
.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.18em}
h1,h2,h3,p{margin-top:0}
h1{max-width:900px;margin-bottom:28px;font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.065em}
.lede{max-width:820px;margin-bottom:34px;color:#daf2ff;font-size:clamp(18px,2vw,23px);line-height:1.48}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;border:1px solid var(--line);font-weight:850;transition:transform .18s ease,filter .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.button.primary{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#02111f;box-shadow:0 12px 36px rgba(57,223,255,.25)}
.button.ghost{background:rgba(255,255,255,.065);color:#dff5ff}
.hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px;max-width:950px}
.hero-facts span{border:1px solid var(--line);background:rgba(5,17,31,.66);border-radius:999px;padding:10px 14px;color:#d7efff;box-shadow:0 15px 40px rgba(0,0,0,.18)}
.section-pad{padding:92px 0}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.major-split h2,.section-head h2,.visual-split h2,.fund-card h2,.equation-wrap h2{font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-.048em;margin-bottom:22px}
.copy-stack p,.section-head p,.value-card p,.tech-card p,.process-grid p,.visual-split p,.measurement-grid p,.fund-card p,.site-footer p{color:var(--muted);font-size:18px}
.copy-stack strong{color:#fff}
.intro-section{background:linear-gradient(180deg,#04101e,#061827)}
.value-section{background:radial-gradient(circle at 80% 15%,rgba(57,223,255,.14),transparent 38%),#061525}
.value-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px}
.value-card{border:1px solid var(--line);border-radius:28px;background:var(--panel2);padding:28px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.value-card.tall{grid-row:span 2;background:linear-gradient(160deg,rgba(57,223,255,.14),rgba(255,255,255,.035))}
.value-card h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.046em;margin-bottom:22px}
.value-card h3,.tech-card h3,.process-grid h3,.measurement-grid h3,.callout h3{font-size:24px;line-height:1.1;margin-bottom:12px}
.dark-block{background:linear-gradient(180deg,#071727,#0b2034);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{margin-bottom:40px}
.section-head.wide{max-width:980px}.section-head.narrow{max-width:820px}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tech-card{position:relative;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.045);padding:30px;min-height:270px;overflow:hidden}
.tech-card:before{content:'';position:absolute;inset:auto -40px -70px auto;width:170px;height:170px;border-radius:50%;background:rgba(57,223,255,.13);filter:blur(4px)}
.tech-card.accent:before{background:rgba(73,244,200,.16)}
.tech-card.violet:before{background:rgba(154,99,255,.18)}
.number{display:inline-flex;margin-bottom:34px;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.equation-section{background:radial-gradient(circle at 30% 30%,rgba(73,244,200,.12),transparent 38%),#051322}
.equation-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}
.big-equation{margin:28px 0;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.055);padding:28px;color:#fff;font:800 clamp(24px,4vw,42px)/1.15 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:var(--shadow)}
.callout{border:1px solid rgba(232,194,122,.35);border-radius:30px;background:linear-gradient(160deg,rgba(232,194,122,.12),rgba(255,255,255,.035));padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.callout h3{color:#fff}.callout p{color:#ecd7a8;font-size:19px}
.how-section{background:linear-gradient(180deg,#061525,#071b2e)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.process-grid article{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.04);padding:26px;min-height:245px}
.process-grid span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--teal));color:#02111f;font-weight:900;margin-bottom:22px}
.formula-band{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;margin-top:32px}
.formula-band>div{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.055);padding:28px}
.label{display:block;color:var(--teal);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;margin-bottom:8px}
.formula-band p{font:800 22px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#f3fbff;margin:0}
.visual-band{background:#061425}.visual-split{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.visual-split.reverse{grid-template-columns:.92fr 1.08fr}.visual-split.reverse img{order:2}.visual-split img{width:100%;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow)}
.checklist{padding:0;margin:26px 0 0;list-style:none}.checklist li{margin:11px 0;color:#d7efff;font-size:17px}.checklist li:before{content:'✓';display:inline-block;color:var(--teal);font-weight:950;margin-right:10px}
.measurement-section{background:linear-gradient(180deg,#071827,#061525)}
.measurement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.measurement-grid article{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.04);padding:22px;min-height:240px}.measurement-grid .highlight-card{background:linear-gradient(160deg,rgba(73,244,200,.13),rgba(154,99,255,.09));border-color:rgba(73,244,200,.38)}.measurement-grid h3{font-size:21px}
.validate-section{background:#061425}.metrics-section{background:linear-gradient(180deg,#061525,#081a2b)}
.metrics-table{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.035);box-shadow:0 28px 80px rgba(0,0,0,.24)}.row{display:grid;grid-template-columns:.8fr 1.25fr 1.05fr;border-top:1px solid rgba(96,219,255,.16)}.row:first-child{border-top:none}.row span{padding:18px 20px;border-left:1px solid rgba(96,219,255,.16);color:#c7dcea}.row span:first-child{border-left:none;color:#fff;font-weight:800}.row.head{background:rgba(57,223,255,.14)}.row.head span{color:#8ff3ff;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.market-section{position:relative;overflow:hidden;background:#04101e}.market-bg{position:absolute;inset:0;background:url('assets/market_platforms.jpg') center/cover no-repeat fixed;opacity:.34;filter:saturate(1.05)}.market-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.96),rgba(3,10,18,.8))}.market-section .container{position:relative}.market-copy{border:1px solid var(--line);border-radius:30px;background:rgba(5,17,31,.7);padding:30px}.market-copy p{margin-bottom:18px}.market-copy p:last-child{margin-bottom:0}
.audio-section{background:linear-gradient(180deg,#071827,#061525)}.audio-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.045);padding:40px}.audio-panel h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.audio-player audio{width:100%;margin-bottom:14px}.audio-download{color:var(--cyan);font-weight:850}
.fund-section{background:radial-gradient(circle at 80% 20%,rgba(57,223,255,.18),transparent 35%),#061425}.fund-card{border:1px solid var(--line);border-radius:36px;padding:48px;background:linear-gradient(135deg,rgba(8,28,47,.94),rgba(6,20,37,.76));box-shadow:var(--shadow);display:grid;grid-template-columns:.85fr 1.15fr;gap:54px}.fund-list p{margin-bottom:15px}.lower{grid-column:1/-1}
.site-footer{border-top:1px solid var(--line);background:#030b14;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.site-footer strong{display:block;margin-bottom:8px}.site-footer p{font-size:16px;margin:0;color:var(--muted2)}

.collaborate-section{
  background:
    radial-gradient(circle at 22% 28%,rgba(73,244,200,.16),transparent 34%),
    radial-gradient(circle at 82% 20%,rgba(154,99,255,.14),transparent 32%),
    #061425;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.collaborate-card{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:34px;
  align-items:stretch;
  border:1px solid rgba(96,219,255,.32);
  border-radius:38px;
  background:linear-gradient(135deg,rgba(8,28,47,.92),rgba(6,20,37,.78));
  box-shadow:var(--shadow);
  padding:44px;
}
.collaborate-copy h2{
  font-size:clamp(34px,4.8vw,62px);
  line-height:1.02;
  letter-spacing:-.052em;
  margin-bottom:22px;
}
.collaborate-copy p{color:var(--muted);font-size:18px}
.collaborate-copy strong{color:#fff}
.collaborate-ask{
  border:1px solid rgba(73,244,200,.32);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(73,244,200,.12),rgba(255,255,255,.045));
  padding:30px;
}
.collaborate-ask h3{
  font-size:clamp(26px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin:10px 0 16px;
}
.collaborate-ask p{color:#d7efff;font-size:18px}
.ask-list{display:grid;gap:10px;margin-top:24px}
.ask-list span{
  display:block;
  border:1px solid rgba(96,219,255,.22);
  background:rgba(3,12,22,.42);
  border-radius:16px;
  padding:11px 13px;
  color:#e8f8ff;
  font-weight:750;
}

@media (max-width:980px){
  .value-grid,.three-col,.process-grid,.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.equation-wrap,.visual-split,.visual-split.reverse,.fund-card,.audio-panel,.collaborate-card{grid-template-columns:1fr;gap:34px}
  .visual-split.reverse img{order:0}
  .formula-band{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}.row span{border-left:none;border-top:1px solid rgba(96,219,255,.12)}.row span:first-child{border-top:none}.row.head{display:none}
}
@media (max-width:740px){
  .site-header{padding:14px 18px}.nav-toggle{display:inline-flex}.nav-links{position:absolute;left:16px;right:16px;top:64px;display:none;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:22px;background:rgba(3,12,22,.96);box-shadow:0 20px 70px rgba(0,0,0,.45);overflow:hidden}.nav-open .nav-links{display:flex}.nav-links a{padding:14px 18px;border-top:1px solid var(--line2)}.nav-links a:first-child{border-top:none}
  .container{width:min(100% - 34px,var(--max))}.collaborate-card{padding:28px;border-radius:28px}.hero{min-height:700px}.hero-content{padding:104px 0 76px}.section-pad{padding:68px 0}.value-grid,.three-col,.process-grid,.measurement-grid{grid-template-columns:1fr}.value-card.tall{grid-row:auto}.hero-facts span{width:100%;border-radius:18px}.fund-card,.audio-panel{padding:28px;border-radius:28px}.big-equation{font-size:23px}.formula-band p{font-size:18px}
}

/* ============================================================
   INTERACTIVE EXHIBIT (V_norm slope-null demonstration)
   Palette-matched to the existing dark navy + cyan + gold.
   ============================================================ */
.exhibit-section{
  background:linear-gradient(180deg,#061525,#04101e);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.mono{
  font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  background:rgba(57,223,255,.08);
  border:1px solid var(--line);
  padding:2px 8px;border-radius:4px;
  font-size:.92em;
  color:#d7efff;
}
.exhibit-section h2 em{
  font-style:italic;color:var(--gold);
  font-weight:600;
}
.exhibit-panel{
  margin-top:46px;
  background:linear-gradient(180deg,rgba(8,28,47,.92),rgba(6,20,37,.86));
  border:1px solid var(--line);
  border-radius:28px;
  padding:clamp(24px,3vw,38px);
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  grid-template-rows:auto auto auto auto;
  gap:clamp(20px,2vw,28px);
}
.exhibit-plot{
  grid-column:1;grid-row:1 / span 2;
  width:100%;aspect-ratio:16/10;
  background:linear-gradient(180deg,#020a13,#04111f);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  position:relative;
}
.exhibit-plot svg{width:100%;height:100%;display:block;}

.exhibit-readout{
  grid-column:2;grid-row:1;
  display:flex;flex-direction:column;gap:12px;
}
.readout-block{
  padding:16px 18px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line2);
  border-left:3px solid var(--muted2);
  border-radius:10px;
  display:flex;flex-direction:column;gap:4px;
}
.readout-block-accent{
  border-left-color:var(--gold);
  background:linear-gradient(135deg,rgba(232,194,122,.10),rgba(255,255,255,.03));
}
.readout-block-gain{
  border-left-color:var(--teal);
  background:linear-gradient(135deg,rgba(73,244,200,.10),rgba(255,255,255,.03));
}
.readout-label{
  font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:500;
}
.readout-value{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(20px,1.7vw,26px);
  font-weight:500;color:#fff;
  line-height:1.05;margin:2px 0;
}
.readout-block-gain .readout-value{color:var(--teal);}
.readout-block-accent .readout-value{color:var(--gold);}
.readout-sub{
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;color:var(--muted);
}

.exhibit-controls{
  grid-column:2;grid-row:2;
  display:flex;flex-direction:column;gap:18px;
  align-self:start;
}
.exhibit-control{display:grid;gap:8px;}
.control-label{
  display:flex;flex-direction:column;gap:2px;
  font-size:13px;font-weight:500;color:var(--ink);
}
.control-hint{
  font-size:11.5px;color:var(--muted);
  font-weight:400;font-style:italic;
}
.control-out{
  font-family:'IBM Plex Mono',monospace;
  font-size:13px;color:var(--gold);
  font-weight:500;text-align:right;
}
.exhibit-slider{
  -webkit-appearance:none;appearance:none;
  width:100%;height:4px;
  background:rgba(255,255,255,.10);
  border-radius:2px;outline:none;cursor:pointer;
}
.exhibit-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:20px;height:20px;border-radius:50%;
  background:var(--cyan);border:2px solid #04101e;
  box-shadow:0 0 12px rgba(57,223,255,.5);
  transition:transform .15s ease;
}
.exhibit-slider::-webkit-slider-thumb:hover{transform:scale(1.1);}
.exhibit-slider::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;
  background:var(--cyan);border:2px solid #04101e;
  box-shadow:0 0 12px rgba(57,223,255,.5);
}

.exhibit-legend{
  grid-column:1 / -1;grid-row:3;
  display:flex;flex-wrap:wrap;gap:24px;
  padding-top:18px;
  border-top:1px solid var(--line2);
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;letter-spacing:.04em;
  color:var(--ink);
}
.legend-item{display:inline-flex;align-items:center;gap:8px;}
.legend-swatch{width:14px;height:3px;border-radius:1px;}
.legend-p{background:var(--cyan);}
.legend-n{background:var(--gold);}
.legend-v{background:var(--teal);}

.exhibit-note{
  grid-column:1 / -1;grid-row:4;
  margin:0;padding-top:6px;
  font-size:13px;font-style:italic;
  color:var(--muted2);line-height:1.55;
}

@media (max-width:980px){
  .exhibit-panel{grid-template-columns:1fr;}
  .exhibit-plot{grid-column:1;grid-row:1;aspect-ratio:4/3;}
  .exhibit-readout{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;}
  .readout-block{flex:1;min-width:180px;}
  .exhibit-controls{grid-column:1;grid-row:3;}
  .exhibit-legend{grid-row:4;}
  .exhibit-note{grid-row:5;}
}
@media (max-width:560px){
  .exhibit-readout{flex-direction:column;}
}