/* ==========================================================================
   Aqua-World Pet Super Center · Brandcore proposal
   Palette: tank navy, aqua light, coral signal, cool bone paper
   ========================================================================== */

@font-face{font-family:'Geist';src:url('assets/fonts/geist-latin.woff2') format('woff2');font-weight:300 700;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}
@font-face{font-family:'Raleway';src:url('assets/fonts/raleway-400.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --ink:#02111a;
  --ink-2:#041d29;
  --ink-3:#072836;
  --navy:#00305b;
  --navy-2:#0a4a72;
  --aqua:#6fe3ec;
  --aqua-2:#2cb9c9;
  --aqua-deep:#0c7c8e;
  --coral:#e2573f;
  --coral-deep:#a8331f;
  --paper:#eef1ec;
  --paper-2:#e3e8e1;
  --paper-3:#d3dcd2;
  --muted:#9fb7c1;
  --muted-l:#52646a;
  --gutter:clamp(18px,3.2vw,58px);
  --top:clamp(54px,6.4vh,76px);
  --bot:clamp(52px,6vh,66px);
  --t-body:clamp(16px,0.9vw + 4.6px,22px);
  --t-lead:clamp(17px,1.05vw + 4.6px,23px);
  --t-card:clamp(20px,1.02vw + 8px,30px);
  --t-label:clamp(13.5px,.5vw + 6px,16px);
  --t-micro:clamp(13px,.5vw + 5px,15px);
  --m-txt:clamp(13px,.55vw + 5.5px,15px);
  --t-h2:clamp(29px,3.35vw,60px);
  --t-h3:clamp(20px,1.5vw + 8px,34px);
  --r:14px;
  --ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:var(--t-body);line-height:1.55;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow:hidden;
}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}

/* ---------- chrome ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.09);z-index:120}
.progress i{display:block;height:100%;width:11.1%;background:linear-gradient(90deg,var(--aqua-deep),var(--aqua));transition:width .5s var(--ease)}

.chrome{position:fixed;left:0;right:0;z-index:110;display:flex;align-items:center}
.chrome-top{top:0;height:var(--top);padding:0 var(--gutter);gap:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(2,17,26,.94),rgba(2,17,26,.72) 70%,rgba(2,17,26,0));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.chrome-bottom{bottom:0;height:var(--bot);padding:0 var(--gutter);gap:18px;
  border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(0deg,rgba(2,17,26,.96),rgba(2,17,26,.7) 70%,rgba(2,17,26,0));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.theme-light .chrome-top{background:linear-gradient(180deg,rgba(238,241,236,.97),rgba(238,241,236,.8) 70%,rgba(238,241,236,0));border-bottom-color:rgba(0,48,91,.1)}
body.theme-light .chrome-bottom{background:linear-gradient(0deg,rgba(238,241,236,.98),rgba(238,241,236,.82) 70%,rgba(238,241,236,0));border-top-color:rgba(0,48,91,.1)}
body.theme-light .chrome{color:#0a2432}
body.theme-light .progress{background:rgba(0,48,91,.12)}

.cobrand{display:flex;align-items:center;gap:12px;min-width:0}
.bc-lockup{display:flex;align-items:center}
.bc-logo{height:20px;width:auto}
.bc-logo-light{display:none}
body.theme-light .bc-logo-dark{display:none}
body.theme-light .bc-logo-light{display:block;height:22px}
.cobrand-x{opacity:.5;font-size:15px}
.cobrand-name{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.cobrand-name b{font-family:'Raleway',sans-serif;font-weight:600;font-size:clamp(16px,1vw + 6px,21px);letter-spacing:.01em;color:#dff3f6}
body.theme-light .cobrand-name b{color:var(--navy)}
.cobrand-name small{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.18em;opacity:.62;margin-top:3px;white-space:nowrap}
.chrome-title{flex:1;text-align:center;min-width:0}
.chrome-section{font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.2em;text-transform:uppercase;opacity:.66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}
.chrome-right{display:flex;align-items:center;gap:14px}
.index-btn{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.16em;opacity:.75;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;transition:.25s}
body.theme-light .index-btn{border-color:rgba(0,48,91,.18)}
.index-btn:hover{opacity:1;border-color:var(--aqua);color:var(--aqua)}
body.theme-light .index-btn:hover{color:var(--aqua-deep);border-color:var(--aqua-deep)}
.chrome-count{font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.1em;opacity:.8;display:flex;gap:4px;align-items:baseline}
.chrome-count b{font-size:calc(var(--t-micro) + 2px);font-weight:500}
.chrome-count span{opacity:.5}

.prepared-mini{display:flex;align-items:center;gap:9px;font-size:var(--t-micro);opacity:.72;min-width:0}
.prepared-mini img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:1px solid rgba(255,255,255,.24)}
body.theme-light .prepared-mini img{border-color:rgba(0,48,91,.2)}
.prepared-mini b{font-weight:600}
.bottom-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.19em;opacity:.5;white-space:nowrap}
.live-dot{width:5px;height:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(111,227,236,.6);animation:pulse 2.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.nav-controls{display:flex;gap:8px}
.nav-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:9px;transition:.22s}
body.theme-light .nav-controls button{border-color:rgba(0,48,91,.2)}
.nav-controls button .ico{width:17px;height:17px}
.nav-controls button:hover{border-color:var(--aqua);color:var(--aqua);transform:translateY(-1px)}
body.theme-light .nav-controls button:hover{color:var(--aqua-deep);border-color:var(--aqua-deep)}
.nav-controls button:disabled{opacity:.28;cursor:default;transform:none}

/* ---------- rail ---------- */
.rail{position:fixed;right:11px;top:50%;transform:translateY(-50%);z-index:105;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;height:1px;width:9px;background:rgba(255,255,255,.36);transition:.3s var(--ease)}
body.theme-light .rail button i{background:rgba(0,48,91,.35)}
.rail button.on i{width:20px;background:var(--aqua);height:2px}
body.theme-light .rail button.on i{background:var(--aqua-deep)}
@media(max-width:1199px){.rail{display:none}}

/* ---------- slides ---------- */
.deck{position:fixed;inset:0;z-index:1}
.slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}
.slide.active{opacity:1;visibility:visible;pointer-events:auto}
.slide.is-entering,.slide.is-leaving{visibility:visible}
.scroll{position:absolute;left:0;right:0;top:var(--top);bottom:var(--bot);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.scroll::-webkit-scrollbar{width:8px}
.scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}
.pad{min-height:100%;padding:clamp(10px,1.9vh,22px) var(--gutter) clamp(12px,2.2vh,24px);display:flex;flex-direction:column}
.slide-paper{background:var(--paper);color:#10262e}
.slide-dark{background:var(--ink);color:var(--paper)}
.slide-paper .scroll{scrollbar-color:rgba(0,48,91,.25) transparent}
.slide-paper .scroll::-webkit-scrollbar-thumb{background:rgba(0,48,91,.22)}

.slide-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(8px,1.4vh,16px);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:clamp(12px,2.2vh,24px)}
.slide-paper .slide-head{border-bottom-color:rgba(0,48,91,.14)}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.21em;text-transform:uppercase;color:#0d5a68}
.slide-dark .kicker{color:var(--aqua)}
.kicker i{width:16px;height:1px;background:currentColor;display:block;opacity:.7}
.kicker.gold{color:var(--aqua)}
.head-meta{font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.13em;opacity:.55;text-align:right;white-space:nowrap}
.meta-dot{display:inline-block;width:3px;height:3px;background:currentColor;border-radius:50%;vertical-align:middle;margin:0 5px;opacity:.6}

.slide-foot{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-top:auto;padding-top:clamp(10px,1.8vh,18px);border-top:1px solid rgba(255,255,255,.09);font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.05em;opacity:.55;line-height:1.45}
.slide-paper .slide-foot{border-top-color:rgba(0,48,91,.14)}
.foot-page{white-space:nowrap;opacity:.9}

h2{font-size:var(--t-h2);line-height:.98;letter-spacing:-.045em;font-weight:500;margin:0}
h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:#0a6d7d}
.slide-dark h2 em{color:var(--aqua)}
h3{font-weight:500;letter-spacing:-.02em;margin:0}

/* ---------- 01 cover ---------- */
.slide-cover{background:radial-gradient(120% 100% at 74% 46%,#083546 0%,#031a26 46%,#010b12 100%)}
.cover-stage{position:absolute;inset:0;background:
  radial-gradient(50% 62% at 72% 48%,rgba(35,150,170,.28),transparent 70%),
  radial-gradient(80% 80% at 18% 10%,rgba(10,64,88,.5),transparent 60%)}
.cover-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(111,227,236,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(111,227,236,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 70% at 70% 50%,#000 10%,transparent 78%);-webkit-mask-image:radial-gradient(70% 70% at 70% 50%,#000 10%,transparent 78%)}
#logo-scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.cover-content{position:absolute;left:var(--gutter);top:calc(var(--top) + clamp(18px,4.4vh,48px));bottom:calc(var(--bot) + clamp(20px,4vh,40px));width:min(56%,860px);display:flex;flex-direction:column;justify-content:center;z-index:4}
.cover-collab{display:flex;align-items:center;gap:11px;margin-bottom:clamp(14px,2.6vh,26px)}
.cover-collab img{height:19px;width:auto}
.cc-x{opacity:.45}
.cc-name{font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.15em;opacity:.82}
.eyebrow{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:#a7c8d2}
.eyebrow-line{width:clamp(22px,3vw,46px);height:1px;background:var(--aqua);opacity:.7}
.eyebrow-dot{width:3px;height:3px;border-radius:50%;background:var(--aqua);opacity:.6}
.cover-title{margin:clamp(14px,2.4vh,26px) 0 0;font-size:clamp(34px,4.6vw,84px);line-height:.94;letter-spacing:-.055em;font-weight:500;color:#f2fbfc}
.title-line{display:block}
.title-serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--aqua);font-size:1.06em;line-height:.9;margin-top:.02em}
.cover-lead{max-width:36ch;margin:clamp(14px,2.4vh,22px) 0 0;font-size:var(--t-lead);line-height:1.5;color:#bcd6dd}
.cover-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(16px,3vh,30px)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:9px;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:.25s var(--ease)}
.btn .ico{width:16px;height:16px}
.btn-aqua{background:linear-gradient(180deg,#8beef4,#4fd4e0);color:#00293c;box-shadow:0 10px 30px -12px rgba(111,227,236,.55)}
.btn-aqua:hover{transform:translateY(-2px);box-shadow:0 16px 40px -14px rgba(111,227,236,.7)}
.cover-caption{font-family:'JetBrains Mono',monospace;font-size:var(--t-micro);letter-spacing:.08em;opacity:.55}
.cover-note{margin:clamp(12px,2.2vh,20px) 0 0;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.05em;opacity:.42;line-height:1.6}
.cover-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(var(--bot) + 44px);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;z-index:4}
.cover-clientline{display:flex;align-items:center;gap:10px}
.cc-bc{height:16px;width:auto;opacity:.9}
.cf-wordmark{font-family:'Raleway',sans-serif;font-weight:500;font-size:19px;color:#e8f7f9;letter-spacing:.01em}
.cover-clientline div{display:flex;flex-direction:column;line-height:1.2;border-left:1px solid rgba(255,255,255,.2);padding-left:10px}
.cover-clientline b{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.16em;font-weight:400;opacity:.78}
.cover-clientline span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;opacity:.42}
.scroll-cue{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.2em;opacity:.45}
.scroll-cue span{width:1px;height:22px;background:linear-gradient(180deg,var(--aqua),transparent);display:block;position:relative;overflow:hidden}
.scroll-cue span::after{content:"";position:absolute;inset:0;background:var(--aqua);animation:cue 2.4s infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
.cover-coords{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;opacity:.4}
.ticker{position:absolute;left:0;right:0;bottom:var(--bot);height:30px;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;background:rgba(1,10,16,.4)}
.ticker-track{display:flex;align-items:center;gap:22px;white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.18em;opacity:.5;animation:tick 46s linear infinite;padding-left:100%}
.ticker-track i{width:3px;height:3px;border-radius:50%;background:var(--aqua);opacity:.6}
@keyframes tick{to{transform:translateX(-100%)}}
.cover-fallback{position:absolute;inset:0;display:none;place-items:center;z-index:2}
.cf-glow{position:absolute;width:min(62vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(63,196,214,.26),transparent 66%);filter:blur(6px)}
.cf-sign{position:relative;width:min(46vw,470px);padding:34px 30px 26px;border-radius:16px;background:linear-gradient(160deg,#e9f6f6,#c9e5e8 58%,#a9d2d8);color:var(--navy);text-align:center;box-shadow:0 30px 70px -30px #000,0 0 0 6px rgba(0,48,91,.55),0 0 0 7px rgba(111,227,236,.4)}
.cf-wm{display:block;font-family:'Raleway',sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,38px);letter-spacing:.005em}
.cf-sub{display:block;font-family:'Raleway',sans-serif;font-size:var(--t-label);letter-spacing:.34em;margin-top:4px;opacity:.85}
.cf-rule{display:block;height:1px;background:rgba(0,48,91,.28);margin:16px 0 12px}
.cf-meta{display:block;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;opacity:.7}
.cf-ring{position:absolute;width:min(58vw,600px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(111,227,236,.22)}
body.no-webgl .cover-fallback{display:grid}
body.no-webgl #logo-scene{display:none}
@media(max-width:900px){
  .cover-fallback{display:grid;position:relative;inset:auto;order:3;margin-top:8px}
  .cf-sign{width:min(74vw,360px)}
  .cover-content{position:relative;left:auto;top:auto;bottom:auto;width:auto}
}

/* ---------- 02 audit ---------- */
.audit-top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(18px,3vw,46px);align-items:end;margin-bottom:clamp(14px,2.4vh,24px)}
.audit-top h2 em{color:#0a6d7d}
.audit-intro{display:flex;flex-direction:column;gap:12px}
.audit-intro p{margin:0;font-size:var(--t-body);line-height:1.55;color:#2d454e;max-width:44ch}
.audit-count{display:flex;align-items:baseline;gap:10px;border-top:1px solid rgba(0,48,91,.16);padding-top:8px}
.audit-count b{font-family:'Instrument Serif',serif;font-style:italic;font-size:32px;line-height:1;color:var(--navy)}
.audit-count span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:#43606a}
.audit-body{display:grid;grid-template-columns:minmax(300px,1fr) 1.28fr;gap:clamp(16px,2.6vw,38px);align-items:start}
.audit-shots{margin:0;display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:start}
.shot-main{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(0,48,91,.2);background:#0a1b22;box-shadow:0 22px 50px -30px rgba(0,30,45,.7)}
.shot-bar{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#0d2530}
.bdots{display:flex;gap:4px}
.bdots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.32);display:block}
.shot-url{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);color:#9fc3cd;flex:1;text-align:center;letter-spacing:.04em}
.shot-live{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;color:var(--coral);border:1px solid rgba(226,87,63,.45);padding:2px 5px;border-radius:3px}
.shot-main img{width:100%;height:auto;display:block}
.pin{position:absolute;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);background:var(--coral);color:#fff;box-shadow:0 0 0 3px rgba(226,87,63,.28)}
.p1{left:34%;top:14%}
.shot-side{display:flex;flex-direction:column;gap:6px}
.phone-shell{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(0,48,91,.24);background:#0a1b22;box-shadow:0 18px 40px -26px rgba(0,30,45,.7);padding:5px}
.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34px;height:4px;border-radius:4px;background:#0a1b22;z-index:2}
.phone-shell img{border-radius:12px;width:100%;display:block}
.shot-side figcaption{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:#4c656e;display:flex;align-items:center;gap:5px}
.cap-dot{width:4px;height:4px;border-radius:50%;background:var(--coral);display:inline-block}

.findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.finding{display:grid;grid-template-columns:26px 1fr;gap:0 10px;padding:clamp(8px,1.25vh,13px) 0;border-bottom:1px solid rgba(0,48,91,.12)}
.finding:first-child{padding-top:0}
.finding:last-child{border-bottom:0;padding-bottom:0}
.f-num{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);color:#7d949a;padding-top:3px}
.f-copy{min-width:0}
.f-head{display:flex;align-items:baseline;gap:10px;justify-content:space-between}
.f-head h3{font-size:clamp(16px,.62vw + 8px,22px);line-height:1.24;letter-spacing:-.012em;font-weight:500;color:#0b222b}
.sev{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;padding:3px 6px;border-radius:3px;white-space:nowrap;flex:none;transform:translateY(-1px)}
.sev.critical{background:rgba(226,87,63,.13);color:var(--coral-deep);border:1px solid rgba(226,87,63,.32)}
.sev.high{background:rgba(12,124,142,.1);color:#0a6070;border:1px solid rgba(12,124,142,.28)}
.sev.medium{background:rgba(0,48,91,.07);color:#38545f;border:1px solid rgba(0,48,91,.18)}
.f-copy p{margin:4px 0 0;font-size:clamp(14px,.42vw + 8.4px,17.5px);line-height:1.48;color:#3b545d;max-width:60ch}
.f-copy code{font-family:'JetBrains Mono',monospace;font-size:.92em;background:rgba(0,48,91,.07);padding:1px 4px;border-radius:3px;color:#0a4d5c}
.f-tag{grid-column:2;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.09em;color:#6b838a;margin-top:5px;display:block}

/* ---------- 03 gap ---------- */
.bg-caustic{position:absolute;inset:0;opacity:.6;background:
  radial-gradient(60% 60% at 82% 18%,rgba(31,142,163,.22),transparent 70%),
  radial-gradient(50% 50% at 12% 88%,rgba(9,80,105,.4),transparent 72%),
  repeating-linear-gradient(74deg,rgba(111,227,236,.045) 0 2px,transparent 2px 26px)}
.bg-caustic.dim{opacity:.35}
.gap-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(18px,3vw,44px);align-items:end;margin-bottom:clamp(14px,2.6vh,26px)}
.gap-head p{margin:0;font-size:var(--t-body);line-height:1.55;color:#b9d1d9;max-width:50ch}
.gap-head p b{color:#e7f6f8;font-weight:500}
.gap-flow{display:grid;grid-template-columns:1fr 44px 1fr;gap:clamp(4px,1vw,14px);align-items:stretch}
.flow-col{border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:clamp(12px,1.7vh,18px) clamp(12px,1.3vw,20px);background:rgba(255,255,255,.022)}
.flow-new{border-color:rgba(111,227,236,.32);background:linear-gradient(180deg,rgba(24,116,134,.16),rgba(4,29,41,.3))}
.flow-label{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.15em;opacity:.66;margin-bottom:clamp(6px,1.1vh,11px)}
.flow-label .label-x{color:var(--coral)}
.flow-label .label-check{color:var(--aqua)}
.flow-steps{display:flex;flex-direction:column;gap:clamp(4px,.9vh,9px)}
.flow-step{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start}
.flow-step>span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);opacity:.4;padding-top:3px}
.flow-step b{display:block;font-size:clamp(14px,.38vw + 8.8px,17px);font-weight:500;line-height:1.32;color:#e6f3f5}
.flow-old .flow-step b{color:#c2d5db}
.flow-step small{display:block;font-size:clamp(13px,.26vw + 8.4px,14.5px);line-height:1.42;opacity:.6;margin-top:2px}
.flow-divider{display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;opacity:.4}
.flow-divider span{border:1px solid rgba(255,255,255,.16);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.flow-outcome{margin-top:clamp(8px,1.5vh,14px);padding-top:clamp(8px,1.4vh,12px);border-top:1px solid rgba(111,227,236,.24);display:flex;flex-direction:column;gap:3px}
.flow-outcome span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.17em;color:var(--aqua);opacity:.8}
.flow-outcome b{font-size:clamp(14px,.5vw + 8px,18px);font-weight:500;color:#eaf8fa;line-height:1.3}
.gap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(12px,2.2vh,22px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.gap-stats div{padding:clamp(8px,1.4vh,14px) clamp(10px,1.2vw,18px);border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:baseline;gap:10px}
.gap-stats div:last-child{border-right:0}
.gap-stats b{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(26px,2vw,38px);line-height:1;color:var(--aqua);font-weight:400}
.gap-stats span{font-size:clamp(13px,.22vw + 8.6px,14px);line-height:1.4;opacity:.66;max-width:22ch}

/* ---------- 04 flagship ---------- */
.flagship-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,3vw,44px);align-items:end;margin-bottom:clamp(10px,1.8vh,18px)}
.flagship-intro{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.flagship-intro p{margin:0;font-size:var(--t-body);line-height:1.5;color:#2d454e;max-width:48ch}
.live-badge{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;color:#0a5f6e;border:1px solid rgba(12,124,142,.35);border-radius:4px;padding:6px 9px;background:rgba(12,124,142,.07)}
.live-badge span{width:6px;height:6px;border-radius:50%;background:var(--aqua-deep);animation:pulse 2.4s infinite}
.flagship-grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:start;flex:1;min-height:0}
.flagship-notes{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);position:relative;z-index:2}
.fnote{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.fnote-num{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);color:#4f6a74;padding-top:3px}
.fnote b{display:block;font-size:clamp(16px,.34vw + 10px,19px);font-weight:600;line-height:1.28;color:#0c2530;letter-spacing:-.01em}
.fnote p{margin:4px 0 0;font-size:clamp(14px,.3vw + 9px,16px);line-height:1.5;color:#34505a}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.chips span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.05em;padding:5px 8px;border:1px solid rgba(0,48,91,.22);border-radius:4px;color:#2c4f59}

/* tablet + phone detail view (shown at 1100px and below, in place of the stage) */
.concept-mobile{display:none}
.cm-head{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}
.cm-head span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;color:#0a6777}
.cm-head b{font-size:clamp(19px,2.2vw,24px);letter-spacing:-.02em;line-height:1.2;color:#0b2530}
.cm-row{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(0,48,91,.12);align-items:start}
.cm-ico{width:32px;height:32px;border-radius:7px;background:rgba(12,124,142,.12);display:grid;place-items:center;color:#0a6777}
.cm-ico .ico{width:17px;height:17px}
.cm-row b{display:block;font-size:clamp(16px,2vw,19px);line-height:1.25;color:#0b2530}
.cm-row small{display:block;font-size:var(--t-label);line-height:1.45;color:#3e5a64;margin-top:3px}
.cm-note{font-size:var(--t-label);line-height:1.5;color:#3e5a64;margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(0,48,91,.12)}

/* stage: desktop browser + phone, both readable at 100% zoom */
.browser-wrap{position:relative;min-width:0;padding:clamp(10px,1.6vw,20px) clamp(8px,1.2vw,16px) clamp(14px,2vh,22px)}
.stage-plate{position:absolute;left:-3%;right:-3%;top:-2%;bottom:0;background:radial-gradient(60% 60% at 50% 42%,#0b3040,#04161f 72%);border-radius:20px}
.stage-glow{position:absolute;left:10%;right:10%;bottom:-6px;height:22%;background:radial-gradient(50% 100% at 50% 100%,rgba(64,205,220,.25),transparent 70%);filter:blur(14px)}
.stage-grid{position:absolute;left:-3%;right:-3%;top:-2%;bottom:0;border-radius:20px;opacity:.3;background-image:linear-gradient(rgba(111,227,236,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(111,227,236,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 82%);-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 82%)}
.stage-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(172px,12.4vw,200px);gap:clamp(12px,1.4vw,20px);align-items:end}

.browser{min-width:0;border-radius:10px;overflow:hidden;background:#f4f6f2;color:#0c2530;border:1px solid rgba(255,255,255,.14);box-shadow:0 36px 70px -38px rgba(0,0,0,.85),0 2px 0 rgba(255,255,255,.1) inset}
.browser-top{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0a2029;color:#cfe6ec;flex-wrap:wrap}
.bdots{display:flex;gap:5px}
.bdots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);display:block}
.burl{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);color:#c6e3ea;background:rgba(255,255,255,.07);padding:4px 10px;border-radius:20px;letter-spacing:.02em;white-space:nowrap}
.burl .ico{width:13px;height:13px;stroke:var(--aqua)}
.browser-tabs{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.btab{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.05em;padding:5px 10px;border-radius:6px;color:#b9d7de;transition:.2s}
.btab:hover{color:#e8fbff;background:rgba(255,255,255,.07)}
.btab.active{background:var(--aqua);color:#04222c}
.browser-body{position:relative;background:#f7f8f4;max-height:clamp(300px,46vh,600px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,48,91,.3) transparent;font-size:var(--m-txt);line-height:1.45;color:#1d3a44}
.browser-body:focus-visible{outline-offset:-3px}
.site-view{display:none}
.site-view.active{display:block}

.mini-nav{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(0,48,91,.1);background:#fbfcf9;flex-wrap:wrap}
.mini-brand{display:flex;flex-direction:column;line-height:1.05}
.mb-wm{font-family:'Raleway',sans-serif;font-weight:600;font-size:19px;color:var(--navy);letter-spacing:.005em}
.mini-brand small{font-family:'Raleway',sans-serif;font-size:var(--m-txt);letter-spacing:.2em;color:#3a5a75;margin-top:2px}
.mini-links{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
.mini-links span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;color:#31505f;text-transform:uppercase}
.mini-links .on{color:#0a6777;border-bottom:1px solid #0a6777;padding-bottom:1px}
.mini-nav-cta{display:flex;align-items:center;gap:6px;background:var(--navy);color:#eaf6f8;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:6px 10px;border-radius:5px;white-space:nowrap}
.mini-nav-cta .ico{width:13px;height:13px;stroke:#8fe6ee}

.mini-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:center;padding:18px 16px;min-height:clamp(250px,40vh,330px);overflow:hidden}
.mini-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.mini-hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,26,.92) 0%,rgba(2,18,26,.74) 55%,rgba(2,18,26,.36) 100%)}
.mini-hero-copy{position:relative;z-index:1;min-width:0}
.mini-over{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.08em;color:#8fe6ee;display:block}
.mini-hero-copy b{display:block;margin-top:6px;font-size:clamp(22px,2.2vw,30px);line-height:1.02;letter-spacing:-.03em;color:#fff;font-weight:600}
.mini-hero-copy b em{font-family:'Instrument Serif',serif;font-style:italic;color:#8fe6ee;font-weight:400}
.mini-hero-copy p{margin:8px 0 0;font-size:clamp(14px,.35vw + 9.5px,16px);line-height:1.45;color:#dcecf0;max-width:36ch}
.mini-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mini-gold{display:inline-flex;align-items:center;gap:6px;background:#9beef5;color:#042430;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:7px 10px;border-radius:4px;font-weight:500}
.mini-gold .ico{width:13px;height:13px}
.mini-ghost{border:1px solid rgba(255,255,255,.5);color:#eaf8fa;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:7px 10px;border-radius:4px}
.mini-hours{position:relative;z-index:1;min-width:0;background:rgba(248,251,250,.97);border-radius:6px;padding:12px;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.mh-head{display:flex;align-items:center;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.06em;color:#0a5f6e;border-bottom:1px solid rgba(0,48,91,.14);padding-bottom:6px;margin-bottom:6px}
.mh-head i{font-style:normal;color:#b5493a}
.mh-row{display:flex;justify-content:space-between;gap:8px;font-size:15px;color:#2c4b56;padding:3px 0}
.mh-row b{font-weight:600;color:#0a3446}
.mh-row.off b{color:#b5493a}
.mh-foot{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,48,91,.14);font-size:var(--m-txt);color:#34505a}
.mh-foot .ico{width:14px;height:14px;flex:none}

.mini-strip{padding:14px 16px 12px;border-top:1px solid rgba(0,48,91,.1);border-bottom:1px solid rgba(0,48,91,.1)}
.ms-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ms-head b{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.08em;color:#0c3444;font-weight:500}
.ms-head span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.04em;color:#4f6a74}
.ms-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(0,48,91,.08)}
.ms-ico{width:28px;height:28px;border-radius:6px;background:rgba(12,124,142,.12);display:grid;place-items:center;color:#0a6777}
.ms-ico .ico{width:15px;height:15px}
.ms-name{min-width:0}
.ms-name b{display:block;font-size:clamp(14px,.3vw + 9.5px,16px);font-weight:600;color:#0e2e3a;line-height:1.25}
.ms-name small{display:block;font-size:var(--m-txt);color:#4f6a74;line-height:1.35}
.ms-price{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:var(--m-txt);color:#0a5f6e;white-space:nowrap}
.mini-cats{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px}
.mini-cats span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:4px 8px;border:1px solid rgba(0,48,91,.2);border-radius:4px;color:#2c4f59}
.mini-trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 16px;background:#0b2a38;color:#c3dce3;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em}
.mini-trust b{margin-left:auto;color:#8fe6ee;font-weight:500}

.mini-page-head{padding:14px 16px 8px}
.mini-page-head b{display:block;font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;color:#0c2a36;margin-top:4px;font-weight:600;line-height:1.1}
.mini-page-head p{margin:6px 0 0;font-size:clamp(14px,.3vw + 9.5px,16px);color:#3b5863;max-width:60ch;line-height:1.45}
.stock-filters{display:flex;gap:6px;flex-wrap:wrap;padding:4px 16px 10px}
.sf{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:6px 10px;border:1px solid rgba(0,48,91,.2);border-radius:20px;color:#2f4f5a;transition:.18s}
.sf.on{background:var(--navy);color:#eaf8fa;border-color:var(--navy)}
.stock-list{padding:0 16px 10px;display:flex;flex-direction:column}
.stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(0,48,91,.08)}
.stock-row.hide{display:none}
.stock-row .st-cat{display:block;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.06em;color:#0a6777}
.stock-row b{display:block;font-size:clamp(15px,.3vw + 10px,17px);font-weight:600;color:#0e2e3a;line-height:1.25}
.stock-row small{display:block;font-size:var(--m-txt);color:#4f6a74}
.st-state{flex:none;font-family:'JetBrains Mono',monospace;font-style:normal;font-size:var(--m-txt);letter-spacing:.04em;color:#0a6777;border:1px solid rgba(12,124,142,.35);border-radius:4px;padding:3px 7px}
.st-state.soon{color:#7a5a1e;border-color:rgba(160,120,40,.4)}

.svc-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:12px;padding:14px 16px}
.svc-menu .mini-over{color:#0a6777}
.svc-title{display:block;font-size:clamp(20px,1.7vw,24px);line-height:1.1;letter-spacing:-.02em;color:#0c2a36;margin:4px 0 8px;font-weight:600}
.svc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:7px 0;border-top:1px solid rgba(0,48,91,.09)}
.svc-row b{font-weight:600;color:#0e2e3a;font-size:clamp(14px,.3vw + 9.5px,16px);line-height:1.25}
.svc-row small{grid-column:1;font-size:var(--m-txt);color:#4f6a74}
.svc-row i{grid-column:2;grid-row:1 / span 2;font-family:'JetBrains Mono',monospace;font-style:normal;font-size:var(--m-txt);color:#0a5f6e;white-space:nowrap}
.tank-calc{background:#0b2a38;border-radius:8px;padding:14px;color:#dff2f6;display:flex;flex-direction:column;gap:6px;min-width:0}
.tank-calc .mini-over{color:#8fe6ee}
.tank-calc>b{display:block;font-size:clamp(17px,1.2vw,20px);line-height:1.15;color:#fff;font-weight:600}
.tank-calc p{margin:0;font-size:var(--m-txt);line-height:1.45;color:#b7d3db}
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.calc-grid label{display:flex;flex-direction:column;gap:4px;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.04em;color:#a9cbd5}
.calc-grid input{width:100%;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(143,230,238,.3);border-radius:4px;color:#eafcff;font-family:'JetBrains Mono',monospace;font-size:16px;padding:6px;text-align:center}
.calc-out{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:4px}
.calc-out b{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(30px,2.6vw,38px);line-height:1;color:#8fe6ee;font-weight:400}
.calc-out span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.06em;color:#b7d3db}
.calc-out i{margin-left:auto;font-family:'JetBrains Mono',monospace;font-style:normal;font-size:var(--m-txt);color:#a9cbd5}
.calc-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;background:#9beef5;color:#042430;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;padding:9px 8px;border-radius:4px;transition:.2s;text-align:center}
.calc-btn:hover{background:#c6f7fb}
.calc-btn .ico{width:13px;height:13px;flex:none}
.calc-note{font-size:var(--m-txt);line-height:1.45;color:#b7d3db;margin-top:2px}
.calc-tests{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);color:#cde6ec}
.calc-tests span{letter-spacing:.06em;color:#8fe6ee}
.calc-tests b{font-weight:400}

.phone{position:relative;align-self:end;min-width:0;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}
.phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:34px;height:4px;border-radius:4px;background:#2a3d46;z-index:3}
.phone-screen{position:relative;border:6px solid #0a1b22;border-radius:24px;background:#f6f8f4;overflow-y:auto;max-height:clamp(260px,calc(46vh - 40px),560px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,48,91,.3) transparent;font-size:var(--m-txt);line-height:1.4;color:#1d3a44;padding-top:14px;padding-bottom:6px}
.p-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 7px;color:var(--navy);background:#fbfcf9;border-bottom:1px solid rgba(0,48,91,.08)}
.p-wm{font-family:'Raleway',sans-serif;font-weight:600;font-size:16px}
.p-nav .ico{width:18px;height:18px;stroke:var(--navy)}
.p-hero{position:relative;height:clamp(118px,19vh,150px);overflow:hidden}
.p-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-hero-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,18,26,.9),rgba(2,18,26,.2) 72%)}
.p-hero b{position:absolute;left:10px;right:10px;bottom:10px;font-size:18px;line-height:1.05;letter-spacing:-.02em;color:#fff;font-weight:600}
.p-hero b em{font-family:'Instrument Serif',serif;font-style:italic;color:#8fe6ee;font-weight:400}
.p-hours{padding:9px 12px}
.p-hours-head{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.06em;color:#0a5f6e;border-bottom:1px solid rgba(0,48,91,.14);padding-bottom:4px}
.p-hours-head i{font-style:normal;color:#b5493a}
.p-hours-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:4px 0 2px}
.p-hours-row b{font-size:18px;color:#0a3446;font-weight:600}
.p-hours-row span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);color:#4c6670}
.p-hours-addr{font-size:var(--m-txt);line-height:1.4;color:#34505a}
.p-call{margin:8px 12px 0;background:var(--navy);color:#eef9fb;font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.03em;text-align:center;padding:9px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px}
.p-call .ico{width:14px;height:14px;stroke:#8fe6ee}
.p-strip{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px 2px}
.p-strip span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);letter-spacing:.02em;border:1px solid rgba(0,48,91,.2);padding:3px 6px;border-radius:4px;color:#2c4f59}
.p-list{padding:6px 12px 4px}
.p-item{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:6px 0;border-top:1px solid rgba(0,48,91,.1)}
.p-item b{font-weight:600;color:#0e2e3a;font-size:var(--m-txt)}
.p-item span{font-family:'JetBrains Mono',monospace;font-size:var(--m-txt);color:#0a5f6e;text-align:right}

.stage-caption{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.07em;color:#c5e4ea}
.stage-caption span{color:#8fe6ee}
.stage-caption i{font-style:normal;margin-left:auto;color:#9fc9d3}


/* ---------- 05 system ---------- */
.system-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,3vw,44px);align-items:end;margin-bottom:clamp(12px,2vh,22px)}
.system-head p{margin:0;font-size:var(--t-body);line-height:1.5;color:#b9d1d9;max-width:52ch}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px);flex:1}
.sys-card{border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:clamp(12px,1.6vw,20px);display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));transition:.3s var(--ease)}
.sys-card:hover{border-color:rgba(111,227,236,.36);transform:translateY(-2px)}
.sys-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.sys-num{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;opacity:.42}
.sys-ico{width:20px;height:20px;stroke:var(--aqua);opacity:.82}
.sys-card h3{font-size:var(--t-card);line-height:1.1;color:#f0fafb;letter-spacing:-.02em}
.sys-card p{margin:0;font-size:clamp(14px,.34vw + 8.6px,17px);line-height:1.48;color:#a9c4cd;flex:1}
.sys-out{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:var(--aqua);opacity:.78;margin-top:4px}
.sys-card-accent{border-color:rgba(111,227,236,.34);background:linear-gradient(170deg,rgba(24,116,134,.24),rgba(4,29,41,.4))}
.system-foot{display:flex;align-items:center;gap:14px;margin-top:clamp(10px,1.8vh,18px);padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.09em;opacity:.52;flex-wrap:wrap}
.sf-mid{margin:0 auto}
.sf-right{margin-left:auto}
.sf-page{opacity:.8;font-weight:400}

/* ---------- 06 proof ---------- */
.proof-head{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(16px,3vw,44px);align-items:end;margin-bottom:clamp(12px,2vh,20px)}
.proof-head p{margin:0;font-size:var(--t-body);line-height:1.5;color:#2d454e;max-width:54ch}
.proof-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(14px,2.4vw,32px);align-items:start;flex:1;min-height:0}
.proof-compare{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}

/* drag before / after: live capture left, concept right */
.ba{position:relative;container-type:inline-size;width:min(100%,calc((100vh - 400px) * 1.6));width:min(100%,calc((100dvh - 400px) * 1.6));aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#0a1b22;border:1px solid rgba(0,48,91,.22);box-shadow:0 26px 50px -34px rgba(0,30,45,.7);cursor:ew-resize;touch-action:pan-y;user-select:none;--pos:50%}
.ba:focus-visible{outline-offset:4px}
.ba-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;pointer-events:none}
.ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos));display:flex;flex-direction:column;background:#f4f7f2;color:#0c2530;pointer-events:none}
.ba-after-nav{display:flex;align-items:center;gap:3.4cqw;padding:2.8cqw 4cqw;background:#fbfcf9;border-bottom:1px solid rgba(0,48,91,.1);font-family:'JetBrains Mono',monospace;font-size:clamp(13px,2.3cqw,15px);color:#31505f}
.ba-after-nav b{font-family:'Raleway',sans-serif;font-weight:600;font-size:clamp(16px,3.4cqw,22px);color:var(--navy);margin-right:auto}
.ba-after-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2.4cqw;padding:5cqw 4cqw;background:linear-gradient(120deg,#0b3c4e,#06222e);color:#eef9fb}
.ba-after-hero>span{font-family:'JetBrains Mono',monospace;font-size:clamp(13px,2.1cqw,14px);letter-spacing:.06em;color:#8fe6ee}
.ba-after-hero b{font-size:clamp(24px,6.6cqw,42px);line-height:1;letter-spacing:-.03em;font-weight:600}
.ba-after-hero b em{font-family:'Instrument Serif',serif;font-style:italic;color:#8fe6ee;font-weight:400}
.ba-after-hero p{margin:0;font-size:clamp(13px,2.6cqw,16px);line-height:1.4;color:#cfe5eb;max-width:40ch}
.ba-after-btns{display:flex;flex-wrap:wrap;gap:2cqw}
.ba-after-btns i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:clamp(13px,2.1cqw,14px);letter-spacing:.03em;padding:2cqw 3cqw;border-radius:4px;background:#9beef5;color:#042430}
.ba-after-btns i+i{background:transparent;color:#eef9fb;border:1px solid rgba(255,255,255,.5)}
.ba-after-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2cqw 3cqw;padding:3cqw 4cqw;background:#0b2a38;font-family:'JetBrains Mono',monospace;font-size:clamp(13px,2.1cqw,14px);color:#c3dce3}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);pointer-events:none;z-index:2}
.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 6px 18px -6px rgba(0,0,0,.55)}
.ba-knob .ico{width:16px;height:16px;stroke:var(--navy)}
.ba-tag{position:absolute;top:10px;z-index:3;padding:5px 9px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.05em;background:rgba(2,17,26,.85);color:#eaf8fa;pointer-events:none}
.ba-tag-l{left:10px}
.ba-tag-r{right:10px;background:rgba(111,227,236,.94);color:#04222c}
.proof-compare figcaption{display:flex;flex-direction:column;gap:4px}
.ph-tag{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:#0a6777}
.proof-compare figcaption b{font-size:clamp(19px,1.5vw + 4px,26px);line-height:1.15;letter-spacing:-.02em;font-weight:500;color:#0c2530}
.proof-compare figcaption small{font-size:clamp(14px,.3vw + 9px,16px);line-height:1.45;color:#34505a;max-width:58ch}

.proof-side{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);min-width:0}
.proof-stat{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid rgba(0,48,91,.16);padding-bottom:6px}
.proof-stat b{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(34px,3vw,52px);line-height:.86;color:var(--navy);font-weight:400}
.proof-stat span{font-size:clamp(14px,.3vw + 9.5px,16px);line-height:1.4;color:#34505a}
.proof-stat.small b{font-size:clamp(28px,2.4vw,40px)}
.proof-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.proof-thumbs figure{margin:0;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1.1;background:#0a1b22}
.proof-thumbs img{width:100%;height:100%;object-fit:cover}
.proof-thumbs figcaption{position:absolute;left:0;right:0;bottom:0;padding:6px 7px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.2;letter-spacing:.02em;color:#f2fbfc;background:linear-gradient(0deg,rgba(2,17,26,.92),rgba(2,17,26,0))}
.proof-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.proof-list li{display:flex;gap:8px;align-items:flex-start;font-size:clamp(14px,.3vw + 9.5px,16px);line-height:1.42;color:#37505a}
.proof-list .ico{width:15px;height:15px;stroke:var(--aqua-deep);margin-top:3px;flex:none}
.proof-note{margin:0;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);line-height:1.5;letter-spacing:.02em;color:#4f6670}


/* ---------- 07 roadmap ---------- */
.road-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,3vw,44px);align-items:end;margin-bottom:clamp(10px,1.6vh,18px)}
.road-head p{margin:0;font-size:var(--t-body);line-height:1.5;color:#b9d1d9;max-width:48ch}
.road-line{position:relative;height:1px;background:rgba(255,255,255,.12);margin:clamp(8px,1.6vh,16px) 0}
.road-line i{position:absolute;left:0;top:0;height:1px;width:33.3%;background:linear-gradient(90deg,var(--aqua),rgba(111,227,236,0));display:block}
.road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px);flex:1}
.phase{border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:clamp(12px,1.5vw,20px);display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.022)}
.phase-featured{border-color:rgba(111,227,236,.34);background:linear-gradient(180deg,rgba(24,116,134,.2),rgba(4,29,41,.34))}
.phase-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.phase-num{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;color:var(--aqua);opacity:.8}
.phase-days{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;opacity:.45}
.phase h3{font-size:var(--t-card);line-height:1.1;color:#f0fafb;letter-spacing:-.02em}
.phase-sub{margin:0;font-size:clamp(13px,.3vw + 8.6px,15.5px);line-height:1.45;color:#a9c4cd}
.phase ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.phase li{display:flex;gap:6px;align-items:flex-start;font-size:clamp(13px,.24vw + 8.4px,14.5px);line-height:1.4;color:#c6dae1}
.tag-us,.tag-you{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;padding:1.5px 4px;border-radius:2px;flex:none;margin-top:1px}
.tag-us{background:rgba(111,227,236,.13);color:#8fe6ee;border:1px solid rgba(111,227,236,.26)}
.tag-you{background:rgba(255,255,255,.07);color:#c9dde3;border:1px solid rgba(255,255,255,.16)}
.phase-out{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:var(--aqua);opacity:.7;margin-top:auto;padding-top:8px}
.road-foot{display:flex;align-items:center;gap:clamp(12px,2vw,28px);margin-top:clamp(10px,1.8vh,18px);padding-top:10px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.road-foot div{display:flex;flex-direction:column;gap:2px}
.road-foot span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.13em;opacity:.42}
.road-foot b{font-family:'JetBrains Mono',monospace;font-size:clamp(13px,.3vw + 7.6px,14px);letter-spacing:.08em;font-weight:400;color:#e8f7f9}
.road-foot-cta{margin-left:auto;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(15px,1.2vw + 4px,22px);color:var(--aqua);opacity:.9}

/* ---------- 08 engagement ---------- */
.engage-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,3vw,44px);align-items:end;margin-bottom:clamp(10px,1.8vh,18px)}
.engage-head p{margin:0;font-size:var(--t-body);line-height:1.5;color:#2d454e;max-width:50ch}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px);flex:1;align-items:stretch}
.plan{border:1px solid rgba(0,48,91,.16);border-radius:12px;padding:clamp(12px,1.5vw,20px);display:flex;flex-direction:column;gap:5px;background:#f6f8f3;position:relative;transition:.3s var(--ease)}
.plan:hover{transform:translateY(-2px);box-shadow:0 18px 40px -30px rgba(0,48,91,.6)}
.plan-featured{border-color:rgba(12,124,142,.4);background:linear-gradient(180deg,#eef8f7,#e2eff0);box-shadow:0 18px 44px -34px rgba(0,48,91,.55)}
.plan-ribbon{position:absolute;top:-9px;left:clamp(12px,1.5vw,20px);font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;background:var(--aqua-deep);color:#eafcfe;padding:3px 7px;border-radius:2px;white-space:nowrap}
.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.plan-kicker{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;color:#0a6777}
.plan-mark{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;color:#9db3b8;line-height:1}
.plan h3{font-size:var(--t-card);line-height:1.08;color:#0a2430;letter-spacing:-.025em}
.plan-for{margin:0;font-size:clamp(13px,.3vw + 8.4px,15px);line-height:1.45;color:#4e666f;min-height:2.6em}
.plan ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:3.5px}
.plan li{font-size:clamp(13px,.24vw + 8.4px,14.5px);line-height:1.38;color:#37505a;padding-left:11px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:var(--aqua-deep);opacity:.55}
.plan-foot{margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,48,91,.14);display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.plan-foot span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:#6a8087}
.plan-foot b{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;color:#0a5f6e}
.engage-strip{display:flex;gap:clamp(12px,2vw,28px);margin-top:clamp(8px,1.5vh,14px);flex-wrap:wrap;font-size:clamp(13px,.24vw + 8.4px,14.5px);color:#43606a}
.engage-strip span{display:flex;align-items:center;gap:6px}
.engage-strip .ico{width:13px;height:13px;stroke:var(--aqua-deep)}

/* ---------- 09 close ---------- */
.slide-close{background:var(--ink)}
.close-bg{position:absolute;inset:0}
.close-bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.close-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(2,15,23,.96) 0%,rgba(2,17,26,.9) 46%,rgba(2,17,26,.66) 100%)}
.close-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(18px,3vw,48px);align-items:start;flex:1;padding-top:clamp(4px,1vh,12px)}
.close-copy h2{margin-bottom:clamp(8px,1.6vh,14px)}
.close-copy>p{margin:0 0 clamp(12px,2vh,20px);font-size:var(--t-lead);line-height:1.5;color:#b9d1d9;max-width:40ch}
.rep-card{display:grid;grid-template-columns:clamp(76px,7vw,104px) 1fr;gap:clamp(10px,1.4vw,16px);align-items:center;padding:clamp(10px,1.4vw,16px);border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04);max-width:520px}
.rep-photo{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:1/1.08;background:#0a2029}
.rep-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.rep-photo span{position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 -20px 30px -18px rgba(2,17,26,.8);border-radius:9px}
.rep-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.rep-kicker{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;color:var(--aqua);opacity:.85}
.rep-info b{font-size:clamp(19px,1.3vw + 6px,26px);line-height:1.1;letter-spacing:-.02em;color:#f2fbfc;font-weight:500}
.rep-info span{font-size:clamp(13px,.24vw + 8.4px,14.5px);color:#a9c4cd;line-height:1.4}
.rep-contact{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap;margin-top:2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}
.rep-contact a{display:flex;align-items:center;gap:6px;font-size:clamp(13px,.3vw + 8.4px,15px);color:#d8eef3;text-decoration:none;border-bottom:1px solid rgba(111,227,236,.3);padding-bottom:1px;transition:.2s}
.rep-contact a:hover{color:var(--aqua);border-color:var(--aqua)}
.rep-contact .ico{width:14px;height:14px;stroke:var(--aqua);opacity:.85}
.close-address{display:flex;flex-direction:column;gap:4px;margin-top:clamp(10px,1.6vh,16px);font-size:clamp(13px,.24vw + 8.4px,14.5px);color:#9db6c0}
.close-address span{display:flex;align-items:center;gap:7px}
.close-address .ico{width:13px;height:13px;opacity:.6}
.close-address a{color:#cfe6ec;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}
.close-address a:hover{color:var(--aqua)}

.scheduler{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:clamp(14px,1.7vw,24px);background:linear-gradient(170deg,rgba(12,56,74,.62),rgba(3,22,32,.82));backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:8px;max-width:560px;width:100%;justify-self:end}
.sched-top{display:flex;align-items:center;justify-content:space-between}
.sched-live{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;color:var(--aqua)}
.sched-live i{width:5px;height:5px;border-radius:50%;background:var(--aqua);display:block;animation:pulse 2.4s infinite}
.scheduler h3{font-size:clamp(22px,1.8vw + 6px,34px);line-height:1;letter-spacing:-.03em;color:#f2fbfc}
.scheduler>p{margin:0;font-size:clamp(13px,.3vw + 8.4px,15px);line-height:1.45;color:#a9c4cd}
.suggestions{display:flex;gap:6px;flex-wrap:wrap}
.suggestions button{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;padding:7px 9px;border:1px solid rgba(111,227,236,.3);border-radius:5px;color:#c9f2f6;transition:.2s}
.suggestions button:hover{background:rgba(111,227,236,.12);border-color:var(--aqua)}
.picker-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}
.picker-grid label{display:flex;flex-direction:column;gap:4px;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;color:#8fb2be}
.picker-grid input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#eafcff;font-family:'JetBrains Mono',monospace;font-size:13px;padding:7px 8px;color-scheme:dark}
.sched-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;background:linear-gradient(180deg,#8beef4,#4fd4e0);color:#00293c;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;padding:11px;border-radius:7px;text-decoration:none;font-weight:500;transition:.22s}
.sched-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -14px rgba(111,227,236,.7)}
.sched-btn .ico{width:13px;height:13px}
.sched-note{margin:0;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);line-height:1.5;color:#7fa4b1}
.sched-sign{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12);font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.09em;color:#8fb2be;flex-wrap:wrap}
.sign-logos{display:flex;align-items:center;gap:7px}
.sign-logos img{height:13px;width:auto}
.sign-logos span{opacity:.5}
.sign-wordmark{font-family:'Raleway',sans-serif;font-weight:500;font-size:13px;color:#dff4f7;letter-spacing:.01em}

/* ---------- index ---------- */
.index-overlay{position:fixed;inset:0;z-index:200;background:rgba(1,10,16,.94);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s;display:grid;place-items:center;padding:clamp(16px,4vh,48px) var(--gutter)}
.index-overlay.open{opacity:1;visibility:visible}
.index-inner{width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;gap:clamp(10px,2vh,20px)}
.index-head{display:flex;align-items:center;justify-content:space-between}
.index-head button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#dff4f7}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px);overflow-y:auto}
.idx-card{text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:clamp(10px,1.2vw,16px);background:rgba(255,255,255,.03);transition:.22s;display:flex;flex-direction:column;gap:3px;min-height:82px}
.idx-card:hover{border-color:var(--aqua);background:rgba(111,227,236,.07)}
.idx-card b{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;color:var(--aqua);opacity:.8}
.idx-card span{font-size:clamp(15px,.9vw + 6px,19px);letter-spacing:-.01em;color:#eaf8fa}
.idx-card small{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;opacity:.42;margin-top:auto}
.idx-card.on{border-color:rgba(111,227,236,.5)}
.index-foot{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.1em;opacity:.4}

/* ---------- boom seam ---------- */
.deck-seam{position:fixed;inset:0;z-index:95;pointer-events:none;visibility:hidden;overflow:hidden}
.deck-seam i{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,#bff8fd 18%,#5fe0ea 52%,#bff8fd 82%,transparent);box-shadow:0 0 22px 4px rgba(95,224,234,.6);left:0}
.deck-seam b{position:absolute;top:0;bottom:0;width:26vw;background:linear-gradient(90deg,transparent,rgba(95,224,234,.16),transparent);left:0;filter:blur(6px)}
.deck-vignette{position:fixed;inset:0;z-index:94;pointer-events:none;opacity:0;box-shadow:inset 0 0 22vw 6vw rgba(0,0,0,.55)}
#boom-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:96;pointer-events:none}
body.is-cutting .chrome,body.is-cutting .rail{transition:opacity .18s}

/* ---------- responsive ---------- */
@media(max-width:1280px){
  .audit-body{grid-template-columns:minmax(260px,.92fr) 1.28fr}
  .audit-shots{grid-template-columns:1fr 78px}
  .flagship-grid{grid-template-columns:minmax(200px,250px) 1fr}
}
@media(max-width:1100px){
  .audit-top,.gap-head,.system-head,.road-head,.proof-head,.engage-head,.flagship-head,.close-grid{grid-template-columns:1fr;gap:10px}
  .audit-body{grid-template-columns:1fr}
  .audit-shots{grid-template-columns:1.5fr 1fr;max-width:640px}
  .audit-intro p,.gap-head p,.system-head p,.road-head p,.proof-head p,.engage-head p,.flagship-intro p{max-width:none}
  .flagship-grid{grid-template-columns:1fr}
  .flagship-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
  .chips{grid-column:1/-1}
  .concept-mobile{display:flex;flex-direction:column;gap:0;border:1px solid rgba(0,48,91,.18);border-radius:10px;padding:12px;background:#f7f9f5}
  .browser-wrap,.phone{display:none}
  .gap-flow{grid-template-columns:1fr}
  .flow-divider{display:none}
  .system-grid,.road-grid,.plans{grid-template-columns:1fr 1fr}
  .system-grid .sys-card:last-child{grid-column:1/-1}
  .proof-grid{grid-template-columns:1fr}
  .proof-hero{min-height:clamp(220px,32vh,340px)}
  .close-grid{grid-template-columns:1fr}
  .scheduler{justify-self:stretch;max-width:none}
  .close-copy>p{max-width:52ch}
  .gap-stats{grid-template-columns:1fr 1fr}
  .gap-stats div:nth-child(2){border-right:0}
  .gap-stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(max-width:820px){
  :root{--t-body:16.5px;--t-lead:17px;--t-h2:clamp(27px,7vw,38px);--t-card:20px;--t-label:13.5px;--t-micro:13px;--gutter:18px;--top:58px;--bot:58px}
  body{font-size:16px}
  .chrome-title{display:none}
  .cobrand{gap:8px;flex:1;min-width:0}
  .cobrand-name{min-width:0}
  .cobrand-name b{font-size:15px;white-space:nowrap}
  .cobrand-name small{display:none}
  .bc-logo{height:16px}
  .cobrand-x{font-size:var(--t-label)}
  .chrome-right{gap:8px;flex:none}
  .chrome-count{flex:none;white-space:nowrap;gap:2px}
  .index-btn{padding:7px 9px}
  .index-btn span{display:none}
  .chrome-top,.chrome-bottom{padding-left:14px;padding-right:14px}
  .bottom-mid,.prepared-mini span{display:none}
  .prepared-mini img{width:24px;height:24px}
  .chrome-bottom{justify-content:space-between}
  .prepared-mini{opacity:.9}
  .nav-controls button{width:42px;height:42px}
  .slide-head{padding-bottom:8px;margin-bottom:12px}
  .head-meta{display:none}
  .kicker{font-size:var(--t-label);letter-spacing:.08em;white-space:nowrap}
  .slide-foot{flex-direction:column;align-items:flex-start;gap:4px;font-size:var(--t-label)}
  .foot-page{display:none}
  .cover-content{justify-content:flex-start;padding-top:6px}
  .cover-title{font-size:clamp(36px,10.4vw,52px)}
  .cover-lead{font-size:16.5px;max-width:none}
  .cover-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px;flex-wrap:wrap;gap:10px}
  .cover-clientline{flex-wrap:wrap}
  .scroll-cue,.cover-coords{display:none}
  .ticker{position:relative;bottom:auto;margin-top:12px}
  .slide-cover{overflow-y:auto}
  .cover-content{position:relative;left:0;top:0;bottom:auto;width:100%;display:flex;flex-direction:column;padding:calc(var(--top) + 10px) var(--gutter) 0}
  .cover-collab{margin-bottom:12px}
  .cover-collab img{height:15px}
  .cc-name{font-size:var(--t-label);letter-spacing:.1em}
  .eyebrow{flex-wrap:wrap;font-size:var(--t-label);letter-spacing:.1em;gap:7px}
  .cover-note{font-size:var(--t-label);line-height:1.5}
  .btn{padding:12px 16px;font-size:14px}
  .audit-shots{grid-template-columns:1fr;max-width:none}
  .shot-side{flex-direction:row;align-items:center;gap:10px}
  .phone-shell{width:110px;padding:4px}
  .shot-side figcaption{margin-top:0}
  .pin{display:none}
  .finding{grid-template-columns:22px 1fr;padding:10px 0}
  .f-head{flex-wrap:wrap;gap:4px 8px}
  .f-copy p{font-size:14.5px}
  .f-tag{font-size:var(--t-label)}
  .flagship-notes{grid-template-columns:1fr}
  .concept-mobile{padding:10px}
  .cm-row{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:8px 0;border-top:1px solid rgba(0,48,91,.12);align-items:start}
  .cm-head{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}
  .cm-head span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;color:#0a6777}
  .cm-head b{font-size:17px;letter-spacing:-.02em;line-height:1.2}
  .cm-ico{width:26px;height:26px;border-radius:6px;background:rgba(12,124,142,.1);display:grid;place-items:center;color:#0a6777}
  .cm-ico .ico{width:14px;height:14px}
  .cm-row b{display:block;font-size:14.5px;line-height:1.25;color:#0b2530}
  .cm-row small{display:block;font-size:var(--t-label);line-height:1.4;color:#54707a;margin-top:2px}
  .cm-note{font-size:var(--t-label);line-height:1.5;color:#5c757d;margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(0,48,91,.12)}
  .system-grid,.road-grid,.plans{grid-template-columns:1fr}
  .system-grid .sys-card:last-child{grid-column:auto}
  .system-foot,.road-foot{gap:8px 14px;font-size:var(--t-label)}
  .sf-mid{margin:0}
  .sf-right{margin-left:0}
  .road-foot-cta{margin-left:0;width:100%}
  .gap-flow{gap:10px}
  .gap-stats{grid-template-columns:1fr 1fr}
  .gap-stats b{font-size:24px}
  .gap-stats span{font-size:var(--t-label)}
  .proof-thumbs{grid-template-columns:repeat(3,1fr)}
  .proof-hero{min-height:200px}
  .proof-hero figcaption small{font-size:var(--t-label)}
  .plan-ribbon{position:static;align-self:flex-start;order:-1;margin-bottom:2px}
  .engage-strip{flex-direction:column;gap:5px}
  .rep-card{grid-template-columns:64px 1fr;max-width:none}
  .rep-contact{gap:10px}
  .close-copy>p{max-width:none}
  .scheduler{padding:14px}
  .picker-grid{grid-template-columns:1fr}
  .index-grid{grid-template-columns:1fr 1fr}
  .index-card{min-height:70px}
  .ticker{display:none}
}
@media(max-width:430px){
  .cover-title{font-size:34px}
  .cover-actions{flex-direction:column;align-items:flex-start;gap:8px}
  .cover-caption{font-size:var(--t-label)}
  .audit-count b{font-size:26px}
  .gap-stats{grid-template-columns:1fr}
  .gap-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .gap-stats div:last-child{border-bottom:0}
  .proof-thumbs{grid-template-columns:1fr 1fr}
  .index-grid{grid-template-columns:1fr}
  .rep-card{grid-template-columns:56px 1fr}
  .suggestions button{font-size:var(--t-label)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .ticker-track{animation:none}
}

/* ---------- cover: tablet + phone fallback composition ---------- */
@media(max-width:1100px){
  #logo-scene{display:none}
  .slide-cover{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:calc(var(--bot) + 4px);justify-content:center}
  .cover-content{position:relative;left:auto;top:auto;bottom:auto;width:100%;order:1;justify-content:flex-start;padding:calc(var(--top) + 12px) var(--gutter) 0}
  .cover-fallback{position:relative;inset:auto;order:2;display:grid;width:100%;padding:14px var(--gutter) 0;place-items:center}
  .cover-foot{position:relative;left:auto;right:auto;bottom:auto;order:3;margin:14px var(--gutter) 0;flex-wrap:wrap;gap:10px}
  .ticker{position:relative;bottom:auto;order:4;margin-top:12px}
  .cf-sign{width:min(78vw,420px)}
  .scroll-cue,.cover-coords{display:none}
  .cover-title{font-size:clamp(34px,5.4vw,58px)}
  .cover-lead{max-width:46ch}
}

/* ==========================================================================
   composition pass — fill the frame, keep type readable
   ========================================================================== */

/* 02 audit — fit six findings on a 1080 desktop */
.finding{padding:clamp(5px,.85vh,8px) 0}
.finding:first-child{padding-top:0}
.f-copy p{line-height:1.44;margin-top:3px}
.audit-top{margin-bottom:clamp(10px,1.6vh,16px)}
.audit-body{gap:clamp(14px,2.2vw,30px)}

/* 03 gap — distribute the six steps across the column */
.gap-flow{flex:1}
.flow-col{display:flex;flex-direction:column}
.flow-steps{flex:1;justify-content:space-between;gap:clamp(4px,1vh,10px)}
.flow-outcome{margin-top:auto}

/* 05 system — cards carry substance, not empty interiors */
.sys-card{padding:clamp(13px,1.5vw,22px);gap:6px}
.sys-card p{flex:none}
.system-grid,.road-grid,.plans{align-content:stretch}
.sys-card,.phase{justify-content:center}
.plan{justify-content:flex-start}
.sys-out,.phase-out{margin-top:auto}
.plan li{font-size:clamp(13.5px,.34vw + 8.6px,16.5px);line-height:1.55}
.plan h3{font-size:clamp(22px,1.6vw + 6px,34px)}
.plan-for{font-size:clamp(13.5px,.3vw + 8.8px,15.5px);min-height:3.1em}
.plan-time{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,48,91,.14)}
.plan-foot{margin-top:8px}
.plan-time span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.12em;color:#6a8087}
.plan-time b{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.08em;color:#0a5f6e;font-weight:400}
.phase-deliv{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.09)}
.phase-deliv span{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;color:var(--aqua);opacity:.7}
.phase-deliv b{font-weight:400;font-size:clamp(13px,.22vw + 8.4px,13.5px);line-height:1.4;color:#a9c4cd}
.phase h3{font-size:clamp(26px,2vw,38px)}
.phase-sub{font-size:clamp(13.5px,.3vw + 8.8px,16px)}
.sys-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.09);padding-top:6px}
.sys-list li{position:relative;padding-left:12px;font-size:clamp(13px,.24vw + 8.4px,14.5px);line-height:1.38;color:#c2d8df}
.sys-list li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--aqua);opacity:.6}
.sys-out{margin-top:auto}


/* 07 roadmap — launch checklist band */
.phase{padding:clamp(13px,1.4vw,20px);gap:6px}
.launch-band{display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);margin-top:clamp(8px,1.4vh,14px);padding:clamp(8px,1.2vh,12px) clamp(10px,1.2vw,16px);border:1px solid rgba(111,227,236,.22);border-radius:10px;background:rgba(24,116,134,.1);flex-wrap:wrap}
.lb-kicker{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.16em;color:var(--aqua);white-space:nowrap}
.lb-items{display:flex;gap:clamp(10px,1.6vw,24px);flex-wrap:wrap;flex:1}
.lb-items span{display:flex;align-items:center;gap:7px;font-size:clamp(13px,.24vw + 8.2px,14px);color:#c6dae1}
.lb-items i{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:var(--t-label);letter-spacing:.08em;color:var(--aqua);opacity:.7}

/* 08 engagement — the band every level shares */
.plans{flex:1}
.plan ul{flex:none}
.every-band{display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);margin-top:clamp(8px,1.4vh,14px);padding:clamp(8px,1.2vh,12px) clamp(10px,1.2vw,16px);border:1px solid rgba(0,48,91,.16);border-radius:10px;background:#f4f7f2;flex-wrap:wrap}
.eb-kicker{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.14em;color:#0a5f6e;white-space:nowrap}
.eb-items{display:flex;gap:clamp(8px,1.3vw,20px);flex-wrap:wrap;flex:1}
.eb-items span{display:flex;align-items:center;gap:5px;font-size:clamp(13px,.24vw + 8.2px,14px);color:#3b5b64}
.eb-items .ico{width:12px;height:12px;stroke:var(--aqua-deep)}

/* 09 close — a partner presence, not an empty half-frame */
.rep-card{grid-template-columns:clamp(140px,12vw,196px) minmax(0,1fr);max-width:660px}
.rep-note{margin-top:clamp(12px,2vh,22px);padding-left:clamp(10px,1.2vw,16px);border-left:2px solid rgba(111,227,236,.4);max-width:520px}
.rn-kicker{font-family:'JetBrains Mono',monospace;font-size:var(--t-label);letter-spacing:.15em;color:var(--aqua);opacity:.85;display:block;margin-bottom:4px}
.rep-note p{margin:0;font-size:clamp(13px,.3vw + 8.4px,15.5px);line-height:1.55;color:#b9d1d9}
.close-bg img{opacity:.62}
.close-scrim{background:linear-gradient(100deg,rgba(2,15,23,.94) 0%,rgba(2,17,26,.85) 44%,rgba(2,17,26,.5) 100%)}
.scheduler{justify-self:end}

.close-grid{align-items:center}
.close-grid .close-copy,.close-grid .scheduler{align-self:center}

@media(max-height:980px){
  .sys-list li{font-size:var(--t-label)}
  .audit-top h2{font-size:clamp(26px,2.8vw,44px)}
  .finding{padding:4px 0}
  .f-copy p{font-size:14.5px;line-height:1.4}
}

@media(max-width:1100px){
  .browser-wrap,.phone{display:none}
  .browser-body{zoom:1}
  .flagship-notes{position:static}
  .launch-band,.every-band{flex-direction:column;align-items:flex-start;gap:8px}
  .lb-items,.eb-items{gap:6px 14px}
  .rep-note{max-width:none}
  .scheduler{justify-self:stretch}
}

/* ultrawide: keep every last line inside the frame */
@media(min-width:1900px){
  .finding{padding:3px 0}
  .audit-top{margin-bottom:8px}
  .audit-top h2{font-size:clamp(40px,2.7vw,52px)}
  .f-copy p{line-height:1.38}
  .f-tag{margin-top:2px}
  .proof-thumbs figure{aspect-ratio:1/0.95}
  .proof-stat b{font-size:clamp(32px,2.6vw,46px)}
  .proof-list li{line-height:1.38}
}

/* short laptop screens: tighten rhythm, never the argument */
@media(max-height:840px) and (min-width:1101px){
  .pad{padding-top:4px;padding-bottom:4px}
  .slide-head{padding-bottom:5px;margin-bottom:8px}
  h2{font-size:clamp(24px,2.7vw,42px)}
  .slide-foot{padding-top:7px}
  .audit-top{margin-bottom:8px}
  .audit-body{grid-template-columns:minmax(250px,.82fr) 1.3fr}
  .finding{padding:3px 0}
  .f-copy p{font-size:14px;line-height:1.38;margin-top:2px}
  .f-tag{margin-top:3px}
  .gap-head,.flagship-head,.system-head,.road-head,.proof-head,.engage-head{margin-bottom:8px}
  .gap-flow{gap:8px}
  .flow-col{padding:10px 12px}
  .proof-hero{min-height:180px}
  .phase,.plan,.sys-card{padding:10px 12px}
  .system-grid,.road-grid,.plans{gap:8px}
  .road-foot,.system-foot{gap:8px 16px}
  .launch-band,.every-band{padding:6px 10px}
  .scheduler{padding:12px;gap:6px}
  .rep-card{padding:10px}
}

/* ==========================================================================
   source pass · readability floor, solid phone chrome, safe insets, rep portrait
   ========================================================================== */
.sched-hint{margin:0;min-height:1.3em;font-family:'JetBrains Mono',monospace;font-size:var(--t-label);line-height:1.45;color:#ffd9a8}

@media(max-width:820px){
  /* the masthead and bottom bar are solid, theme-matched surfaces: scrolled content never shows through */
  .chrome-top{background:#02111a;backdrop-filter:none;-webkit-backdrop-filter:none}
  .chrome-bottom{background:#02111a;backdrop-filter:none;-webkit-backdrop-filter:none;height:calc(var(--bot) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
  body.theme-light .chrome-top,body.theme-light .chrome-bottom{background:#eef1ec}
  .scroll{bottom:calc(var(--bot) + env(safe-area-inset-bottom,0px))}
  .rep-card{grid-template-columns:clamp(116px,34vw,156px) minmax(0,1fr)}
}