/* ==========================================================================
   MONROVIA LOCK SHOP × BRANDCORE.IO
   A private website + local-search proposal. Web presentation only.
   ========================================================================== */

@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/space-grotesk-500-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/plus-jakarta-sans-400-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/jetbrains-mono-400-normal.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-italic.woff2') format('woff2')}

:root{
  --ink:#07090c;
  --ink-2:#0b1018;
  --ink-3:#111925;
  --paper:#f2ede2;
  --paper-2:#e9e2d4;
  --paper-3:#ded5c4;
  --blue:#3d8bff;
  --blue-bright:#7fc4ff;
  --ice:#d8eeff;
  --deep:#0b4fa8;
  --deep-2:#07336f;
  --brass:#c9a26b;
  --brass-bright:#e8c98f;
  --brass-deep:#7a5526;
  --red:#c4453a;
  --muted-d:#aab6c4;
  --muted-d2:#8794a3;
  --muted-l:#5f5b52;
  --muted-l2:#7a7468;
  --line-d:rgba(216,238,255,.14);
  --line-d2:rgba(216,238,255,.08);
  --line-l:rgba(20,18,14,.14);
  --line-l2:rgba(20,18,14,.08);
  --top:64px;
  --bottom:54px;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --fs-h2:clamp(34px,3.55vw,60px);
  --fs-h1:clamp(46px,5.15vw,100px);
  --fs-body:clamp(17px,1.18vw,22px);
  --fs-card:clamp(16px,1.04vw,19px);
  --fs-label:clamp(13px,.875vw,15px);
  --fs-mini:clamp(12.5px,.79vw,13.5px);
  --pad-side:clamp(22px,3.6vw,64px);
}

*,*::before,*::after{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;height:100%;background:var(--ink);color:var(--paper);
  font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;font-weight:400;
  overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.theme-light{background:var(--paper);color:var(--ink)}
button,a,input,select{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure,dl{margin:0}
code{font-family:var(--font-mono);font-size:.86em;background:rgba(20,18,14,.07);padding:.08em .32em;border-radius:3px}
::selection{background:rgba(61,139,255,.28)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;flex:none}
.dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 .42em;opacity:.55}

/* ------------------------------------------------------------------ chrome */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;background:rgba(255,255,255,.06)}
.progress i{display:block;height:100%;width:11.11%;background:linear-gradient(90deg,var(--blue),var(--blue-bright));box-shadow:0 0 12px rgba(61,139,255,.55);transition:width .55s var(--ease)}
.chrome{
  position:fixed;left:0;right:0;z-index:60;display:flex;align-items:center;
  padding:0 var(--pad-side);color:var(--paper);
  transition:background .4s ease,color .4s ease,border-color .4s ease;
}
.chrome-top{top:2px;height:var(--top);gap:22px;background:linear-gradient(180deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.72) 62%,rgba(7,9,12,0) 100%)}
.chrome-bottom{bottom:0;height:var(--bottom);gap:20px;background:linear-gradient(0deg,rgba(7,9,12,.96) 0%,rgba(7,9,12,.82) 72%,rgba(7,9,12,0) 100%);font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-d2)}
body.theme-light .chrome-top{background:linear-gradient(180deg,rgba(242,237,226,.97) 0%,rgba(242,237,226,.82) 62%,rgba(242,237,226,0) 100%);color:var(--ink)}
body.theme-light .chrome-bottom{background:linear-gradient(0deg,rgba(242,237,226,.98) 0%,rgba(242,237,226,.88) 72%,rgba(242,237,226,0) 100%);color:var(--muted-l);border-top:1px solid var(--line-l2)}
body.theme-dark .chrome-bottom{border-top:1px solid var(--line-d2)}
body.scrolled .chrome-top{background:#07090c;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body.scrolled.theme-light .chrome-top{background:var(--paper);box-shadow:0 10px 24px rgba(20,18,14,.1)}
.cobrand{display:flex;align-items:center;gap:11px;min-width:0}
.cobrand-brand{width:clamp(74px,6.2vw,104px);height:auto}
.brand-light{display:none}
body.theme-light .brand-dark{display:none}
body.theme-light .brand-light{display:block}
.cobrand-x{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--blue);line-height:1;transform:translateY(-1px)}
.cobrand-client{width:clamp(58px,4.8vw,84px);height:auto;filter:drop-shadow(0 0 6px rgba(61,139,255,.45))}
.cobrand-word{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;color:var(--muted-d);white-space:nowrap}
.cobrand-word b{color:var(--paper);font-weight:400}
body.theme-light .cobrand-word{color:var(--muted-l)}
body.theme-light .cobrand-word b{color:var(--ink)}
.chrome-section{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-d2);white-space:nowrap}
body.theme-light .chrome-section{color:var(--muted-l2)}
.chrome-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.chrome-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--muted-d2)}
body.theme-light .chrome-count{color:var(--muted-l2)}
@media (min-width:901px){
  .index-grid{grid-auto-rows:minmax(132px,1fr);align-content:stretch}
  .index-card{min-height:0}
}
.index-btn{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border:1px solid var(--line-d);color:var(--paper);transition:.25s}
.index-btn .ico{width:15px;height:15px}
.index-btn:hover{border-color:var(--blue);color:var(--blue-bright)}
body.theme-light .index-btn{border-color:var(--line-l);color:var(--ink)}
body.theme-light .index-btn:hover{border-color:var(--deep);color:var(--deep)}

.chrome-bottom .bottom-prepared{display:flex;align-items:center;gap:8px;color:var(--muted-d2);white-space:nowrap}
.chrome-bottom .bottom-prepared img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,238,255,.28)}
.chrome-bottom .bottom-prepared b{color:var(--paper);font-weight:400}
body.theme-light .chrome-bottom .bottom-prepared{color:var(--muted-l2)}
body.theme-light .chrome-bottom .bottom-prepared b{color:var(--ink)}
.bottom-private{margin-left:auto;white-space:nowrap;color:var(--muted-d2)}
body.theme-light .bottom-private{color:var(--muted-l2)}
.controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.counter{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--paper);min-width:66px;text-align:center}
body.theme-light .counter{color:var(--ink)}
.nav-btn{width:36px;height:36px;border:1px solid var(--line-d);display:grid;place-items:center;transition:.22s;color:var(--paper)}
.nav-btn .ico{width:16px;height:16px}
.nav-btn:hover{border-color:var(--blue);background:rgba(61,139,255,.1);color:var(--blue-bright)}
.nav-btn:disabled{opacity:.3;cursor:default}
body.theme-light .nav-btn{border-color:var(--line-l);color:var(--ink)}
body.theme-light .nav-btn:hover{border-color:var(--deep);background:rgba(11,79,168,.07);color:var(--deep)}

/* ------------------------------------------------------------------ rail */
.rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:9px}
.rail button{width:22px;height:9px;display:flex;align-items:center;justify-content:flex-end;padding:0}
.rail button i{display:block;width:12px;height:1px;background:rgba(244,238,226,.3);transition:.3s var(--ease)}
.rail button.on i{width:22px;height:2px;background:var(--blue-bright);box-shadow:0 0 8px rgba(61,139,255,.5)}
.rail button:hover i{background:var(--blue-bright);width:18px}
body.theme-light .rail button i{background:rgba(20,18,14,.24)}
body.theme-light .rail button.on i{background:var(--deep)}

/* ------------------------------------------------------------------ deck + slides */
.deck{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--ink)}
.slide{
  position:absolute;inset:0;opacity:0;pointer-events:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  isolation:isolate;background:var(--ink);color:var(--paper);transition:opacity .45s ease;
}
.slide.active{opacity:1;pointer-events:auto;z-index:2}
.slide-paper{background:var(--paper);color:var(--ink)}
.slide .pad{position:relative;z-index:3;height:auto;min-height:100%;max-width:1800px;margin:0 auto;padding:calc(var(--top) + 22px) var(--pad-side) calc(var(--bottom) + 28px);display:flex;flex-direction:column}

.slide-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:11px;border-bottom:1px solid var(--line-d);flex:none}
.slide-paper .slide-head{border-bottom-color:var(--line-l)}
.kicker{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.kicker i{display:block;width:18px;height:1px;background:currentColor;flex:none}
.kicker.gold{color:var(--brass-bright)}
.head-meta{font-family:var(--font-mono);font-size:clamp(11px,.8vw,13px);letter-spacing:.13em;text-transform:uppercase;color:var(--muted-l2)}
.slide-dark .head-meta{color:var(--muted-d2)}
.slide-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;flex:none;border-top:1px solid var(--line-d);padding-top:10px;margin-top:auto;font-family:var(--font-mono);font-size:clamp(10px,.72vw,12px);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-d2);line-height:1.5}
.slide-paper .slide-foot{border-top-color:var(--line-l);color:var(--muted-l)}
.foot-page{color:var(--blue-bright);white-space:nowrap}
.slide-paper .foot-page{color:var(--deep)}
h2{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:.99;letter-spacing:-.045em;text-wrap:balance}
h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.018em;color:var(--deep)}
.slide-dark h2 em{color:var(--blue-bright)}
.lead{font-size:var(--fs-body);line-height:1.58;color:var(--muted-l);max-width:52ch}
.slide-dark .lead{color:var(--muted-d)}

/* entrance reveals */
.slide.active .rv{animation:rise .7s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.slide.enter-up{animation:slideEnter .6s var(--ease) both}
.slide.leave-up{animation:slideLeave .48s cubic-bezier(.7,0,.84,0) both}
.slide.enter-down{animation:slideEnterDown .6s var(--ease) both}
.slide.leave-down{animation:slideLeaveDown .48s cubic-bezier(.7,0,.84,0) both}
@keyframes slideEnter{from{opacity:0;transform:translateY(5.5vh) scale(.985)}to{opacity:1;transform:none}}
@keyframes slideLeave{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-5vh) scale(.985)}}
@keyframes slideEnterDown{from{opacity:0;transform:translateY(-5.5vh) scale(.985)}to{opacity:1;transform:none}}
@keyframes slideLeaveDown{from{opacity:1;transform:none}to{opacity:0;transform:translateY(5vh) scale(.985)}}

/* ================================================================== 01 COVER */
.slide-cover{background:#05080d}
#hero-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
.cover-glow{position:absolute;inset:0;z-index:0;background:
  radial-gradient(46% 58% at 71% 46%,rgba(38,108,210,.24),transparent 68%),
  radial-gradient(28% 38% at 77% 72%,rgba(201,162,107,.1),transparent 70%),
  linear-gradient(90deg,#05080d 0%,#05080d 31%,rgba(5,8,13,.55) 52%,rgba(5,8,13,.08) 76%,rgba(5,8,13,.35) 100%),
  linear-gradient(0deg,rgba(5,8,13,.95) 0%,transparent 38%);
  pointer-events:none}
.slide-cover .cover-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;height:100%;padding-top:calc(var(--top) + 24px)}
.cover-copy{max-width:clamp(660px,38vw,800px)}
.cover-copy .kicker{margin-bottom:22px}
.cover-copy h1{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h1);line-height:.9;letter-spacing:-.06em;color:var(--paper);text-wrap:balance}
.cover-copy h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.025em;color:var(--blue-bright);text-shadow:0 0 34px rgba(61,139,255,.24)}
.cover-lead{margin-top:26px;font-size:clamp(17px,1.13vw,21px);line-height:1.6;color:#c2cedb;max-width:53ch}
.cover-lead b{color:var(--paper);font-weight:400;white-space:nowrap}
.cover-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin-top:30px;max-width:580px;border-top:1px solid var(--line-d)}
.cover-facts li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-d2);font-family:var(--font-mono);font-size:clamp(12px,.82vw,14px);letter-spacing:.03em;color:var(--muted-d2)}
.cover-facts .ico{width:17px;height:17px;color:var(--blue-bright)}
.cover-facts b{color:var(--paper);font-weight:400}
.cover-cred{margin-top:18px;font-family:var(--font-mono);font-size:clamp(10px,.7vw,11.5px);letter-spacing:.07em;text-transform:uppercase;color:var(--muted-d2)}
.cover-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line-d);max-width:660px}
.prepared{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--muted-d)}
.prepared img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,238,255,.28)}
.prepared b{color:var(--paper);font-weight:400}
.scroll-cue{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-d2);white-space:nowrap}
.scroll-cue>span{display:block;width:34px;height:1px;background:linear-gradient(90deg,var(--blue-bright),transparent);position:relative;overflow:hidden}
.scroll-cue>span::after{content:'';position:absolute;left:0;top:0;width:12px;height:1px;background:var(--blue-bright);animation:cue 2.3s var(--ease) infinite}
@keyframes cue{0%{transform:translateX(-13px)}60%,100%{transform:translateX(36px)}}
.cover-stage-note{position:absolute;right:var(--pad-side);bottom:calc(var(--bottom) + 24px);text-align:right;font-family:var(--font-mono);z-index:4;pointer-events:none}
.cover-stage-note span{display:block;font-size:10px;letter-spacing:.18em;color:var(--blue-bright)}
.cover-stage-note b{display:block;margin-top:5px;font-size:12px;letter-spacing:.12em;color:var(--paper);font-weight:400}
.cover-stage-note i{display:block;margin-top:3px;font-style:normal;font-size:10px;letter-spacing:.03em;color:var(--muted-d2)}
.cover-fallback{display:none}
/* static / no-WebGL / loading cover */
body.no-webgl #hero-canvas,body.hero-loading #hero-canvas{display:none}
body.no-webgl .cover-fallback,body.hero-loading .cover-fallback{
  display:flex;position:absolute;z-index:2;right:calc(var(--pad-side) + 2%);top:50%;transform:translateY(-52%);
  width:42%;max-width:720px;flex-direction:column;align-items:center;gap:16px
}
.cf-sign{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:28px 26px 32px;border-radius:12px;background:radial-gradient(circle at 50% 42%,#0d1b2e,#05070b 72%);border:1px solid rgba(127,196,255,.25);box-shadow:0 0 80px rgba(61,139,255,.22),inset 0 0 34px rgba(61,139,255,.09)}
.cf-sign img{width:100%;height:auto;filter:drop-shadow(0 0 9px rgba(61,139,255,.55))}
.cf-rod{position:absolute;top:-18px;width:1px;height:18px;background:linear-gradient(180deg,transparent,var(--brass))}
.cf-rod-l{left:22%}.cf-rod-r{right:22%}
.cf-key{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%) rotate(-8deg);width:74px;height:16px;display:block}
.cf-key i{position:absolute;left:0;top:5px;width:74px;height:5px;background:linear-gradient(180deg,#e8c98f,#8a6530);border-radius:3px}
.cf-key b{position:absolute;left:-3px;top:1px;width:14px;height:14px;border:3px solid #c9a26b;border-radius:50%}
.cf-key s{position:absolute;right:2px;top:8px;width:4px;height:8px;background:#c9a26b;box-shadow:7px 0 0 #c9a26b}
.cf-caption{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted-d2)}
body.hero-loading .cover-fallback{opacity:.9}

/* ================================================================== 02 AUDIT */
.audit-head{display:grid;grid-template-columns:1.16fr .84fr;gap:clamp(24px,3.4vw,54px);align-items:end;margin:clamp(12px,1.8vh,20px) 0 clamp(12px,1.8vh,18px);flex:none}
.audit-head .lead{padding-bottom:5px}
.audit-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(22px,2.6vw,42px);flex:1;min-height:auto;align-items:start}
.audit-shot{min-width:0}
.browser-mini{border:1px solid var(--line-l);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 22px 48px rgba(26,21,12,.12)}
.bm-top{display:flex;align-items:center;gap:9px;height:32px;padding:0 10px;background:#171512;color:#b6ad9c}
.bm-dots{display:flex;gap:3px}
.bm-dots i{width:5px;height:5px;border-radius:50%;background:#4b463d}
.bm-dots i:first-child{background:#8f4a3e}.bm-dots i:nth-child(2){background:#8c7433}
.bm-tab{font-family:var(--font-mono);font-size:10.5px;color:#f0ebe0;padding:4px 9px;background:#2a2822;border-radius:4px 4px 0 0;white-space:nowrap}
.bm-url{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:#8c8474;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-body{position:relative;background:#fff;line-height:0}
.bm-body img{width:100%;height:auto;display:block}
.pin{position:absolute;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:10px;line-height:1;box-shadow:0 0 0 5px rgba(196,69,58,.18);z-index:3}
.p1{left:5%;top:7%}.p2{left:63%;top:20%}.p3{left:43%;top:76%}
.audit-shot figcaption{margin-top:9px;font-family:var(--font-mono);font-size:clamp(10px,.68vw,11.5px);line-height:1.5;color:var(--muted-l)}
.findings{border-top:1px solid var(--line-l)}
.finding{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:clamp(6px,.95vh,11px) 0;border-bottom:1px solid var(--line-l2)}
.f-num{font-family:var(--font-mono);font-size:11px;color:var(--deep);padding-top:3px}
.f-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.f-copy h3{font-family:var(--font-display);font-weight:500;font-size:clamp(16px,1.13vw,19.5px);line-height:1.16;letter-spacing:-.02em;color:var(--ink)}
.sev{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:2px 6px;border:1px solid currentColor;flex:none}
.sev.crit{color:var(--red);background:rgba(196,69,58,.06)}
.sev.high{color:#8a5a12;background:rgba(201,162,107,.12)}
.sev.med{color:var(--muted-l);background:rgba(20,18,14,.04)}
.f-copy p{font-size:clamp(16.5px,1.1vw,18.5px);line-height:1.45;color:#3d3a33;margin-top:4px}
.f-copy p b{color:var(--ink);font-weight:600}
.src{display:block;margin-top:5px;font-family:var(--font-mono);font-size:clamp(12px,.82vw,13px);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-l2)}

/* ================================================================== 03 GAP */
.bg-grid{position:absolute;inset:0;z-index:0;background:
  linear-gradient(rgba(61,139,255,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(61,139,255,.05) 1px,transparent 1px),
  radial-gradient(60% 60% at 72% 18%,rgba(61,139,255,.15),transparent 70%),
  linear-gradient(180deg,#07090c,#0a1019 70%,#07090c);
  background-size:72px 72px,72px 72px,auto,auto}
.bg-grid.faint{opacity:.55}
.slide-gap .pad,.slide-roadmap .pad,.slide-close .pad{position:relative}
.gap-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,4vw,62px);align-items:end;margin:clamp(14px,2.2vh,24px) 0 clamp(14px,2vh,22px)}
.gap-head h2{font-size:clamp(38px,4.1vw,68px)}
.gap-head .lead{padding-bottom:6px;color:var(--muted-d)}
.gap-grid{display:grid;grid-template-columns:.64fr 1.36fr;gap:clamp(22px,3vw,48px);flex:1;min-height:0;align-items:center}
.search-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.phone-mock{position:relative;width:clamp(214px,15.6vw,248px);background:#0c1119;border:1px solid rgba(216,238,255,.2);border-radius:26px;padding:10px 11px 13px;box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04)}
.phone-mock::after{content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:56px;height:4px;border-radius:4px;background:rgba(216,238,255,.28)}
.phone-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:8.5px;color:var(--muted-d2);padding:1px 4px 7px}
.phone-top i{width:44px;height:5px;border-radius:4px;background:#05070a}
.phone-search{display:flex;align-items:center;gap:7px;background:#f4f1e9;color:#34322d;border-radius:12px;padding:9px 10px;font-family:var(--font-mono);font-size:10.5px}
.phone-search .ico{width:13px;height:13px;color:#5c6a78}
.search-label{margin:9px 4px 6px;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:#7d8b99;line-height:1.45}
.result-card{background:#f7f4ed;color:#14120e;border-radius:9px;padding:12px 12px 11px}
.result-kicker{font-family:var(--font-mono);font-size:8.5px;color:#237a4a;letter-spacing:.02em}
.result-card b{display:block;font-family:var(--font-display);font-size:19px;font-weight:500;line-height:1.05;letter-spacing:-.03em;margin:4px 0 5px;color:#1556b8}
.result-card p{font-size:10.5px;line-height:1.45;color:#4d4a43}
.result-meta{display:block;margin-top:8px;font-family:var(--font-mono);font-size:9px;color:#1556b8}
.phone-note{display:flex;align-items:center;gap:6px;margin:9px 3px 0;font-family:var(--font-mono);font-size:8.5px;color:#93a3b3;line-height:1.4}
.phone-note .ico{width:11px;height:11px;color:var(--blue-bright)}
.time-stamp{display:flex;align-items:baseline;gap:9px}
.time-stamp b{font-family:var(--font-display);font-size:clamp(38px,3.2vw,54px);line-height:1;letter-spacing:-.06em;font-weight:500;color:var(--paper)}
.time-stamp span{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;color:var(--blue-bright)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.5vw,22px);align-content:start;align-items:start}
.path{border:1px solid var(--line-d);padding:clamp(16px,1.7vw,24px);background:rgba(7,9,12,.38)}
.path-before{border-color:rgba(196,69,58,.28)}
.path-after{border-color:rgba(61,139,255,.45);background:linear-gradient(180deg,rgba(61,139,255,.1),rgba(7,9,12,.34))}
.path-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line-d2);margin-bottom:12px}
.path-kicker{font-family:var(--font-mono);font-size:clamp(10px,.72vw,12px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d2)}
.path-count{font-family:var(--font-mono);font-size:11px;color:var(--paper)}
.path ol li{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:clamp(15.5px,.98vw,17px);line-height:1.4;color:#c8d3df;border-bottom:1px solid rgba(216,238,255,.05)}
.path ol li:last-child{border-bottom:0}
.path ol li span{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;border:1px solid currentColor;font-family:var(--font-mono);font-size:9px;color:var(--muted-d2);margin-top:1px}
.path-after ol li span{color:var(--blue-bright)}
.path-flag{margin-top:12px;padding:7px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.path-flag.red{color:#ffb3aa;border-left:2px solid var(--red);background:rgba(196,69,58,.12)}
.path-flag.blue{color:var(--ice);border-left:2px solid var(--blue);background:rgba(61,139,255,.14)}
.gap-payoff{grid-column:1/-1;font-size:clamp(15px,1.02vw,18px);line-height:1.55;color:var(--muted-d);border-top:1px solid var(--line-d);padding-top:13px;margin-top:2px}
.gap-payoff b{color:var(--paper);font-weight:400}

/* ================================================================== 04 FLAGSHIP */
.flag-grid{display:grid;grid-template-columns:.79fr 1.21fr;gap:clamp(20px,2.4vw,36px);flex:1;min-height:0;align-items:stretch;margin-top:clamp(12px,1.7vh,18px)}
.flag-copy{display:flex;flex-direction:column;min-width:0;padding-top:3px}
.flag-copy h2{font-size:clamp(34px,3.35vw,55px)}
.flag-copy .lead{margin-top:14px;font-size:clamp(15px,1.02vw,18px);max-width:42ch}
.svc-detail{margin-top:auto;padding-top:clamp(12px,1.8vh,20px);border-top:1px solid var(--line-l);min-width:0}
.svc-detail-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.svc-detail h3{font-family:var(--font-display);font-size:clamp(20px,1.45vw,25px);font-weight:500;letter-spacing:-.025em;margin-top:3px}
.svc-detail p{font-size:clamp(16px,1vw,17.5px);line-height:1.48;color:#3f3b33;margin-top:5px;max-width:46ch}
.svc-detail ul{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px 14px}
.svc-detail li{font-family:var(--font-mono);font-size:clamp(10.5px,.7vw,12px);color:var(--muted-l);position:relative;padding-left:10px}
.svc-detail li::before{content:'';position:absolute;left:0;top:.5em;width:4px;height:4px;background:var(--blue);border-radius:50%}
.svc-call{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-family:var(--font-mono);font-size:clamp(12px,.8vw,13px);letter-spacing:.04em;color:var(--deep);border-bottom:1px solid rgba(11,79,168,.4);padding-bottom:2px}
.svc-call .ico{width:12px;height:12px}
.svc-note{display:block;margin-top:7px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:var(--muted-l2)}
.try-list{display:grid;gap:0;margin-top:clamp(12px,1.8vh,20px);border-top:1px solid var(--line-l);max-width:44ch}
.try-list li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-l2);font-size:clamp(13px,.88vw,15px);line-height:1.4;color:#555149}
.try-list li b{font-family:var(--font-mono);font-size:10px;color:var(--deep);font-weight:400;padding-top:2px}
.try-list li strong{color:var(--ink);font-weight:600}
.flag-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:0;min-width:0}
.stage-plate{position:absolute;inset:-10px -14px -14px;z-index:0;border-radius:16px;background:
  radial-gradient(50% 60% at 50% 42%,rgba(61,139,255,.18),transparent 70%),
  linear-gradient(160deg,#101722,#07090c 62%,#0a0f16);
  border:1px solid rgba(20,18,14,.14);box-shadow:inset 0 0 0 1px rgba(216,238,255,.04)}
.browser{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;max-height:520px;min-height:400px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(20,18,14,.22);box-shadow:0 30px 60px rgba(10,14,20,.32)}
.browser-top{height:32px;flex:none;display:flex;align-items:center;gap:9px;padding:0 10px;background:#151c26;color:#94a3b4}
.bdots{display:flex;gap:3px}
.bdots i{width:5px;height:5px;border-radius:50%;background:#4b5663}
.bdots i:first-child{background:#8f4a3e}.bdots i:nth-child(2){background:#8c7433}
.burl{display:flex;align-items:center;gap:4px;flex:1;max-width:210px;height:19px;margin:0 auto;background:#0a1018;border-radius:3px;padding:0 7px;font-family:var(--font-mono);font-size:8px;color:#8b98a6;white-space:nowrap;overflow:hidden}
.burl .ico{width:9px;height:9px}
.btag{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;color:#7fc4ff}
.browser-body{flex:1;min-height:0;overflow:hidden;background:#f8f5ee;container-type:inline-size}
.mini{height:100%;display:flex;flex-direction:column;background:#f8f5ee;color:#15130f;font-family:var(--font-body);font-size:clamp(11.5px,1.72cqw,14.5px);line-height:1.4;overflow:hidden}
.mini-nav{display:flex;align-items:center;gap:14px;height:38px;flex:none;padding:0 14px;border-bottom:1px solid rgba(20,18,14,.1);background:#fffdf8}
.mini-brand{display:flex;align-items:center;gap:7px;min-width:0}
.mini-brand img{width:40px;height:auto;filter:drop-shadow(0 0 3px rgba(61,139,255,.4))}
.mini-brand b{font-family:var(--font-mono);font-size:7px;line-height:1.15;letter-spacing:.08em;color:#0e2745;font-weight:400}
.mini-links{display:flex;align-items:center;gap:10px;margin-left:auto}
.mini-tab{font-family:var(--font-mono);font-size:.78em;letter-spacing:.03em;color:#5d5a52;padding:3px 0;border-bottom:1px solid transparent;white-space:nowrap}
.mini-tab:hover,.mini-tab.active{color:#0b4fa8;border-bottom-color:#3d8bff}
.mini-call{display:inline-flex;align-items:center;gap:4px;background:#0b4fa8;color:#fff;padding:6px 9px;border-radius:3px;font-family:var(--font-mono);font-size:.72em;letter-spacing:.02em;white-space:nowrap}
.mini-call .ico{width:10px;height:10px}
.mini-view{display:none;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.mini-view.active{display:flex;flex-direction:column;animation:viewIn .32s var(--ease)}
.mini-view>.mini-trust{margin-top:auto}
.mini-view[data-view="home"]>.mini-foot{margin-top:auto}
@keyframes viewIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.mini-hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:228px;background:#0b0f15}
.mini-hero-copy{padding:clamp(13px,2.1cqw,22px);display:flex;flex-direction:column;justify-content:center;color:#f5efe2}
.mini-hero-copy>span{font-family:var(--font-mono);font-size:.62em;letter-spacing:.13em;color:#7fc4ff}
.mini-hero-copy>b{display:block;margin-top:8px;font-family:var(--font-display);font-weight:500;font-size:1.72em;line-height:.98;letter-spacing:-.045em}
.mini-hero-copy>b em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#7fc4ff;letter-spacing:-.01em}
.mini-hero-copy>p{margin-top:9px;font-size:.76em;line-height:1.45;color:#b9c7d5;max-width:29ch}
.mini-actions{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.mini-actions a{background:#2f7ee8;color:#fff;padding:7px 10px;border-radius:3px;font-family:var(--font-mono);font-size:.7em;letter-spacing:.02em}
.mini-actions button{display:inline-flex;align-items:center;gap:4px;color:#d8eeff;font-family:var(--font-mono);font-size:.7em;letter-spacing:.02em;border-bottom:1px solid rgba(216,238,255,.3);padding-bottom:2px}
.mini-actions .ico{width:10px;height:10px}
.mini-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;min-height:228px;filter:saturate(.82) contrast(1.03)}
.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,18,14,.1)}
.mini-steps div{background:#fffdf8;padding:7px 10px;display:grid;grid-template-columns:18px 1fr;gap:1px 5px;align-items:center}
.mini-steps span{font-family:var(--font-mono);font-size:.6em;color:#0b4fa8;grid-row:1/3}
.mini-steps b{font-family:var(--font-mono);font-size:.62em;font-weight:400;color:#15130f}
.mini-steps i{font-style:normal;font-size:.58em;color:#6d675d;grid-column:2}
.mini-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(20,18,14,.1);background:#fffdf8}
.mini-strip div{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;padding:8px 10px;border-right:1px solid rgba(20,18,14,.08);align-items:center}
.mini-strip div:last-child{border-right:0}
.mini-strip .ico{width:13px;height:13px;color:#0b4fa8;grid-row:1/3}
.mini-strip b{font-family:var(--font-mono);font-size:.63em;letter-spacing:.02em;color:#15130f;font-weight:400}
.mini-strip span{font-family:var(--font-mono);font-size:.59em;color:#6d675d;grid-column:2}
.mini-home-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,18,14,.1);margin-top:0}
.mini-home-svc button{background:#f8f5ee;text-align:left;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;gap:1px 7px;align-items:center;min-width:0}
.mini-home-svc button:hover{background:#eef6ff}
.mini-home-svc .ico{width:14px;height:14px;color:#0b4fa8;grid-row:1/3}
.mini-home-svc b{font-family:var(--font-mono);font-size:.64em;font-weight:400;color:#15130f}
.mini-home-svc i{font-style:normal;grid-column:2;font-size:.59em;color:#6d675d}
.mini-home-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b4fa8;color:#fff;padding:7px 12px}
.mini-home-cta span{font-size:.66em;color:#d8eeff}
.mini-home-cta a{font-family:var(--font-mono);font-size:.62em;border-bottom:1px solid rgba(255,255,255,.5);white-space:nowrap}
.mini-foot{display:flex;justify-content:space-between;gap:8px;padding:5px 12px 7px;font-family:var(--font-mono);font-size:.55em;color:#7a7468;border-top:1px solid rgba(20,18,14,.08)}
.mini-svc-head{padding:clamp(12px,1.8cqw,18px) clamp(13px,2.1cqw,22px) 8px}
.mini-svc-head>span{font-family:var(--font-mono);font-size:.6em;letter-spacing:.13em;color:#0b4fa8}
.mini-svc-head>b{display:block;margin-top:3px;font-family:var(--font-display);font-size:1.55em;font-weight:500;letter-spacing:-.04em;line-height:1.02;color:#15130f}
.mini-svc-head>p{margin-top:5px;font-size:.72em;color:#5f5b52;max-width:54ch}
.mini-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 clamp(13px,2.1cqw,22px) 10px}
.mini-svc{text-align:left;border:1px solid rgba(20,18,14,.16);background:#fffdf8;padding:10px;display:flex;flex-direction:column;gap:3px;transition:.2s;min-width:0;min-height:136px}
.mini-svc .ico{width:17px;height:17px;color:#0b4fa8;margin-bottom:3px}
.mini-svc b{font-family:var(--font-display);font-size:.92em;font-weight:500;letter-spacing:-.02em}
.mini-svc span{font-size:.68em;line-height:1.35;color:#5f5b52}
.mini-svc i{font-family:var(--font-mono);font-style:normal;font-size:.58em;color:#7a7468;margin-top:auto;padding-top:4px}
.mini-svc:hover{border-color:#3d8bff}
.mini-svc.active{border-color:#0b4fa8;background:#eef6ff;box-shadow:inset 0 0 0 1px #0b4fa8}
.mini-svc-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 clamp(13px,2.1cqw,22px) 12px}
.mini-svc-extra div{border-top:1px solid rgba(20,18,14,.1);padding-top:6px}
.mini-svc-extra b{display:block;font-family:var(--font-mono);font-size:.6em;letter-spacing:.04em;color:#0b4fa8}
.mini-svc-extra span{display:block;margin-top:2px;font-size:.62em;line-height:1.4;color:#6d675d}
.mini-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,18,14,.08);margin-top:0}
.mini-trust span{background:#f8f5ee;padding:5px 12px;font-family:var(--font-mono);font-size:.58em;color:#6d675d;text-align:center}
.mini-call-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 clamp(13px,2.1cqw,22px) 12px;padding:8px 10px;background:#0b4fa8;color:#fff}
.mini-call-strip span{font-size:.68em;color:#d8eeff}
.mini-call-strip a{font-family:var(--font-mono);font-size:.64em;border-bottom:1px solid rgba(255,255,255,.5);white-space:nowrap}
.mini-visit{display:grid;grid-template-columns:1.06fr .94fr;gap:10px;padding:clamp(12px,2.1cqw,20px)}
.mini-visit-copy>span{font-family:var(--font-mono);font-size:.6em;letter-spacing:.13em;color:#0b4fa8}
.mini-visit-copy>b{display:block;margin-top:5px;font-family:var(--font-display);font-size:1.7em;line-height:.98;letter-spacing:-.045em;font-weight:500}
.mini-visit-copy>b em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#0b4fa8}
.mini-visit-copy p{margin-top:8px;font-size:.74em;line-height:1.45;color:#5f5b52;max-width:34ch}
.mini-visit-copy a{display:inline-block;margin-top:10px;background:#0b4fa8;color:#fff;padding:7px 10px;font-family:var(--font-mono);font-size:.66em}
.mini-hours{border:1px solid rgba(20,18,14,.14);background:#fffdf8;padding:10px}
.mini-hours-kicker{font-family:var(--font-mono);font-size:.56em;letter-spacing:.1em;color:#7a7468}
.mini-hours>b{display:block;font-family:var(--font-display);font-size:1.45em;letter-spacing:-.04em;margin-top:2px;font-weight:500}
.mini-status{font-family:var(--font-mono);font-size:.58em;color:#0b4fa8;margin-top:1px}
.mini-status.closed{color:#a2493f}
.mini-hours ul{margin-top:7px;border-top:1px solid rgba(20,18,14,.1)}
.mini-hours li{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px solid rgba(20,18,14,.06);font-family:var(--font-mono);font-size:.58em}
.mini-hours li span{color:#7a7468}
.mini-hours li b{color:#15130f;font-weight:400;text-align:right}
.mini-hours small{display:block;margin-top:6px;font-size:.56em;line-height:1.4;color:#7a7468}
.phone-peek{position:relative;z-index:2;flex:none;width:clamp(158px,12.2vw,196px);aspect-ratio:.47;border-radius:24px;background:#0b0f15;border:1px solid rgba(216,238,255,.26);padding:5px;box-shadow:0 24px 46px rgba(0,0,0,.4);transform:rotate(1.6deg)}
.pp-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:3px;background:#1d2733;z-index:3}
.pp-screen{height:100%;border-radius:19px;overflow:hidden;background:#f8f5ee;display:flex;flex-direction:column}
.pp-nav{display:flex;align-items:center;gap:3px;padding:5px 6px;border-bottom:1px solid rgba(20,18,14,.1);flex:none}
.pp-nav img{width:20px;height:auto}
.pp-nav span{font-family:var(--font-mono);font-size:3.3px;letter-spacing:.04em;color:#15130f}
.pp-nav i{margin-left:auto;font-style:normal;font-size:6px;color:#5f5b52}
.pp-photo{width:100%;height:32%;object-fit:cover;object-position:center 42%}
.pp-copy{padding:6px;display:flex;flex-direction:column;gap:3px}
.pp-copy span{font-family:var(--font-mono);font-size:3.4px;letter-spacing:.1em;color:#0b4fa8}
.pp-copy b{font-family:var(--font-display);font-size:7.6px;line-height:.98;letter-spacing:-.03em;font-weight:500;color:#15130f}
.pp-copy a{display:flex;align-items:center;justify-content:center;gap:2px;background:#0b4fa8;color:#fff;padding:3px;font-family:var(--font-mono);font-size:4.1px;margin-top:2px}
.pp-copy .ico{width:4px;height:4px}
.pp-list{display:flex;flex-direction:column;gap:2px;padding:0 6px 5px;margin-top:3px}
.pp-list span{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:3.5px;color:#3f3b33}
.pp-list span::before{content:'';width:2px;height:2px;border-radius:50%;background:#0b4fa8}
.pp-license{padding:3px 6px;border-top:1px solid rgba(20,18,14,.1);font-family:var(--font-mono);font-size:3px;color:#7a7468}
.pp-foot{margin-top:auto;display:flex;justify-content:space-between;gap:2px;padding:4px 6px;border-top:1px solid rgba(20,18,14,.1);font-family:var(--font-mono);font-size:3.2px;color:#5f5b52}
.stage-caption{display:none}

/* ================================================================== 05 SYSTEM */
.system-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:end;margin:clamp(14px,2.1vh,24px) 0 clamp(16px,2.2vh,24px)}
.system-head .lead{padding-bottom:6px}
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:clamp(10px,1vw,14px);flex:1;min-height:0;padding-bottom:6px}
.sys-card{position:relative;border:1px solid var(--line-d);background:rgba(10,16,24,.56);padding:clamp(15px,1.4vw,20px);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:.3s var(--ease)}
.sys-card::after{content:attr(data-n);position:absolute;right:8px;bottom:-30px;font-family:var(--font-serif);font-style:italic;font-size:112px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(127,196,255,.09);pointer-events:none}
.sys-card::before{content:'';position:absolute;left:0;top:0;width:1px;height:0;background:var(--blue-bright);transition:.4s var(--ease)}
.sys-card:hover{border-color:rgba(127,196,255,.4);background:rgba(14,23,35,.72);transform:translateY(-2px)}
.sys-card:hover::before{height:100%}
.sys-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sys-num{font-family:var(--font-mono);font-size:10px;color:var(--muted-d2)}
.sys-ico{width:20px;height:20px;color:var(--blue-bright);opacity:.9}
.sys-card h3{font-family:var(--font-display);font-size:clamp(21px,1.5vw,26px);font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--paper);position:relative;z-index:1}
.sys-card p{margin-top:5px;font-size:clamp(17px,1.12vw,19px);line-height:1.47;color:#b4c0cd;max-width:38ch;position:relative;z-index:1}
.outcome{margin-top:auto;padding-top:9px;border-top:1px solid var(--line-d2);font-family:var(--font-mono);font-size:clamp(13px,.875vw,14px);letter-spacing:.04em;text-transform:uppercase;color:var(--blue-bright);position:relative;z-index:1}

/* ================================================================== 06 PROOF */
.proof-head{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(26px,4vw,60px);align-items:end;margin:clamp(14px,2.1vh,24px) 0 clamp(14px,2vh,22px)}
.proof-head .lead{padding-bottom:5px}
.proof-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(20px,2.6vw,38px);flex:1;min-height:0}
.ba-frame{display:flex;flex-direction:column;border:1px solid rgba(20,18,14,.2);border-radius:8px;overflow:hidden;background:#151c26;box-shadow:0 26px 52px rgba(26,21,12,.16);min-height:0}
.ba-bar{display:flex;align-items:center;gap:10px;height:30px;flex:none;padding:0 11px;background:#151c26;color:#8b98a6}
.ba-url{font-family:var(--font-mono);font-size:8px;margin:0 auto}
.ba-live{font-family:var(--font-mono);font-size:7px;letter-spacing:.12em;color:#7fc4ff}
.ba-stage{position:relative;flex:1;min-height:300px;overflow:hidden;background:#fff;cursor:ew-resize;touch-action:none;user-select:none}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.ba-after-clip{position:absolute;inset:0;clip-path:inset(0 0 0 52%);will-change:clip-path}
.ba-label{position:absolute;top:10px;z-index:4;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;color:#fff;background:rgba(10,14,20,.84)}
.ba-label.before{left:10px;border-left:2px solid #c4574c}
.ba-label.after{right:10px;border-left:2px solid #7fc4ff}
.ba-handle{position:absolute;top:0;bottom:0;left:52%;z-index:5;width:1px;background:#7fc4ff;cursor:ew-resize;transform:translateX(-50%);box-shadow:0 0 12px rgba(61,139,255,.6)}
.ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#0b4fa8;border:2px solid #d8eeff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ba-handle i::before,.ba-handle i::after{content:'';position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}
.ba-handle i::before{left:8px;border-right:6px solid #fff}
.ba-handle i::after{right:8px;border-left:6px solid #fff}
.proof-copy{display:flex;flex-direction:column;min-height:0}
.proof-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.proof-list{border-top:1px solid var(--line-l);margin-top:8px}
.proof-list li{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid var(--line-l2)}
.proof-list li>span{font-family:var(--font-mono);font-size:10px;color:var(--muted-l2);padding-top:3px}
.proof-list b{font-family:var(--font-display);font-size:clamp(15.5px,1.08vw,18.5px);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.proof-list p{font-size:clamp(15px,.96vw,16.5px);line-height:1.45;color:#555149;margin-top:3px}
.proof-note{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-l)}
.proof-note b{display:block;font-family:var(--font-display);font-size:clamp(15px,1.02vw,17.5px);font-weight:500;letter-spacing:-.02em}
.proof-note span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted-l)}
.proof-for{margin-top:10px;padding:10px 0 0;border-top:1px solid var(--line-l2)}
.proof-for span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.proof-for p{margin-top:3px;font-size:clamp(13.5px,.9vw,15.5px);line-height:1.45;color:#4f4a40;max-width:44ch}

/* ================================================================== 07 ROADMAP */
.road-head{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(28px,4vw,64px);align-items:end;margin:clamp(14px,2.1vh,24px) 0 clamp(16px,2.2vh,24px)}
.road-head .lead{padding-bottom:6px}
.road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1vw,14px);flex:1;min-height:0}
.phase{position:relative;border:1px solid var(--line-d);background:rgba(10,16,24,.55);padding:clamp(16px,1.6vw,22px);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.phase.featured{border-color:rgba(61,139,255,.5);background:linear-gradient(160deg,rgba(61,139,255,.13),rgba(10,16,24,.4))}
.phase-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.phase-num{font-family:var(--font-serif);font-style:italic;font-size:38px;line-height:.8;color:var(--blue-bright);opacity:.85}
.phase-days{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted-d2);border:1px solid var(--line-d);padding:4px 7px}
.phase h3{font-family:var(--font-display);font-size:clamp(20px,1.45vw,26px);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.phase>p{margin-top:5px;font-size:clamp(13.5px,.9vw,15.5px);line-height:1.45;color:#b4c0cd;max-width:34ch}
.phase ul{margin-top:10px;border-top:1px solid var(--line-d2)}
.phase li{position:relative;padding:5px 0 5px 13px;border-bottom:1px solid var(--line-d2);font-size:clamp(14px,.9vw,15.5px);line-height:1.4;color:#c8d3df}
.phase li::before{content:'';position:absolute;left:0;top:1.05em;width:4px;height:4px;border-radius:50%;background:var(--blue-bright)}
.phase-owner{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:clamp(11px,.72vw,12px);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-d2)}
.phase-gate{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line-d2);font-family:var(--font-mono);font-size:clamp(11px,.72vw,12px);letter-spacing:.05em;text-transform:uppercase;color:var(--blue-bright)}
.phase-gate::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue-bright);flex:none}
.launch-bar{display:flex;align-items:center;gap:20px;margin-top:clamp(12px,1.6vh,18px);border:1px solid rgba(61,139,255,.4);background:rgba(61,139,255,.1);padding:11px 16px;flex:none}
.launch-mark{display:flex;flex-direction:column;flex:none;border-right:1px solid var(--line-d);padding-right:20px}
.launch-mark span{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--blue-bright)}
.launch-mark b{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.02em;color:var(--paper)}
.launch-need{display:flex;flex-direction:column;gap:1px;min-width:0}
.launch-need span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d2)}
.launch-need b{font-family:var(--font-mono);font-size:clamp(11.5px,.78vw,12.5px);line-height:1.5;color:#d5e0ea;font-weight:400}

/* ================================================================== 08 ENGAGEMENT */
.engage-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,64px);align-items:end;margin:clamp(14px,2.1vh,24px) 0 clamp(16px,2.2vh,24px)}
.engage-head .lead{padding-bottom:6px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1vw,14px);flex:1;min-height:0;padding-bottom:6px}
.plan{position:relative;border:1px solid var(--line-l);background:rgba(255,255,255,.3);padding:clamp(17px,1.7vw,23px);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.plan-letter{position:absolute;right:14px;bottom:-30px;font-family:var(--font-serif);font-style:italic;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(11,79,168,.12);pointer-events:none}
.plan-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--deep)}
.plan h3{font-family:var(--font-display);font-size:clamp(21px,1.6vw,28px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin-top:3px;color:var(--ink)}
.plan-promise{margin-top:5px;font-family:var(--font-serif);font-style:italic;font-size:clamp(17px,1.2vw,21px);line-height:1.2;color:var(--muted-l)}
.plan ul{margin-top:12px;border-top:1px solid var(--line-l);position:relative;z-index:2}
.plan li{position:relative;padding:9px 0 9px 12px;border-bottom:1px solid var(--line-l2);font-size:clamp(16px,1vw,17.5px);line-height:1.4;color:#3f3b33}
.plan li::before{content:'';position:absolute;left:0;top:1.05em;width:4px;height:4px;background:var(--deep);border-radius:50%}
.plan-best{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:clamp(12px,.84vw,13px);line-height:1.45;letter-spacing:.03em;text-transform:uppercase;color:var(--muted-l);position:relative;z-index:2}
.plan-fit,.plan-not{display:block;position:relative;z-index:2;margin-top:7px;padding-top:7px;border-top:1px solid var(--line-l2);font-family:var(--font-mono);font-size:clamp(12px,.84vw,13px);line-height:1.45;color:var(--muted-l)}
.plan-fit b,.plan-not b{font-weight:400;color:var(--ink)}
.plan-featured .plan-fit,.plan-featured .plan-not{border-top-color:var(--line-d2);color:var(--muted-d2)}
.plan-featured .plan-fit b,.plan-featured .plan-not b{color:var(--paper)}
.plan-featured{background:#0b0f15;color:var(--paper);border-color:#0b0f15;box-shadow:0 24px 48px rgba(20,18,14,.2);transform:translateY(-5px)}
.plan-featured .plan-kicker{color:var(--blue-bright)}
.plan-featured h3{color:var(--paper)}
.plan-featured .plan-promise{color:var(--blue-bright)}
.plan-featured ul{border-top-color:var(--line-d)}
.plan-featured li{color:#c3cfdb;border-bottom-color:var(--line-d2)}
.plan-featured li::before{background:var(--blue-bright)}
.plan-featured .plan-best{color:var(--muted-d2)}
.plan-featured .plan-letter{-webkit-text-stroke-color:rgba(127,196,255,.16)}
.plan-badge{position:absolute;top:0;right:0;background:var(--blue);color:#04101f;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;z-index:3}

/* ================================================================== 09 CLOSE */
.close-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(24px,3.4vw,50px);flex:1;min-height:0;align-items:center;margin-top:clamp(8px,1.2vh,14px)}
.close-copy{min-width:0}
.close-copy h2{font-size:clamp(36px,3.55vw,58px)}
.close-copy>.lead{margin-top:10px;font-size:clamp(15px,.98vw,17.5px);max-width:48ch;color:var(--muted-d)}
.partner-card{display:flex;align-items:center;gap:clamp(14px,1.4vw,20px);margin-top:clamp(14px,2vh,22px);padding:clamp(12px,1.3vw,17px);border:1px solid var(--line-d);background:rgba(10,16,24,.45)}
.partner-photo{flex:none;width:clamp(96px,7.2vw,126px);height:clamp(96px,7.2vw,126px);border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(127,196,255,.4),0 12px 28px rgba(0,0,0,.3)}
.partner-photo img{width:100%;height:100%;object-fit:cover}
.partner-info{min-width:0}
.partner-kicker{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue-bright)}
.partner-info>b{display:block;font-family:var(--font-display);font-size:clamp(19px,1.42vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin-top:2px}
.partner-role{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:var(--muted-d2)}
.partner-message{margin-top:6px;font-family:var(--font-serif);font-style:italic;font-size:clamp(14px,1vw,17px);line-height:1.35;color:#c8d3df;max-width:42ch}
.contact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:clamp(10px,1.5vh,14px)}
.contact-row a{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line-d);background:rgba(10,16,24,.35);min-width:0;transition:.22s}
.contact-row a:hover{border-color:var(--blue);background:rgba(61,139,255,.1)}
.contact-row .ico{width:15px;height:15px;color:var(--blue-bright)}
.contact-row span{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:clamp(13px,.94vw,15px);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-row small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d2)}
.partner-signoff{display:flex;align-items:center;gap:12px;margin-top:clamp(10px,1.5vh,14px);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-d2)}
.partner-signoff img{width:88px;height:auto;opacity:.95}
.scheduler{border:1px solid rgba(61,139,255,.38);background:linear-gradient(165deg,rgba(61,139,255,.11),rgba(10,16,24,.5));padding:clamp(18px,1.9vw,26px);min-width:0}
.scheduler .kicker{font-size:10px}
.scheduler h3{font-family:var(--font-display);font-size:clamp(23px,1.8vw,30px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin-top:6px}
.scheduler>p{margin-top:7px;font-size:clamp(13.5px,.9vw,15.5px);line-height:1.5;color:var(--muted-d);max-width:46ch}
.suggestions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}
.suggestions button{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;padding:7px 9px;border:1px solid var(--line-d);color:var(--ice);background:rgba(216,238,255,.04);transition:.2s}
.suggestions button:hover{border-color:var(--blue);background:rgba(61,139,255,.12)}
.suggestions button.on{border-color:var(--blue);background:var(--blue);color:#04101f}
.sched-fields{display:grid;grid-template-columns:1.15fr .85fr;gap:9px;margin-top:12px}
.sched-fields label{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-d2);min-width:0}
.sched-fields label span{margin-left:3px;color:var(--blue-bright);font-size:8.5px}
.sched-fields input,.sched-fields select{width:100%;background:#070c13;border:1px solid var(--line-d);color:var(--paper);padding:9px 10px;font-family:var(--font-mono);font-size:12px;border-radius:0;min-height:38px;color-scheme:dark}
.sched-fields input:focus,.sched-fields select:focus{outline:1px solid var(--blue);border-color:var(--blue)}
.sched-status{min-height:32px;margin-top:9px;font-family:var(--font-mono);font-size:10.5px;line-height:1.45;color:var(--muted-d2)}
.sched-status.bad{color:#ffb3aa}
.sched-status.ok{color:var(--ice)}
.sched-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--blue);color:#04101f;padding:12px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:400;transition:.22s;margin-top:2px}
.sched-cta .ico{width:16px;height:16px}
.sched-cta:hover{background:var(--blue-bright)}
.sched-cta.disabled{pointer-events:none;opacity:.45;filter:grayscale(.3)}
.sched-note{display:block;margin-top:9px;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:var(--muted-d2)}

/* ------------------------------------------------------------------ index overlay */
.index-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,8,13,.97);backdrop-filter:blur(14px);color:var(--paper);display:flex;flex-direction:column;padding:clamp(22px,4vh,48px) clamp(20px,4vw,70px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;overflow-y:auto}
.index-overlay.open{opacity:1;visibility:visible}
.index-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-d);padding-bottom:14px;flex:none}
.index-top h2{font-size:clamp(28px,2.8vw,46px);margin-top:6px}
.index-close{width:44px;height:44px;border:1px solid var(--line-d);display:grid;place-items:center;color:var(--paper)}
.index-close:hover{border-color:var(--blue);color:var(--blue-bright)}
.index-close .ico{width:18px;height:18px}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;flex:1;align-content:start}
.index-card{position:relative;text-align:left;border:1px solid var(--line-d);padding:16px;min-height:132px;display:flex;flex-direction:column;gap:4px;transition:.25s var(--ease);overflow:hidden;isolation:isolate;background:linear-gradient(150deg,rgba(61,139,255,.13),rgba(10,16,24,.5))}
.index-card::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--bg,none) center/cover no-repeat;opacity:.12;filter:grayscale(.4) contrast(1.1)}
.index-card:hover{border-color:rgba(127,196,255,.55);background:rgba(61,139,255,.08);transform:translateY(-2px)}
.index-card.on{border-color:var(--blue)}
.ic-num{font-family:var(--font-mono);font-size:10px;color:var(--blue-bright)}
.ic-label{font-family:var(--font-display);font-size:clamp(18px,1.35vw,23px);font-weight:500;letter-spacing:-.03em}
.ic-desc{font-family:var(--font-mono);font-size:10px;line-height:1.45;color:var(--muted-d2);text-transform:uppercase;letter-spacing:.04em}
.ic-page{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--blue-bright)}
.index-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line-d);padding-top:11px;margin-top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-d2);flex:none}

/* ------------------------------------------------------------------ boom */
.boom-canvas{position:fixed;inset:0;z-index:90;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .12s}
.boom-canvas.on{opacity:1}
.boom-flash{position:fixed;inset:0;z-index:92;pointer-events:none;background:radial-gradient(circle at var(--fx,70%) var(--fy,48%),rgba(255,255,255,.96),rgba(127,196,255,.82) 18%,rgba(61,139,255,.38) 38%,transparent 68%);opacity:0}
.boom-flash.on{animation:flashOut .62s ease-out both}
@keyframes flashOut{0%{opacity:1}18%{opacity:.9}100%{opacity:0}}
body.shaking .deck{animation:boomShake .52s cubic-bezier(.36,.07,.19,.97) both}
@keyframes boomShake{0%,100%{transform:translate3d(0,0,0)}9%{transform:translate3d(-7px,4px,0)}20%{transform:translate3d(6px,-5px,0)}33%{transform:translate3d(-5px,-3px,0)}46%{transform:translate3d(4px,4px,0)}61%{transform:translate3d(-3px,2px,0)}76%{transform:translate3d(2px,-2px,0)}90%{transform:translate3d(-1px,1px,0)}}
body.is-cutting #boom-flash{will-change:opacity}

/* ------------------------------------------------------------------ fallbacks */
.noscript{position:fixed;inset:auto 20px 80px;z-index:120;background:#fff;color:#111;padding:16px;font-family:var(--font-mono);font-size:12px;border:1px solid #111}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .cover-fallback{display:flex!important}
  #hero-canvas{display:none!important}
}

/* ================================================================== RESPONSIVE — laptop heights */
@media (max-height:860px) and (min-width:901px){
  :root{--top:58px;--bottom:48px;--fs-h2:clamp(32px,3.25vw,52px);--fs-body:clamp(16px,1.08vw,19px)}
  .slide .pad{padding-top:calc(var(--top) + 16px);padding-bottom:calc(var(--bottom) + 12px)}
  .cover-copy h1{font-size:clamp(44px,4.75vw,84px)}
  .cover-lead{margin-top:18px;font-size:clamp(16px,1.03vw,18px)}
  .cover-facts{margin-top:20px}
  .cover-facts li{padding:8px 0}
  .cover-cred{margin-top:12px}
  .cover-foot{margin-top:18px;padding-top:12px}
  .audit-head,.gap-head,.system-head,.proof-head,.road-head,.engage-head{margin-top:10px;margin-bottom:12px}
  .finding{padding:7px 0}
  .f-copy p{font-size:clamp(14.5px,.98vw,16.5px);line-height:1.42}
  .sys-card p,.phase>p{font-size:clamp(13.5px,.9vw,15.5px)}
  .phase li,.plan li{font-size:clamp(12.5px,.86vw,14.5px);padding-top:5px;padding-bottom:5px}
  .browser{max-height:500px;min-height:380px}
  .partner-message{font-size:clamp(13.5px,.95vw,15.5px)}
  .scheduler>p{font-size:13px}
}
@media (max-height:740px) and (min-width:901px){
  :root{--top:52px;--bottom:44px;--fs-h2:clamp(30px,3vw,46px);--fs-body:16px}
  .slide .pad{padding-top:calc(var(--top) + 12px);padding-bottom:calc(var(--bottom) + 10px)}
  .cover-copy h1{font-size:clamp(40px,4.4vw,74px)}
  .cover-facts{grid-template-columns:1fr 1fr;margin-top:14px}
  .cover-lead{max-width:48ch}
  .cover-foot .scroll-cue{display:none}
  .head-meta{display:none}
  .sys-grid{grid-template-rows:1fr 1fr}
  .sys-card p{max-width:44ch}
  .partner-photo{width:86px;height:86px}
  .contact-row span{font-size:9.5px}
}

/* ================================================================== TABLET / PHONE */
@media (min-width:901px) and (max-height:940px){
  .finding{padding:5px 0}
  .f-copy p{line-height:1.42}
  .src{margin-top:3px}
}
@media (max-height:820px) and (min-width:901px){
  .close-grid{align-items:start}
}
@media (max-width:1100px){
  .chrome-section{display:none}
  .rail{display:none}
}
@media (max-width:1200px) and (min-width:901px){
  .phone-peek{display:none}
}
@media (max-width:900px){
  :root{--top:56px;--bottom:58px;--pad-side:20px;--fs-h2:clamp(30px,6.4vw,44px);--fs-body:16px;--fs-card:16px;--fs-label:12.5px}
  html{height:auto}
  body{height:auto;overflow-x:hidden;overflow-y:auto;font-size:16px}
  .deck{height:auto;overflow:visible;background:transparent}
  .slide{position:relative;inset:auto;display:none;min-height:100dvh;overflow:visible;opacity:1;pointer-events:auto;animation:none!important}
  .slide.active{display:block}
  .slide .pad{height:auto;min-height:100dvh;padding:calc(var(--top) + 18px) var(--pad-side) calc(var(--bottom) + 26px);max-width:none}
  .chrome-top{height:var(--top);background:#07090c;border-bottom:1px solid rgba(216,238,255,.1);padding-top:env(safe-area-inset-top);box-sizing:content-box}
  body.theme-light .chrome-top{background:var(--paper);border-bottom-color:var(--line-l)}
  .chrome-bottom{height:var(--bottom);background:#07090c;border-top:1px solid rgba(216,238,255,.1);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}
  body.theme-light .chrome-bottom{background:var(--paper);border-top-color:var(--line-l)}
  .chrome-top .cobrand-word{display:none}
  .chrome-top .cobrand-brand{width:78px}
  .chrome-top .cobrand-client{width:58px}
  .chrome-right{gap:6px}
  .chrome-count{display:none}
  .index-btn{padding:9px 10px;font-size:10px;min-height:40px}
  .bottom-prepared,.bottom-private{display:none}
  .chrome-bottom .bottom-prepared,.chrome-bottom .bottom-private{display:none}
  .controls{margin:0 auto;width:100%;justify-content:space-between}
  .nav-btn{width:46px;height:46px;border-color:rgba(216,238,255,.24)}
  body.theme-light .nav-btn{border-color:var(--line-l)}
  .counter{font-size:12px;min-width:auto}
  .progress{position:fixed}
  .slide-head{flex-wrap:wrap;gap:6px 12px;padding-bottom:9px}
  .head-meta{font-size:10px;letter-spacing:.08em}
  .slide-foot{font-size:9.5px;line-height:1.5;gap:12px;flex-wrap:wrap;padding-top:9px;margin-top:18px}
  .slide-foot>span:first-child{max-width:78%}

  .slide-cover .cover-inner{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:8px;gap:2px;align-items:stretch}
  .cover-fallback{display:flex;flex-direction:column;align-items:center;order:1;padding:calc(var(--top) + 14px) 18px 0;position:relative;z-index:2}
  body.no-webgl .cover-fallback,body.hero-loading .cover-fallback{position:relative;top:auto;right:auto;transform:none;width:auto;max-width:none}
  .cf-sign{position:relative;width:min(86vw,360px);display:flex;align-items:center;justify-content:center;padding:18px 16px 22px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#0d1b2e,#05070b 72%);border:1px solid rgba(127,196,255,.25);box-shadow:0 0 60px rgba(61,139,255,.22),inset 0 0 30px rgba(61,139,255,.09)}
  .cf-sign img{width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(61,139,255,.5))}
  .cf-rod{position:absolute;top:-16px;width:1px;height:16px;background:linear-gradient(180deg,transparent,var(--brass))}
  .cf-rod-l{left:22%}.cf-rod-r{right:22%}
  .cf-key{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%) rotate(-8deg);width:74px;height:16px;display:block}
  .cf-key i{position:absolute;left:0;top:5px;width:74px;height:5px;background:linear-gradient(180deg,#e8c98f,#8a6530);border-radius:3px}
  .cf-key b{position:absolute;left:-3px;top:1px;width:14px;height:14px;border:3px solid #c9a26b;border-radius:50%}
  .cf-key s{position:absolute;right:2px;top:8px;width:4px;height:8px;background:#c9a26b;box-shadow:7px 0 0 #c9a26b}
  .cf-caption{display:block;margin-top:24px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--muted-d2)}
  #hero-canvas{display:none}
  .cover-glow{background:radial-gradient(70% 45% at 50% 16%,rgba(38,108,210,.3),transparent 72%),linear-gradient(180deg,#05080d,#05080d)}
  .cover-copy{order:2;max-width:none;padding:10px 0 0;display:flex;flex-direction:column}
  .cover-copy .kicker{margin:12px 0 14px;font-size:11.5px}
  .cover-copy h1{font-size:clamp(42px,12.6vw,62px);line-height:.92}
  .cover-lead{font-size:16px;margin-top:16px;max-width:none}
  .cover-facts{margin-top:18px;grid-template-columns:1fr 1fr;gap:0 14px;max-width:none}
  .cover-facts li{font-size:12px;padding:9px 0;gap:7px;line-height:1.35}
  .cover-facts .ico{width:14px;height:14px}
  .cover-cred{font-size:10.5px;line-height:1.7;margin-top:14px}
  .cover-foot{margin-top:20px;padding-top:13px;max-width:none;align-items:flex-start}
  .prepared{font-size:12px;line-height:1.4}
  .prepared img{width:28px;height:28px}
  .scroll-cue{display:none}
  .cover-stage-note{display:none}

  .audit-head,.gap-head,.system-head,.proof-head,.road-head,.engage-head{grid-template-columns:1fr;gap:10px;margin:14px 0 14px}
  .audit-head .lead,.gap-head .lead,.system-head .lead,.proof-head .lead,.road-head .lead,.engage-head .lead{padding-bottom:0;max-width:none}
  .audit-grid{grid-template-columns:1fr;gap:18px}
  .bm-tab{font-size:10px}.bm-url{font-size:8px}
  .findings{margin-top:2px}
  .finding{padding:11px 0;grid-template-columns:24px 1fr;gap:8px}
  .f-copy h3{font-size:16.5px}
  .f-copy p{font-size:15.5px;line-height:1.45}
  .f-top{flex-wrap:wrap;gap:6px}
  .sev{font-size:10.5px}
  .src{font-size:11px;line-height:1.5}
  .audit-shot figcaption{font-size:9.5px}

  .gap-grid{grid-template-columns:1fr;gap:20px}
  .search-col{align-items:center;flex-direction:column-reverse;gap:14px}
  .phone-mock{width:246px;max-width:82vw}
  .paths{grid-template-columns:1fr;gap:12px}
  .path{padding:15px}
  .path ol li{font-size:14.5px;padding:7px 0}
  .gap-payoff{font-size:15px}
  .time-stamp b{font-size:44px}

  .flag-grid{display:flex;flex-direction:column;gap:16px;margin-top:14px}
  .flag-copy{display:contents}
  .flag-copy h2{order:1}
  .flag-copy>.lead{order:2;margin-top:0;font-size:15.5px;max-width:none}
  .try-list{order:2;max-width:none;margin-top:12px}
  .try-list li{font-size:12.5px;padding:6px 0}
  .flag-stage{order:3;display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:6px}
  .stage-plate{inset:-8px}
  .browser{height:auto;min-height:0;max-height:none}
  .browser-body{overflow:visible}
  .mini{height:auto;font-size:15px;overflow:visible}
  .mini-view{overflow:visible}
  .mini-strip b{font-size:11.5px}.mini-strip span{font-size:11px}
  .mini-home-svc{grid-template-columns:1fr}
  .mini-home-svc button{padding:10px 12px}
  .mini-home-svc b{font-size:11.5px}.mini-home-svc i{font-size:11px}
  .mini-home-cta{flex-wrap:wrap;padding:9px 12px}
  .mini-home-cta span{font-size:11.5px}.mini-home-cta a{font-size:11px}
  .mini-steps{grid-template-columns:1fr}
  .mini-steps div{padding:8px 12px}
  .mini-steps b{font-size:11.5px}.mini-steps i{font-size:11px}.mini-steps span{font-size:10px}
  .mini-foot{font-size:9.5px;flex-wrap:wrap}
  .mini-svc-extra{grid-template-columns:1fr;padding:0 14px 14px}
  .mini-svc-extra b{font-size:11px}.mini-svc-extra span{font-size:11px}
  .mini-trust{grid-template-columns:1fr}
  .mini-trust span{font-size:10.5px;text-align:left;padding:6px 12px}
  .mini-call-strip span{font-size:12px}
  .mini-nav{flex-wrap:wrap;height:auto;padding:8px 10px;gap:6px 10px}
  .mini-brand img{width:46px}
  .mini-brand b{font-size:8px}
  .mini-links{gap:12px;order:3;width:100%;border-top:1px solid rgba(20,18,14,.08);padding-top:6px}
  .mini-tab{font-size:11.5px;padding:4px 0}
  .mini-call{margin-left:auto;font-size:10.5px;min-height:32px}
  .mini-hero{grid-template-columns:1fr;min-height:0}
  .mini-hero-copy{padding:16px}
  .mini-hero-copy>b{font-size:27px;margin-top:6px}
  .mini-hero-copy>p{font-size:13px;max-width:none}
  .mini-actions a{font-size:11px;padding:9px 11px}
  .mini-actions button{font-size:11px}
  .mini-hero>img{height:190px;min-height:0;order:-1}
  .mini-strip{grid-template-columns:1fr;gap:0}
  .mini-strip div{border-right:0;border-bottom:1px solid rgba(20,18,14,.08);padding:9px 12px}
  .mini-strip b{font-size:11px}.mini-strip span{font-size:10px}
  .mini-strip .ico{width:15px;height:15px}  .mini-svc-head{padding:14px 14px 8px}
  .mini-svc-head>b{font-size:23px}
  .mini-svc-head>p{font-size:12.5px}
  .mini-svc-grid{grid-template-columns:1fr;padding:0 14px 12px;gap:7px}
  .mini-svc{padding:11px}
  .mini-svc b{font-size:15px}.mini-svc span{font-size:12.5px}.mini-svc i{font-size:10px}
  .mini-svc .ico{width:18px;height:18px}
  .mini-call-strip{margin:0 14px 14px;flex-wrap:wrap}
  .mini-call-strip span{font-size:12px}
  .mini-call-strip a{font-size:11px}
  .mini-visit{grid-template-columns:1fr;padding:14px}
  .mini-visit-copy>b{font-size:25px}
  .mini-visit-copy p{font-size:12.5px;max-width:none}
  .mini-visit-copy a{font-size:11px;padding:9px 11px}
  .mini-hours b{font-size:23px}
  .mini-hours-kicker,.mini-status{font-size:9.5px}
  .mini-hours li{font-size:10.5px;padding:6px 0}
  .mini-hours small{font-size:10px}
  .svc-detail{order:4;margin-top:4px;padding-top:14px}
  .svc-detail h3{font-size:21px}
  .svc-detail p{font-size:14.5px}
  .svc-detail li{font-size:10.5px}
  .svc-call{font-size:11.5px}
  .phone-peek{display:block;width:200px;margin:0 auto;transform:none}
  .stage-caption{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-l);text-align:center;margin-top:2px}

  .sys-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:9px}
  .sys-card{padding:14px}
  .sys-card h3{font-size:17px}
  .sys-card p{font-size:13.5px;line-height:1.45}

  .proof-grid{grid-template-columns:1fr;gap:16px}
  .ba-stage{min-height:300px}
  .proof-copy{margin-top:2px}
  .proof-list b{font-size:16px}
  .proof-list p{font-size:13.5px}
  .proof-note b{font-size:16px}

  .road-grid{grid-template-columns:1fr;gap:9px}
  .phase{padding:15px}
  .phase h3{font-size:20px}
  .phase>p{font-size:13.5px}
  .phase li{font-size:13px}
  .launch-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .launch-mark{border-right:0;border-bottom:1px solid var(--line-d);padding-right:0;padding-bottom:6px;width:100%}
  .launch-need b{font-size:10px}

  .plans{grid-template-columns:1fr;gap:9px}
  .plan{padding:16px}
  .plan h3{font-size:23px}
  .plan li{font-size:13.5px}
  .plan-featured{transform:none;order:-1}
  .plan-letter{font-size:120px;bottom:-26px}

  .close-grid{grid-template-columns:1fr;gap:18px;margin-top:14px}
  .close-copy h2{font-size:clamp(34px,9vw,44px)}
  .close-copy>.lead{font-size:15px;max-width:none}
  .partner-card{align-items:flex-start;gap:14px;margin-top:15px}
  .partner-photo{width:98px;height:98px}
  .partner-info>b{font-size:20px}
  .partner-message{font-size:14.5px;max-width:none}
  .contact-row{grid-template-columns:1fr;gap:7px}
  .contact-row a{padding:10px 11px}
  .contact-row span{font-size:11.5px}
  .partner-signoff{font-size:9px;gap:9px;flex-wrap:wrap}
  .partner-signoff img{width:78px}
  .scheduler{padding:17px}
  .scheduler h3{font-size:25px}
  .scheduler>p{font-size:13.5px}
  .suggestions button{font-size:10px;padding:8px 9px;min-height:36px}
  .sched-fields{grid-template-columns:1fr 1fr;gap:7px}
  .sched-fields input,.sched-fields select{font-size:12px;min-height:42px}
  .sched-cta{font-size:11px;padding:13px 12px;min-height:48px}
  .sched-note{font-size:9.5px}
  .contact-row small{font-size:8px}

  .index-overlay{padding:20px 16px}
  .index-grid{grid-template-columns:1fr;gap:8px}
  .index-card{min-height:96px;padding:13px}
  .ic-label{font-size:19px}
  .index-top h2{font-size:30px}
  .index-foot{font-size:9px;flex-wrap:wrap}

  .cover-foot .prepared{max-width:100%}
}
@media (max-width:520px){
  .sys-grid{grid-template-columns:1fr}
  .contact-row{grid-template-columns:1fr}
  .sched-fields{grid-template-columns:1fr}
  .phone-peek{display:none}
  .mini-actions{gap:9px}
  .mini-hero>img{height:170px}
  .mini-call-strip{flex-direction:column;align-items:flex-start}
  .audit-grid .browser-mini{border-radius:6px}
  .f-copy p{font-size:14px}
  .slide-foot>span:first-child{max-width:100%}
}
@media (max-width:380px){
  .cover-copy h1{font-size:40px}
  .cover-facts{grid-template-columns:1fr}
  .mini-hero-copy>b{font-size:25px}
  .partner-card{flex-direction:column}
  .partner-photo{width:88px;height:88px}
}

/* ================================================================== G5 whole-composition centering — flagged slides 02/05/07/08
   The entire meaningful group (slide-head kicker/meta + inner heading + lead + body/cards + notes)
   centers between the fixed global masthead and the slide footer. Auto block margins center the
   group when content fits the allocated stage and collapse to zero for tall content (natural top
   flow, slide scroll). No font shrink, no slide scaling, no dummy space. Fixed global chrome and
   the slide footer stay anchored. Slides 01/03/04/06/09 keep their existing passing layouts. */
.slide-audit .slide-head,
.slide-system .slide-head,
.slide-roadmap .slide-head,
.slide-engage .slide-head{margin-top:auto}

.slide-audit .slide-foot,
.slide-system .slide-foot,
.slide-roadmap .slide-foot,
.slide-engage .slide-foot{margin-top:auto}

/* Body grids size to their content so cards are never stretched into empty interiors
   or pressed against the footer; the leftover stage space is shared by the auto margins. */
.slide-audit .audit-grid,
.slide-system .sys-grid,
.slide-roadmap .road-grid,
.slide-engage .plans{flex:none}

@media (max-width:900px){
  .slide-audit .slide-foot,
  .slide-system .slide-foot,
  .slide-roadmap .slide-foot,
  .slide-engage .slide-foot{margin-top:auto}
}