@font-face{
  font-family:"Geist";
  src:url("assets/fonts/geist-latin.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Instrument Serif";
  src:url("assets/fonts/instrument-serif-regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Instrument Serif";
  src:url("assets/fonts/instrument-serif-italic.woff2") format("woff2");
  font-weight:400;
  font-style:italic;
  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:#122018;
  --forest:#07110c;
  --forest-2:#0d1d14;
  --forest-3:#142b1d;
  --cream:#f3edde;
  --cream-2:#e9e0cc;
  --cream-3:#d9cdb2;
  --navy:#111a6d;
  --leaf:#5f8b58;
  --leaf-bright:#9dbb7e;
  --brass:#c9a35a;
  --brass-bright:#e4c37d;
  --brass-deep:#6b4700;
  --terra:#b05c3e;
  --red:#a92d28;
  --body:clamp(16px,1.12vw,23px);
  --body-lg:clamp(17px,1.25vw,24px);
  --label:clamp(13px,0.82vw,14.5px);
  --micro:clamp(10.5px,0.68vw,12px);
  --h1:clamp(52px,4.9vw,94px);
  --h2:clamp(38px,3.45vw,62px);
  --h3:clamp(20px,1.42vw,27px);
  --gutter:clamp(20px,4vw,76px);
  --chrome-h:68px;
  --ctrl-h:62px;
  --gap:clamp(16px,1.5vw,26px);
  --bg:var(--forest);
  --fg:var(--cream);
  --muted:#b9b0a0;
  --line:rgba(243,237,222,.16);
  --chrome-bg:#07110c;
  --chrome-ink:#f3edde;
  --accent:var(--brass);
  --accent-soft:rgba(201,163,90,.14);
  --card:rgba(243,237,222,.045);
  --code:#e2c98f;
  --lead:#d4cbbb;
  --focus:#e4c37d;
}
body[data-theme="paper"]{
  --bg:var(--cream);
  --fg:#17231b;
  --muted:#55604f;
  --line:rgba(23,35,27,.16);
  --chrome-bg:#f3edde;
  --chrome-ink:#17231b;
  --accent:var(--brass-deep);
  --accent-soft:rgba(107,71,0,.09);
  --card:rgba(18,32,24,.035);
  --code:#6b4700;
  --lead:#3f4b3f;
  --focus:#6b4700;
}
.slide[data-theme="paper"]{
  --bg:var(--cream);--fg:#17231b;--muted:#55604f;--line:rgba(23,35,27,.16);
  --accent:var(--brass-deep);--accent-soft:rgba(107,71,0,.09);--card:rgba(18,32,24,.035);
  --code:#6b4700;--lead:#3f4b3f;
}
.slide[data-theme="dark"]{
  --bg:var(--forest);--fg:var(--cream);--muted:#b9b0a0;--line:rgba(243,237,222,.16);
  --accent:var(--brass);--accent-soft:rgba(201,163,90,.14);--card:rgba(243,237,222,.045);
  --code:#e2c98f;--lead:#d4cbbb;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--forest);scroll-behavior:auto}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Geist","Helvetica Neue",Arial,sans-serif;
  font-size:var(--body);line-height:1.5;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow:hidden;
}
body.index-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--focus);outline-offset:3px;
}
::selection{background:var(--brass);color:#0b140e}
h1,h2,h3,h4,p,ul,ol,figure,dl{margin:0}
ul,ol{padding:0;list-style:none}
em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
code{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.88em;
  background:var(--accent-soft);color:var(--code);padding:.08em .3em;border-radius:2px;
}
kbd{font-family:"JetBrains Mono",monospace;font-size:.8em;border:1px solid var(--line);padding:.1em .35em;border-radius:2px}

/* ---------- fixed chrome ---------- */
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:120;background:transparent}
.progress i{display:block;height:100%;width:11.11%;background:linear-gradient(90deg,var(--brass),var(--brass-bright));transition:width .55s cubic-bezier(.22,1,.36,1)}
.chrome{
  position:fixed;inset:0 0 auto;height:var(--chrome-h);z-index:100;
  display:flex;align-items:center;gap:clamp(8px,.85vw,14px);
  padding:0 var(--gutter);background:var(--chrome-bg);color:var(--chrome-ink);
  border-bottom:1px solid var(--line);
}
.chrome-brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.chrome-brand img{height:clamp(15px,1.05vw,19px);width:auto}
.chrome-brand .bc-light{display:none}
body[data-theme="paper"] .chrome-brand .bc-dark{display:none}
body[data-theme="paper"] .chrome-brand .bc-light{display:block}
.chrome-x{font-family:"Instrument Serif",serif;font-size:17px;color:var(--muted);line-height:1}
.chrome-client{
  display:flex;align-items:center;flex:0 0 auto;background:var(--cream);
  border:1px solid rgba(17,26,109,.16);padding:5px 7px;border-radius:2px;
}
.chrome-client img{height:11px;width:auto}
.chrome-section{
  font-family:"JetBrains Mono",monospace;font-size:clamp(10px,.68vw,11.5px);
  letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
  margin-left:auto;margin-right:auto;white-space:nowrap;
}
.chrome-right{display:flex;align-items:center;gap:clamp(9px,1vw,16px);margin-left:auto;flex:0 0 auto}
.chrome-count{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.09em;color:var(--muted)}
.chrome-index{
  display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;
  background:transparent;border:1px solid var(--line);border-radius:2px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
}
.chrome-index:hover{background:var(--accent-soft);border-color:var(--accent)}
.ci-lines{display:grid;gap:2.5px}
.ci-lines i{display:block;width:11px;height:1px;background:currentColor}

/* ---------- deck + slides ---------- */
.deck{position:relative;height:100svh;overflow:hidden}
.slide{position:absolute;inset:0;display:none;background:var(--bg);color:var(--fg);overflow:hidden}
.slide.active{display:block}
.slide-body{
  position:relative;z-index:3;height:100%;overflow-y:auto;overscroll-behavior:contain;
  padding:calc(var(--chrome-h) + 22px) var(--gutter) calc(var(--ctrl-h) + 18px);
  scrollbar-width:thin;scrollbar-color:var(--line) transparent;
}
.slide-body::-webkit-scrollbar{width:7px}
.slide-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}
.wide{max-width:1760px;margin:0 auto}
.kicker{
  font-family:"JetBrains Mono",monospace;font-size:clamp(10.5px,.72vw,12px);
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent);line-height:1.45;
}
.section-title{
  font-size:var(--h2);line-height:.98;letter-spacing:-.05em;font-weight:500;
  margin-top:10px;text-wrap:balance;max-width:17ch;
}
.section-title em{color:var(--accent)}
.lead{font-size:var(--body-lg);line-height:1.48;color:var(--lead);letter-spacing:-.012em;max-width:58ch}
.slide-note{
  margin-top:auto;padding-top:10px;border-top:1px solid var(--line);
  font-family:"JetBrains Mono",monospace;font-size:clamp(10.5px,.68vw,12px);
  line-height:1.55;letter-spacing:.01em;color:var(--muted);
}
.paper .section-title,.slide[data-theme="paper"] .section-title{color:#17231b}
.paper .section-title em,.slide[data-theme="paper"] .section-title em{color:var(--brass-deep)}
.paper .lead,.slide[data-theme="paper"] .lead{color:#3f4b3f}
.dark .lead{color:#d4cbbb}

/* ---------- cover ---------- */
.slide-cover{background:radial-gradient(80% 90% at 72% 44%,#143120 0%,#09150e 48%,#040a07 100%)}
#scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .8s ease}
body.scene-ready #scene{opacity:1}
.cover-scrim{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,10,7,.98) 0%,rgba(4,10,7,.92) 33%,rgba(4,10,7,.55) 55%,rgba(4,10,7,.06) 78%,rgba(4,10,7,.2) 100%),
    linear-gradient(0deg,rgba(4,10,7,.85) 0%,transparent 28%),
    radial-gradient(70% 60% at 75% 42%,rgba(201,163,90,.12),transparent 70%);
}
.cover-body{
  display:flex;align-items:center;gap:clamp(20px,3vw,60px);
  padding-top:calc(var(--chrome-h) + 18px);padding-bottom:calc(var(--ctrl-h) + 14px);
}
.cover-copy{position:relative;z-index:5;width:min(48%,700px);flex:0 0 auto}
.cover-title{
  font-size:var(--h1);line-height:.9;letter-spacing:-.068em;font-weight:500;
  margin:12px 0 20px;color:#f7f1e4;text-wrap:balance;
}
.cover-title em{display:block;color:var(--brass-bright);letter-spacing:-.03em;margin-top:.02em}
.cover-lead{font-size:clamp(16px,1.08vw,21px);line-height:1.5;color:#cfc6b5;max-width:54ch;margin-bottom:20px}
.cover-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:600px;margin-bottom:20px}
.cover-facts li{
  font-family:"JetBrains Mono",monospace;font-size:clamp(11px,.72vw,12.5px);
  line-height:1.4;color:#dfd7c7;border-left:2px solid rgba(201,163,90,.6);padding-left:10px;
}
.cover-facts span{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#a99e89;margin-bottom:2px}
.cover-prepared{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(243,237,222,.16);max-width:590px}
.cover-prepared img{width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,163,90,.55);flex:0 0 auto}
.cover-prepared p{font-size:12.5px;line-height:1.35;color:#b9b0a0}
.cover-prepared span{display:block;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8f8675}
.cover-prepared b{color:#f1e9d9;font-weight:500}
.cover-foot{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.04em;color:#8a8172;margin-top:12px}
.cover-cue{
  position:absolute;right:var(--gutter);bottom:calc(var(--ctrl-h) + 18px);z-index:5;
  display:flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a99e89;
}
.cover-cue span{color:var(--brass-bright)}
.cover-cue i{display:block;width:42px;height:1px;background:rgba(201,163,90,.6)}
.cover-stage{position:absolute;right:3.5vw;top:50%;transform:translateY(-50%);width:min(54vw,760px);z-index:1;pointer-events:none}
.cover-static{display:block;position:relative;width:100%;aspect-ratio:3.18/1;filter:drop-shadow(0 34px 42px rgba(0,0,0,.55))}
.static-sign{
  position:absolute;inset:0;background:linear-gradient(145deg,#fbf5e5,#e9ddc4 55%,#d8c9a9);
  border:clamp(7px,.65vw,11px) solid #b78c42;border-radius:4px;
  box-shadow:0 0 0 1px rgba(255,235,190,.35) inset,0 0 0 2px rgba(75,48,10,.25),0 20px 60px rgba(0,0,0,.45);
  transform:rotate(-2.4deg);
}
.static-sign::before,.static-sign::after{
  content:"";position:absolute;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f5dfa5,#8c6224 70%);box-shadow:0 1px 2px rgba(0,0,0,.5);
  top:9px;
}
.static-sign::before{left:9px}.static-sign::after{right:9px}
.static-sign-inner{
  position:absolute;inset:7%;border:1px solid rgba(98,64,14,.45);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;
  padding:2% 4%;
}
.static-sign-inner img{width:86%;height:auto;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}
.sign-top,.sign-bottom{
  font-family:"JetBrains Mono",monospace;font-size:clamp(6px,.62vw,10px);
  letter-spacing:.16em;color:#4a3a20;text-align:center;white-space:nowrap;
}
.sign-bottom{color:#6f5222}
.static-ground{
  position:absolute;left:8%;right:8%;bottom:-18%;height:34%;
  background:radial-gradient(ellipse at 50% 20%,rgba(94,67,40,.7),rgba(27,18,11,.2) 55%,transparent 72%);
  filter:blur(12px);z-index:-1;
}
body.scene-ready .cover-static{display:none}

/* ---------- shared two-column heads ---------- */
.audit-head,.gap-head,.flagship-head,.proof-head,.engagement-head{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr);
  gap:clamp(22px,3.4vw,72px);align-items:end;margin-bottom:clamp(12px,1.4vw,20px);
}
.audit-head .lead,.gap-head .lead,.flagship-head .lead,.proof-head .lead,.engagement-head .lead{max-width:46ch;padding-bottom:4px}
.slide-audit .slide-body,.slide-gap .slide-body,.slide-flagship .slide-body,.slide-proof .slide-body,.slide-roadmap .slide-body,.slide-engagement .slide-body,.slide-close .slide-body{display:flex;flex-direction:column}

/* ---------- audit ---------- */
.audit-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(18px,2.4vw,42px);flex:1;min-height:0}
.audit-shot{
  display:flex;flex-direction:column;min-height:0;background:var(--cream);border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(18,32,24,.12);
}
.audit-img{position:relative;flex:1;min-height:300px;overflow:hidden;background:#ddd}
.audit-img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.audit-shot figcaption{padding:8px 11px;font-family:"JetBrains Mono",monospace;font-size:10px;line-height:1.45;color:#55604f;background:#f8f2e6}
.findings{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 clamp(16px,2vw,34px)}
.finding{display:grid;grid-template-columns:clamp(54px,3.7vw,68px) 1fr;gap:9px;padding:11px 0 12px;border-top:1px solid var(--line)}
.finding h3{font-size:clamp(18px,1.24vw,22px);line-height:1.16;letter-spacing:-.025em;font-weight:500;margin-bottom:4px}
.finding p{font-size:clamp(16px,1.15vw,20px);line-height:1.4;color:#3f4b3f}
.finding .source{display:block;margin-top:5px;font-family:"JetBrains Mono",monospace;font-size:clamp(10.5px,.72vw,12px);letter-spacing:.04em;text-transform:uppercase;color:#6f695a}
.severity{font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;align-self:start;margin-top:2px;border-radius:2px}
.severity.high{background:#a92d28;color:#fff}
.severity.medium{background:#e4d4b0;color:#5e4718}

/* ---------- gap ---------- */
.slide-gap{background:radial-gradient(80% 100% at 18% 30%,#11271a 0%,#07110c 55%,#040a07 100%)}
.gap-grid{display:grid;grid-template-columns:minmax(240px,.63fr) minmax(0,1.37fr);gap:clamp(20px,3vw,54px);align-items:center;flex:1;min-height:0;padding-top:8px}
.phone-evidence{display:flex;flex-direction:column;align-items:center;min-height:0}
.phone-shell{
  position:relative;width:clamp(190px,13.5vw,215px);aspect-ratio:390/1000;
  background:#131611;border:8px solid #2a2e26;border-radius:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.09) inset;
  padding:7px;
}
.phone-notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:34%;height:6px;border-radius:9px;background:#080b08;z-index:2}
.phone-screen{width:100%;height:100%;overflow:hidden;border-radius:27px;background:#f6f1e7}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.phone-evidence figcaption{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:9.5px;color:#a99e89;line-height:1.5;text-align:center;max-width:300px}
.pin-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#a92d28;color:#fff;font-size:9px;margin-right:2px}
.gap-right{min-width:0}
.path-compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)}
.path{border:1px solid rgba(243,237,222,.16);background:rgba(243,237,222,.035);padding:clamp(12px,1.2vw,18px)}
.path.next-path{border-color:rgba(201,163,90,.55);background:rgba(201,163,90,.08)}
.path-label{display:block;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#a99e89;margin-bottom:9px}
.path.next-path .path-label{color:var(--brass-bright)}
.path ol{display:grid;gap:6px}
.path li{display:flex;align-items:baseline;gap:8px;font-size:clamp(13px,.88vw,15.5px);line-height:1.35;color:#d4cbbb}
.path li b{font-family:"JetBrains Mono",monospace;font-size:9px;color:#8f8675;flex:0 0 16px}
.path.next-path li b{color:var(--brass)}
.path.next-path li{color:#f1e9d9}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:clamp(12px,1.4vw,18px)}
.stat-row div{border-top:2px solid var(--brass);padding-top:8px}
.stat-row b{display:block;font-family:"Geist",sans-serif;font-size:clamp(26px,2.2vw,38px);font-weight:500;line-height:1;letter-spacing:-.05em;color:#f1e9d9}
.stat-row span{display:block;font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.35;color:#a99e89;margin-top:4px}
.gap-close{margin-top:clamp(10px,1.2vw,16px);font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(20px,1.7vw,28px);line-height:1.2;color:var(--brass-bright)}

/* ---------- flagship ---------- */
.slide-flagship{background:radial-gradient(80% 80% at 70% 35%,#10251a 0%,#07110c 55%,#040a07 100%)}
.mock-stage{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.68fr) minmax(145px,.3fr);gap:clamp(12px,1.5vw,22px);flex:1;min-height:0;align-items:stretch}
.browser{display:flex;flex-direction:column;min-height:0;background:#0b140f;border:1px solid rgba(243,237,222,.18);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:8px;min-height:27px;padding:0 9px;background:#121a14;border-bottom:1px solid rgba(243,237,222,.1);flex:0 0 auto}
.dots{display:flex;gap:3px}
.dots i{display:block;width:5px;height:5px;border-radius:50%;background:#5b5a50}
.dots i:first-child{background:#8a5a3b}.dots i:nth-child(2){background:#8b7d3c}.dots i:nth-child(3){background:#4e6d4e}
.browser-bar .url{font-family:"JetBrains Mono",monospace;font-size:8.5px;color:#b9b0a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser-bar .url em{font-family:inherit;font-style:normal;color:#847b6a}
.browser-bar .tag{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;color:#c9a35a;border:1px solid rgba(201,163,90,.35);padding:2px 4px;white-space:nowrap}
.browser-bar.slim{background:#efe8da;border-bottom:1px solid #cfc4af}
.browser-bar.slim .url{color:#4a5545}.browser-bar.slim .tag{color:#6b4700;border-color:rgba(107,71,0,.25)}
.browser-bar.slim .dots i{background:#b7ad9a}
.mock-tabs{display:flex;gap:0;background:#0e1711;border-bottom:1px solid rgba(243,237,222,.1);flex:0 0 auto}
.mock-tab{flex:1;min-height:31px;background:transparent;border:0;border-right:1px solid rgba(243,237,222,.08);color:#a99e89;font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase}
.mock-tab:last-child{border-right:0}
.mock-tab.active{background:rgba(201,163,90,.12);color:#f1e9d9;box-shadow:inset 0 -2px 0 var(--brass)}
.mock-tab:hover{background:rgba(243,237,222,.05)}
.mock-pages{position:relative;flex:1;min-height:clamp(320px,44vh,520px);overflow:hidden;background:#f3edde;color:#17231b}
.mock-page{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;padding:0}
.mock-page[hidden]{display:none}
.mock-page::-webkit-scrollbar{width:5px}.mock-page::-webkit-scrollbar-thumb{background:#c8bda9}
#page-home{display:none;flex-direction:column}
#page-home.active{display:flex}
#page-home[hidden]{display:none}
#page-plants.active,#page-trade.active,#page-visit.active{display:flex;flex-direction:column}
#page-plants[hidden],#page-trade[hidden],#page-visit[hidden]{display:none}
#page-home .mini-hero{flex:1;min-height:250px}
#page-home .mini-cats{margin-top:auto}
.mini-hero{position:relative;min-height:62%;display:flex;flex-direction:column;padding:10px 13px 14px;background:linear-gradient(90deg,rgba(7,17,12,.9),rgba(7,17,12,.35) 62%,rgba(7,17,12,.05)),var(--photo) center/cover no-repeat;color:#f7f1e4}
.mini-nav{display:flex;align-items:center;gap:10px;margin-bottom:auto}
.mini-nav img{height:13px;width:auto;background:#f3edde;padding:3px 4px;border-radius:1px}
.mini-nav span{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:7px;letter-spacing:.1em;color:#cdc3b1;text-transform:uppercase}
.mini-hero-copy{max-width:66%}
.mini-badge{font-family:"JetBrains Mono",monospace;font-size:6.5px;letter-spacing:.12em;text-transform:uppercase;color:#e4c37d;border:1px solid rgba(228,195,125,.55);padding:2px 4px;display:inline-block;margin-bottom:5px}
.mini-hero h3{font-size:clamp(17px,1.55vw,25px);line-height:1.02;letter-spacing:-.04em;font-weight:500;color:#fbf5e7;margin-bottom:4px}
.mini-hero p{font-size:8.5px;line-height:1.4;color:#d9d0bf;max-width:34ch}
.mini-actions{display:flex;align-items:center;gap:10px;margin-top:7px;flex-wrap:wrap}
.mini-actions a,.mini-call,.mini-cta{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  background:var(--brass);color:#132016;font-family:"JetBrains Mono",monospace;
  font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border:0;min-height:22px;
}
.text-link{background:transparent;color:inherit;border:0;padding:0;font-family:"JetBrains Mono",monospace;font-size:7.5px;letter-spacing:.04em;text-decoration:underline;text-underline-offset:2px;min-height:22px}
.mini-hero .text-link{color:#f1e9d9}
.mini-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7cbb5;border-bottom:1px solid #d7cbb5;background:#f8f2e6}
.mini-strip div{padding:6px 8px;border-right:1px solid #ddd2bf}
.mini-strip div:last-child{border-right:0}
.mini-strip span{display:block;font-family:"JetBrains Mono",monospace;font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:#7a7566}
.mini-strip b{display:block;font-size:7.8px;line-height:1.25;font-weight:500;color:#243228;margin-top:1px}
.mini-strip a{text-decoration:none;color:#111a6d}
.mini-cats{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding:8px 10px}
.mini-cats .mini-eyebrow{margin-right:3px}
.mini-eyebrow{font-family:"JetBrains Mono",monospace;font-size:6.5px;letter-spacing:.11em;text-transform:uppercase;color:#7a7566}
.mini-cats span:not(.mini-eyebrow){font-family:"JetBrains Mono",monospace;font-size:6.5px;border:1px solid #d2c6b0;padding:2px 4px;color:#394735;background:#fbf6ea}
.mini-page-head{padding:14px 14px 8px}
.mini-page-head h3{font-size:clamp(18px,1.55vw,25px);line-height:1;letter-spacing:-.04em;font-weight:500;margin:3px 0 4px}
.mini-page-head p{font-size:8.5px;line-height:1.4;color:#55604f;max-width:52ch}
.mini-chips{display:flex;gap:4px;flex-wrap:wrap;padding:2px 14px 10px}
.mini-chip{background:#fbf6ea;border:1px solid #d2c6b0;color:#394735;font-family:"JetBrains Mono",monospace;font-size:7px;padding:4px 6px;min-height:21px}
.mini-chip.active{background:#17231b;color:#f3edde;border-color:#17231b}
.mini-plant-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}
.mini-plant-photo{min-height:150px;background:var(--photo) center/cover no-repeat;border:1px solid #d2c6b0}
.mini-plant-copy h4{font-size:14px;line-height:1.1;font-weight:500;margin:3px 0 4px;color:#17231b}
.mini-plant-copy p{font-size:8.5px;line-height:1.4;color:#46533f}
.mini-plant-copy .mini-call{margin-top:7px;font-size:7px;padding:4px 7px}
.mini-plant-copy small{display:block;font-size:6.5px;line-height:1.3;color:#7a7566;margin-top:4px}
.mini-table{width:calc(100% - 28px);margin:3px 14px 7px;border-collapse:collapse;font-size:8.5px}
.mini-table caption{caption-side:top;text-align:left;font-family:"JetBrains Mono",monospace;font-size:6.5px;text-transform:uppercase;letter-spacing:.08em;color:#6b4700;padding-bottom:4px}
.mini-table th,.mini-table td{border-bottom:1px solid #d7cbb5;padding:4px 5px;text-align:left}
.mini-table thead th{font-family:"JetBrains Mono",monospace;font-size:6.5px;text-transform:uppercase;letter-spacing:.08em;color:#7a7566;font-weight:400}
.mini-table tbody th{font-weight:500;color:#17231b}
.mini-table td{color:#394735}
.mini-terms{margin:0 14px 8px;font-family:"JetBrains Mono",monospace;font-size:6.5px;line-height:1.45;color:#6b6658}
.mini-terms a{color:#111a6d}
.mini-cta{margin:0 14px 12px;background:#17231b;color:#f3edde;font-size:7px;min-height:24px}
.mini-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:8px 14px 12px;border-top:1px solid #d7cbb5;border-bottom:1px solid #d7cbb5}
.mini-guide div{padding:7px 8px;border-right:1px solid #d7cbb5}
.mini-guide div:last-child{border-right:0}
.mini-guide b{display:block;font-family:"JetBrains Mono",monospace;font-size:6.5px;color:#8a6a2a;margin-bottom:2px}
.mini-guide span{display:block;font-size:7.5px;line-height:1.3;color:#394735}
.mini-page-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 14px;padding:7px 8px;background:#17231b;color:#f3edde}
.mini-page-cta span{font-family:"JetBrains Mono",monospace;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.mini-page-cta a{font-family:"JetBrains Mono",monospace;font-size:7px;color:var(--brass-bright);text-decoration:none;border-bottom:1px solid rgba(228,195,125,.5)}
.mini-page-band{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:11px 14px;background:#17231b;color:#f3edde}
.mini-page-band b{font-size:12px;font-weight:500;letter-spacing:-.02em;color:#f7f1e4}
.mini-page-band span{font-size:7.5px;line-height:1.35;color:#c9bda8}
.mini-page-band a{grid-row:1/3;grid-column:2;font-family:"JetBrains Mono",monospace;font-size:7px;color:var(--brass-bright);text-decoration:none;border-bottom:1px solid rgba(228,195,125,.5);white-space:nowrap}
.mini-visit-list{display:grid;gap:0;margin:0 14px 8px;border-top:1px solid #d7cbb5}
.mini-visit-list div{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding:5px 0;border-bottom:1px solid #e1d6c2}
.mini-visit-list b{font-size:7.5px;font-weight:500;color:#17231b;line-height:1.3}
.mini-visit-list span{font-size:7px;line-height:1.35;color:#55604f}
.mini-visit-hero{min-height:180px;background:linear-gradient(90deg,rgba(7,17,12,.9),rgba(7,17,12,.35)),var(--photo) center/cover no-repeat;padding:14px;color:#f7f1e4}
.mini-visit-copy{max-width:66%}
.mini-visit-copy h3{font-size:clamp(18px,1.5vw,24px);line-height:1;letter-spacing:-.04em;font-weight:500;margin:3px 0 5px}
.mini-visit-copy p{font-size:8px;line-height:1.4;color:#d9d0bf}
.mini-visit-copy .mini-call{margin-top:7px;font-size:7px;padding:4px 7px}

.mock-detail{
  display:flex;flex-direction:column;
  min-height:0;overflow-y:auto;background:rgba(243,237,222,.055);border:1px solid rgba(243,237,222,.16);
  padding:clamp(13px,1.15vw,19px);scrollbar-width:thin;color:#e9e1d1;
}
.mock-detail::-webkit-scrollbar{width:5px}.mock-detail::-webkit-scrollbar-thumb{background:rgba(243,237,222,.25)}
.detail-pane{display:none}
.detail-pane.active{display:block}
.detail-eyebrow{font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.mock-detail h3{font-size:clamp(19px,1.45vw,26px);line-height:1.06;letter-spacing:-.035em;font-weight:500;color:#f7f1e4;margin:7px 0 7px}
.mock-detail p{font-size:clamp(14px,.94vw,17px);line-height:1.42;color:#d4cbbb}
.detail-list{display:grid;gap:6px;margin-top:10px}
.detail-list li{font-size:clamp(13px,.88vw,16px);line-height:1.35;color:#d4cbbb;padding-top:6px;border-top:1px solid rgba(243,237,222,.12)}
.mock-detail-foot{margin-top:auto;padding-top:10px;font-family:"JetBrains Mono",monospace;font-size:9px;line-height:1.5;color:#a99e89;border-top:1px solid rgba(243,237,222,.14)}
.detail-list b{color:var(--brass-bright);font-weight:500;margin-right:4px}
.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;border-top:1px solid rgba(243,237,222,.14);padding-top:10px}
.detail-stats div{border-left:2px solid var(--brass);padding-left:7px}
.detail-stats b{display:block;font-size:clamp(22px,1.7vw,30px);font-weight:500;line-height:1;color:#f7f1e4;letter-spacing:-.04em}
.detail-stats span{display:block;font-family:"JetBrains Mono",monospace;font-size:8.5px;line-height:1.35;color:#a99e89;margin-top:3px;text-transform:uppercase;letter-spacing:.04em}
.detail-quote{margin-top:12px !important;font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(16px,1.15vw,21px) !important;line-height:1.2 !important;color:var(--brass-bright) !important}
.detail-chips{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}
.detail-chip{background:transparent;border:1px solid rgba(243,237,222,.25);color:#d4cbbb;font-family:"JetBrains Mono",monospace;font-size:8.5px;padding:4px 6px;min-height:25px}
.detail-chip.active{background:var(--brass);border-color:var(--brass);color:#132016}
.detail-plant-note{border-top:1px solid rgba(243,237,222,.14);padding-top:8px}
.detail-plant-note b{font-size:13px;font-weight:500;color:#f1e9d9}
.detail-plant-note p{font-size:12.5px;margin:3px 0 6px}
.detail-plant-note a,.detail-link{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--brass-bright);text-decoration:underline;text-underline-offset:2px}
.trade-builder{display:grid;gap:5px;margin-top:8px}
.trade-builder label{font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#a99e89}
.trade-builder select,.trade-builder input{
  background:#f3edde;color:#17231b;border:1px solid #c9bda8;min-height:32px;padding:3px 7px;font-size:12px;width:100%;
}
.qty-control{display:grid;grid-template-columns:34px 1fr 34px;gap:4px}
.qty-control button{background:rgba(243,237,222,.1);border:1px solid rgba(243,237,222,.24);color:#f1e9d9;min-height:32px;font-size:15px}
.trade-result{margin-top:4px;border-left:3px solid var(--brass);padding:6px 8px;background:rgba(201,163,90,.1)}
.trade-result span{display:block;font-family:"JetBrains Mono",monospace;font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:#a99e89}
.trade-result b{display:block;font-size:19px;font-weight:500;color:#f1e9d9;line-height:1.1}
.trade-result small{display:block;font-size:9px;color:#b9b0a0;margin-top:2px}
.copy-btn{background:var(--brass);border:0;color:#132016;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;padding:7px 8px;min-height:32px;margin-top:2px}
.tiny-note{font-family:"JetBrains Mono",monospace;font-size:8px;line-height:1.4;color:#a99e89}
.mini-map{margin:8px 0;border:1px solid rgba(243,237,222,.18)}
.mini-map img{width:100%;height:120px;object-fit:cover}
.mini-map figcaption{font-family:"JetBrains Mono",monospace;font-size:7.5px;line-height:1.35;color:#a99e89;padding:4px 6px}
.phone-mock{
  align-self:end;width:100%;background:#f3edde;color:#17231b;border:5px solid #23271f;border-radius:18px;
  overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.38);min-width:0;
}
.phone-mock-top{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 6px;border-bottom:1px solid #d7cbb5}
.phone-mock-top img{height:8px;width:auto;max-width:66%}
.phone-mock-top span{font-family:"JetBrains Mono",monospace;font-size:5.5px;text-transform:uppercase;letter-spacing:.03em;color:#6b4700;white-space:nowrap}
.phone-mock-body{display:flex;flex-direction:column;gap:5px;padding:9px 8px 10px}
.phone-mock-body b{font-size:12px;line-height:1.1;letter-spacing:-.02em;font-weight:500}
.phone-mock-body a{display:flex;align-items:center;justify-content:center;min-height:26px;background:#17231b;color:#f3edde;text-decoration:none;font-family:"JetBrains Mono",monospace;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}
.phone-mock-body a.ghost{background:transparent;color:#17231b;border:1px solid #b9ad97}
.phone-hours{font-family:"JetBrains Mono",monospace;font-size:7px;line-height:1.5;color:#55604f;margin-top:2px}

/* ---------- system ---------- */
.slide-system{background:var(--cream);color:#17231b}
.system-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.system-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.14;filter:grayscale(.25) sepia(.12) saturate(.7)}
.system-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3edde 0%,rgba(243,237,222,.93) 42%,rgba(243,237,222,.72) 100%)}
.system-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.7fr);gap:clamp(20px,3vw,60px);align-items:end;margin-bottom:clamp(14px,1.8vw,24px)}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(26px,4vw,72px);align-content:start}
.system-item{display:grid;grid-template-columns:clamp(48px,3.4vw,64px) 1fr;gap:12px;padding:clamp(11px,1.25vw,18px) 0;border-top:1px solid rgba(23,35,27,.18)}
.sys-num{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.06em;color:#8a6a2a;padding-top:3px}
.system-item h3{font-size:clamp(20px,1.4vw,27px);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin-bottom:3px}
.system-item p{font-size:clamp(15.5px,1.04vw,18.5px);line-height:1.42;color:#3f4b3f;max-width:44ch}
.sys-tag{display:inline-block;margin-top:5px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6b4700;border-bottom:1px solid rgba(107,71,0,.3);padding-bottom:1px}
.system-note{margin-top:auto;padding-top:12px;border-top:2px solid #17231b;font-family:"JetBrains Mono",monospace;font-size:clamp(10.5px,.72vw,12.5px);line-height:1.5;color:#4a5545}

/* ---------- proof ---------- */
.proof-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.72fr);gap:clamp(20px,2.6vw,40px);align-items:center;flex:1;min-height:0}
.ba-wrap{min-width:0}
.ba-stage{
  position:relative;aspect-ratio:16/9;max-height:56vh;overflow:hidden;background:#ddd;
  border:1px solid rgba(23,35,27,.22);box-shadow:0 24px 60px rgba(18,32,24,.18);touch-action:pan-y;
}
.ba-stage:focus-within{outline:2px solid var(--focus);outline-offset:3px}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none;user-select:none}
.ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%);will-change:clip-path}
.ba-badge{position:absolute;top:10px;z-index:3;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;background:#17231b;color:#f3edde}
.ba-badge.before{left:10px;background:#a92d28}
.ba-badge.after{right:10px;background:#17231b}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#f3edde;z-index:4;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.ba-handle i{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;transform:translate(-50%,-50%);background:#f3edde;border:2px solid #17231b;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ba-handle i::before,.ba-handle i::after{content:"";position:absolute;top:50%;width:5px;height:5px;border-top:1.5px solid #17231b;border-left:1.5px solid #17231b}
.ba-handle i::before{left:10px;transform:translateY(-50%) rotate(-45deg)}
.ba-handle i::after{right:10px;transform:translateY(-50%) rotate(135deg)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}
.ba-hint{font-family:"JetBrains Mono",monospace;font-size:10px;color:#6a6558;margin-top:7px}
.proof-notes{display:grid;gap:0}
.proof-notes article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:12px 0;border-top:1px solid rgba(23,35,27,.18)}
.proof-notes article>span{font-family:"JetBrains Mono",monospace;font-size:9px;color:#8a6a2a;padding-top:3px}
.proof-notes h3{font-size:clamp(17px,1.12vw,20px);line-height:1.12;font-weight:500;letter-spacing:-.02em;margin-bottom:3px}
.proof-notes p{font-size:clamp(14px,.94vw,16.5px);line-height:1.42;color:#3f4b3f}
.proof-note{font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.45;color:#6a6558;border-top:1px solid rgba(23,35,27,.18);padding-top:9px;margin-top:3px}

/* ---------- roadmap ---------- */
.roadmap-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.6fr);gap:clamp(20px,3vw,56px);align-items:end;margin-bottom:clamp(12px,1.5vw,20px)}
.roadmap-side{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:12px;align-items:end}
.roadmap-side figure{overflow:hidden;border:1px solid rgba(23,35,27,.18)}
.roadmap-side img{width:100%;height:118px;object-fit:cover}
.roadmap-side p{font-family:"JetBrains Mono",monospace;font-size:11px;line-height:1.5;color:#4a5545}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,18px);flex:1;min-height:0}
.phase{position:relative;overflow:hidden;display:flex;flex-direction:column;background:rgba(18,32,24,.035);border:1px solid rgba(23,35,27,.16);border-top:4px solid #17231b;padding:clamp(13px,1.3vw,20px)}
.phase::before{content:attr(data-phase);position:absolute;right:8px;bottom:44px;font-family:"Geist",sans-serif;font-size:clamp(80px,7vw,150px);font-weight:500;line-height:.7;letter-spacing:-.08em;color:rgba(23,35,27,.035);pointer-events:none;z-index:0}
.phase.featured::before{color:rgba(243,237,222,.045)}
.phase>*{position:relative;z-index:1}
.phase.featured{background:#17231b;color:#f3edde;border-color:#17231b;border-top-color:var(--brass)}
.phase-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.phase-days{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#6b6658}
.phase-days b{font-family:"Geist",sans-serif;font-size:clamp(28px,2.2vw,38px);font-weight:500;letter-spacing:-.06em;line-height:1;margin-right:3px;color:#17231b}
.phase.featured .phase-days b{color:var(--brass-bright)}
.phase.featured .phase-days{color:#b9b0a0}
.phase-when{font-family:"JetBrains Mono",monospace;font-size:9px;color:#6b6658;white-space:nowrap}
.phase.featured .phase-when{color:#b9b0a0}
.phase h3{font-size:clamp(23px,1.8vw,32px);line-height:1;letter-spacing:-.04em;font-weight:500;margin-bottom:4px}
.phase-sub{font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;color:#6b6658;margin-bottom:10px}
.phase.featured .phase-sub{color:#c9bda8}
.phase ul{display:grid;gap:7px;margin-bottom:12px}
.phase li{position:relative;padding-left:13px;font-size:clamp(14px,.96vw,17px);line-height:1.38;color:#3f4b3f}
.phase li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#8a6a2a}
.phase.featured li{color:#d8d0bf}
.phase.featured li::before{background:var(--brass)}
.phase-outcome{margin-top:auto;margin-bottom:9px;border-left:3px solid #8a6a2a;background:rgba(23,35,27,.045);padding:7px 9px}
.phase-outcome span{display:block;font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7a6a4a}
.phase-outcome b{display:block;font-size:clamp(12px,.8vw,14px);line-height:1.35;font-weight:500;color:#33402f;margin-top:2px}
.phase.featured .phase-outcome{background:rgba(243,237,222,.06);border-left-color:var(--brass)}
.phase.featured .phase-outcome span{color:#c9bda8}
.phase.featured .phase-outcome b{color:#f1e9d9}
.phase-gate{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.04em;color:#6f6042;margin-bottom:6px}
.phase.featured .phase-gate{color:#c9bda8}
.owner{margin-top:0;font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.4;color:#6b6658;border-top:1px solid rgba(23,35,27,.16);padding-top:7px}
.phase.featured .owner{color:#b9b0a0;border-color:rgba(243,237,222,.18)}
.roadmap-foot{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px;padding-top:9px;border-top:1px solid rgba(23,35,27,.2);font-size:clamp(11px,.74vw,13px);line-height:1.45;color:#4a5545}
.roadmap-foot b{color:#17231b;font-weight:500}

/* ---------- engagement ---------- */
.slide-engagement{background:#07110c;color:#f3edde}
.engagement-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.engagement-bg img{width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.28;filter:saturate(1.1) brightness(.55)}
.engagement-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07110c 0%,rgba(7,17,12,.94) 34%,rgba(7,17,12,.72) 68%,rgba(7,17,12,.82) 100%)}
.engagement-head{position:relative;z-index:2}
.tier-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:clamp(10px,1.2vw,18px);flex:1;min-height:0}
.tier{display:flex;flex-direction:column;height:100%;border:1px solid rgba(243,237,222,.2);background:rgba(7,17,12,.55);padding:clamp(14px,1.3vw,21px);position:relative}
.tier.recommended{border-color:rgba(201,163,90,.75);background:rgba(201,163,90,.09);box-shadow:0 0 0 1px rgba(201,163,90,.25) inset}
.tier-flag{position:absolute;top:-11px;left:clamp(14px,1.3vw,21px);background:var(--brass);color:#132016;font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px}
.tier-kicker{font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#a99e89}
.tier h3{font-size:clamp(24px,1.9vw,34px);line-height:1;letter-spacing:-.045em;font-weight:500;margin:6px 0 3px;color:#f7f1e4}
.tier-sub{font-size:clamp(13px,.86vw,15.5px);line-height:1.35;color:#c9bda8;margin-bottom:11px}
.tier ul{display:grid;gap:6px;margin-bottom:12px}
.tier li{position:relative;padding-left:12px;font-size:clamp(14px,.94vw,16.5px);line-height:1.38;color:#d4cbbb}
.tier li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--brass)}
.tier-best{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:9px;line-height:1.4;color:#a99e89;border-top:1px solid rgba(243,237,222,.15);padding-top:7px}
.tier.recommended .tier-best{color:#e4c37d}
.engagement-note{position:relative;z-index:2;margin-top:auto;padding-top:10px;border-top:1px solid rgba(243,237,222,.18);font-family:"JetBrains Mono",monospace;font-size:10.5px;line-height:1.5;color:#a99e89}

/* ---------- close ---------- */
.slide-close{background:radial-gradient(70% 80% at 28% 42%,#11271a 0%,#07110c 58%,#040a07 100%)}
.close-head{margin-bottom:clamp(14px,1.8vw,22px)}
.close-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(20px,3vw,52px);align-items:start;flex:1}
.rep-card{display:grid;grid-template-columns:clamp(190px,16vw,270px) 1fr;gap:clamp(18px,2vw,32px);align-items:start}
.rep-photo{position:relative}
.rep-photo::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(201,163,90,.5);border-radius:50%;transform:rotate(-8deg)}
.rep-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid rgba(201,163,90,.65);filter:saturate(.98) contrast(1.02)}
.rep-eyebrow{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--brass)}
.rep-copy h3{font-size:clamp(28px,2.3vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1;margin:4px 0 2px;color:#f7f1e4}
.rep-role{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.04em;color:#b9b0a0}
.rep-copy p{font-size:clamp(14px,.96vw,17px);line-height:1.45;color:#d4cbbb;margin:10px 0 12px;max-width:44ch}
.rep-contacts{display:grid;gap:5px}
.rep-contacts a{font-family:"JetBrains Mono",monospace;font-size:clamp(11px,.78vw,13px);color:#e4c37d;text-decoration:none;border-bottom:1px solid rgba(228,195,125,.3);padding-bottom:2px;width:max-content;max-width:100%}
.rep-contacts a:hover{border-color:#e4c37d}
.rep-location{display:block;font-family:"JetBrains Mono",monospace;font-size:9px;line-height:1.4;color:#8f8675;margin-top:10px}
.scheduler{background:var(--cream);color:#17231b;padding:clamp(16px,1.6vw,24px);border-top:3px solid var(--brass);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.scheduler .kicker{color:#8a6a2a}
.scheduler h3{font-size:clamp(24px,1.9vw,32px);line-height:1;letter-spacing:-.04em;font-weight:500;margin:5px 0 5px}
.scheduler>p{font-size:clamp(12.5px,.82vw,14.5px);line-height:1.4;color:#55604f}
.quick-slots{display:flex;gap:6px;margin:10px 0}
.quick-slots button{flex:1;background:transparent;border:1px solid #bcae94;color:#17231b;font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.25;padding:6px 5px;min-height:38px}
.quick-slots button:hover{background:#17231b;color:#f3edde}
.sched-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:2px 0 6px}
.sched-fields label{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#5b5548}
.sched-fields label:nth-of-type(2){grid-column:2}
.sched-fields input{width:100%;min-height:38px;background:#fbf6ea;border:1px solid #c9bda8;color:#17231b;padding:5px 7px;font-size:13px}
.sched-fields input:first-of-type{grid-column:1}
.sched-status{font-family:"JetBrains Mono",monospace;font-size:10px;line-height:1.4;color:#8a2d26;min-height:14px;margin-bottom:5px}
.draft-btn{display:flex;align-items:center;justify-content:center;min-height:44px;background:#17231b;color:#f3edde;text-decoration:none;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;text-align:center}
.draft-btn:hover{background:#0b140e}
.draft-btn.disabled{background:#b7ad9a;color:#5b5548;pointer-events:none}
.sched-note{font-family:"JetBrains Mono",monospace;font-size:9px;line-height:1.45;color:#6a6558;margin-top:6px}
.close-foot{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(243,237,222,.16);font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.4;color:#8f8675}

/* ---------- controls / rail ---------- */
.controls{
  position:fixed;inset:auto 0 0;height:var(--ctrl-h);z-index:100;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:0 var(--gutter);background:var(--chrome-bg);color:var(--chrome-ink);
  border-top:1px solid var(--line);
}
.ctrl-brand,.ctrl-place{font-family:"JetBrains Mono",monospace;font-size:9.5px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctrl-brand em{font-family:inherit;font-style:normal;color:var(--accent)}
.ctrl-place{text-align:right}
.ctrl-mid{display:flex;align-items:center;gap:clamp(9px,1.2vw,17px)}
.controls button{
  display:flex;align-items:center;gap:7px;min-height:40px;background:transparent;border:1px solid var(--line);
  color:var(--chrome-ink);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:0 11px;
}
.controls button:hover{border-color:var(--accent);background:var(--accent-soft)}
.controls button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ctrl-count{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--muted);min-width:64px;text-align:center}
.rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:7px;align-items:center}
.rail button{width:18px;height:18px;padding:0;border:0;background:transparent;position:relative}
.rail button::before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.5;transform:translate(-50%,-50%);transition:all .25s}
.rail button.active::before{height:17px;border-radius:4px;background:var(--accent);opacity:1}
.rail button:hover::before{opacity:1}

/* ---------- index overlay ---------- */
.index-overlay{
  position:fixed;inset:0;z-index:200;background:#07110c;color:#f3edde;
  display:none;flex-direction:column;padding:calc(var(--chrome-h) + 24px) var(--gutter) 30px;overflow-y:auto;
}
.index-overlay.open{display:flex}
.index-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:clamp(18px,2vw,30px)}
.index-top .kicker{color:var(--brass)}
.index-top h2{font-size:clamp(32px,3vw,52px);line-height:.98;letter-spacing:-.05em;font-weight:500;margin-top:8px;color:#f7f1e4}
.index-top button{background:transparent;border:1px solid rgba(243,237,222,.25);color:#f3edde;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;min-height:42px}
.index-top button span{font-size:16px;margin-left:4px}
.index-top button:hover{border-color:var(--brass);color:var(--brass-bright)}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.index-card{
  display:flex;flex-direction:column;gap:5px;text-align:left;background:rgba(243,237,222,.04);
  border:1px solid rgba(243,237,222,.16);color:#f3edde;padding:15px;min-height:126px;
}
.index-card:hover{border-color:var(--brass);background:rgba(201,163,90,.08)}
.index-card.current{border-color:var(--brass);background:rgba(201,163,90,.12)}
.index-card .ic-num{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.1em;color:var(--brass)}
.index-card .ic-section{font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#a99e89}
.index-card h3{font-size:clamp(18px,1.3vw,23px);line-height:1.05;letter-spacing:-.03em;font-weight:500;color:#f7f1e4;margin-top:auto}
.index-card p{font-size:11px;line-height:1.35;color:#b9b0a0}
.index-foot{margin-top:auto;padding-top:16px;font-family:"JetBrains Mono",monospace;font-size:9px;color:#8f8675;border-top:1px solid rgba(243,237,222,.14)}

/* ---------- fx ---------- */
.fx-layer{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}
#fx{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.fx-layer.firing #fx{opacity:1}
.flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--fx-x,69%) var(--fx-y,48%),rgba(255,248,225,.95) 0%,rgba(228,195,125,.66) 16%,rgba(157,187,126,.2) 40%,transparent 64%)}
.fx-layer.firing .flash{animation:flash .46s cubic-bezier(.2,.8,.3,1) both}
@keyframes flash{0%{opacity:0}8%{opacity:.9}100%{opacity:0}}
.shockwave{position:absolute;left:var(--fx-x,69%);top:var(--fx-y,48%);width:22vmin;height:22vmin;border:3px solid rgba(255,236,190,.7);border-radius:50%;transform:translate(-50%,-50%) scale(.15);opacity:0}
.fx-layer.firing .shockwave{animation:wave .78s cubic-bezier(.16,1,.3,1) both}
.fx-layer.firing #shockwave-2{animation-delay:.08s;border-width:1.5px;border-color:rgba(157,187,126,.55)}
@keyframes wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}15%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(3.1)}}
.seam{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(228,195,125,.04) 30%,rgba(228,195,125,.42) 50%,rgba(157,187,126,.16) 62%,transparent 82%);transform:translateX(-20%)}
.fx-layer.seaming .seam{animation:seam .72s cubic-bezier(.7,0,.2,1) both}
@keyframes seam{0%{opacity:0;transform:translateX(-20%)}20%{opacity:1}100%{opacity:0;transform:translateX(20%)}}
/* the screen shake moves the deck itself (the overlay is transparent, shaking it shows nothing) */
body.shaking .deck{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}
@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-3px) rotate(.12deg)}30%,50%,70%{transform:translate(-9px,4px) rotate(-.2deg)}40%,60%{transform:translate(9px,-4px) rotate(.2deg)}}

/* ============================================================
   2026-11-02 · display standardization pass (fixes/deck-120)
   Whole-content-group safe-centering between the fixed masthead
   and the fixed controls; typography, copy, palette, images and
   controls unchanged. margin-block:auto centers the group when
   it fits and collapses to zero on tall content, so scrolling
   content still flows naturally from the top. Inner kicker/title/
   lead/body/cards/notes move as one composition.
   ============================================================ */

/* 03 · The gap — compact head + evidence into one centered group */
.slide-gap .gap-head{margin-top:auto}
.slide-gap .gap-grid{flex:0 0 auto;padding-block:clamp(4px,.6vh,10px)}
.slide-gap .slide-note{margin-top:clamp(14px,1.6vh,22px);margin-bottom:auto}

/* 04 · Flagship — cap the stretched concept stage, center the group */
.slide-flagship .flagship-head{margin-top:auto}
.slide-flagship .mock-stage{flex:0 0 auto}
.slide-flagship .mock-pages{min-height:clamp(300px,40vh,462px)}
.slide-flagship .slide-note{margin-top:clamp(14px,1.6vh,22px);margin-bottom:auto}

/* 05 · System — make the list body a flex column, then center
   head, six items and note as one composition */
.slide-system .slide-body{display:flex;flex-direction:column}
.slide-system .system-head{margin-top:auto}
.slide-system .system-note{margin-top:clamp(16px,1.8vh,24px);margin-bottom:auto}

/* 06 · Proof — center the compact before/after group */
.slide-proof .proof-head{margin-top:auto}
.slide-proof .proof-grid{flex:0 0 auto;margin-bottom:auto}

/* 07 · Roadmap — stop forced card stretch, center the whole group */
.slide-roadmap .roadmap-head{margin-top:auto}
.slide-roadmap .phase-grid{flex:0 0 auto}
.slide-roadmap .roadmap-foot{margin-top:clamp(14px,1.8vh,26px);margin-bottom:auto}

/* 08 · Engagement — compact tier cards, center the group */
.slide-engagement .engagement-head{margin-top:auto}
.slide-engagement .tier-grid{flex:0 0 auto}
.slide-engagement .engagement-note{margin-top:clamp(14px,1.6vh,22px);margin-bottom:auto}

/* 09 · Close — heading joins the rep/scheduler group, all centered */
.slide-close .close-head{margin-top:auto}
.slide-close .close-grid{flex:0 0 auto}
.slide-close .close-foot{margin-top:clamp(18px,2.2vh,30px);margin-bottom:auto}

/* Narrow portrait: keep flex centering (auto margins collapse to 0
   when content is taller than the stage, preserving top flow) */
@media (max-width:900px){
  .slide-gap .slide-body,.slide-system .slide-body,.slide-roadmap .slide-body,
  .slide-engagement .slide-body,.slide-close .slide-body,.slide-proof .slide-body{
    display:flex;flex-direction:column;
  }
}
/* charge-up: the cover copy steps back while the sign builds energy */
/* children, not .cover-copy itself: the entrance animation (fill-mode both) owns opacity/transform on .cover-copy */
.cover-copy>*{transition:opacity .5s ease,translate .5s cubic-bezier(.22,1,.36,1)}
body.charging .cover-copy>*{opacity:.28;translate:-22px 0}
body.charging .cover-cue{opacity:0}
.cover-cue{transition:opacity .3s ease}

/* ---------- entrance animation for slide content ---------- */
.slide.active .slide-body>*{animation:rise .55s cubic-bezier(.22,1,.36,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.reduced .slide.active .slide-body>*{animation:none}

/* ============================================================
   responsive
   ============================================================ */
@media (max-width:1600px){
  :root{--gutter:clamp(20px,3.4vw,54px)}
  .cover-copy{width:min(50%,660px)}
  .cover-title{font-size:clamp(52px,4.75vw,88px)}
  .findings{gap:0 clamp(14px,1.6vw,26px)}
  .mock-stage{grid-template-columns:minmax(0,1.48fr) minmax(270px,.7fr) minmax(96px,.23fr)}
  .rep-card{grid-template-columns:clamp(180px,15vw,240px) 1fr}
}
@media (max-width:1366px){
  :root{--chrome-h:62px;--ctrl-h:56px;--h2:clamp(36px,3.5vw,48px);--body:clamp(16px,1.13vw,18px);--body-lg:clamp(17px,1.22vw,19px)}
  .slide-body{padding-top:calc(var(--chrome-h) + 16px);padding-bottom:calc(var(--ctrl-h) + 14px)}
  .cover-title{font-size:clamp(50px,4.7vw,70px)}
  .cover-facts{gap:9px 18px}
  .cover-prepared{margin-top:2px}
  .audit-img{min-height:270px}
  .finding{padding:9px 0 10px}
  .finding h3{font-size:16px}
  .finding p{font-size:13px}
  .mock-detail{padding:12px}
  .mock-detail h3{font-size:20px}
  .phase{padding:12px}
  .phase li{font-size:13px}
  .tier{padding:13px}
  .tier li{font-size:13px}
  .scheduler{padding:15px}
  .rep-copy p{font-size:14px}
}
@media (max-height:800px) and (min-width:1101px){
  .slide-body{padding-top:calc(var(--chrome-h) + 12px);padding-bottom:calc(var(--ctrl-h) + 10px)}
  .cover-body{padding-top:calc(var(--chrome-h) + 8px);padding-bottom:calc(var(--ctrl-h) + 8px)}
  .cover-title{margin:7px 0 12px}
  .cover-lead{margin-bottom:12px;font-size:16px}
  .cover-facts{gap:6px 16px;margin-bottom:12px}
  .cover-prepared{padding-top:8px}
  .cover-foot{margin-top:7px}
  .section-title{font-size:clamp(36px,3.2vw,48px)}
  .audit-head,.gap-head,.flagship-head,.proof-head,.engagement-head{margin-bottom:10px}
  .finding{padding:8px 0 9px}
  .finding h3{font-size:16px}
  .finding p{font-size:13px}
  .audit-img{min-height:240px}
  .stat-row b{font-size:30px}
  .mock-detail{padding:11px}
  .mock-detail h3{font-size:19px}
  .mock-detail p{font-size:12px}
  .detail-list li{font-size:12px;padding-top:4px}
  .phase li{font-size:12.5px}
  .tier li{font-size:12.5px}
  .rep-copy p{font-size:13.5px;margin:7px 0 9px}
  .scheduler{padding:13px}
  .quick-slots button{min-height:34px}
  .sched-fields input{min-height:34px}
  .draft-btn{min-height:40px}
}
@media (max-width:1200px){
  .rail{display:none}
  .phone-mock-top span{display:none}
  .chrome-section{display:none}
  .cover-copy{width:min(54%,620px)}
  .cover-stage{width:min(52vw,620px);right:2.5vw}
  .mock-stage{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);}
  .phone-mock{grid-column:1/-1;justify-self:end;width:160px;margin-top:-8px}
  .phone-mock-body b{font-size:11px}
  .audit-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .findings{grid-template-columns:1fr}
  .audit-img{min-height:300px}
  .system-grid{gap:0 30px}
  .phase-grid{gap:9px}
  .tier-grid{gap:9px}
}
@media (max-width:1024px){
  :root{--gutter:28px}
  .audit-head,.gap-head,.flagship-head,.proof-head,.engagement-head,.system-head,.roadmap-head{grid-template-columns:1fr;gap:10px;align-items:start}
  .audit-head .lead,.gap-head .lead,.flagship-head .lead,.proof-head .lead,.engagement-head .lead{max-width:64ch}
  .audit-grid{grid-template-columns:1fr 1fr;gap:18px}
  .findings{grid-template-columns:1fr}
  .audit-img{min-height:280px}
  .gap-grid{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr)}
  .phone-shell{width:195px;height:auto;aspect-ratio:390/1000}
  .path-compare{grid-template-columns:1fr 1fr}
  .mock-stage{grid-template-columns:1fr;gap:10px}
  .browser{min-height:430px}
  .mock-detail{max-height:none}
  .phone-mock{display:flex;flex-direction:column;width:150px;justify-self:end;grid-column:1/-1;margin-top:-4px}
  .mock-stage::after{content:"";display:none}
  .system-grid{grid-template-columns:1fr 1fr}
  .proof-grid{grid-template-columns:1fr;gap:14px}
  .ba-stage{max-height:none}
  .proof-notes{grid-template-columns:1fr 1fr;gap:0 22px}
  .proof-notes article{padding:9px 0}
  .proof-note{grid-column:1/-1}
  .roadmap-side{grid-template-columns:130px 1fr}
  .roadmap-side img{height:90px}
  .tier-grid{grid-template-columns:1fr;gap:9px}
  .tier{padding:14px}
  .tier ul{grid-template-columns:1fr 1fr;gap:5px 16px}
  .tier-best{margin-top:5px}
  .close-grid{grid-template-columns:1fr;gap:16px}
  .rep-card{grid-template-columns:190px 1fr}
  .scheduler{max-width:none}
  .index-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :root{--chrome-h:64px;--ctrl-h:70px;--gutter:18px;--h1:clamp(42px,11vw,64px);--h2:clamp(32px,7.6vw,48px);--body:16px;--body-lg:17px;--label:13px;--gap:14px}
  html,body{height:100%}
  body{overflow:hidden}
  .chrome{padding:0 14px;gap:7px}
  .chrome-brand img{height:14px}
  .chrome-client{padding:4px 5px}
  .chrome-client img{height:9px}
  .chrome-x{font-size:14px}
  .chrome-count{font-size:9px}
  .chrome-index{font-size:9px;padding:0 8px;min-height:34px;gap:5px}
  .ci-lines i{width:9px}
  .slide-body{display:block;padding-top:calc(var(--chrome-h) + 16px);padding-bottom:calc(var(--ctrl-h) + 18px);overflow-y:auto}
  .audit-grid,.gap-grid,.mock-stage,.proof-grid,.phase-grid,.tier-grid,.system-grid{display:block;flex:none;min-height:0}
  .audit-shot{height:auto;margin-bottom:14px}
  .audit-img{height:280px;min-height:0;max-height:none;flex:none}
  .browser{height:auto;min-height:0;max-height:none;margin-bottom:12px}
  .mock-pages{min-height:360px}
  .mock-detail{max-height:none;overflow:visible;margin-bottom:12px}
  .phone-mock{display:flex;flex-direction:column;width:180px;justify-self:center;margin:0 auto}
  .phase,.tier{margin-bottom:9px}
  .proof-notes{margin-top:12px}
  .section-title{max-width:none;font-size:var(--h2);line-height:1}
  .lead{font-size:16px;line-height:1.5}
  .kicker{font-size:10px}
  .controls{grid-template-columns:1fr;padding:0 12px;height:var(--ctrl-h)}
  .ctrl-brand,.ctrl-place{display:none}
  .ctrl-mid{justify-content:space-between;width:100%;gap:6px}
  .controls button{min-height:44px;padding:0 10px;font-size:10px}
  .ctrl-count{font-size:11px;min-width:54px}
  .cover-body{display:block;padding-top:calc(var(--chrome-h) + 20px);padding-bottom:calc(var(--ctrl-h) + 26px)}
  .cover-copy{width:100%;max-width:none}
  .cover-title{font-size:clamp(44px,12vw,68px);line-height:.9;margin:10px 0 13px}
  .cover-lead{font-size:16px;line-height:1.48;margin-bottom:14px}
  .cover-facts{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:14px}
  .cover-facts li{font-size:10.5px}
  .cover-facts span{font-size:8px}
  .cover-prepared{padding-top:10px;margin-top:0}
  .cover-prepared p{font-size:11.5px}
  .cover-prepared img{width:36px;height:36px}
  .cover-foot{font-size:9px;line-height:1.5;margin-top:8px}
  .cover-cue{display:none}
  .cover-stage{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:none;margin-top:18px;padding:0 4px}
  .cover-static{aspect-ratio:3.18/1}
  .static-sign{border-width:7px;transform:rotate(-1.6deg)}
  .sign-top,.sign-bottom{font-size:6px;letter-spacing:.1em}
  #scene{display:none}
  .cover-static{display:block!important}
  .slide-cover{overflow-y:auto}
  .slide-cover .cover-body{height:auto;min-height:100%;overflow:visible}
  .audit-grid,.gap-grid,.proof-grid{grid-template-columns:1fr;gap:14px}
  .audit-img{min-height:300px;max-height:380px}
  .findings{grid-template-columns:1fr}
  .finding{padding:10px 0}
  .finding h3{font-size:18px}
  .finding p{font-size:16px}
  .gap-grid{display:flex;flex-direction:column;align-items:stretch}
  .phone-evidence{order:2;margin-top:4px}
  .phone-shell{width:min(58vw,220px);height:auto;aspect-ratio:390/1000}
  .gap-right{order:1}
  .path-compare{grid-template-columns:1fr 1fr;gap:8px}
  .path{padding:11px}
  .path li{font-size:13px}
  .stat-row{margin-top:12px}
  .stat-row b{font-size:28px}
  .stat-row span{font-size:9px}
  .gap-close{font-size:21px;margin-top:12px}
  .mock-stage{grid-template-columns:1fr;gap:10px}
  .browser{min-height:390px;max-height:460px}
  .phone-mock{display:flex;flex-direction:column;width:180px;justify-self:center;margin:0 auto}
  .phone-mock-body b{font-size:12px}
  .phone-mock-body a{min-height:26px;font-size:7px}
  .mock-detail{max-height:none;overflow:visible}
  .detail-pane h3{font-size:23px}
  .detail-pane p{font-size:14px}
  .mini-hero{min-height:65%}
  .mini-hero-copy{max-width:78%}
  .mini-hero h3{font-size:20px}
  .mini-hero p{font-size:9px}
  .mini-table{font-size:9.5px}
  .mini-page-head h3{font-size:21px}
  .system-head{grid-template-columns:1fr;gap:8px}
  .system-grid{grid-template-columns:1fr;gap:0}
  .system-item{padding:12px 0}
  .system-item p{font-size:14px}
  .system-item h3{font-size:22px}
  .system-note{font-size:10px;margin-top:10px}
  .proof-notes{grid-template-columns:1fr;gap:0}
  .proof-notes article{padding:11px 0}
  .proof-notes h3{font-size:18px}
  .proof-notes p{font-size:14px}
  .ba-stage{aspect-ratio:16/10;max-height:none}
  .ba-handle i{width:44px;height:44px}
  .roadmap-head{grid-template-columns:1fr;gap:10px}
  .roadmap-side{grid-template-columns:120px 1fr;gap:12px}
  .roadmap-side img{height:86px}
  .roadmap-side p{font-size:9.5px}
  .phase-grid{grid-template-columns:1fr;gap:9px}
  .phase{padding:14px}
  .phase h3{font-size:24px}
  .phase li{font-size:14px}
  .phase-days b{font-size:30px}
  .roadmap-foot{grid-template-columns:1fr;gap:6px;font-size:11px}
  .tier-grid{grid-template-columns:1fr;gap:9px}
  .tier{padding:15px;height:auto}
  .tier h3{font-size:28px}
  .tier li{font-size:14px}
  .tier ul{grid-template-columns:1fr;gap:5px}
  .tier-flag{top:-10px}
  .engagement-note{font-size:10px}
  .close-head{margin-bottom:14px}
  .close-grid{grid-template-columns:1fr;gap:18px}
  .rep-card{grid-template-columns:1fr;gap:16px}
  .rep-photo{width:min(58vw,220px);margin:0 auto}
  .rep-copy{text-align:left}
  .rep-copy h3{font-size:32px}
  .rep-copy p{font-size:15px;max-width:none}
  .rep-contacts a{font-size:12px}
  .scheduler{max-width:none;padding:18px}
  .scheduler h3{font-size:27px}
  .quick-slots{flex-direction:column}
  .quick-slots button{min-height:42px}
  .sched-fields{grid-template-columns:1fr}
  .sched-fields label:nth-of-type(2){grid-column:1}
  .sched-fields input:first-of-type{grid-column:1}
  .draft-btn{min-height:44px;font-size:11px}
  .close-foot{flex-direction:column;gap:4px;font-size:9px}
  .index-overlay{padding:calc(var(--chrome-h) + 18px) 16px 24px}
  .index-top h2{font-size:32px}
  .index-grid{grid-template-columns:1fr;gap:7px}
  .index-card{min-height:94px;padding:12px}
  .index-card h3{font-size:19px}
  .index-foot{font-size:8px}
  .progress i{background:var(--brass)}
  .slide-body>*{max-width:100%}
}
@media (max-width:600px){
  :root{--gutter:16px;--h1:clamp(40px,11.4vw,58px);--h2:clamp(30px,7.8vw,40px)}
  .chrome{gap:5px}
  .chrome-brand img{height:14px}
  .chrome-client img{height:10px}
  .chrome-x{font-size:12px}
  .chrome-count{display:none}
  .chrome-index{font-size:8px;letter-spacing:.06em;min-height:32px;padding:0 7px}
  .chrome-index .ci-lines{display:none}
  .slide-body{padding-top:calc(var(--chrome-h) + 14px);padding-bottom:calc(var(--ctrl-h) + 20px)}
  .cover-title{font-size:clamp(42px,11.8vw,56px)}
  .cover-facts{grid-template-columns:1fr;gap:7px}
  .cover-facts li{font-size:10.5px}
  .cover-stage{margin-top:14px}
  .static-sign-inner{inset:6%}
  .sign-top,.sign-bottom{font-size:5px;letter-spacing:.08em}
  .section-title{font-size:var(--h2)}
  .audit-head .lead,.gap-head .lead,.flagship-head .lead,.proof-head .lead,.engagement-head .lead{font-size:15.5px}
  .audit-img{height:300px;min-height:0;max-height:none}
  .audit-pin{font-size:8px;padding:3px 4px}
  .finding{grid-template-columns:42px 1fr;gap:7px}
  .finding h3{font-size:17px}
  .finding p{font-size:15px}
  .phone-shell{width:min(62vw,210px);height:auto;aspect-ratio:390/1000}
  .path-compare{grid-template-columns:1fr}
  .path li{font-size:13px}
  .stat-row{grid-template-columns:repeat(3,1fr);gap:6px}
  .stat-row b{font-size:25px}
  .stat-row span{font-size:8px}
  .gap-close{font-size:20px}
  .mock-tabs{overflow-x:auto}
  .mock-tab{min-width:74px}
  .browser{min-height:430px;max-height:none}
  .mini-hero{min-height:250px}
  .mini-hero-copy{max-width:88%}
  .mini-hero h3{font-size:20px}
  .mini-strip{grid-template-columns:1fr 1fr}
  .mini-strip div:nth-child(2){border-right:0}
  .mini-strip div:nth-child(3),.mini-strip div:nth-child(4){border-top:1px solid #ddd2bf}
  .mini-plant-body{grid-template-columns:1fr}
  .mini-plant-photo{min-height:120px}
  .mini-visit-hero{min-height:210px}
  .mini-visit-copy{max-width:85%}
  .mini-page-head h3{font-size:20px}
  .phone-mock{display:flex;width:170px}
  .detail-pane h3{font-size:22px}
  .detail-list li{font-size:13px}
  .tier{padding:14px}
  .tier h3{font-size:27px}
  .rep-photo{width:min(62vw,190px)}
  .rep-copy h3{font-size:30px}
  .scheduler{padding:16px}
  .scheduler h3{font-size:25px}
  .sched-fields input{min-height:40px;font-size:14px}
  .draft-btn{font-size:10px}
  .close-foot{font-size:8px}
  .index-card{min-height:90px}
}
@media (max-width:380px){
  .cover-title{font-size:40px}
  .cover-facts{grid-template-columns:1fr}
  .stat-row{grid-template-columns:1fr 1fr}
  .stat-row div:last-child{grid-column:1/-1}
  .mini-strip{grid-template-columns:1fr}
  .mini-strip div{border-right:0!important;border-top:1px solid #ddd2bf}
  .mini-strip div:first-child{border-top:0}
}

/* ============================================================
   readability floor (completion pass)
   Later than every breakpoint above on purpose: it lifts the 5-10px labels and the
   12-13px compact-mode copy back to the deck floor (13px labels, 14-16px body).
   Grids may grow past the viewport and the slide scrolls deliberately; they never
   shrink under their content.
   ============================================================ */
.audit-grid,.gap-grid,.proof-grid,.phase-grid,.tier-grid,.mock-stage{flex:1 0 auto}
.mock-pages{min-height:clamp(380px,56vh,620px)}

/* chrome, labels and controls */
.chrome-section{font-size:clamp(11.5px,.78vw,13px)}
.chrome-count,.chrome-index{font-size:12px}
.chrome-client img{height:13px}
.ctrl-brand,.ctrl-place{font-size:11.5px}
.controls button{font-size:12px}
.ctrl-count{font-size:12px}
.kicker{font-size:clamp(12px,.8vw,13.5px)}
.slide-note{font-size:clamp(12px,.78vw,13.5px)}

/* cover */
.cover-facts li{font-size:clamp(12.5px,.8vw,14px)}
.cover-facts span{font-size:11px}
.cover-prepared p{font-size:clamp(13px,.88vw,15px)}
.cover-prepared span{font-size:11px}
.cover-foot{font-size:12px}
.cover-cue{font-size:12px}
.sign-top,.sign-bottom{font-size:clamp(8.5px,.82vw,13px)}

/* audit + gap */
.audit-shot figcaption{font-size:12.5px}
.severity{font-size:11px;height:22px;padding:0 7px;letter-spacing:.08em}
.finding{grid-template-columns:clamp(70px,4.5vw,80px) 1fr}
.finding h3{font-size:clamp(17px,1.24vw,22px)}
.finding p{font-size:clamp(15px,1.15vw,20px)}
.finding .source{font-size:clamp(12px,.76vw,13px)}
.phone-evidence figcaption{font-size:12.5px;max-width:340px}
.pin-label{width:20px;height:20px;font-size:11px}
.path-label{font-size:12px}
.path li{font-size:clamp(14px,.92vw,16px)}
.path li b{font-size:12px;flex:0 0 18px}
.stat-row span{font-size:12.5px}

/* flagship: the miniature stays a miniature, but nothing a visitor must read is under 10px */
.browser-bar{min-height:30px}
.browser-bar .url{font-size:11px}
.browser-bar .tag{font-size:10px;padding:2px 6px}
.mock-tab{font-size:11px;min-height:36px}
.mini-nav img{height:16px}
.mini-nav span{font-size:10px}
.mini-badge{font-size:10px;padding:3px 6px;margin-bottom:7px}
.mini-hero p{font-size:12.5px;max-width:38ch}
.mini-actions a,.mini-call,.mini-cta{font-size:11px;padding:6px 10px;min-height:30px}
.text-link{font-size:11.5px;min-height:30px}
.mini-strip span{font-size:10px}
.mini-strip b{font-size:12px}
.mini-eyebrow{font-size:10px}
.mini-cats span:not(.mini-eyebrow){font-size:10.5px;padding:3px 6px}
.mini-page-head p{font-size:12.5px}
.mini-chip{font-size:11px;padding:5px 8px;min-height:28px}
.mini-plant-copy h4{font-size:16px}
.mini-plant-copy p{font-size:12.5px}
.mini-plant-copy .mini-call{font-size:11px;padding:6px 10px}
.mini-plant-copy small{font-size:10.5px}
.mini-table{font-size:12.5px}
.mini-table caption{font-size:10.5px}
.mini-table thead th{font-size:10.5px}
.mini-terms{font-size:10.5px}
.mini-cta{font-size:11px;min-height:30px}
.mini-guide b{font-size:10.5px}
.mini-guide span{font-size:11.5px}
.mini-page-band b{font-size:14px}
.mini-page-band span{font-size:11.5px}
.mini-page-band a{font-size:11px}
.mini-visit-list b{font-size:12px}
.mini-visit-list span{font-size:11.5px}
.mini-visit-copy p{font-size:12.5px}
.mini-visit-copy .mini-call{font-size:11px;padding:6px 10px}

/* flagship detail panel: the readable view of the concept */
.detail-eyebrow{font-size:11px}
.mock-detail p{font-size:clamp(14px,.94vw,17px)}
.detail-list li{font-size:clamp(14px,.9vw,16px)}
.detail-stats span{font-size:11px}
.mock-detail-foot{font-size:11.5px}
.detail-chip{font-size:11px;padding:5px 8px;min-height:30px}
.detail-plant-note b{font-size:15px}
.detail-plant-note p{font-size:14px}
.detail-plant-note a,.detail-link{font-size:12.5px}
.trade-builder label{font-size:11px}
.trade-builder select,.trade-builder input{font-size:14px;min-height:36px}
.trade-result span{font-size:11px}
.trade-result small{font-size:12.5px}
.copy-btn{font-size:11.5px;min-height:36px}
.tiny-note{font-size:11px}
.mini-map figcaption{font-size:11px}

/* flagship phone: a phone-shaped column, not a shrunken browser */
.phone-mock{align-self:end;display:flex;flex-direction:column;min-width:150px}
.phone-mock-label{display:block;padding:5px 8px;background:#17231b;color:#e4c37d;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.phone-mock-top{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 9px 7px}
.phone-mock-top img{height:12px;max-width:100%}
.phone-mock-top span{display:block;font-size:10px;white-space:normal;letter-spacing:.05em}
.phone-mock-body{gap:6px;padding:9px 9px 11px}
.phone-mock-body b{font-size:14px;line-height:1.12}
.phone-mock-body a{font-size:11px;min-height:34px}
.phone-mock-body a.primary{background:#a92d28;color:#fff}
.phone-note{font-size:11.5px;line-height:1.35;color:#394735}
.phone-hours{font-size:10.5px;line-height:1.4}
@media (min-width:1201px){
  .mock-stage{grid-template-columns:minmax(0,1.5fr) minmax(270px,.72fr) minmax(158px,.26fr)}
}
@media (max-width:1200px){
  .phone-mock-top span{display:block}
  .phone-mock{width:190px}
}
@media (max-width:900px){
  .phone-mock{width:min(240px,72vw)}
}

/* system, proof */
.sys-num{font-size:12px}
.sys-tag{font-size:12px}
.system-note{font-size:clamp(12px,.8vw,13.5px)}
.ba-badge{font-size:12px;padding:5px 9px}
.ba-hint{font-size:12.5px}
.proof-notes article>span{font-size:12px}
.proof-notes article{grid-template-columns:34px 1fr}
.proof-notes p{font-size:clamp(14.5px,.98vw,17px)}
.proof-note{font-size:12px}

/* roadmap */
.roadmap-side p{font-size:clamp(12.5px,.82vw,14px)}
.phase-days,.phase-when{font-size:12px}
.phase-sub{font-size:12px}
.phase li{font-size:clamp(14px,.96vw,17px)}
.phase-outcome span{font-size:11.5px}
.phase-outcome b{font-size:clamp(14px,.92vw,15.5px)}
.phase-gate{font-size:12.5px}
.owner{font-size:12.5px}
.roadmap-foot{font-size:clamp(13px,.86vw,14.5px)}

/* engagement */
.tier-flag{font-size:11px;padding:5px 8px}
.tier-kicker{font-size:12px}
.tier-sub{font-size:clamp(14px,.9vw,16px)}
.tier li{font-size:clamp(14px,.96vw,16.5px)}
.tier-best{font-size:12px}
.engagement-note{font-size:12.5px}

/* close: portrait, contact lines and scheduler are essential reading */
.rep-eyebrow{font-size:12px}
.rep-role{font-size:13px}
.rep-copy p{font-size:clamp(14.5px,.98vw,17px)}
.rep-contacts{gap:8px}
.rep-contacts a{font-size:clamp(14px,.98vw,16.5px);padding-bottom:3px}
.rep-location{font-size:12px}
.scheduler>p{font-size:clamp(14px,.9vw,15.5px)}
.quick-slots button{font-size:13px;min-height:42px}
.sched-fields label{font-size:12px}
.sched-fields input{font-size:15px}
.sched-status{font-size:13px;min-height:18px}
.draft-btn{font-size:13.5px;min-height:48px}
.sched-note{font-size:12px}
.close-foot{font-size:12px}

/* index overlay */
.index-top button{font-size:12.5px}
.index-card .ic-num,.index-card .ic-section{font-size:12px}
.index-card p{font-size:14px}
.index-foot{font-size:12px}

@media (max-width:900px){
  .chrome-count{font-size:11px}
  .chrome-index{font-size:11px}
  .cover-facts li{font-size:12.5px}
  .cover-facts span{font-size:11px}
  .cover-prepared p{font-size:13px}
  .cover-foot{font-size:12px}
  .sign-top,.sign-bottom{font-size:8px;letter-spacing:.08em}
  .stat-row span{font-size:12px}
  .roadmap-side p{font-size:12.5px}
  .system-note,.engagement-note{font-size:12px}
  .close-foot{font-size:12px}
  .index-foot{font-size:12px}
  .path li{font-size:14px}
  .mini-hero p{font-size:12px}
  .mini-table{font-size:12px}
  .quick-slots button{font-size:13px}
  .draft-btn{font-size:13px}
  .controls button{font-size:12px}
}
@media (max-width:600px){
  .chrome-index{font-size:11px;letter-spacing:.06em}
  .sign-top,.sign-bottom{font-size:8px}
  .stat-row span{font-size:11.5px}
  .close-foot{font-size:12px}
  .draft-btn{font-size:12.5px}
}

/* reduced motion */
body.reduced *,body.reduced *::before,body.reduced *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important;scroll-behavior:auto!important;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Center the closing columns within their existing desktop row. */
@media (min-width:1025px){
  .slide-close .close-grid{align-items:safe center}
}