/* Sacred Legacy — 5-act interactive pitch. Quiet-dark, premium. ER ink/gold. */
:root{
  /* Elephant Room design system */
  --bg:#151515; --panel:#1A1A1A; --panel-2:#1E1E1E; --hair:rgba(255,255,255,0.10);
  --text:#F3F3F3; --muted:#AFAFAF; --dim:#8A8A8A;
  --gold:#F9A720; --gold-deep:#F98520; --cream:#F3F3F3;
  --green:#34D399; --risk:#e0a06b;
  --maxw:1080px;
  --display:"Space Grotesk","Inter Tight",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --sans:"Inter Tight","Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden;}
.mono{font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:0;}
em{font-style:normal; color:var(--gold);}
strong{color:#fff; font-weight:650;}
/* ER foundation: display headings (tight), mono eyebrows (airy), orange selection */
h1,h2,h3,.h2,.cover-h,.soul-line,.display,.idea-head,.bignum .x,.pen-num,.fc-n,.stat{font-family:var(--display); letter-spacing:-0.03em;}
.eyebrow{font-family:var(--mono); text-transform:uppercase; letter-spacing:0.16em;}
::selection{background:var(--gold); color:#0F0F0F;}
/* typography: balance prominent headlines (kill orphaned words), tidy widows in prose */
h1,h2,h3,.h2,.cover-h,.soul-line,.close-h,.idea-head,.big-line{text-wrap:balance;}
.lede,.sowhat,.cover-sub,.divider-sub,.big-claim,.soul-sub,.close-cta,.northstar,.pen-cap,.sub-line,.chase-note{text-wrap:pretty;}
/* ER motif: square geometry (panels/cards/chips/buttons square; true dots stay round) */
.panel,.cell,.lot,.facet,.comp,.rung,.fc-tile,.fn-band,.ftable,.ftable td,.ftable th,.pen-hero,.tchip,.live-lbl,.pg-cell,.btn,.drill,.drill-toggle,.layer,.depth-col,.worldmap,.chart,.entrants,.bignum,.comp-detail,.facet-detail,.cad,.path,.door,details.working,details.layer,summary,input,textarea,button.btn,.toggle,.toggle button,.lots .lot,.mechanisms .cell{border-radius:0 !important;}
/* ER motif: the notch (clipped top-right corner) on accent panels */
.pen-hero,.insight,.fc-tile.big{clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);}
/* ER motif: tick-triangle bullets, never round */
ul.proof{list-style:none; padding-left:0;}
ul.proof li{position:relative; padding-left:18px;}
ul.proof li::before{content:""; position:absolute; left:0; top:.6em; width:7px; height:7px; background:var(--gold); clip-path:polygon(0 0,100% 0,100% 100%);}
.muted{color:var(--muted);} .tinynote{color:var(--dim); font-size:.8em;}

.grain{position:fixed; inset:0; pointer-events:none; z-index:1;
  background:radial-gradient(120% 80% at 50% -10%, rgba(214,162,78,.06), transparent 60%),
             radial-gradient(100% 60% at 50% 120%, rgba(0,0,0,.5), transparent 60%);}
.rail{position:fixed; top:0; left:0; right:0; height:2px; z-index:60; background:transparent;}
.rail span{display:block; height:100%; width:0%; background:linear-gradient(90deg,var(--gold-deep),var(--gold)); transition:width .1s linear;}

/* dot-nav */
.dotnav{position:fixed; right:18px; top:50%; transform:translateY(-50%); z-index:55; display:flex; flex-direction:column; gap:14px;}
.dot{background:none; border:0; padding:0; cursor:pointer; display:flex; align-items:center; gap:9px; justify-content:flex-end;}
.dot-d{width:8px; height:8px; border-radius:50%; border:1px solid var(--dim); background:transparent; transition:.2s var(--ease);}
.dot.on .dot-d{background:var(--gold); border-color:var(--gold); transform:scale(1.25);}
.dot-l{font-size:11px; color:var(--dim); opacity:0; transform:translateX(6px); transition:.2s var(--ease); white-space:nowrap;}
.dot:hover .dot-l{opacity:1; transform:none;}
.dot.on .dot-l{color:var(--gold);}
@media (max-width:860px){ .dotnav{display:none;} }

/* scene scaffold */
.scene{min-height:100vh; display:flex; align-items:center; position:relative; z-index:2; padding:13vh 7vw; border-bottom:1px solid var(--hair);}
.scene:last-child{border-bottom:none;}
.wrap{max-width:var(--maxw); margin:0 auto; width:100%;}
.scene.facets-scene{align-items:flex-start; overflow:visible; min-height:100vh;}

.eyebrow{font-size:12px; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; color:var(--dim); margin-bottom:20px;}
.eyebrow.gold{color:var(--gold);}
.eyebrow.risk{color:var(--risk);}
.h2{font-size:clamp(28px,4.4vw,46px); line-height:1.08; letter-spacing:-.5px; margin:0 0 18px; font-weight:680;}
.lede{font-size:clamp(16px,1.7vw,19px); color:var(--muted); max-width:64ch; margin:0 0 24px;}
.sowhat{margin-top:28px; font-size:clamp(15px,1.6vw,18px); color:var(--text); padding-left:16px; border-left:2px solid var(--gold-deep);}
.gold-fig{color:var(--gold); font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:-1px;}

/* reveal */
[data-scene] .wrap > *{opacity:0; transform:translateY(16px);}
[data-scene].in .wrap > *{opacity:1; transform:none; transition:opacity .7s var(--ease), transform .7s var(--ease);}
[data-scene].in .wrap > *:nth-child(2){transition-delay:.05s;}
[data-scene].in .wrap > *:nth-child(3){transition-delay:.1s;}
[data-scene].in .wrap > *:nth-child(4){transition-delay:.15s;}
[data-scene].in .wrap > *:nth-child(5){transition-delay:.2s;}

/* cover */
.cover .wrap{max-width:var(--maxw);}
.er-logo{height:30px; width:auto; opacity:.95; margin-bottom:20px; display:block;}
.cobrand{display:flex; align-items:center; gap:16px; margin-bottom:22px; flex-wrap:wrap;}
.cobrand .er-logo{margin-bottom:0;}
.cobrand-div{color:var(--dim); font-size:13px; letter-spacing:1px;}
.sl-logo{height:30px; width:auto; display:block;}
.foot-lockup{display:flex; align-items:center; gap:14px; margin:28px 0 10px;}
.foot-lockup .foot-logo{margin:0;}
.foot-lockup .sl-logo{height:22px;}
.kicker{font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--gold);}
.cover-h{font-size:clamp(38px,6.4vw,80px); line-height:1.03; letter-spacing:-1.4px; margin:16px 0 22px; font-weight:700;}
.cover-sub{font-size:clamp(16px,1.9vw,21px); color:var(--muted); max-width:62ch;}
.scroll-cue{margin-top:48px; display:flex; align-items:center; gap:12px; color:var(--dim); font-size:11px; letter-spacing:2px; text-transform:uppercase;}
.scroll-cue i{width:1px; height:34px; background:linear-gradient(var(--gold),transparent); display:block; animation:cue 1.8s var(--ease) infinite;}
@keyframes cue{0%{transform:scaleY(.3); transform-origin:top;}50%{transform:scaleY(1);}100%{transform:scaleY(.3); transform-origin:bottom;}}

/* dark scenes (divider + close) */
.scene.dark{background:radial-gradient(120% 100% at 50% 0%, #14171d, var(--bg) 70%); justify-content:center;}
.scene.dark h1{font-weight:700; letter-spacing:-.6px;}
.divider-sub{font-size:clamp(15px,1.8vw,20px); color:#c4cbd6; max-width:62ch;}

/* big number */
.bignum{display:flex; gap:34px; align-items:center; flex-wrap:wrap; margin:6px 0;}
.bignum .x{font-size:clamp(86px,15vw,190px); font-weight:760; line-height:.86; font-family:var(--mono); letter-spacing:-4px;
  background:linear-gradient(180deg,#f3d79a,var(--gold-deep)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.bignum .x.mono{letter-spacing:-2px;}
.bignum-cap{flex:1; min-width:300px;}
.big-line{font-size:clamp(19px,2.4vw,28px); line-height:1.2; margin:0 0 12px;}
.sub-line{font-size:clamp(14px,1.5vw,17px); color:var(--muted); margin:0;}

/* drill-down */
.drill-toggle{margin:6px 0 0; font:inherit; font-size:13px; font-weight:600; color:var(--gold); background:transparent; border:1px solid var(--hair); border-radius:8px; padding:9px 15px; cursor:pointer;}
.drill-toggle:hover{border-color:var(--gold-deep);}
.drill{max-height:0; overflow:hidden; opacity:0; transition:max-height .4s var(--ease), opacity .4s var(--ease);}
.drill.open{max-height:1200px; opacity:1; margin-top:14px;}

/* charts + depth */
.chart{width:100%; margin:8px 0 4px;}
#geoChart{height:340px;} #catChart{height:250px;} #bandChart{height:230px;} #forecastChart{height:360px;}
.worldwrap{margin:14px 0;} .worldwrap[hidden]{display:none;}
.mechanisms{margin-top:6px;}
.depth{display:grid; grid-template-columns:1fr 1fr; gap:30px; width:100%;}
.depth-col .h, .col .h, .depth .h{display:block; font-weight:700; color:#cfd3da; font-size:13px; margin-bottom:6px;}
.st{display:flex; flex-direction:column; gap:11px; margin-top:4px;}
.stb{display:grid; grid-template-columns:130px 1fr 44px; align-items:center; gap:12px;}
.stb-l{font-size:13px; color:var(--muted);}
.stb-track{height:9px; background:var(--panel-2); border:1px solid var(--hair); border-radius:6px; overflow:hidden;}
.stb-fill{height:100%; background:linear-gradient(90deg,var(--gold-deep),var(--gold)); border-radius:6px;}
.stb-v{font-size:13px; color:#fff; text-align:right;}
.lots{display:flex; flex-direction:column; gap:7px; margin-top:8px;}
.lot{display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; background:var(--panel); border:1px solid var(--hair); border-radius:8px; padding:8px 12px;}
.lot-tier{font-size:9px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--dim); border:1px solid var(--hair); border-radius:4px; padding:2px 6px; min-width:42px; text-align:center;}
.lot-tier.box,.lot-tier.set,.lot-tier.single{color:var(--gold); border-color:#3a2f17;}
.lot-t{font-size:12.5px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lot-p{font-size:14px; color:#fff; white-space:nowrap;}
.lot-aud{font-size:10px; color:var(--dim); font-weight:400; letter-spacing:.2px;}
.livenow{margin-top:10px; font-size:12px; color:var(--dim); display:flex; align-items:baseline; gap:8px;}
.livedot{flex:none; align-self:center; width:6px; height:6px; border-radius:50%; background:var(--dim);}
.live-lbl{font-size:9px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--gold); border:1px solid #3a2f17; background:#1a1812; border-radius:3px; padding:2px 6px;}
.pgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:22px 0;}
.pg-cell{display:flex; flex-direction:column; gap:3px; padding:11px 12px; border-radius:8px; border:1px solid var(--hair); background:var(--panel);}
.pg-name{font-size:13px; font-weight:600; color:var(--text);}
.pg-st{font-size:9.5px; letter-spacing:.4px; color:var(--dim); text-transform:uppercase;}
.pg-cell.live{border-color:var(--gold); background:#1a1812;}
.pg-cell.live .pg-st{color:var(--gold);}
.pg-cell.lever{border-style:dashed; border-color:#3a2f17;}
.pg-cell.lever .pg-st{color:var(--gold);}
.pg-cell.open{opacity:.7;}
@media(max-width:640px){.pgrid{grid-template-columns:repeat(2,1fr);}}
.pk-tie{margin-top:16px; font-size:14px; color:var(--text); line-height:1.5;}
.bigcall{margin-top:18px; font-size:15px; color:var(--text); border-left:2px solid var(--gold); padding-left:14px; line-height:1.5;}

/* world map (global path) */
.worldmap{width:100%; height:400px; margin:12px 0;}
.worldmap-fallback{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0;}
.worldmap-fallback span{font-size:13px; color:#cfd3da; background:var(--panel); border:1px solid var(--hair); border-radius:20px; padding:7px 14px;}

/* TAM venn + layers */
.venn{position:relative; height:320px; max-width:520px; margin:22px auto 12px;}
.v-circle{position:absolute; top:0; width:320px; height:320px; border-radius:50%; border:1.5px solid;}
.v-circle.a{left:0; border-color:rgba(214,162,78,.55); background:radial-gradient(circle at 40% 50%, rgba(214,162,78,.13), transparent 62%);}
.v-circle.b{right:0; border-color:rgba(110,170,224,.5); background:radial-gradient(circle at 60% 50%, rgba(110,170,224,.11), transparent 62%);}
.v-lab{position:absolute; top:50%; transform:translateY(-50%); width:120px; text-align:center;}
.v-circle.a .v-lab{left:20px;} .v-circle.b .v-lab{right:20px;}
.v-t{display:block; font-size:12.5px; color:var(--muted); font-weight:600;}
.v-n{display:block; font-family:var(--mono); font-size:17px; color:#fff; margin-top:4px; letter-spacing:-.5px;}
.v-mid{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:3; width:130px;}
.v-mt{display:block; font-weight:700; color:var(--gold); font-size:14px;}
.v-ms{display:block; font-size:11.5px; color:var(--muted); margin-top:2px;}
.layers{display:flex; flex-direction:column; gap:8px; margin:6px 0;}
.layer{background:var(--panel); border:1px solid var(--hair); border-radius:10px; overflow:hidden;}
.layer.feat{border-color:#3a2f17; background:linear-gradient(180deg,#1a1812,#16140e);}
.layer summary{cursor:pointer; list-style:none; padding:14px 18px; display:flex; align-items:center; gap:14px; font-size:14px;}
.layer summary::-webkit-details-marker{display:none;}
.ly-n{width:24px; height:24px; border-radius:50%; background:var(--panel-2); border:1px solid var(--hair); color:var(--gold); font-family:var(--mono); font-size:13px; display:flex; align-items:center; justify-content:center; flex:none;}
.ly-h{font-weight:650; color:#fff;}
.ly-fig{color:var(--muted); font-size:12.5px; margin-left:auto; text-align:right;}
.layer-body{padding:0 18px 18px 56px;}
.layer-body p{margin:0 0 10px; font-size:14px; color:var(--muted); line-height:1.5;}
.proof{margin:0 0 12px; padding-left:18px;} .proof li{font-size:12.5px; color:var(--muted); margin:5px 0; line-height:1.4;}
.layer-body .h{margin-top:6px;}
@media (max-width:560px){
  .venn{height:auto; max-width:none; display:flex; flex-direction:column; gap:8px;}
  .v-circle{position:static; width:100%; height:auto; border-radius:12px; padding:18px;}
  .v-lab{position:static; transform:none; width:auto; text-align:left;}
  .v-mid{position:static; transform:none; width:auto;}
  .ly-fig{display:none;} .layer-body{padding-left:18px;}
}

/* callout */
.callout{margin-top:auto; background:#f6f3ec; border-left:5px solid var(--gold-deep); padding:5mm 7mm; border-radius:2px; font-size:12.5pt; color:#2b2f37;}
.callout strong{color:#1b2435;}

/* hinge (you've been inside it) */
.scene.hinge{background:radial-gradient(120% 100% at 50% 32%, #15120c, var(--bg) 72%);}
.big-claim{font-size:clamp(18px,2.1vw,24px); color:var(--text); max-width:66ch; line-height:1.45;}
.footnote-cred{font-size:12px; color:var(--dim); max-width:72ch; margin-top:26px; line-height:1.55; border-top:1px solid var(--hair); padding-top:14px;}

/* soul */
.soul{background:radial-gradient(120% 120% at 50% 40%, #15120c, var(--bg) 70%); text-align:center;}
.soul-wrap{max-width:920px; margin:0 auto;}
.soul-line{font-size:clamp(26px,4vw,48px); line-height:1.18; letter-spacing:-.5px; margin:0 auto 22px; font-weight:600;}
.soul-sub{color:var(--muted); font-size:clamp(15px,1.7vw,19px); max-width:62ch; margin:0 auto;}

/* grids of cells */
.grid{display:flex; flex-wrap:wrap; gap:6mm;}
.grid .cell{background:var(--panel); border:1px solid var(--hair); border-radius:8px; padding:5mm 6mm; font-size:11.5pt; line-height:1.42;}
.grid.g2 .cell{width:calc(50% - 5mm);} .grid.g3 .cell{width:calc(33.333% - 5mm);}
.grid .cell .h{display:block; font-weight:700; color:#fff; font-size:12.5pt; margin-bottom:2mm;}
.grid.protect .cell{background:#1a1812; border-color:#3a2f17;}

/* facet faces */
.facets{display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:8px 0 14px; width:100%;}
.facet{text-align:left; background:var(--panel); border:1px solid var(--hair); border-radius:10px; padding:12px 14px; cursor:pointer; color:var(--text); font:inherit; transition:.18s var(--ease); display:flex; flex-direction:column; gap:5px;}
.facet:hover{border-color:#3a3f4b; transform:translateY(-1px);}
.facets.risk .facet.on{border-color:var(--risk); box-shadow:inset 0 0 0 1px var(--risk); background:#1d1813;}
.facets.carry .facet.on{border-color:var(--gold-deep); box-shadow:inset 0 0 0 1px var(--gold-deep); background:#1a1812;}
.facet .ff{font-weight:650; font-size:13.5px;}
.facet .fg{font-size:11px; color:var(--muted); line-height:1.35;}
.facet .fwho{font-size:9.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--dim);}
.facets.risk .facet.on .fwho{color:var(--risk);} .facets.carry .facet.on .fwho{color:var(--gold);}
.facet-detail, .comp-detail{width:100%; max-height:0; overflow:hidden; opacity:0; transition:max-height .35s var(--ease), opacity .35s var(--ease); border-radius:12px;}
.facet-detail.show, .comp-detail.show{max-height:420px; opacity:1;}
.facets.risk ~ .facet-detail.show{background:linear-gradient(180deg,#1d1813,#16130e); border:1px solid #4a3320;}
.facets.carry ~ .facet-detail.show, .comp-detail.show{background:linear-gradient(180deg,#1a1812,#16140e); border:1px solid #3a2f17;}
.fd-in{padding:18px 22px;}
.fd-eye{font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); font-weight:700;}
.fd-cols{display:grid; grid-template-columns:1fr; gap:18px; margin-top:12px;}
.fd-cols.three{grid-template-columns:1fr 1fr 1fr;}
.fd-h{display:block; font-weight:700; font-size:13px; color:var(--muted); margin-bottom:6px;}
.fd-h.gold{color:var(--gold);}
.fd-cols p{margin:0; font-size:13.5px; color:var(--text); line-height:1.5;}

/* competitor autopsies */
.comps{display:grid; grid-template-columns:repeat(5,1fr); gap:9px; margin:8px 0 14px; width:100%;}
.comp{text-align:left; background:var(--panel); border:1px solid var(--hair); border-radius:10px; padding:13px 14px; cursor:pointer; color:var(--text); font:inherit; transition:.18s var(--ease); display:flex; flex-direction:column; gap:6px;}
.comp:hover{border-color:#3a3f4b; transform:translateY(-1px);}
.comp.on{border-color:var(--gold-deep); box-shadow:inset 0 0 0 1px var(--gold-deep);}
.comp.self{background:linear-gradient(180deg,#101c15,#0f1712); border-color:#1c3a2a;}
.comp.self.on{border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green);}
.comp .cn{font-weight:650; font-size:14px;}
.comp .ct{font-size:10px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--gold);}
.comp.self .ct{color:var(--green);}
.comp .cb{font-family:var(--mono); font-size:11px; color:var(--dim);}
.rtest{font-size:10px; font-weight:700; letter-spacing:.2px; margin-top:2px;}
.rtest.pass{color:var(--green);} .rtest.fail{color:var(--risk);}
.nosum{font-size:13px; color:var(--dim); max-width:64ch; margin:2px auto 14px; border-left:2px solid var(--hair); padding-left:12px; text-align:left;}
/* forecast: penetration hero + read-out tables (BUILD-SPEC forecast-tam) */
.pen-hero{display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; margin:20px 0 10px; padding:22px; background:#1a1812; border:1px solid #3a2f17; border-radius:12px;}
.pen-num{font-size:52px; font-weight:700; color:var(--gold); letter-spacing:-1px; line-height:1;}
.pen-cap{font-size:13px; color:var(--text); max-width:52ch; line-height:1.5;}
details.working{margin:6px 0 4px;}
details.working summary{cursor:pointer; font-size:12px; color:var(--gold); letter-spacing:.3px; list-style:none; user-select:none; padding:6px 0;}
details.working summary::-webkit-details-marker{display:none;}
.tscroll{max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.ftable{width:100%; border-collapse:collapse; margin:8px 0; font-size:12.5px;}
.ftable th{text-align:left; color:var(--dim); font-weight:600; font-size:10px; text-transform:uppercase; letter-spacing:.5px; padding:6px 10px; border-bottom:1px solid var(--hair);}
.ftable td{padding:7px 10px; border-bottom:1px solid var(--hair); color:var(--text);}
.ftable td.gold{color:var(--gold);}
.ftable tbody tr:last-child td{border-bottom:none;}
.ftable-note{font-size:12px; color:var(--dim); line-height:1.5; margin:6px 0 2px; border-left:2px solid var(--gold); padding-left:12px; max-width:64ch;}
.readout td:first-child,.revband td:first-child{white-space:nowrap;}
.revband th:first-child,.revband td:first-child{color:var(--dim);}
.caveats{max-width:72ch;}
.caveats p{margin:0 0 9px; line-height:1.5;}
.caveats p:last-child{margin-bottom:0;}
.caveats strong{color:var(--text);}
@media (max-width:760px){ .ftable{font-size:11px;} .ftable th,.ftable td{padding:5px 6px;} .pen-num{font-size:40px;} }
/* Scene 4: factor chain + SAM funnel */
.fchain{display:flex; align-items:stretch; gap:8px; margin:18px 0 4px; flex-wrap:wrap;}
.fc-tile{flex:1; min-width:120px; display:flex; flex-direction:column; gap:3px; background:var(--panel); border:1px solid var(--hair); border-radius:10px; padding:14px;}
.fc-tile.big{background:#1a1812; border-color:#3a2f17;}
.fc-n{font-size:26px; font-weight:700; color:var(--text); line-height:1;}
.fc-tile.big .fc-n{color:var(--gold);}
.fc-l{font-size:12px; color:var(--text);}
.fc-src{font-size:10px; color:var(--dim); letter-spacing:.2px;}
.fc-op{display:flex; align-items:center; font-size:20px; color:var(--dim); font-weight:700;}
.northstar{font-size:13.5px; color:var(--text); max-width:66ch; margin:4px 0 12px; border-left:2px solid var(--gold); padding-left:12px; line-height:1.5;}
.funnel{display:flex; flex-direction:column; align-items:center; gap:4px; margin:8px 0;}
.fn-band{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 16px; border-radius:6px; border:1px solid var(--hair);}
.fn-band .fn-t{font-size:12.5px; font-weight:600; color:var(--text);}
.fn-band .fn-v{font-size:11px; color:var(--dim);}
.fn-band.tam{width:100%; background:#14171c;}
.fn-band.sam{width:62%; background:#1a1812; border-color:#3a2f17;}
.fn-band.sam .fn-v{color:var(--gold);}
.fn-band.som{width:26%; background:var(--gold); border-color:var(--gold);}
.fn-band.som .fn-t,.fn-band.som .fn-v{color:#0e1014;}
.pen-hero.compact{padding:16px; margin:12px 0 10px;}
.pen-hero.compact .pen-num{font-size:38px;}
@media (max-width:760px){ .fchain{flex-direction:column;} .fc-op{justify-content:center;} .fn-band.sam,.fn-band.som{width:100%;} }
.ladder{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0 4px;}
.rung{background:var(--panel); border:1px solid var(--hair); border-radius:10px; padding:14px 16px;}
.rung.wedge{border-color:#3a2f17; background:linear-gradient(180deg,#1a1812,#16140e);}
.rg-n{display:block; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; color:var(--dim); font-weight:700;}
.rung.wedge .rg-n{color:var(--gold);}
.rg-t{display:block; font-weight:650; font-size:15px; color:#fff; margin:5px 0 4px;}
.rg-d{display:block; font-size:12px; color:var(--muted); line-height:1.4;}
@media (max-width:760px){ .ladder{grid-template-columns:1fr;} }
.insight{margin-top:18px; background:linear-gradient(180deg,#1a1812,#15130d); border:1px solid #3a2f17; border-left:5px solid var(--gold); border-radius:10px; padding:18px 22px;}
.insight-k{display:block; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:8px;}
.insight p{margin:0; font-size:15px; color:var(--text); line-height:1.5;}
.entrants-wrap{margin-top:16px;}
.entrants-wrap summary{cursor:pointer; color:var(--muted); font-size:13px; font-weight:600; list-style:none;}
.entrants-wrap summary::-webkit-details-marker{display:none;}
.entrants-note{font-size:13px; color:var(--muted); margin:10px 0;}
.entrants{display:grid; grid-template-columns:repeat(3,1fr); gap:9px;}
.entrant{background:var(--panel); border:1px solid var(--hair); border-radius:9px; padding:12px 14px;}
.entrant .en{display:block; font-weight:650; font-size:13px; margin-bottom:5px;}
.entrant .ew{font-size:11.5px; color:var(--muted); line-height:1.4;}

/* stats + roster */
.stats{display:flex; gap:5mm; margin:5mm 0;}
.stat{flex:1; background:var(--panel); border:1px solid var(--hair); border-radius:5px; padding:6mm 4mm; text-align:center;}
.stat .big{display:block; font-size:20pt; font-weight:700; color:var(--gold); line-height:1; font-family:var(--mono);}
.stat .lbl{display:block; font-size:9.5pt; color:var(--muted); margin-top:2.5mm; line-height:1.3;}
.roster{display:flex; flex-wrap:wrap; gap:3mm 3.5mm; margin-top:3mm;}
.roster span{font-size:12pt; font-weight:600; color:#cfd3da; background:var(--panel); border:1px solid var(--hair); border-radius:3px; padding:2mm 4mm;}

/* bios two-col */
.two-col{display:flex; gap:12mm;} .two-col .col{flex:1;}
.col p{font-size:12pt; color:var(--muted);} .col .h{font-weight:700; color:#fff;}

/* cadence */
.toggle{display:inline-flex; gap:4px; padding:4px; background:var(--panel); border:1px solid var(--hair); border-radius:10px; margin:6px 0 24px; flex-wrap:wrap;}
.toggle button{font:inherit; font-size:13px; color:var(--muted); background:transparent; border:0; padding:9px 16px; border-radius:7px; cursor:pointer; transition:.2s var(--ease);}
.toggle button.t-on{background:var(--panel-2); color:#fff; box-shadow:inset 0 0 0 1px var(--hair);}
.cadence{display:grid; grid-template-columns:repeat(4,1fr); gap:13px;}
.cad{background:rgba(22,25,31,.7); border:1px solid var(--hair); border-radius:12px; padding:18px 16px; position:relative; overflow:hidden;}
.cad .season{font-size:11.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold); font-weight:700;}
.cad .when{font-family:var(--mono); font-size:12px; color:var(--muted); margin-top:6px;}
.cad .note{font-size:13px; color:var(--text); margin-top:11px; line-height:1.4;}
.cad .bar{position:absolute; left:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--gold-deep),var(--gold));}

/* paths (parallel columns) */
.paths{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:6px;}
.path{background:var(--panel); border:1px solid var(--hair); border-radius:14px; padding:26px;}
.path.feat{background:linear-gradient(180deg,#1c1810,#16130d); border-color:#3a2f17;}
.path-h{display:block; font-weight:700; font-size:20px; color:#fff;}
.path.feat .path-h{color:var(--gold);}
.path-sub{display:block; font-size:13px; color:var(--muted); margin:3px 0 14px;}
.path-guarantee{font-size:15px; color:#fff; font-style:italic; border-left:3px solid var(--gold); padding-left:12px; margin:0 0 14px;}
.path ul{margin:0; padding-left:18px;} .path li{margin:8px 0; font-size:14px; color:var(--muted); line-height:1.45;}
.path-foot{margin:16px 0 0; font-size:13px; color:var(--dim);}

/* table */
table{border-collapse:collapse; width:100%; margin:2mm 0; font-size:11.5pt;}
table.tight{font-size:10.8pt;} table.tight td{padding:3mm 5mm;}
thead th{background:#283349; color:#fff; text-align:left; font-weight:600; padding:4mm 5mm;}
td{padding:4mm 5mm; border:1px solid var(--hair); vertical-align:top; color:var(--muted);}
td strong{color:#fff;} tbody tr:nth-child(even) td{background:rgba(22,25,31,.5);}

/* stream */
.pull-head{display:flex; align-items:center; gap:18px; margin:4px 0 18px; flex-wrap:wrap;}
.btn{font:inherit; font-size:14px; font-weight:600; color:#1b1305; background:linear-gradient(180deg,#e7c074,var(--gold-deep)); border:0; padding:11px 20px; border-radius:9px; cursor:pointer; transition:.18s var(--ease);}
.btn:hover{filter:brightness(1.06);} .btn:disabled{opacity:.6; cursor:default;}
.scan{font-size:12.5px; color:var(--dim);}
.stream{display:flex; flex-direction:column; gap:8px; min-height:120px;}
.row{display:grid; grid-template-columns:auto 1fr auto auto; gap:14px; align-items:center; background:var(--panel); border:1px solid var(--hair); border-radius:9px; padding:11px 15px; opacity:0; transform:translateY(8px);}
.row.show{opacity:1; transform:none; transition:opacity .35s var(--ease), transform .35s var(--ease);}
.row .tier{font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--dim); border:1px solid var(--hair); border-radius:5px; padding:3px 7px; min-width:62px; text-align:center;}
.row .tier.box,.row .tier.set{color:var(--gold); border-color:#3a2f17;}
.row .rt{font-size:13.5px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.row .rp{font-family:var(--mono); font-size:15px; color:#fff; font-weight:600;}
.row .rd{font-family:var(--mono); font-size:11.5px; color:var(--dim); min-width:78px; text-align:right;}
.row.skel .sk{height:12px; border-radius:4px; background:linear-gradient(90deg,#1b1f27,#272c36,#1b1f27); background-size:200% 100%; animation:sh 1.1s linear infinite;}
@keyframes sh{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.stream-settle{color:var(--green); font-size:13px; margin-top:8px; opacity:0; transition:opacity .4s;}
.stream-settle.show{opacity:1;}
.cached-note{color:var(--dim); font-size:12.5px; margin-top:14px;}
.prov{margin-top:16px; font-size:11px; color:var(--dim); letter-spacing:.2px;}
.tchip{display:inline-block; font-family:var(--mono); font-size:9px; font-weight:500; letter-spacing:.6px; color:var(--gold); border:1px solid rgba(249,167,32,0.25); background:rgba(249,167,32,0.10); padding:2px 6px; margin-right:9px; vertical-align:middle;}
@media (max-width:430px){ .ftable{font-size:10px;} .ftable th,.ftable td{padding:4px 5px;} .ftable td:first-child,.ftable th:first-child{white-space:normal;} }
/* ER nav: labelled Latin crosses instead of dots (Christian motif, Matt) */
.dotnav{align-items:flex-end; gap:16px;}
.dot{display:flex; align-items:center; justify-content:flex-end; gap:10px; background:none; border:none; cursor:pointer; padding:1px 0;}
.dot-l{font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); white-space:nowrap; opacity:.5; transition:.2s var(--ease);}
.dot-d{width:11px; height:15px; border:none !important; border-radius:0 !important; background:var(--dim); transition:.2s var(--ease); transform:none;
  clip-path:polygon(41% 0, 59% 0, 59% 26%, 100% 26%, 100% 44%, 59% 44%, 59% 100%, 41% 100%, 41% 44%, 0 44%, 0 26%, 41% 26%);}
.dot:hover .dot-l,.dot.on .dot-l{opacity:1; color:var(--gold);}
.dot.on .dot-d{background:var(--gold); transform:none;}
.dot:hover .dot-d{background:var(--muted);}
.chase-note{margin-top:14px; font-size:13px; color:#cfd3da; line-height:1.5; padding-left:14px; border-left:2px solid var(--gold);}
.chase-note .mono{color:var(--gold);}

/* close */
.close-h{font-size:clamp(34px,5vw,58px); letter-spacing:-1px; margin:0 0 26px; font-weight:700; color:#fff;}
.doors{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:24px;}
.door{background:var(--panel); border:1px solid var(--hair); border-radius:14px; padding:24px; color:var(--muted); font-size:15px;}
.door.feat{background:linear-gradient(180deg,#1f1a0f,#191510); border-color:#3a2f17;}
.door .dh{display:block; font-weight:700; font-size:18px; color:#fff; margin-bottom:10px;}
.door.feat .dh{color:var(--gold);}
.close-cta{font-size:clamp(16px,1.9vw,21px); color:#fff; font-weight:600; max-width:62ch;}
.foot-logo{height:24px; margin:28px 0 10px; opacity:.8;}
.foot-note{color:var(--dim); font-size:11.5px; margin:0;}
.cover-foot{position:absolute; bottom:14mm; left:18mm; font-size:10pt; color:#7e8896;}

@media (max-width:760px){
  .scene{padding:11vh 7vw;}
  .facets,.comps,.entrants,.depth,.paths,.doors,.cadence,.grid.g2 .cell,.grid.g3 .cell,.stats,.two-col{grid-template-columns:1fr !important; flex-direction:column;}
  .grid.g2 .cell,.grid.g3 .cell{width:100%;}
  .stat{width:100%;}
  .fd-cols.three{grid-template-columns:1fr;}
  .row{grid-template-columns:auto 1fr auto;} .row .rd{display:none;}
  .stb{grid-template-columns:110px 1fr 40px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;}
  [data-scene] .wrap > *{opacity:1 !important; transform:none !important;}
}