/* ============================================================
   ART DENTAL CENTRE × BRANDCORE.IO
   Private website proposal — deck-902
   Palette derived from the practice's green + gold identity.
   ============================================================ */

@font-face{font-family:"Space Grotesk";src:url("assets/fonts/space-grotesk-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("assets/fonts/plus-jakarta-sans-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("assets/fonts/cormorant-garamond-600-italic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("assets/fonts/cormorant-garamond-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-mono-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --ink:#06110D;
  --ink-2:#0A1B15;
  --ink-3:#10291F;
  --paper:#F2EFE5;
  --paper-2:#E9E3D4;
  --paper-3:#DCD3BE;
  --cream:#FBF8EF;
  --mint:#BFE4D2;
  --mint-2:#8FD0B4;
  --mint-3:#E1F7EC;
  --gold:#C9A24B;
  --gold-2:#E8C783;
  --bronze:#6B4700;
  --bronze-2:#8A5A12;
  --red:#A6322C;
  --muted-dark:#AFC2B7;
  --muted-paper:#52645A;
  --top:70px;
  --bottom:64px;
  --gutter:clamp(22px,4vw,68px);
  --max:1720px;
  --body:clamp(16px,1.15vw,22px);
  --small:clamp(13px,.88vw,15px);
  --h1:clamp(48px,6.25vw,116px);
  --h2:clamp(36px,3.62vw,60px);
  --h3:clamp(21px,1.55vw,30px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --cut:cubic-bezier(.7,0,.3,1);
  --dur:560ms;
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow:hidden;
  background:var(--ink);
  color:var(--paper);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:var(--body);
  line-height:1.55;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body[data-theme="dark"]{
  --chrome-bg:rgba(6,17,13,.96);
  --chrome-fg:#F2EFE5;
  --chrome-muted:#AFC2B7;
  --chrome-line:rgba(242,239,229,.16);
  --chrome-accent:#E8C783;
}
body[data-theme="light"]{
  --chrome-bg:rgba(242,239,229,.97);
  --chrome-fg:#0B1B15;
  --chrome-muted:#52645A;
  --chrome-line:rgba(11,27,21,.16);
  --chrome-accent:#6B4700;
}

::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit}
img{max-width:100%}
h1,h2,h3{font-family:"Space Grotesk","Segoe UI",sans-serif;font-weight:500;letter-spacing:-.04em;margin:0}
h1{font-size:var(--h1);line-height:.91;letter-spacing:-.058em}
h2{font-size:var(--h2);line-height:.99;letter-spacing:-.048em}
h1 em,h2 em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.015em;color:var(--gold-2)}
[data-theme="light"] h1 em,[data-theme="light"] h2 em{color:var(--bronze-2)}
p{margin:0}
ul,ol{margin:0;padding:0}

.skip-link{
  position:fixed;left:12px;top:12px;z-index:200;transform:translateY(-200%);
  background:var(--gold);color:var(--ink);padding:10px 14px;text-decoration:none;
  font-family:"JetBrains Mono",monospace;font-size:13px;transition:transform .2s;
}
.skip-link:focus{transform:none}

.progress-track{position:fixed;left:0;top:0;right:0;height:2px;background:rgba(255,255,255,.08);z-index:80;pointer-events:none}
.progress-track i{display:block;height:100%;width:11.111%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .55s var(--ease)}

/* ---------- CHROME ---------- */
.topbar{
  position:fixed;inset:0 0 auto 0;z-index:60;
  height:calc(var(--top) + env(safe-area-inset-top));
  padding:env(safe-area-inset-top) var(--gutter) 0;
  display:flex;align-items:center;gap:18px;
  background:var(--chrome-bg);color:var(--chrome-fg);
  border-bottom:1px solid var(--chrome-line);
  backdrop-filter:blur(14px);
  transition:background-color .4s,color .4s,border-color .4s;
}
.co-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.client-mark{display:inline-flex;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;overflow:hidden;flex:0 0 auto;background:#0B3A2A;box-shadow:0 0 0 3px rgba(201,162,75,.14)}
.client-mark img{width:100%;height:100%;object-fit:cover;display:block}
.co-x{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--chrome-accent);line-height:1}
.client-name{font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--chrome-fg);white-space:nowrap;line-height:1}
.bc-logo{width:88px;height:auto;display:block;flex:0 0 auto}
body[data-theme="dark"] .bc-light{display:none}
body[data-theme="light"] .bc-dark{display:none}
.top-section{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.19em;text-transform:uppercase;
  color:var(--chrome-muted);white-space:nowrap;
}
.top-right{margin-left:auto;display:flex;align-items:center;gap:16px;flex:0 0 auto}
.index-btn{
  border:1px solid var(--chrome-line);background:transparent;color:var(--chrome-fg);
  font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  padding:8px 11px;cursor:pointer;display:flex;align-items:center;gap:9px;border-radius:2px;
  transition:border-color .2s,color .2s,background .2s;
}
.index-btn span{color:var(--chrome-accent);font-size:12px}
.index-btn:hover{border-color:var(--gold);color:var(--chrome-accent)}
.top-counter{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.1em;color:var(--chrome-muted);white-space:nowrap}

.bottom{
  position:fixed;inset:auto 0 0 0;z-index:60;
  height:calc(var(--bottom) + env(safe-area-inset-bottom));
  padding:0 var(--gutter) env(safe-area-inset-bottom);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:var(--chrome-bg);color:var(--chrome-fg);
  border-top:1px solid var(--chrome-line);backdrop-filter:blur(14px);
  transition:background-color .4s,color .4s,border-color .4s;
}
.foot-left{display:flex;align-items:center;gap:20px;font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.82vw,14px);letter-spacing:.06em;color:var(--chrome-muted);text-transform:uppercase}
.foot-left span+span{position:relative;padding-left:20px}
.foot-left span+span::before{content:"";position:absolute;left:0;top:50%;width:1px;height:13px;background:var(--chrome-line);transform:translateY(-50%)}
.foot-mid{position:absolute;left:50%;transform:translateX(-50%);font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-muted);white-space:nowrap}
.nav-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-controls button{
  height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;
  border:1px solid var(--chrome-line);background:transparent;color:var(--chrome-fg);
  font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.86vw,14px);letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;border-radius:2px;transition:background .2s,color .2s,border-color .2s;
}
.nav-controls button:hover{background:rgba(201,162,75,.12);border-color:var(--gold)}
.nav-controls .next-btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.nav-controls .next-btn:hover{background:var(--gold-2);border-color:var(--gold-2)}
.bottom-counter{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.1em;color:var(--chrome-muted);min-width:54px;text-align:center}

.rail{
  position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:55;
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
}
.rail button{background:none;border:0;display:flex;align-items:center;gap:8px;padding:5px 0 5px 20px;cursor:pointer;color:var(--chrome-muted)}
.rail .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;transition:height .25s,background .25s,opacity .25s,border-radius .25s}
.rail .rail-label{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;pointer-events:none}
.rail button:hover .rail-label,.rail button:focus-visible .rail-label{opacity:1;transform:none}
.rail button[aria-current="true"]{color:var(--gold)}
.rail button[aria-current="true"] .dot{height:18px;border-radius:4px;background:var(--gold);opacity:1}
.rail button[aria-current="true"] .rail-label{opacity:1;transform:none}

/* ---------- SLIDES ---------- */
.deck{position:relative;height:100svh;overflow:hidden}
.slide{
  position:absolute;inset:0;background:var(--bg);color:var(--fg);
  opacity:0;visibility:hidden;z-index:1;
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--cut);
  will-change:opacity,transform;
}
.slide[data-theme="dark"]{
  --bg:var(--ink);--fg:var(--paper);--muted:var(--muted-dark);
  --line:rgba(242,239,229,.15);--accent:var(--mint);--accent-2:var(--gold-2);
  --card:rgba(255,255,255,.032);--card-2:rgba(255,255,255,.055);
}
.slide[data-theme="light"]{
  --bg:var(--paper);--fg:#0B1B15;--muted:var(--muted-paper);
  --line:rgba(11,27,21,.16);--accent:var(--bronze);--accent-2:var(--bronze-2);
  --card:rgba(255,255,255,.55);--card-2:rgba(255,255,255,.78);
}
.slide.is-active{opacity:1;visibility:visible;transform:none;z-index:4}
.slide.is-leaving{opacity:0;visibility:visible;transform:translate3d(calc(var(--dir,1) * -3.4%),0,0) scale(.986);z-index:3}
.slide.is-entering{opacity:0;visibility:visible;transform:translate3d(calc(var(--dir,1) * 3.4%),0,0) scale(.992);z-index:5}
.slide.is-entering.is-active{opacity:1;transform:none;z-index:4}
.slide-scroll{
  position:relative;height:100%;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;scrollbar-gutter:stable;
  padding:calc(var(--top) + env(safe-area-inset-top) + clamp(18px,3vh,34px)) var(--gutter) calc(var(--bottom) + env(safe-area-inset-bottom) + clamp(18px,3vh,30px));
  scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 42%,transparent) transparent;
}
.slide-scroll::-webkit-scrollbar{width:8px;height:8px}
.slide-scroll::-webkit-scrollbar-track{background:transparent}
.slide-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:8px}
.slide-inner{width:100%;max-width:var(--max);margin:0 auto;min-height:100%;display:flex;flex-direction:column}

.kicker{
  display:flex;align-items:center;gap:12px;margin-bottom:clamp(12px,1.8vh,20px);
  font-family:"JetBrains Mono",monospace;font-size:var(--small);letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);line-height:1.4;
}
.kicker::before{content:"";width:30px;height:1px;background:currentColor;opacity:.8;flex:0 0 auto}
.lead{font-size:clamp(17px,1.15vw,21px);line-height:1.52;color:var(--muted);max-width:62ch}
.split-head{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(18px,3vh,34px)}
.split-head h2{max-width:15ch}
.split-head .lead{max-width:45ch;padding-bottom:5px}
.slide-note{
  margin-top:auto;padding-top:13px;border-top:1px solid var(--line);
  font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.84vw,14px);line-height:1.5;
  letter-spacing:.015em;color:var(--muted);
}.btn{
  display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:2px;border:1px solid var(--line);
  background:transparent;color:var(--fg);font-family:"JetBrains Mono",monospace;
  font-size:clamp(13px,.86vw,15px);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;
}
.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-ink:hover{background:var(--bronze-2);border-color:var(--bronze-2);color:var(--paper)}

/* ---------- 01 COVER ---------- */
.cover-scroll{overflow:hidden}
.cover-grid{flex:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,3.4vw,62px);align-items:center}
.cover-copy{display:flex;flex-direction:column;gap:clamp(13px,1.8vh,20px);max-width:780px;padding:clamp(6px,1.5vh,18px) 0}
.cover-copy h1{max-width:12ch}
.cover-copy .lead{max-width:49ch;font-size:clamp(17px,1.16vw,21px)}
.cover-facts{display:flex;flex-wrap:wrap;gap:7px;list-style:none}
.cover-facts li{
  font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.82vw,13.5px);letter-spacing:.02em;
  border:1px solid var(--line);padding:7px 10px;border-radius:2px;color:var(--fg);
  background:rgba(255,255,255,.022);
}
.cover-foot{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:clamp(12px,1.7vh,17px);margin-top:clamp(4px,1vh,8px)}
.cover-foot img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--gold);flex:0 0 auto}
.cover-by{display:flex;flex-direction:column;line-height:1.25}
.prepared-label{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.cover-by b{font-family:"Space Grotesk",sans-serif;font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--fg)}
.cover-by span:last-child{font-size:14px;color:var(--muted)}
.cover-page{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.12em;color:var(--gold-2)}
.cover-stage{
  position:relative;height:clamp(390px,62vh,660px);min-height:0;overflow:hidden;
  border:1px solid var(--line);border-radius:3px;
  background:
    radial-gradient(110% 88% at 58% 36%,rgba(46,124,94,.36) 0%,rgba(14,53,39,.16) 45%,transparent 70%),
    radial-gradient(80% 70% at 50% 105%,rgba(201,162,75,.12),transparent 64%),
    linear-gradient(158deg,#0B2119 0%,#06130F 58%,#040C09 100%);
  box-shadow:inset 0 0 90px rgba(0,0,0,.55),0 34px 90px rgba(0,0,0,.34);
  isolation:isolate;
}
.cover-stage::before{
  content:"";position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(191,228,210,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(191,228,210,.052) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(120% 90% at 50% 45%,#000 20%,transparent 76%);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 20%,transparent 76%);
}
.cover-stage::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 35%,transparent 65%,rgba(201,162,75,.05));
}
#scene{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;opacity:0;transition:opacity .55s var(--ease)}
body.scene-ready #scene{opacity:1}
.stage-tag{
  position:absolute;left:18px;top:16px;z-index:6;
  font-family:"JetBrains Mono",monospace;font-size:clamp(12px,.78vw,13px);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(225,247,236,.72);
}
.stage-corner{position:absolute;width:16px;height:16px;z-index:6;pointer-events:none;opacity:.7}
.stage-corner.tl{left:12px;top:12px;border-left:1px solid var(--gold);border-top:1px solid var(--gold)}
.stage-corner.tr{right:12px;top:12px;border-right:1px solid var(--gold);border-top:1px solid var(--gold)}
.stage-corner.bl{left:12px;bottom:12px;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.stage-corner.br{right:12px;bottom:12px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.logo-fallback{
  position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  padding:14%;opacity:1;visibility:visible;transition:opacity .45s,visibility .45s;
}
body.scene-ready .logo-fallback{opacity:0;visibility:hidden}
body.no3d .stage-hint{display:none}
body.no3d .stage-caption span:last-child{display:none}
.logo-plaque{
  width:min(88%,640px);aspect-ratio:3/1;padding:7px;position:relative;
  background:linear-gradient(155deg,#14553B 0%,#0A3526 52%,#062018 100%);
  border:1px solid rgba(201,162,75,.82);
  box-shadow:0 0 0 5px rgba(4,15,11,.55),0 28px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.22);
  transform:rotate(-3.5deg);
}
.logo-plaque::after{
  content:"";position:absolute;inset:7px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 32%,transparent 70%,rgba(255,255,255,.06));
  mix-blend-mode:screen;
}
.logo-plaque img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
.fallback-caption{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.24em;color:rgba(225,247,236,.65)}
.stage-caption{
  position:absolute;left:18px;right:18px;bottom:15px;z-index:6;display:flex;justify-content:space-between;gap:16px;
  font-family:"JetBrains Mono",monospace;font-size:clamp(12px,.78vw,13px);letter-spacing:.1em;text-transform:uppercase;
  color:rgba(225,247,236,.6);
}
.stage-hint{color:rgba(232,199,131,.72)}
.scroll-cue{
  position:absolute;left:var(--gutter);bottom:calc(var(--bottom) + 18px);z-index:8;
  border:0;background:none;padding:6px 0;cursor:pointer;
  font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);display:flex;align-items:center;gap:9px;
}
.scroll-cue span{color:var(--gold-2);font-size:14px;transition:transform .2s}
.scroll-cue:hover{color:var(--fg)}
.scroll-cue:hover span{transform:translateY(3px)}

/* ---------- 02 AUDIT ---------- */
.audit-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.4vw,36px);align-items:start;flex:1}
.audit-shot{margin:0;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.shot-bar{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--ink);color:var(--paper);border-bottom:1px solid rgba(242,239,229,.12)}
.dots{display:flex;gap:5px;flex:0 0 auto}
.dots i{width:6px;height:6px;border-radius:50%;background:rgba(242,239,229,.28);display:block}
.dots i:first-child{background:rgba(166,50,44,.85)}
.dots i:nth-child(2){background:rgba(201,162,75,.8)}
.shot-url{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.04em;color:#CFE4D8}
.shot-stamp{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.shot-view{background:#0A1511;overflow:hidden}
.shot-view img{display:block;width:100%;height:auto}
.audit-shot figcaption{padding:10px 13px 6px;font-size:14px;line-height:1.45;color:var(--muted)}
.shot-marks{display:flex;flex-wrap:wrap;gap:5px;padding:4px 13px 12px}
.shot-marks span{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.02em;border:1px solid var(--line);padding:4px 6px;color:var(--fg);background:rgba(255,255,255,.35)}
.findings{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 11px;min-width:0}
.findings li{background:var(--card);border:1px solid var(--line);border-top:2px solid var(--sev);padding:11px 12px 12px;min-width:0}
.sev{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--sev);margin-bottom:5px}
.sev-high{--sev:var(--red)}
.sev-mid{--sev:var(--bronze-2)}
.sev-low{--sev:var(--muted-paper)}
.findings h3{font-size:clamp(16px,1.13vw,20px);line-height:1.2;letter-spacing:-.025em;color:var(--fg)}
.findings p{font-size:clamp(15px,1.06vw,17.5px);line-height:1.45;color:var(--muted);margin-top:5px}
.findings code,.slide-note code{font-family:"JetBrains Mono",monospace;font-size:.9em;background:rgba(11,27,21,.07);padding:1px 3px;color:var(--fg)}
[data-theme="dark"] .findings code{background:rgba(255,255,255,.07)}
.audit-grid .slide-note{grid-column:1/-1}

/* ---------- 03 GAP ---------- */
.journey-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2vw,26px);align-items:stretch}
.path{background:var(--card);border:1px solid var(--line);padding:clamp(14px,1.7vw,24px);display:flex;flex-direction:column;min-width:0}
.path-current{border-top:2px solid rgba(166,50,44,.66)}
.path-proposed{border-top:2px solid var(--gold);background:linear-gradient(160deg,rgba(191,228,210,.055),rgba(255,255,255,.018))}
.path-proposed ol{flex:0 0 auto}
.path-note{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:clamp(14.5px,.98vw,16.5px);line-height:1.4;color:var(--muted);max-width:40ch}
.path-note b{color:var(--mint-3);font-weight:400}
.path-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.path-head span{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.path-head b{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.03em;color:var(--muted);font-weight:400;white-space:nowrap}
.path ol{list-style:none;display:flex;flex-direction:column}
.path li{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.path li:last-child{border-bottom:0}
.step-n{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--muted);border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;margin-top:1px}
.path h3{font-size:clamp(17px,1.15vw,20px);line-height:1.2;letter-spacing:-.02em}
.path p{font-size:clamp(14.5px,.98vw,16.5px);line-height:1.42;color:var(--muted);margin-top:3px}
.path-current h3{color:var(--fg)}
.path-proposed h3{color:var(--mint-3)}
.path-arrow{align-self:center;font-size:34px;color:var(--gold);opacity:.9;padding:0 2px;display:grid;place-items:center}
.path-payoff{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gold);color:var(--ink);padding:10px 12px}
.path-payoff span{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.12em}
.path-payoff b{font-family:"Space Grotesk",sans-serif;font-size:15.5px;font-weight:500}
.gap-statement{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(22px,2vw,32px);line-height:1.2;color:var(--gold-2);max-width:64ch;margin-top:clamp(12px,2vh,20px)}
.gap-statement::before{content:"";display:inline-block;vertical-align:middle;width:38px;height:1px;background:var(--gold);margin-right:14px;opacity:.8}

/* ---------- 04 FLAGSHIP ---------- */
.flagship-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(22px,3vw,46px);align-items:center;flex:1}
.flagship-copy{display:flex;flex-direction:column;gap:clamp(12px,1.6vh,18px);min-width:0}
.flagship-copy h2{max-width:14ch}
.flagship-copy .lead{max-width:41ch;font-size:clamp(16px,1.02vw,18.5px)}
.concept-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.concept-list>div{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}
.concept-list>div>span{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--bronze);border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;border-radius:50%}
.concept-list b{font-family:"Space Grotesk",sans-serif;font-size:clamp(17px,1.15vw,20px);font-weight:500;letter-spacing:-.02em;color:var(--fg)}
.concept-list p{font-size:clamp(14.5px,.98vw,16.5px);line-height:1.4;color:var(--muted);margin-top:1px}
.flagship-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.concept-flag{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.flagship-stage{
  position:relative;min-height:clamp(430px,64vh,660px);display:flex;flex-direction:column;justify-content:center;
  padding:clamp(12px,1.5vw,22px);border:1px solid var(--line);
  background:
    radial-gradient(100% 85% at 55% 38%,rgba(28,88,66,.18),transparent 68%),
    linear-gradient(155deg,#E4DDCB 0%,#DCD2BC 100%);
  box-shadow:inset 0 0 70px rgba(11,27,21,.12);
}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze)}
.stage-dot{display:flex;align-items:center;gap:6px;color:var(--muted-paper)}
.stage-dot i{width:5px;height:5px;border-radius:50%;background:#2E8B66;display:block}
.browser-slot{position:relative;width:100%}
.browser-frame{
  width:91%;min-width:0;background:var(--cream);color:#0B1B15;border:1px solid rgba(11,27,21,.22);
  border-radius:6px;overflow:hidden;box-shadow:0 26px 60px rgba(11,27,21,.3),0 2px 0 rgba(255,255,255,.6) inset;
  font-size:clamp(12px,.8vw,14px);font-family:"Plus Jakarta Sans",sans-serif;
  transform:rotate(-1.1deg);transition:width .35s var(--ease),transform .35s var(--ease);
}
.browser-bar{display:flex;align-items:center;gap:.8em;padding:.55em .9em;background:#0B1B15;color:#CFE4D8}
.browser-bar .dots i{width:.5em;height:.5em}
.browser-url{font-family:"JetBrains Mono",monospace;font-size:.78em;letter-spacing:.03em}
.concept-tag{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:.66em;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(232,199,131,.38);padding:.24em .5em;border-radius:1px}
.mock-site{background:var(--cream)}
.m-nav{display:flex;align-items:center;gap:1.1em;padding:.8em 1.1em;background:#F7F3E8;border-bottom:1px solid #DCD3BE;overflow-x:auto;scrollbar-width:none}
.m-nav::-webkit-scrollbar{display:none}
.m-logo{width:5.1em;height:auto;display:block;border:1px solid #D5CBB5;border-radius:1px;flex:0 0 auto}
.m-links{display:flex;align-items:center;gap:.1em;min-width:max-content}
.m-links button{
  border:0;background:none;border-bottom:2px solid transparent;padding:.52em .55em;cursor:pointer;
  font-family:"Plus Jakarta Sans",sans-serif;font-size:.82em;line-height:1.2;color:#42564B;white-space:nowrap;
}
.m-links button:hover{color:#0B3B2A}
.m-links button[aria-selected="true"]{color:#0B3B2A;border-bottom-color:#B8892D;font-weight:400}
.m-phone{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:.72em;color:#0B3B2A;white-space:nowrap}
.mock-body{height:31em;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C9BFA9 transparent}
.mock-body::-webkit-scrollbar{width:7px}
.mock-body::-webkit-scrollbar-thumb{background:#C9BFA9;border-radius:6px}
.m-page{padding:1.35em 1.5em;min-height:100%}
.m-page[hidden]{display:none}
.m-eyebrow{display:block;font-family:"JetBrains Mono",monospace;font-size:.68em;letter-spacing:.14em;text-transform:uppercase;color:#8A5A12;margin-bottom:.55em}
.m-hero{display:grid;grid-template-columns:1.22fr .78fr;gap:1.2em;align-items:center}
.m-hero h3{font-size:2.35em;line-height:1;letter-spacing:-.05em;max-width:12ch;color:#0B1B15}
.m-hero p{font-size:.84em;color:#52645A;margin-top:.55em}
.m-btns{display:flex;gap:.55em;flex-wrap:wrap;margin-top:1em}
.m-btns button{border:1px solid #0B3B2A;background:#0B3B2A;color:#FBF8EF;padding:.62em .85em;font-size:.76em;cursor:pointer;font-family:"Plus Jakarta Sans",sans-serif}
.m-btns button.ghost{background:transparent;color:#0B3B2A}
.m-btns button:hover{background:#B8892D;border-color:#B8892D;color:#0B1B15}
.m-doc-card{border:1px solid #DCD3BE;background:#F7F3E8;padding:.55em;display:flex;flex-direction:column;gap:.45em}
.m-doc-card img{width:100%;height:8.9em;object-fit:cover;object-position:center 20%;display:block}
.m-doc-card b{display:block;font-family:"Space Grotesk",sans-serif;font-size:.9em;font-weight:500;letter-spacing:-.02em;color:#0B1B15;line-height:1.15}
.m-doc-card span{display:block;font-family:"JetBrains Mono",monospace;font-size:.63em;letter-spacing:.02em;color:#6B4700;margin-top:.2em}
.m-doc-card small{display:block;font-size:.61em;line-height:1.35;color:#52645A;margin-top:.1em}
.m-strip{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:.45em;margin-top:1.05em;border-top:1px solid #DCD3BE;border-bottom:1px solid #DCD3BE;padding:.65em 0}
.m-strip-label{font-family:"JetBrains Mono",monospace;font-size:.63em;letter-spacing:.1em;text-transform:uppercase;color:#52645A;display:flex;flex-direction:column;justify-content:center}
.m-strip-label small{font-size:.86em;letter-spacing:.05em;color:#8A5A12;text-transform:none;margin-top:.2em}
.m-strip button{border:1px solid #DCD3BE;background:#F7F3E8;padding:.45em .55em;text-align:left;cursor:pointer;color:#0B1B15}
.m-strip button:hover{border-color:#B8892D;background:#F1E9D8}
.m-strip button b{display:block;font-size:.76em;font-weight:400}
.m-strip button span{display:block;font-family:"JetBrains Mono",monospace;font-size:.63em;color:#6B4700;margin-top:.1em}
.m-care{display:grid;grid-template-columns:repeat(3,1fr);gap:.55em;margin-top:.85em}
.m-care div{border-left:2px solid #B8892D;padding-left:.6em}
.m-care b{display:block;font-family:"Space Grotesk",sans-serif;font-size:.78em;font-weight:500;color:#0B1B15}
.m-care span{display:block;font-size:.66em;line-height:1.35;color:#52645A;margin-top:.15em}
.m-doctor-page{display:grid;grid-template-columns:.66fr 1.34fr;gap:1.3em;align-items:start}
.m-doc-portrait{border:1px solid #DCD3BE;background:#F7F3E8;padding:.5em}
.m-doc-portrait img{width:100%;height:13em;object-fit:cover;object-position:center 18%;display:block}
.m-doc-portrait span{display:block;font-family:"JetBrains Mono",monospace;font-size:.62em;letter-spacing:.08em;text-transform:uppercase;color:#6B4700;margin-top:.45em}
.m-doc-copy h3{font-size:2em;line-height:1.02;letter-spacing:-.045em;color:#0B1B15}
.m-cred{font-family:"JetBrains Mono",monospace;font-size:.66em;line-height:1.45;color:#6B4700;margin-top:.45em;border-bottom:1px solid #DCD3BE;padding-bottom:.7em}
.m-doc-copy p{font-size:.76em;line-height:1.48;color:#3E4F46;margin-top:.65em}
.m-chips{display:flex;gap:.4em;flex-wrap:wrap;margin-top:.8em}
.m-chips span{font-family:"JetBrains Mono",monospace;font-size:.62em;border:1px solid #DCD3BE;padding:.3em .5em;color:#0B3B2A}
.m-gal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}
.m-gal-head h3{font-size:1.95em;line-height:1.02;letter-spacing:-.045em;color:#0B1B15;max-width:13ch}
.m-gal-head p{font-size:.76em;color:#52645A;margin-top:.35em}
.m-count{font-family:"JetBrains Mono",monospace;font-size:.68em;color:#6B4700;border:1px solid #DCD3BE;padding:.35em .5em;white-space:nowrap}
.ba{position:relative;overflow:hidden;background:#06110D;border:1px solid rgba(11,27,21,.28);user-select:none}
.ba-mock{aspect-ratio:16/7.6;margin-top:.8em}
.ba-proof{aspect-ratio:16/10;width:100%}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.ba-before{z-index:0}
.ba-after{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 0 var(--pos,50%))}
.ba-after img{filter:none}
.ba-label{position:absolute;top:.55em;z-index:3;font-family:"JetBrains Mono",monospace;font-size:.62em;letter-spacing:.12em;text-transform:uppercase;background:rgba(6,17,13,.78);color:#F2EFE5;padding:.32em .5em;pointer-events:none}
.ba-label-before{left:.55em}
.ba-label-after{right:.55em;color:#E8C783}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:var(--gold);z-index:3;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 14px rgba(201,162,75,.65)}
.ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.6em;height:2.6em;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-style:normal;font-size:.8em;border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.ba input[type="range"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}
.m-note{font-size:.66em;line-height:1.4;color:#52645A;margin-top:.5em}
.m-sitefoot{display:flex;justify-content:space-between;gap:1em;background:#0B3B2A;color:#E1F7EC;padding:.55em 1.1em;font-family:"JetBrains Mono",monospace;font-size:.62em;letter-spacing:.02em;line-height:1.3}
.m-sitefoot span:last-child{white-space:nowrap;color:#E8C783}
.m-visit{display:grid;grid-template-columns:1.25fr .75fr;gap:1.2em;align-items:start}
.m-visit-form h3{font-size:1.95em;line-height:1.02;letter-spacing:-.045em;color:#0B1B15}
.m-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55em;margin-top:.7em}
.m-fields label,.m-visit-form>label{display:flex;flex-direction:column;gap:.3em;font-family:"JetBrains Mono",monospace;font-size:.62em;letter-spacing:.06em;text-transform:uppercase;color:#6B4700}
.m-visit-form>label{margin-top:.55em}
.m-fields input,.m-visit-form select{width:100%;border:1px solid #DCD3BE;background:#FBF8EF;padding:.55em .6em;font-family:"Plus Jakarta Sans",sans-serif;font-size:.9em;color:#0B1B15}
.m-submit{border:1px solid #0B3B2A;background:#0B3B2A;color:#FBF8EF;padding:.62em .9em;font-size:.8em;cursor:pointer;margin-top:.65em}
.m-submit:hover{background:#B8892D;border-color:#B8892D;color:#0B1B15}
.m-form-note{font-size:.66em;line-height:1.4;color:#6B4700;margin-top:.5em}
.m-visit-info{border:1px solid #DCD3BE;background:#F7F3E8;padding:.75em}
.m-visit-info img{width:5.2em;display:block;border:1px solid #D5CBB5;margin-bottom:.6em}
.m-visit-info b{display:block;font-family:"Space Grotesk",sans-serif;font-size:.85em;font-weight:500;color:#0B1B15}
.m-visit-info p{font-size:.72em;line-height:1.45;color:#3E4F46;margin-top:.3em}
.m-phone-line{font-family:"JetBrains Mono",monospace;font-size:.78em!important;color:#0B3B2A!important}
.m-visit-info small{display:block;font-size:.64em;line-height:1.4;color:#52645A;margin-top:.35em}
.m-visit-rule{height:1px;background:#DCD3BE;margin:.55em 0}
.m-visit-info>span{font-family:"JetBrains Mono",monospace;font-size:.58em;letter-spacing:.03em;color:#6B4700;display:block}
.m-phone-mock{
  position:absolute;right:1.6%;bottom:2.6em;z-index:8;width:12.4em;padding:.42em;border-radius:1.4em;
  background:linear-gradient(155deg,#1B2A24,#060F0B);border:1px solid rgba(201,162,75,.65);
  box-shadow:0 26px 50px rgba(11,27,21,.38);
  font-size:clamp(11px,.74vw,13px);transform:rotate(2deg);
}
.m-phone-screen{background:#FBF8EF;border-radius:1.05em;overflow:hidden;color:#0B1B15;padding-bottom:.5em}
.m-phone-top{display:flex;align-items:center;justify-content:space-between;padding:.55em .65em;border-bottom:1px solid #DCD3BE;background:#F7F3E8}
.m-phone-top img{width:3.7em;display:block;border:1px solid #D5CBB5}
.m-phone-top span{font-family:"JetBrains Mono",monospace;font-size:.56em;letter-spacing:.1em;color:#52645A}
.m-phone-hero{padding:.7em .7em .6em}
.m-phone-hero>span{display:block;font-family:"JetBrains Mono",monospace;font-size:.5em;letter-spacing:.12em;color:#8A5A12}
.m-phone-hero b{display:block;font-family:"Space Grotesk",sans-serif;font-size:1.05em;line-height:1.04;letter-spacing:-.04em;margin-top:.35em;color:#0B1B15}
.m-phone-hero img{width:100%;height:4.5em;object-fit:cover;object-position:center 18%;margin-top:.55em;display:block}
.m-phone-cta{margin:0 .7em;background:#0B3B2A;color:#FBF8EF;font-size:.62em;padding:.55em .65em;display:flex;align-items:center;justify-content:space-between}
.m-phone-strip{display:none}
.m-phone-strip span{font-family:"JetBrains Mono",monospace;font-size:.48em;letter-spacing:.06em;color:#52645A}
.m-phone-strip b{font-family:"Space Grotesk",sans-serif;font-size:.62em;font-weight:500;color:#0B1B15}
.m-phone-strip small{font-size:.44em;color:#8A5A12}
.stage-foot{margin:10px 0 0;font-family:"JetBrains Mono",monospace;font-size:12.5px;line-height:1.4;color:var(--muted-paper)}

/* ---------- 05 SYSTEM ---------- */
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.3vw,16px);flex:0 0 auto;align-content:start}
.system-grid article{
  background:var(--card);border:1px solid var(--line);padding:clamp(15px,1.7vw,23px);
  display:flex;flex-direction:column;gap:10px;min-width:0;
}
.sys-n{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--gold-2);border:1px solid var(--line);width:29px;height:29px;display:grid;place-items:center;border-radius:50%}
.system-grid h3{font-size:clamp(20px,1.5vw,27px);line-height:1.06;letter-spacing:-.035em}
.system-grid p{font-size:clamp(15.5px,1.04vw,17.5px);line-height:1.45;color:var(--muted)}
.sys-out{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.88vw,14px);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);border-top:1px solid var(--line);padding-top:9px}

/* ---------- 06 PROOF ---------- */
.proof-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,3.4vw,56px);align-items:center;flex:1}
.proof-copy h2{max-width:13ch}
.proof-copy .lead{max-width:45ch;margin-top:clamp(12px,1.8vh,18px)}
.proof-list{display:flex;flex-direction:column;margin-top:clamp(12px,1.8vh,20px);border-top:1px solid var(--line)}
.proof-list>div{display:grid;grid-template-columns:28px 1fr;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.proof-list span{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--bronze);padding-top:2px}
.proof-list p{font-size:clamp(15.5px,1.02vw,17.5px);line-height:1.4;color:var(--muted)}
.proof-note{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.03em;color:var(--muted);margin-top:12px}
.proof-stage{border:1px solid var(--line);background:linear-gradient(155deg,#E7E0CF,#DCD3BE);padding:clamp(12px,1.5vw,18px);box-shadow:inset 0 0 50px rgba(11,27,21,.08)}
.proof-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze)}
.proof-caption{font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.45;color:var(--muted-paper);margin-top:9px}

/* ---------- 07 ROADMAP ---------- */
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(11px,1.5vw,18px);flex:0 0 auto;align-content:start}
.phase{background:var(--card);border:1px solid var(--line);padding:clamp(15px,1.8vw,24px);display:flex;flex-direction:column;min-width:0}
.phase-featured{border-color:rgba(232,199,131,.52);background:linear-gradient(165deg,rgba(232,199,131,.09),rgba(255,255,255,.025))}
.phase-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.phase-n{font-family:"Space Grotesk",sans-serif;font-size:34px;line-height:1;letter-spacing:-.05em;color:var(--gold-2)}
.phase-time{font-family:"JetBrains Mono",monospace;font-size:clamp(11.5px,.8vw,12.5px);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:5px 8px;color:var(--mint)}
.phase h3{font-size:clamp(22px,1.55vw,28px);line-height:1.05}
.phase-sub{font-size:clamp(14px,.94vw,16px);line-height:1.4;color:var(--muted);margin-top:5px}
.phase ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:7px}
.phase li{position:relative;padding-left:15px;font-size:clamp(14.5px,.98vw,17px);line-height:1.4;color:var(--fg)}
.phase li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.phase-owner{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.phase-owner span{font-family:"JetBrains Mono",monospace;font-size:clamp(12px,.8vw,13px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.phase-owner b{font-family:"JetBrains Mono",monospace;font-size:clamp(12px,.8vw,13px);letter-spacing:.02em;color:var(--mint);font-weight:400;text-align:right}
.roadmap-foot{display:flex;align-items:center;gap:12px;margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.02em;color:var(--muted)}
.launch-flag{background:var(--gold);color:var(--ink);padding:4px 8px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}

/* shared bottom band */
.slide-band{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:0;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.slide-band>div,.slide-band>ul{padding:14px 16px;border-right:1px solid var(--line);min-width:0}
.slide-band>div:last-child,.slide-band>ul:last-child{border-right:0}
.band-label{display:block;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.band-lead p{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(19px,1.35vw,23px);line-height:1.12;color:var(--accent-2)}
.band-lead p em{color:var(--accent-2)}
.band-item b{display:block;font-family:"Space Grotesk",sans-serif;font-size:clamp(15px,1.02vw,17px);font-weight:500;color:var(--fg);letter-spacing:-.01em}
.band-item span{display:block;font-size:14px;line-height:1.35;color:var(--muted);margin-top:2px}
.band-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-content:center}
.band-list li{position:relative;padding-left:13px;font-size:clamp(14px,.92vw,15.5px);line-height:1.35;color:var(--muted)}
.band-list li::before{content:"";position:absolute;left:0;top:.56em;width:4px;height:4px;border-radius:50%;background:var(--gold)}

/* ---------- 08 ENGAGEMENT ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(11px,1.4vw,18px);align-items:start;flex:0 0 auto}
.tier{background:var(--card-2);border:1px solid var(--line);padding:clamp(17px,1.9vw,26px);display:flex;flex-direction:column;position:relative;min-width:0}
.tier-recommended{background:var(--ink);color:var(--paper);border-color:var(--gold);box-shadow:0 18px 50px rgba(11,27,21,.18)}
.tier-flag{position:absolute;top:-11px;left:16px;background:var(--gold);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px}
.tier-tag{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze)}
.tier-recommended .tier-tag{color:var(--gold-2)}
.tier h3{font-size:clamp(25px,1.8vw,33px);line-height:1.02;margin-top:8px}
.tier-lead{font-size:clamp(15px,1vw,17px);line-height:1.45;color:var(--muted);margin-top:8px}
.tier-recommended .tier-lead{color:var(--muted-dark)}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.tier li{position:relative;padding-left:15px;font-size:clamp(14.5px,.98vw,16.5px);line-height:1.38}
.tier li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--gold);border-radius:50%}
.tier-best{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.tier-recommended .tier-best{border-top-color:rgba(242,239,229,.16)}
.tier-best span{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tier-best p{font-size:clamp(13.5px,.92vw,15.5px);line-height:1.4;color:var(--fg);margin-top:4px}
.tier-recommended .tier-best span{color:var(--muted-dark)}
.tier-recommended .tier-best p{color:var(--paper)}

/* ---------- 09 CLOSE ---------- */
.close-head{margin-bottom:clamp(14px,2vh,22px)}
.close-head h2{max-width:20ch}
.close-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(20px,3vw,46px);align-items:stretch;flex:0 0 auto}
.partner{background:var(--card);border:1px solid var(--line);padding:clamp(17px,2vw,27px);display:flex;flex-direction:column;min-width:0}
.partner-head{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.partner-portrait{width:clamp(120px,9.2vw,172px);height:clamp(120px,9.2vw,172px);border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(201,162,75,.12);flex:0 0 auto}
.partner-label{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.partner-head h3{font-size:clamp(28px,2.35vw,40px);line-height:1;letter-spacing:-.045em;margin-top:4px}
.partner-head p{font-size:clamp(14px,1vw,17px);color:var(--muted);margin-top:2px}
.partner-office{display:block;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.04em;color:var(--mint);margin-top:5px}
.partner-quote{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(19px,1.5vw,25px);line-height:1.28;color:var(--mint-3);margin:clamp(12px,1.8vh,18px) 0}
.partner-agenda{list-style:none;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:11px;margin-bottom:12px}
.partner-agenda li{position:relative;padding-left:14px;font-size:clamp(14.5px,.98vw,16.5px);line-height:1.4;color:var(--muted)}
.partner-agenda li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.partner-contact{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.partner-contact a{font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.88vw,15px);letter-spacing:.01em;text-decoration:none;border:1px solid var(--line);padding:7px 9px;color:var(--fg);transition:border-color .2s,color .2s}
.partner-contact a:hover{border-color:var(--gold);color:var(--gold-2)}
.partner-sign{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.partner-sign img{width:78px;display:block}
.partner-sign span{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.scheduler{background:var(--paper);color:var(--ink);border:1px solid var(--gold);padding:clamp(17px,2vw,27px);display:flex;flex-direction:column;min-width:0;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.scheduler .kicker{color:var(--bronze);font-size:12.5px;margin-bottom:6px}
.scheduler .kicker::before{background:var(--bronze)}
.scheduler h3{font-size:clamp(24px,1.85vw,33px);line-height:1.02;letter-spacing:-.045em;color:var(--ink)}
.scheduler-head>p{font-size:clamp(14px,.96vw,16px);line-height:1.45;color:var(--muted-paper);margin-top:6px;max-width:52ch}
.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.suggestions button{border:1px solid rgba(11,27,21,.18);background:rgba(255,255,255,.55);padding:8px 6px;cursor:pointer;font-family:"JetBrains Mono",monospace;font-size:clamp(13px,.86vw,14.5px);line-height:1.3;color:var(--ink);letter-spacing:.01em}
.suggestions button:hover{border-color:var(--bronze)}
.suggestions button b{display:block;font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:1.06em;letter-spacing:-.01em}
.suggestions button span{display:block;margin-top:2px;font-size:.88em;color:var(--bronze)}
.suggestions button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.suggestions button[aria-pressed="true"] span{color:var(--gold-2)}
.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.field label{display:flex;justify-content:space-between;gap:8px;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);margin-bottom:4px}
.field label span{color:var(--muted-paper);text-transform:none;letter-spacing:.02em}
.field input{width:100%;border:1px solid rgba(11,27,21,.22);background:#FFFDF7;color:var(--ink);padding:10px 9px;font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;line-height:1.2;min-height:44px}
.field input:focus{outline:2px solid var(--bronze);outline-offset:1px}
.draft-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink);color:var(--paper);text-decoration:none;padding:12px 14px;margin-top:11px;font-family:"JetBrains Mono",monospace;font-size:clamp(12px,.86vw,14px);letter-spacing:.05em;border:1px solid var(--ink);transition:background .2s}
.draft-cta:hover{background:var(--bronze-2);border-color:var(--bronze-2)}
.draft-cta[aria-disabled="true"]{opacity:.55;pointer-events:none}
.scheduler-help{font-size:14px;line-height:1.4;color:var(--bronze);margin-top:8px}
.scheduler-help.is-error{color:var(--red)}
.scheduler-small{font-family:"JetBrains Mono",monospace;font-size:12px;line-height:1.4;color:var(--muted-paper);margin-top:5px}
.scheduler-next{margin-top:auto;padding-top:12px;border-top:1px solid rgba(11,27,21,.16);display:flex;flex-direction:column;gap:4px}
.scheduler-next span{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze)}
.scheduler-next b{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}

/* ---------- INDEX ---------- */
.index-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:clamp(14px,3vw,38px);background:rgba(3,10,7,.93);backdrop-filter:blur(10px)}
.index-overlay.open{display:flex}
.index-panel{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(160deg,#0B1E17,#050F0B);color:var(--paper);border:1px solid rgba(201,162,75,.4);padding:clamp(20px,3vw,40px);box-shadow:0 40px 120px rgba(0,0,0,.5)}
.index-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.index-head .kicker{margin-bottom:8px}
.index-head h2{font-size:clamp(32px,3.2vw,52px);max-width:14ch}
.close-btn{border:1px solid rgba(242,239,229,.22);background:transparent;color:var(--paper);padding:9px 12px;cursor:pointer;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.close-btn:hover{border-color:var(--gold);color:var(--gold-2)}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.index-card{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;text-align:left;border:1px solid rgba(242,239,229,.15);background:rgba(255,255,255,.025);padding:11px;cursor:pointer;color:var(--paper)}
.index-card:hover{border-color:var(--gold);background:rgba(201,162,75,.07)}
.ix-n{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--gold-2);letter-spacing:.1em;grid-row:1;grid-column:1}
.ix-art{grid-column:1/-1;height:44px;border:1px solid rgba(242,239,229,.12);background:linear-gradient(140deg,#123528,#06110D)}
.index-card b{grid-column:1/-1;font-family:"Space Grotesk",sans-serif;font-size:clamp(16px,1.2vw,19px);font-weight:500;letter-spacing:-.02em}
.index-card small{grid-column:1/-1;font-size:13.5px;line-height:1.35;color:var(--muted-dark)}
.index-card[data-art="audit"] .ix-art{background:linear-gradient(140deg,#E9E3D4 0 45%,#A6322C 45% 47%,#F2EFE5 47% 100%)}
.index-card[data-art="gap"] .ix-art{background:linear-gradient(120deg,#06110D 0 46%,#C9A24B 46% 48%,#10291F 48% 100%)}
.index-card[data-art="flagship"] .ix-art{background:linear-gradient(135deg,#FBF8EF 0 58%,#0B3B2A 58% 100%)}
.index-card[data-art="system"] .ix-art{background:repeating-linear-gradient(90deg,#0F251D 0 22px,#173B2E 22px 24px)}
.index-card[data-art="proof"] .ix-art{background:linear-gradient(90deg,#F2EFE5 0 48%,#0B2740 48% 100%)}
.index-card[data-art="roadmap"] .ix-art{background:linear-gradient(90deg,#0F251D 0 33%,#C9A24B 33% 34%,#0A1B15 34% 66%,#C9A24B 66% 67%,#06110D 67% 100%)}
.index-card[data-art="engage"] .ix-art{background:linear-gradient(90deg,#E9E3D4 0 32%,#0B1B15 32% 66%,#F2EFE5 66% 100%)}
.index-card[data-art="close"] .ix-art{background:radial-gradient(circle at 30% 50%,#C9A24B 0 12%,#0B1B15 13% 100%)}
.index-foot{margin-top:16px;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-dark)}

/* ---------- DETAIL ---------- */
.detail-overlay{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:clamp(8px,2vw,26px);background:rgba(3,10,7,.94);backdrop-filter:blur(10px)}
.detail-overlay.open{display:flex}
.detail-panel{width:min(1260px,97vw);height:min(900px,94vh);background:var(--paper);color:var(--ink);border:1px solid var(--gold);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.55)}
.detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(11,27,21,.16);font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze)}
.detail-head .close-btn{border-color:rgba(11,27,21,.2);color:var(--ink)}
.detail-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:clamp(8px,1.6vw,20px);background:radial-gradient(90% 80% at 50% 35%,#E7E0CF,#D8CEB7)}
.detail-stage .browser-frame{width:min(1160px,100%);transform:none;box-shadow:0 24px 60px rgba(11,27,21,.28);font-size:clamp(15px,1.05vw,19px)}
.detail-stage .mock-body{height:min(67vh,680px);overflow-y:auto}
.detail-note{padding:9px 16px;border-top:1px solid rgba(11,27,21,.16);font-family:"JetBrains Mono",monospace;font-size:12.5px;line-height:1.4;color:var(--muted-paper)}

/* ---------- BOOM ---------- */
#boomCanvas{position:fixed;inset:0;z-index:55;width:100%;height:100%;pointer-events:none;display:none}
.seam{
  position:fixed;top:0;bottom:0;width:2px;z-index:58;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent 0%,rgba(232,199,131,.95) 18%,rgba(255,255,255,.95) 50%,rgba(191,228,210,.9) 82%,transparent 100%);
  box-shadow:0 0 20px rgba(232,199,131,.55),0 0 60px rgba(191,228,210,.18);
}
.seam.run-right{animation:seam-right .74s cubic-bezier(.7,0,.3,1) both}
.seam.run-left{animation:seam-left .74s cubic-bezier(.7,0,.3,1) both}
@keyframes seam-right{0%{left:-4px;opacity:0}10%{opacity:.9}65%{opacity:.55}100%{left:100%;opacity:0}}
@keyframes seam-left{0%{right:-4px;left:auto;opacity:0}10%{opacity:.9}65%{opacity:.55}100%{right:100%;left:auto;opacity:0}}
.deck.shake{animation:deck-shake .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes deck-shake{
  0%{transform:translate3d(0,0,0)}
  15%{transform:translate3d(-7px,3px,0) rotate(-.08deg)}
  30%{transform:translate3d(6px,-4px,0) rotate(.08deg)}
  45%{transform:translate3d(-5px,2px,0)}
  60%{transform:translate3d(4px,-2px,0)}
  78%{transform:translate3d(-2px,1px,0)}
  100%{transform:translate3d(0,0,0)}
}

.toast{position:fixed;right:18px;bottom:calc(var(--bottom) + 18px);z-index:120;background:var(--ink);color:var(--paper);border:1px solid var(--gold);padding:11px 14px;font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.4;max-width:320px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:none}


/* ---------- ICONS: inline SVG only, never Unicode glyphs ---------- */
.ico{width:1em;height:1em;display:block;flex:0 0 auto}
.btn span,.draft-cta span,.close-btn span,.nav-controls button span,.scroll-cue span,.m-phone-cta span{display:inline-grid;place-items:center;line-height:0}
.nav-controls button span,.scroll-cue span,.btn span,.draft-cta span,.close-btn span{font-size:16px}
.close-btn{display:inline-flex;align-items:center;gap:8px}
.ba-handle i .ico{width:1.25em;height:1.25em}

/* ---------- COVER CUT: charge -> fracture -> arrival ---------- */
.deck.charging .cover-stage{
  border-color:rgba(214,255,240,.75);
  box-shadow:inset 0 0 70px rgba(0,0,0,.35),0 0 0 1px rgba(214,255,240,.35),0 0 130px rgba(120,235,205,.38);
  transition:box-shadow .44s ease-in,border-color .44s ease-in;
}
.deck.charging .cover-copy{opacity:.5;transition:opacity .44s ease-in}
.cover-stage.is-charging .logo-plaque{animation:plaque-charge .44s ease-in both}
@keyframes plaque-charge{
  0%{transform:rotate(-3.5deg) scale(1);filter:none}
  70%{transform:rotate(0deg) scale(1.05);filter:brightness(1.12)}
  100%{transform:rotate(0deg) scale(1.08);filter:brightness(1.45) saturate(1.15)}
}
.cover-stage.is-broken .logo-plaque,.cover-stage.is-broken .fallback-caption{visibility:hidden}
.deck.cover-cut .slide.is-leaving{transform:translate3d(calc(var(--dir,1) * -5%),0,0) scale(1.07)}
.deck.cover-cut .slide.is-entering:not(.is-active){transform:translate3d(calc(var(--dir,1) * 6%),0,0) scale(.93)}

/* ---------- MOCK: gallery compare at native photo ratio, selectable slots ---------- */
.m-page[data-mpage="gallery"]:not([hidden]){display:grid;grid-template-columns:minmax(0,27em) minmax(0,1fr);gap:0 1.5em;align-items:start}
.m-page[data-mpage="gallery"] .m-gal-head{grid-column:2;grid-row:1}
.m-page[data-mpage="gallery"] .ba-mock{grid-column:1;grid-row:1 / span 2;aspect-ratio:5/3;margin-top:0}
.m-page[data-mpage="gallery"] .m-note{grid-column:2;grid-row:2;margin-top:.8em}
.m-slots{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:.45em;margin-top:.7em;align-items:stretch}
.m-slots-label{font-family:"JetBrains Mono",monospace;font-size:.62em;letter-spacing:.08em;text-transform:uppercase;color:#6B4700;display:flex;flex-direction:column;justify-content:center}
.m-slots-label small{font-size:.86em;letter-spacing:.05em;color:#8A5A12;text-transform:none;margin-top:.2em}
.m-slots button{border:1px solid #DCD3BE;background:#F7F3E8;padding:.45em .55em;text-align:left;cursor:pointer;color:#0B1B15}
.m-slots button:hover,.m-strip button:hover{border-color:#B8892D}
.m-slots button b{display:block;font-size:.74em;font-weight:400}
.m-slots button span{display:block;font-family:"JetBrains Mono",monospace;font-size:.62em;color:#6B4700;margin-top:.1em}
.m-slots button[aria-pressed="true"],.m-strip button[aria-pressed="true"]{background:#0B3B2A;border-color:#0B3B2A;color:#FBF8EF}
.m-slots button[aria-pressed="true"] span,.m-strip button[aria-pressed="true"] span{color:#E8C783}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1700px){
  .foot-mid{display:none}
}
@media (max-width:1180px){
  .rail{display:none}
  .top-section{display:none}
  .foot-mid{display:none}
  .cover-copy h1{max-width:13ch}
  .m-phone-mock{display:none}
  .browser-frame{width:100%}
  .detail-stage .browser-frame{width:100%}
}

@media (max-width:980px){
  :root{--top:60px;--bottom:60px;--gutter:clamp(16px,4vw,30px)}
  body{font-size:16px}
  .topbar{gap:12px}
  .client-mark{width:30px;height:30px}
  .client-name{font-size:11.5px;letter-spacing:-.01em;text-transform:none}
  .bc-logo{width:72px}
  .index-btn{padding:7px 9px;font-size:12px}
  .top-counter{font-size:12px}
  .foot-left{display:none}
  .bottom{justify-content:center}
  .nav-controls{margin-left:0;width:100%;justify-content:space-between}
  .nav-controls button{flex:0 0 auto}
  .bottom-counter{flex:1}
  .cover-scroll{overflow-y:auto}
  .cover-grid{grid-template-columns:1fr;align-content:start;gap:22px}
  .cover-copy{order:2;max-width:none;padding-top:0}
  .cover-stage{order:1;height:clamp(260px,38vh,360px);min-height:260px}
  .cover-copy h1{font-size:clamp(46px,7.6vw,64px);max-width:12ch}
  .cover-copy .lead{font-size:16.5px;max-width:56ch}
  .cover-facts li{font-size:13px}
  .cover-foot{margin-top:4px}
  .scroll-cue{display:none}
  .split-head{grid-template-columns:1fr;gap:10px;align-items:start;margin-bottom:18px}
  .split-head h2{max-width:18ch}
  .split-head .lead{max-width:60ch;font-size:16.5px}
  .slide-note{font-size:13px}
  .lead{font-size:16.5px}
  .audit-grid{grid-template-columns:1fr;gap:14px}
  .audit-shot{max-width:none}
  .findings{grid-template-columns:1fr 1fr}
  .journey-grid{grid-template-columns:1fr;gap:12px}
  .path-arrow{display:none}
  .flagship-grid{grid-template-columns:1fr;gap:18px}
  .flagship-copy h2{max-width:18ch}
  .flagship-stage{min-height:0}
  .system-grid{grid-template-columns:1fr 1fr}
  .slide-band{grid-template-columns:1fr 1fr}
  .slide-band .band-lead{grid-column:1/-1}
  .slide-band>div,.slide-band>ul{border-right:0;border-bottom:1px solid var(--line)}
  .slide-band>div:last-child,.slide-band>ul:last-child{border-bottom:0}
  .band-lead p{font-size:21px}
  .proof-grid{grid-template-columns:1fr;gap:18px}
  .proof-copy h2{max-width:18ch}
  .phase-grid{grid-template-columns:1fr;gap:10px}
  .phase ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
  .tiers{grid-template-columns:1fr;gap:12px}
  .close-grid{grid-template-columns:1fr;gap:14px}
  .close-head h2{max-width:20ch}
  .partner-head{flex-wrap:nowrap}
  .index-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:700px){
  .findings{grid-template-columns:1fr}
  .system-grid{grid-template-columns:1fr}
  .slide-band{grid-template-columns:1fr}
  .slide-band .band-lead{grid-column:auto}
  .band-lead p{font-size:20px}
  .phase ul{grid-template-columns:1fr}
  .index-grid{grid-template-columns:1fr}
  .index-head{flex-direction:column;gap:12px}
  .index-panel{padding:20px}
  .partner-head{gap:14px}
  .partner-portrait{width:112px;height:112px}
  .partner-head h3{font-size:30px}
  .picker-grid{grid-template-columns:1fr}
  .suggestions{grid-template-columns:1fr}
  .suggestions button{text-align:left}
  .detail-panel{width:100vw;height:100svh;border-left:0;border-right:0}
  .detail-stage{padding:6px}
  .detail-stage .browser-frame{font-size:14px}
  .detail-stage .mock-body{height:calc(100svh - 150px)}
  .detail-head{font-size:12px;padding:10px 12px}
  .detail-note{font-size:12px;padding:8px 12px}
  .m-phone{margin-left:0}
  .browser-frame{font-size:12px}
  .m-nav{gap:.7em;padding:.7em .8em}
  .m-logo{width:4.2em}
  .m-links button{font-size:.78em;padding:.5em .45em}
  .m-phone{display:none}
  .m-page{padding:1.1em 1em}
  .m-hero{grid-template-columns:1fr;gap:.8em}
  .m-doc-card{display:none}
  .m-strip{grid-template-columns:1fr 1fr;gap:.4em}
  .m-strip-label{grid-column:1/-1}
  .m-care{grid-template-columns:1fr 1fr}
  .ba-mock{aspect-ratio:16/9}
  .m-doctor-page{grid-template-columns:1fr}
  .m-doc-portrait img{height:9em}
  .m-gal-head{flex-direction:column;gap:.4em}
  .m-visit{grid-template-columns:1fr}
  .m-fields{grid-template-columns:1fr}
  .stage-caption{font-size:11.5px}
  .stage-hint{display:none}
  .cover-stage{height:280px}
  .cover-copy h1{font-size:clamp(42px,11vw,54px)}
  .cover-facts{gap:5px}
  .cover-facts li{padding:6px 8px}
  .cover-foot img{width:36px;height:36px}
  .cover-by b{font-size:14.5px}
  .cover-by span:last-child{font-size:13px}
  .cover-page{display:none}
  .top-section{display:none}
  .top-counter{display:none}
  .index-btn{font-size:11.5px}
  .bc-logo{width:64px}
  .client-mark{width:28px;height:28px}
  .slide-note{font-size:13px}
  .split-head .lead{font-size:16px}
  .audit-shot figcaption{font-size:13px}
  .findings h3{font-size:16.5px}
  .findings p{font-size:16px}
  .path h3{font-size:17px}
  .path p{font-size:14.5px}
  .gap-statement{font-size:23px}
  .proof-top,.proof-caption,.stage-top{font-size:12px}
  .partner-quote{font-size:20px}
  .partner-contact a{font-size:13.5px}
  .scheduler{padding:18px}
  .scheduler h3{font-size:27px}
  .scheduler-head>p{font-size:14px}
  .field input{font-size:16px}
  .draft-cta{font-size:13px}
  .scheduler-help{font-size:13.5px}
  .scheduler-small{font-size:12px}
  .toast{left:14px;right:14px;bottom:calc(var(--bottom) + 12px);font-size:12.5px}
}

@media (max-width:420px){
  .cover-stage{height:240px}
  .cover-copy h1{font-size:42px}
  .cover-facts li{font-size:13px}
  .nav-controls button{padding:0 10px;gap:6px}
  .nav-controls button b{font-size:13px}
  .bottom-counter{font-size:12.5px}
  .index-card small{font-size:13px}
  .findings p{font-size:14.5px}
  .system-grid article{padding:14px}
  .tier{padding:16px}
}

@media (max-height:820px) and (min-width:981px){
  :root{--top:60px;--bottom:56px}
  .cover-copy{gap:12px}
  .cover-copy h1{font-size:clamp(48px,5.8vw,92px)}
  .cover-copy .lead{font-size:17px}
  .cover-facts li{font-size:13px;padding:6px 8px}
  .cover-stage{height:clamp(360px,58vh,560px)}
  .split-head{margin-bottom:16px}
  .split-head h2{max-width:16ch}
  .slide-note{font-size:13px;padding-top:9px}
  .audit-shot figcaption{font-size:13px;padding:8px 11px 4px}
  .findings li{padding:9px 10px 10px}
  .findings h3{font-size:16.5px}
  .findings p{font-size:15px;line-height:1.4}
  .journey-grid .path li{padding:7px 0}
  .path h3{font-size:17px}
  .path p{font-size:14.5px}
  .gap-statement{font-size:22px;margin-top:10px}
  .concept-list>div{padding:8px 0}
  .concept-list b{font-size:17px}
  .concept-list p{font-size:14.5px}
  .flagship-stage{min-height:0}
  .phase ul{gap:5px}
  .phase li{font-size:14.5px}
  .tier li{font-size:14.5px}
  .partner{font-size:14px}
  .partner-quote{font-size:19px;margin:10px 0}
  .scheduler{padding:18px}
  .scheduler h3{font-size:26px}
  .suggestions button{padding:7px 5px;font-size:13px}
  .field input{padding:8px;min-height:40px}
  .draft-cta{padding:10px 12px;font-size:13px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .slide{transition:none}
  .deck.shake{animation:none}
  #scene{transition:none}
}

@media (max-width:700px){
  .m-page[data-mpage="gallery"]:not([hidden]){grid-template-columns:1fr}
  .m-page[data-mpage="gallery"] .m-gal-head,.m-page[data-mpage="gallery"] .ba-mock,.m-page[data-mpage="gallery"] .m-note{grid-column:1;grid-row:auto}
  .m-page[data-mpage="gallery"] .ba-mock{aspect-ratio:5/3;margin-top:.8em}
  .m-slots{grid-template-columns:repeat(3,1fr)}
  .m-slots-label{grid-column:1/-1}
}

/* ---------- WHOLE-COMPOSITION CENTERING (slides 03/05/07/08/09) ----------
   One structural wrapper carries the complete meaningful group — kicker,
   heading, lead, body, cards and slide note — centered as one composition
   between the fixed masthead and the fixed global footer. Block auto
   margins collapse to zero when content is taller than the stage, so tall
   slides keep natural, reachable top flow. No font shrinking, no scaling,
   no dummy space. Slides that already pass (01/02/04/06) are untouched. */
.center-stack{width:100%;display:flex;flex-direction:column;margin:auto 0}
.center-stack .slide-note{margin-top:clamp(18px,3vh,30px)}
@media (max-width:980px){
  .center-stack .slide-note{margin-top:16px}
}