/* ==========================================================================
   ARMED GUARD SECURITY TRAINING ACADEMY × BRANDCORE
   "The New Standard" — 2026 proposal deck
   ========================================================================== */

@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:'Instrument Serif';src:url('assets/fonts/instrument-serif-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrains-mono-400-normal.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

:root{
  --ink:#0A0907;
  --ink-2:#14120E;
  --paper:#F1ECE1;
  --paper-2:#E7DFD0;
  --gold:#D8A84E;
  --gold-bright:#F0C36A;
  --gold-deep:#8A5A12;
  --red:#9E1B1F;
  --red-bright:#C8322F;
  --muted-dark:#A49A87;
  --muted-light:#6C6558;
  --line-dark:rgba(244,238,226,.14);
  --line-light:rgba(10,9,7,.13);
  --font-display:'Geist','Segoe UI',system-ui,sans-serif;
  --font-body:'Geist','Segoe UI',system-ui,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* Effective onscreen type tokens. These are deliberately viewport-relative. */
  --t-body: clamp(16px, 1.18vw, 24px);
  --t-body-sm: clamp(16px, .95vw, 18px);
  --t-lead: clamp(16px, 1.12vw, 22px);
  --t-card-h: clamp(24px, 1.65vw, 34px);
  --t-label: clamp(13px, .88vw, 16px);
  --t-note: clamp(13px, .84vw, 15px);
  --t-cta: clamp(14px, 1vw, 18px);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:#070605;color:#F4EEE2;font-family:var(--font-body);
  overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
button,a,input{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}
.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}

/* theme chrome */
body{--chrome:#F4EEE2;--chrome-dim:rgba(244,238,226,.55);--chrome-line:rgba(244,238,226,.16)}
body.theme-light{--chrome:#15130E;--chrome-dim:rgba(21,19,14,.55);--chrome-line:rgba(21,19,14,.16)}

/* ------------------------------------------------------------------ chrome */
.progress{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.06);z-index:90}
.progress i{display:block;height:100%;width:11.11%;background:linear-gradient(90deg,#9C6A1C,var(--gold-bright),#E9C17A);transition:width .5s var(--ease)}

.chrome{position:fixed;left:0;right:0;z-index:80;color:var(--chrome);transition:color .45s ease}
.chrome a,.chrome button{color:inherit}
.chrome-top{
  top:0;height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 44px;border-bottom:1px solid var(--chrome-line);background:linear-gradient(180deg,rgba(7,6,5,.55),rgba(7,6,5,0));
  transition:border-color .45s ease,background .45s ease;
}
body.theme-light .chrome-top{background:linear-gradient(180deg,rgba(241,236,225,.9),rgba(241,236,225,0))}
.bc-lockup{display:flex;align-items:center;justify-self:start;opacity:.92;transition:opacity .2s}
.bc-lockup:hover{opacity:1}
.bc-logo{height:22px;width:auto}
.bc-logo-light{display:none}
body.theme-light .bc-logo-dark{display:none}
body.theme-light .bc-logo-light{display:block}
.cobrand{display:flex;align-items:center;gap:9px;justify-self:start;min-width:0}
.cobrand .bc-logo{height:18px}
.cobrand-x{font-family:var(--font-serif);font-style:italic;font-size:20px;line-height:1;color:var(--gold-bright);opacity:.95}
body.theme-light .cobrand-x{color:var(--gold-deep)}
.cobrand-mark{width:24px;height:24px;display:grid;place-items:center;color:var(--gold-bright);flex:none;filter:drop-shadow(0 0 7px rgba(240,195,106,.22))}
body.theme-light .cobrand-mark{color:var(--gold-deep)}
.star-ico{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
.cobrand-name{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.cobrand-name b{font-size:9px;letter-spacing:.1em;font-weight:600;white-space:nowrap;color:var(--chrome)}
.cobrand-name small{font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;color:var(--chrome);opacity:.7;white-space:nowrap}
.chrome-title{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.chrome-client{opacity:.52}
.chrome-sep{width:22px;height:1px;background:currentColor;opacity:.35}
.chrome-section{color:var(--gold-bright)}
body.theme-light .chrome-section{color:#7B4E0E}
.chrome-right{display:flex;align-items:center;gap:22px;justify-self:end}
.cover-toggle{display:none;align-items:center;gap:6px;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.12em;color:var(--chrome);border:1px solid var(--chrome-line);padding:5px 7px;opacity:.65;transition:.2s}
body.on-cover .cover-toggle{display:flex}
.cover-toggle:hover{opacity:1;border-color:var(--gold);color:var(--gold-bright)}
body.theme-light .cover-toggle:hover{color:var(--gold-deep);border-color:var(--gold-deep)}
.cover-toggle i{font-style:normal;font-size:6px;line-height:1;border:1px solid currentColor;border-radius:2px;padding:1px 3px;opacity:.7}
.index-btn{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;opacity:.7;transition:opacity .2s}
.index-btn .ico{width:14px;height:14px}
.index-btn:hover{opacity:1}
.chrome-count{display:flex;align-items:baseline;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:.85}
.chrome-count b{font-size:13px;font-weight:500;color:var(--gold-bright)}
body.theme-light .chrome-count b{color:#7B4E0E}
.chrome-count span{opacity:.5}

.chrome-bottom{
  bottom:0;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 44px;border-top:1px solid var(--chrome-line);font-family:var(--font-mono);
  font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;
  background:linear-gradient(0deg,rgba(7,6,5,.55),rgba(7,6,5,0));
}
body.theme-light .chrome-bottom{background:linear-gradient(0deg,rgba(241,236,225,.9),rgba(241,236,225,0))}
.prepared-mini{display:flex;align-items:center;gap:9px;opacity:.62}
.prepared-mini img{width:20px;height:20px;border-radius:50%;filter:grayscale(1)}
.prepared-mini b{font-weight:500;color:var(--gold-bright)}
body.theme-light .prepared-mini b{color:var(--gold-deep)}
.bottom-mid{display:flex;align-items:center;gap:8px;opacity:.62}
.live-dot{width:5px;height:5px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 8px rgba(240,195,106,.8);animation:pulse 2.4s infinite}
.nav-controls{display:flex;gap:8px;justify-self:end}
.nav-controls button{width:31px;height:31px;border:1px solid var(--chrome-line);border-radius:50%;display:grid;place-items:center;opacity:.7;transition:.22s}
.nav-controls button .ico{width:13px;height:13px}
.nav-controls button:hover{opacity:1;border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px)}
body.theme-light .nav-controls button:hover{color:var(--gold-deep);border-color:var(--gold-deep)}

/* cover-to-next cinematic cut */
.deck-seam{position:fixed;inset:0;z-index:88;pointer-events:none;visibility:hidden;overflow:hidden}
.deck-seam i{position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(240,195,106,.15) 12%,#F0C36A 36%,#FFF7E4 50%,#F0C36A 64%,rgba(240,195,106,.15) 88%,transparent 100%);box-shadow:0 0 14px 2px rgba(240,195,106,.6),0 0 60px 16px rgba(216,168,78,.2);transform:translateX(-12vw);will-change:transform,opacity}
.deck-seam::before{content:'';position:absolute;top:0;bottom:0;left:0;width:22vw;background:linear-gradient(90deg,transparent,rgba(240,195,106,.09),rgba(240,195,106,.02),transparent);transform:translateX(-30vw);will-change:transform,opacity}
.deck-seam b{position:absolute;top:0;bottom:0;left:0;width:22vw;background:linear-gradient(90deg,transparent,rgba(240,195,106,.14),rgba(240,195,106,.02),transparent);filter:blur(16px);opacity:0;transform:translateX(-30vw);will-change:transform,opacity}
.deck-vignette{position:fixed;inset:0;z-index:78;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(0,0,0,.55) 100%)}
.slide.is-leaving,.slide.is-entering{transition:none!important;will-change:transform,opacity,filter}
body.is-cutting .chrome{transition:color .2s ease}
@keyframes deckBoom{
  0%,100%{transform:translate3d(0,0,0)}
  14%{transform:translate3d(-7px,4px,0)}
  28%{transform:translate3d(6px,-5px,0)}
  42%{transform:translate3d(-5px,-3px,0)}
  56%{transform:translate3d(4px,3px,0)}
  72%{transform:translate3d(-2px,-2px,0)}
  86%{transform:translate3d(1px,1px,0)}
}
body.is-exploding .deck{animation:deckBoom .44s cubic-bezier(.36,.07,.19,.97) both}

.rail{position:fixed;right:17px;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:13px;align-items:flex-end}
.rail button{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:8px;color:var(--chrome);opacity:.42;transition:.2s}
.rail button i{display:block;width:14px;height:1px;background:currentColor;transition:.25s}
.rail button span{opacity:0;transform:translateX(4px);transition:.2s;letter-spacing:.1em;white-space:nowrap}
.rail button:hover span{opacity:1;transform:none}
.rail button.on{opacity:1;color:var(--gold-bright)}
body.theme-light .rail button.on{color:var(--gold-deep)}
.rail button.on i{width:26px;background:currentColor}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ------------------------------------------------------------------ slides */
.deck{position:relative;width:100vw;height:100vh;overflow:hidden;background:#070605}
.slide{
  position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden;
  background:var(--ink);color:#F4EEE2;isolation:isolate;
  transition:opacity .5s 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:100%;padding:100px 58px 78px;display:flex;flex-direction:column}
.slide-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid var(--line-dark);flex:none}
.slide-paper .slide-head{border-bottom-color:var(--line-light)}
.kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7B4E0E}
.kicker.gold{color:var(--gold-bright)}
.kicker i{display:block;width:18px;height:1px;background:currentColor}
.head-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light)}
.slide-dark .head-meta{color:var(--muted-dark)}
.meta-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 5px;opacity:.6}
.slide-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;border-top:1px solid var(--line-dark);padding-top:11px;margin-top:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-dark)}
.slide-paper .slide-foot{border-top-color:var(--line-light);color:var(--muted-light)}
.foot-page{color:var(--gold-bright);white-space:nowrap}
.slide-paper .foot-page{color:#7B4E0E}

h2{font-size:clamp(42px,3.85vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.015em;color:var(--gold-deep)}
.slide-dark h2 em{color:var(--gold-bright)}

/* reveal */
.slide.active .rv{animation:rise .85s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------------ buttons */
.btn{display:inline-flex;align-items:center;gap:12px;height:50px;padding:0 24px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;transition:.22s}
.btn .ico{width:15px;height:15px;transition:transform .22s}
.btn:hover .ico{transform:translateX(4px)}
.btn-gold{background:var(--gold-bright);color:#141006;font-weight:600}
.btn-gold:hover{background:#FFE0A0;transform:translateY(-1px);box-shadow:0 12px 30px rgba(216,168,78,.22)}

/* ================================================================== 01 COVER */
.slide-cover{background:#060504}
.cover-bg{position:absolute;inset:0;z-index:0;transition:opacity .7s ease}
.cover-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.65) contrast(1.06) brightness(.86)}
.cover-vignette{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(6,5,4,.97) 0%,rgba(6,5,4,.9) 34%,rgba(6,5,4,.5) 58%,rgba(6,5,4,.28) 78%,rgba(6,5,4,.62) 100%),
    linear-gradient(0deg,rgba(6,5,4,.96) 0%,rgba(6,5,4,.1) 30%,rgba(6,5,4,.2) 65%,rgba(6,5,4,.86) 100%);
}
.cover-grid{
  position:absolute;inset:0;z-index:1;opacity:.22;
  background-image:linear-gradient(rgba(216,168,78,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(216,168,78,.1) 1px,transparent 1px);
  background-size:110px 110px;mask-image:radial-gradient(ellipse at 70% 50%,#000 0%,transparent 68%);
}
#hero-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:opacity .7s ease}
#logo-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .7s ease}
body.cover-alt #hero-scene{opacity:0}
body.cover-alt #logo-scene{opacity:1}
body.cover-alt .cover-bg{opacity:0}
body.cover-alt .cover-bg img{filter:grayscale(1) brightness(.35)}
body.cover-alt .cover-vignette{
  background:
    radial-gradient(ellipse at 70% 46%,rgba(216,168,78,.14),transparent 48%),
    radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(5,4,3,.82) 100%),
    linear-gradient(90deg,rgba(5,4,3,.99) 0%,rgba(5,4,3,.94) 38%,rgba(5,4,3,.58) 62%,rgba(5,4,3,.86) 100%);
}
body.cover-alt .cover-grid{opacity:.38;background-size:82px 82px}
body.cover-alt .hero-fallback{display:none}
.seal-fallback{display:none;position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(34vw,500px);aspect-ratio:1;z-index:3;align-items:center;justify-content:center}
.seal-fallback .seal-disc{width:78%;height:78%;border-radius:50%;background:var(--paper);display:grid;place-items:center;box-shadow:0 0 0 2px #D8A84E,0 0 0 12px #0A0907,0 0 0 13px rgba(216,168,78,.5),0 40px 90px rgba(0,0,0,.6);position:relative;z-index:2}
.seal-fallback .seal-disc img{width:88%;height:88%;object-fit:contain}
.seal-fallback .seal-ring{position:absolute;inset:0;border:1px solid rgba(216,168,78,.35);border-radius:50%}
html.file body.cover-alt .seal-fallback,
#logo-scene[data-webgl="unavailable"] + .seal-fallback{display:flex}
body.cover-alt .hero-fallback{display:none}
body.cover-alt .cover-stamp{display:none}
body.cover-alt .cover-coords{display:none}
.hero-fallback{display:none;position:absolute;right:5.5vw;top:50%;transform:translateY(-50%);width:min(31vw,470px);aspect-ratio:1.58;z-index:3;align-items:center;justify-content:center}
.hf-ring{position:absolute;border:1px solid rgba(216,168,78,.22);border-radius:50%;pointer-events:none}
.hf-r1{inset:-16%}.hf-r2{inset:-30%}.hf-r3{inset:-44%}
.hf-card{position:relative;width:100%;height:100%;border:1px solid rgba(227,180,91,.55);background:linear-gradient(145deg,#15120d,#090806 60%,#17130d);box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 0 0 8px rgba(227,180,91,.04);padding:5.5% 5.5% 5%;display:flex;flex-direction:column;transform:rotate(-2.4deg)}
.hf-top{display:flex;align-items:flex-start;gap:12px}
.hf-top img{width:22%;background:var(--paper);padding:3px}
.hf-top div{display:flex;flex-direction:column;gap:4px;margin-left:auto;text-align:right}
.hf-top span{font-family:var(--font-mono);font-size:7px;letter-spacing:.14em;color:var(--gold-bright)}
.hf-top small{font-family:var(--font-mono);font-size:5.5px;line-height:1.6;letter-spacing:.08em;color:#8F8676}
.hf-card>b{font-size:clamp(18px,2vw,30px);letter-spacing:-.04em;font-weight:600;margin-top:8%;line-height:1}
.hf-sub{font-family:var(--font-mono);font-size:6.5px;letter-spacing:.1em;color:var(--gold);margin-top:5px}
.hf-lic{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(244,238,226,.14);font-family:var(--font-mono);font-size:6.5px;color:#D8D0C1}
.hf-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(244,238,226,.14);font-family:var(--font-mono);font-size:5.5px;letter-spacing:.06em;color:#8F8676}
html.file .hero-fallback,
#hero-scene[data-webgl="unavailable"] + .hero-fallback{display:flex}
.cover-content{position:absolute;inset:96px 58px 96px;z-index:4;display:flex;align-items:center}
.cover-copy{width:55%;max-width:880px}
.cover-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:30px}
.cover-collab{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;color:#CFC6B6;text-transform:uppercase}
.cover-collab .cc-brand{height:16px;width:auto;opacity:.85}
.cover-collab .cc-mark{width:22px;height:22px;display:grid;place-items:center;color:var(--gold-bright);flex:none}
.cover-collab .cc-x{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1;color:var(--gold-bright)}
.eyebrow-line{width:34px;height:1px;background:var(--gold-bright);display:block}
.eyebrow-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}
.cover-title{font-size:clamp(84px,10.6vw,170px);line-height:.83;letter-spacing:-.065em;font-weight:500;text-transform:uppercase;margin-left:-.05em}
.title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.title-line>span{display:block;transform:translateY(105%);animation:titleUp 1.15s var(--ease) .15s forwards}
.title-line:nth-child(2)>span{animation-delay:.28s}
@keyframes titleUp{to{transform:none}}
.title-serif{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.025em;line-height:.9;color:var(--gold-bright);margin-top:.05em;margin-left:-.01em;overflow:visible}
.title-serif>span{font-size:1em}
.cover-lead{margin-top:52px;max-width:520px;font-size:17px;line-height:1.55;color:#D8D0C1;font-weight:300}
.cover-actions{display:flex;align-items:center;gap:22px;margin-top:34px}
.cover-caption{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#CFC6B6;max-width:210px;line-height:1.7}
.cover-seal-mobile{display:none}
.cover-stamp{
  position:absolute;right:2px;bottom:70px;width:126px;height:126px;border-radius:50%;
  border:1px solid rgba(240,195,106,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:4px;font-family:var(--font-mono);color:var(--gold-bright);background:rgba(7,6,5,.3);backdrop-filter:blur(4px);
  transform:rotate(-9deg);opacity:.85;
}
.stamp-ring{position:absolute;inset:6px;border:1px dashed rgba(240,195,106,.25);border-radius:50%}
.stamp-top{font-size:6.5px;letter-spacing:.13em;opacity:.75}
.stamp-main{font-size:11px;line-height:1.4;letter-spacing:.06em}
.stamp-bottom{font-size:6px;letter-spacing:.12em;opacity:.65}
.cover-foot{position:absolute;left:58px;right:58px;bottom:96px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cover-clientline{display:flex;align-items:center;gap:8px}
.cover-clientline img{width:42px;height:45px;object-fit:contain;background:#F1ECE1;padding:2px}
.cover-clientline .cc-bc{width:auto;height:15px;background:none;padding:0;opacity:.9}
.cc-x{font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1;color:var(--gold-bright);opacity:.9}
.cover-clientline .cc-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--gold-bright);flex:none}
.cover-clientline div{display:flex;flex-direction:column;gap:2px}
.cover-clientline b{font-size:12px;letter-spacing:.1em;font-weight:600}
.cover-clientline span{font-family:var(--font-mono);font-size:7px;letter-spacing:.13em;color:#9D9483}
.scroll-cue{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.18em;color:#9D9483}
.scroll-cue span{display:block;width:38px;height:1px;background:linear-gradient(90deg,var(--gold-bright),transparent);position:relative;overflow:hidden}
.scroll-cue span::after{content:'';position:absolute;left:0;top:0;width:12px;height:1px;background:var(--gold-bright);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:translateX(-14px)}60%,100%{transform:translateX(40px)}}
.cover-coords{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.12em;color:#7D7566}
.ticker{position:absolute;left:0;right:0;bottom:56px;height:26px;z-index:5;border-top:1px solid rgba(244,238,226,.1);border-bottom:1px solid rgba(244,238,226,.06);overflow:hidden;display:flex;align-items:center;background:rgba(6,5,4,.45);backdrop-filter:blur(6px)}
.ticker-track{display:flex;align-items:center;gap:26px;white-space:nowrap;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.16em;color:#9D9483;animation:tick 34s linear infinite;width:max-content}
.ticker-track i{width:3px;height:3px;border-radius:50%;background:var(--gold);display:block;opacity:.7}
@keyframes tick{to{transform:translateX(-50%)}}

/* ================================================================== 02 AUDIT */
.audit-top{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;margin:24px 0 22px;flex:none}
.audit-top h2{font-size:clamp(40px,3.6vw,58px)}
.audit-intro{display:flex;align-items:flex-end;gap:26px;padding-bottom:4px}
.audit-intro p{font-size:13.5px;line-height:1.6;color:#4F4A40;max-width:390px}
.audit-count{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line-light);padding-left:18px;flex:none}
.audit-count b{font-size:44px;letter-spacing:-.06em;font-weight:400;line-height:1;color:var(--red)}
.audit-count span{font-family:var(--font-mono);font-size:7.5px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light)}
.audit-body{flex:1;min-height:0;display:grid;grid-template-columns:296px minmax(0,1fr);gap:48px}
.audit-phone{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:4px}
.phone-shell{position:relative;width:236px;height:474px;border-radius:26px;border:6px solid #1B1914;background:#1B1914;box-shadow:0 28px 60px rgba(20,17,10,.26);overflow:hidden}
.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:64px;height:13px;background:#1B1914;border-radius:8px;z-index:4}
.phone-shell>img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.pin{position:absolute;z-index:3;width:22px;height:22px;border-radius:50%;background:var(--red-bright);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;box-shadow:0 0 0 5px rgba(200,50,47,.16)}
.p1{top:62px;right:10px}
.p2{top:200px;left:10px}
.audit-phone figcaption{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:#6C6558}
.cap-dot{width:5px;height:5px;border-radius:50%;background:var(--red-bright);animation:pulse 2s infinite}
.audit-tag{display:none}
.findings{display:flex;flex-direction:column;min-height:0}
.finding{display:grid;grid-template-columns:34px minmax(0,1fr) 128px;gap:14px;align-items:start;padding:9.5px 0;border-top:1px solid var(--line-light);flex:1}
.finding:last-child{border-bottom:1px solid var(--line-light)}
.f-num{font-family:var(--font-mono);font-size:9px;color:var(--red);opacity:.85;padding-top:3px}
.f-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.f-head h3{font-size:14px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.sev{font-family:var(--font-mono);font-size:6.5px;letter-spacing:.12em;padding:2px 5px;border:1px solid currentColor;opacity:.9}
.sev.critical{color:var(--red)}
.sev.high{color:#8C5B13}
.sev.medium{color:#5C564A}
.f-copy p{font-size:10.5px;line-height:1.45;color:#5C564A;margin-top:3px;max-width:660px}
.f-copy code{font-family:var(--font-mono);font-size:9px;background:rgba(158,27,31,.07);padding:1px 4px;color:var(--red)}
.f-tag{font-family:var(--font-mono);font-size:6px;letter-spacing:.08em;text-align:right;color:#8A8272;line-height:1.5;padding-top:4px}

/* ================================================================== 03 GAP */
.slide-dark{background:#080706}
.bg-topo{position:absolute;inset:0;z-index:0;background:url('assets/site/topo.jpg') center/cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.4) 55%,transparent 100%)}
.bg-kevlar{position:absolute;inset:0;z-index:0;background:url('assets/site/kevlar.jpg') center/cover no-repeat;opacity:.24;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.25) 62%,transparent 100%)}
.bg-range{position:absolute;inset:0;z-index:0;background:url('assets/site/range-ambient.jpg') center/cover no-repeat;opacity:.2;mask-image:linear-gradient(0deg,#000 0%,transparent 78%)}
.gap-head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin:28px 0 30px}
.gap-head h2{font-size:clamp(50px,4.9vw,78px)}
.gap-head p{font-size:14.5px;line-height:1.65;color:#BCB3A3;max-width:470px;padding-bottom:7px}
.gap-head p b{color:#F4EEE2;font-weight:500}
.gap-flow{display:grid;grid-template-columns:1fr 48px 1fr;gap:0;align-items:stretch}
.flow-col{padding:0}
.flow-label{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;margin-bottom:13px;color:#9B9282}
.label-x,.label-check{width:17px;height:17px;border:1px solid currentColor;display:grid;place-items:center;font-size:8px}
.label-x{color:#C4574C}
.label-check{color:var(--gold-bright)}
.flow-steps{display:flex;flex-direction:column;gap:0}
.flow-step{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:7.5px 0;border-top:1px solid rgba(244,238,226,.09)}
.flow-step>span{font-family:var(--font-mono);font-size:9px;color:#9B9282;padding-top:2px}
.flow-step b{display:block;font-size:12px;font-weight:500;letter-spacing:-.01em;color:#EDE6D8}
.flow-step small{display:block;font-size:10px;color:#8E8575;margin-top:2px}
.flow-old .flow-step b{color:#C9C0B0}
.flow-divider{display:flex;align-items:center;justify-content:center;position:relative}
.flow-divider::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(244,238,226,.1)}
.flow-divider span{position:relative;z-index:2;width:34px;height:34px;border:1px solid rgba(240,195,106,.35);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:8px;color:var(--gold-bright);background:#080706}
.flow-new{position:relative}
.flow-new .flow-step{padding:10px 0}
.flow-new .flow-step b{color:#F4EEE2;font-size:13px}
.flow-outcome{margin-top:13px;padding:13px 16px;background:rgba(216,168,78,.1);border:1px solid rgba(216,168,78,.3);display:flex;align-items:center;justify-content:space-between;gap:20px}
.flow-outcome span{font-family:var(--font-mono);font-size:7px;letter-spacing:.16em;color:var(--gold-bright)}
.flow-outcome b{font-size:12px;font-weight:500}
.gap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,238,226,.1);margin-top:26px;border-top:1px solid rgba(244,238,226,.1)}
.gap-stats>div{background:#080706;padding:14px 18px 15px;display:flex;align-items:center;gap:14px}
.gap-stats b{font-size:38px;font-weight:400;letter-spacing:-.05em;line-height:1.05;color:var(--gold-bright);min-width:48px;padding-top:2px}
.gap-stats span{font-family:var(--font-mono);font-size:7.5px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#9B9282}

/* ================================================================== 04 FLAGSHIP */
.flagship-head{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end;margin:22px 0 20px;flex:none}
.flagship-head h2{font-size:clamp(42px,4vw,64px)}
.flagship-intro{display:flex;flex-direction:column;gap:14px;padding-bottom:4px}
.flagship-intro p{font-size:13.5px;line-height:1.6;color:#4F4A40;max-width:420px}
.live-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:7px;letter-spacing:.13em;color:var(--gold-deep)}
.live-badge span{width:5px;height:5px;border-radius:50%;background:var(--red-bright);animation:pulse 2s infinite}
.flagship-grid{flex:1;min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr);gap:40px}
.flagship-notes{display:flex;flex-direction:column;gap:0;padding-top:2px}
.fnote{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:11px 0;border-top:1px solid var(--line-light)}
.fnote-num{font-family:var(--font-mono);font-size:9px;color:#7B4E0E;padding-top:2px}
.fnote b{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.fnote p{font-size:10.5px;line-height:1.5;color:#5C564A;margin-top:3px}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:13px}
.chips span{font-family:var(--font-mono);font-size:6px;letter-spacing:.1em;border:1px solid var(--line-light);padding:4px 5px;color:#77705F}
.browser-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}
.browser{position:relative;width:100%;height:100%;max-height:560px;border-radius:12px;overflow:hidden;background:#0C0B09;border:1px solid rgba(20,17,10,.18);box-shadow:0 30px 60px rgba(26,21,12,.18);display:flex;flex-direction:column}
.browser-shadow{position:absolute;inset:18px -14px -18px 18px;background:rgba(20,17,10,.08);filter:blur(24px);z-index:-1;border-radius:20px}
.browser-top{height:36px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#171512;flex:none}
.bdots{display:flex;gap:4px}
.bdots i{width:6px;height:6px;border-radius:50%;background:#4B463D;display:block}
.bdots i:first-child{background:#8F4A3E}.bdots i:nth-child(2){background:#8C7433}
.burl{flex:1;max-width:180px;height:21px;border-radius:4px;background:#0C0B09;display:flex;align-items:center;gap:5px;justify-content:center;font-family:var(--font-mono);font-size:7px;color:#8C8474}
.burl .ico{width:9px;height:9px;color:var(--gold)}
.browser-tabs{display:flex;gap:2px;margin-left:auto}
.btab{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#8C8474;padding:6px 9px;border-radius:3px;transition:.18s}
.btab:hover{color:#F4EEE2}
.btab.active{background:var(--gold-bright);color:#141006}
.browser-body{flex:1;min-height:0;position:relative;background:#FBF9F4;overflow:hidden}
.site-view{position:absolute;inset:0;display:none;flex-direction:column;background:#FBF9F4}
.site-view.active{display:flex;animation:viewIn .4s var(--ease)}
@keyframes viewIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* mini site */
.mini-nav{height:42px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid rgba(10,9,7,.1);background:#FBF9F4;flex:none}
.mini-brand{display:flex;align-items:center;gap:7px}
.mini-brand img{width:26px;height:28px;object-fit:contain}
.mini-brand span{display:flex;flex-direction:column;line-height:1.1}
.mini-brand b{font-size:9px;letter-spacing:.08em}
.mini-brand small{font-family:var(--font-mono);font-size:4.4px;letter-spacing:.09em;color:#857C6B}
.mini-links{display:flex;gap:13px;font-size:6.5px;color:#625C4F;margin-left:10px}
.mini-links .on{color:#0A0907;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mini-nav-cta{margin-left:auto;display:flex;align-items:center;gap:5px;background:#171512;color:#F6D28C;font-family:var(--font-mono);font-size:5.8px;letter-spacing:.08em;padding:6px 9px}
.mini-nav-cta .ico{width:7px;height:7px}
.mini-hero{position:relative;height:258px;flex:none;overflow:hidden;background:#12100C}
.mini-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(.75) contrast(1.05)}
.mini-hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.94) 0%,rgba(8,7,6,.78) 44%,rgba(8,7,6,.2) 78%,rgba(8,7,6,.45) 100%)}
.mini-hero-copy{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:2;max-width:58%}
.mini-over{font-family:var(--font-mono);font-size:5.4px;letter-spacing:.16em;color:#F0C36A}
.mini-hero-copy b{display:block;margin-top:8px;font-size:30px;line-height:.9;letter-spacing:-.04em;color:#F7F2E7;font-weight:500;text-transform:uppercase}
.mini-hero-copy b em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;color:#F0C36A;font-size:1.08em}
.mini-hero-copy p{margin-top:9px;max-width:280px;font-size:7.3px;line-height:1.55;color:#C9C0B0}
.mini-btns{display:flex;gap:6px;margin-top:12px}
.mini-gold,.mini-ghost{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:5.6px;letter-spacing:.07em;padding:7px 10px}
.mini-gold{background:#F0C36A;color:#141006;font-weight:600}
.mini-gold .ico{width:7px;height:7px}
.mini-ghost{border:1px solid rgba(244,238,226,.3);color:#E8E0D0}
.mini-next{position:absolute;right:22px;bottom:20px;z-index:3;width:118px;background:rgba(10,9,7,.82);border:1px solid rgba(240,195,106,.4);backdrop-filter:blur(8px);padding:11px;display:flex;flex-direction:column;gap:2px}
.mn-label{font-family:var(--font-mono);font-size:4.8px;letter-spacing:.14em;color:#D8A84E}
.mini-next b{font-size:21px;letter-spacing:-.04em;color:#F7F2E7;line-height:1}
.mini-next>span{font-size:6.2px;color:#BCB3A3}
.mini-next i{font-family:var(--font-mono);font-size:5px;font-style:normal;letter-spacing:.1em;color:#F0C36A;margin-top:5px}
.mini-courses{padding:13px 18px 10px;flex:none}
.mc-head{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}
.mc-head b{font-size:11px;letter-spacing:-.02em}
.mc-head span{font-size:6.2px;color:#7A7263}
.mc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mc-card{border:1px solid rgba(10,9,7,.12);background:#fff;padding:9px 10px 8px}
.mc-code{font-family:var(--font-mono);font-size:4.6px;letter-spacing:.1em;color:#8A5A12}
.mc-card b{display:block;font-size:9px;margin-top:3px;letter-spacing:-.01em}
.mc-card p{font-size:5.6px;line-height:1.45;color:#6D6556;margin-top:2px;min-height:16px}
.mc-card>div{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:5px;border-top:1px solid rgba(10,9,7,.09)}
.mc-card>div span{font-family:var(--font-mono);font-size:4.6px;letter-spacing:.07em;color:#8A5A12}
.mc-card>div i{font-family:var(--font-mono);font-size:4.6px;letter-spacing:.07em;font-style:normal;color:#0A0907}
.mini-trust{margin-top:auto;height:24px;background:#171512;display:flex;align-items:center;gap:12px;padding:0 18px;font-family:var(--font-mono);font-size:5px;letter-spacing:.1em;color:#A49A87;flex:none}
.mini-trust b{margin-left:auto;color:#F0C36A;font-weight:500}

/* courses view */
.mini-page-head{padding:22px 26px 14px;flex:none}
.mini-page-head b{display:block;font-size:26px;letter-spacing:-.04em;line-height:1;margin-top:7px}
.mini-page-head p{font-size:7.2px;line-height:1.55;color:#6D6556;max-width:430px;margin-top:7px}
.course-table{margin:0 26px;border-top:1px solid rgba(10,9,7,.16);flex:none}
.ct-row{display:grid;grid-template-columns:1.8fr .55fr .8fr .6fr .6fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(10,9,7,.1);font-family:var(--font-mono);font-size:5.8px;color:#6D6556}
.ct-head{font-size:4.8px;letter-spacing:.1em;color:#8A8272;padding:6px 0;background:#F3EFE6;padding-left:6px;padding-right:6px;margin:0 -6px}
.ct-row b{display:block;font-family:var(--font-body);font-size:8.6px;color:#0A0907;letter-spacing:-.01em}
.ct-row small{display:block;font-family:var(--font-body);font-size:5.8px;color:#7B7364;margin-top:1px}
.ct-date{color:#8A5A12;font-weight:600}
.ct-btn{font-family:var(--font-mono);font-size:4.8px;letter-spacing:.08em;font-style:normal;background:#171512;color:#F0C36A;padding:5px 6px;text-align:center}

/* calendar view */
.cal-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:20px 26px 12px;flex:1;min-height:0}
.cal-left{display:flex;flex-direction:column}
.cal-month{display:block;font-size:25px;letter-spacing:-.04em;line-height:1;margin:6px 0 12px}
.cal-month em{font-family:var(--font-serif);font-style:italic;color:#8A5A12;font-weight:400}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;border-top:1px solid rgba(10,9,7,.14);padding-top:6px}
.cal-grid span{height:22px;display:grid;place-items:center;font-family:var(--font-mono);font-size:6px;color:#5B5549}
.cal-grid .dow{height:14px;font-size:5px;letter-spacing:.08em;color:#948B7A}
.cal-grid .dim{color:#C3BBAE}
.cal-grid .has{background:#171512;color:#F0C36A;font-weight:600;position:relative}
.cal-grid .has::after{content:'';position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:#F0C36A}
.cal-list{border-left:1px solid rgba(10,9,7,.12);padding-left:16px;display:flex;flex-direction:column;gap:0}
.cal-list-label{font-family:var(--font-mono);font-size:4.8px;letter-spacing:.12em;color:#8A8272;margin-bottom:6px}
.cal-item{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid rgba(10,9,7,.1)}
.cal-date{width:28px;text-align:center;font-size:14px;line-height:1;letter-spacing:-.03em;color:#8A5A12;flex:none}
.cal-date small{display:block;font-family:var(--font-mono);font-size:4.5px;letter-spacing:.08em;margin-top:2px}
.cal-item b{display:block;font-size:7.4px;letter-spacing:-.01em}
.cal-item div span{display:block;font-size:5.6px;color:#7B7364;margin-top:1px}
.cal-item i{margin-left:auto;font-family:var(--font-mono);font-size:4.4px;font-style:normal;letter-spacing:.08em;color:#8A5A12;border:1px solid rgba(138,90,18,.4);padding:3px 4px}
.cal-note{font-size:5.6px;line-height:1.5;color:#948B7A;margin-top:auto;padding-top:10px;border-top:1px solid rgba(10,9,7,.1)}
.concept-stamp{position:absolute;right:14px;top:-11px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:6px;letter-spacing:.12em;padding:5px 8px;transform:rotate(2deg)}

/* --- flagship stage v2 --- */
.browser-wrap{
  position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:0;
  padding:20px 16px 24px;border-radius:16px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(20,17,10,.14);
}
.stage-plate{
  position:absolute;inset:0;z-index:-3;
  background:linear-gradient(180deg,rgba(8,7,6,.2),rgba(8,7,6,.72)),url('assets/stage.jpg') center/cover no-repeat,url('assets/site/kevlar.jpg') center/cover no-repeat;
  filter:saturate(.8) contrast(1.05);
}
.stage-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 34% 42%,rgba(216,168,78,.22),transparent 55%),radial-gradient(ellipse at 84% 80%,rgba(216,168,78,.1),transparent 45%)}
.stage-grid{position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(240,195,106,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(240,195,106,.08) 1px,transparent 1px);background-size:66px 66px;mask-image:radial-gradient(ellipse at 50% 55%,#000 0%,transparent 74%)}
.browser-wrap .browser{
  width:calc(100% - 212px);height:100%;max-height:520px;border-radius:10px;
  transform:perspective(1900px) rotateY(-2.2deg) rotateX(.8deg);transform-origin:center;
  box-shadow:0 50px 90px rgba(0,0,0,.55),0 0 0 1px rgba(240,195,106,.18);
  z-index:2;
}
.browser-wrap .browser::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 32%,transparent 78%,rgba(240,195,106,.05));z-index:9}
.browser-wrap .concept-stamp{right:14px;top:11px;z-index:4}
.stage-caption{position:absolute;left:16px;bottom:7px;z-index:4;font-family:var(--font-mono);font-size:5.8px;letter-spacing:.12em;color:#8F8676;display:flex;gap:7px;align-items:center}
.stage-caption span{color:var(--gold-bright)}
.stage-caption i{font-style:normal;opacity:.6}

/* phone */
.phone{
  position:absolute;right:7px;bottom:34px;z-index:3;width:132px;height:286px;border-radius:20px;
  background:#15120e;border:4px solid #1d1a15;box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(240,195,106,.25);
  transform:rotate(-3.4deg);overflow:hidden;
}
.phone-speaker{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:34px;height:4px;border-radius:4px;background:#2b261e;z-index:5}
.phone-screen{position:absolute;inset:4px;border-radius:14px;overflow:hidden;background:#FBF9F4;display:flex;flex-direction:column}
.p-nav{height:19px;flex:none;display:flex;align-items:center;gap:4px;padding:0 6px;border-bottom:1px solid rgba(10,9,7,.1)}
.p-nav img{width:11px;height:12px;object-fit:contain}
.p-nav span{font-size:4.4px;letter-spacing:.06em;font-weight:600}
.p-nav i{margin-left:auto;font-style:normal;font-size:6px;color:#6D6556}
.p-hero{position:relative;height:88px;flex:none;overflow:hidden;background:#12100C}
.p-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.p-hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.94),rgba(8,7,6,.3))}
.p-hero>span{position:absolute;left:8px;top:8px;font-family:var(--font-mono);font-size:3.5px;letter-spacing:.12em;color:#F0C36A;z-index:2}
.p-hero>b{position:absolute;left:8px;bottom:8px;z-index:2;font-size:10px;line-height:.95;letter-spacing:-.03em;color:#F7F2E7;text-transform:uppercase}
.p-hero b em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;color:#F0C36A}
.p-cal{margin:5px 6px 0;border:1px solid rgba(10,9,7,.14);padding:5px;flex:none}
.p-cal-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:3.2px;letter-spacing:.1em;color:#8A5A12}
.p-cal-head i{font-style:normal;color:#B32025}
.p-cal-date{display:flex;align-items:baseline;gap:4px;margin-top:2px}
.p-cal-date b{font-size:19px;line-height:1;letter-spacing:-.05em;color:#0A0907}
.p-cal-date span{font-family:var(--font-mono);font-size:3.4px;line-height:1.3;color:#8A5A12}
.p-cal-class b{display:block;font-size:5.3px;margin-top:1px}
.p-cal-class span{display:block;font-size:3.6px;color:#6D6556}
.p-cal-class i{display:block;font-family:var(--font-mono);font-size:3.2px;font-style:normal;color:#B32025;margin-top:1px}
.p-cal-btn{margin-top:4px;background:#171512;color:#F0C36A;font-family:var(--font-mono);font-size:3.6px;letter-spacing:.08em;text-align:center;padding:4px}
.p-month{margin:5px 6px 0;border-top:1px solid rgba(10,9,7,.12);padding-top:4px}
.p-month-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:3.2px;letter-spacing:.08em;color:#8A8272}
.p-month-head i{font-style:normal;color:#8A5A12}
.p-month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:3px}
.p-month-grid span{height:9px;display:grid;place-items:center;font-family:var(--font-mono);font-size:3.2px;border:1px solid rgba(10,9,7,.08);color:#5B5549}
.p-month-grid .on{background:#171512;color:#F0C36A;border-color:#171512}
.p-trust{margin-top:auto;height:13px;background:#171512;color:#A49A87;font-family:var(--font-mono);font-size:2.8px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center}

/* home v2 */
.browser-wrap .mini-hero{height:196px}
.browser-wrap .mini-hero-copy b{font-size:27px}
.browser-wrap .mini-hero-copy p{font-size:6.7px;max-width:250px}
.browser-wrap .mini-next{
  right:70px;top:50%;bottom:auto;transform:translateY(-50%);width:196px;padding:8px;
  background:rgba(10,9,7,.8);border:1px solid rgba(240,195,106,.32);backdrop-filter:blur(8px);
}
.mn-head{display:flex;justify-content:space-between;gap:6px;font-family:var(--font-mono);font-size:4px;letter-spacing:.1em;color:#CFC6B6;padding-bottom:4px;border-bottom:1px solid rgba(244,238,226,.14)}
.mn-head i{font-style:normal;color:#F0C36A}
.mn-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:4px}
.mn-cal span{height:10px;display:grid;place-items:center;font-family:var(--font-mono);font-size:3.4px;color:#9B9282}
.mn-cal .mn-dow{height:7px;font-size:2.8px;color:#6F6759}
.mn-cal .dim{color:#4E483D}
.mn-cal .has{background:rgba(216,168,78,.18);color:#F6D28C;font-weight:600;position:relative}
.mn-cal .has::after{content:'';position:absolute;bottom:1px;width:2px;height:2px;border-radius:50%;background:#F0C36A}
.mn-ticket{display:flex;align-items:center;gap:5px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(244,238,226,.14)}
.mn-date{font-size:14px;line-height:1;letter-spacing:-.04em;color:#F6D28C;text-align:center;flex:none}
.mn-date small{display:block;font-family:var(--font-mono);font-size:2.8px;letter-spacing:.06em;margin-top:1px}
.mn-ticket b{display:block;font-size:4.8px;color:#F4EEE2;line-height:1.2}
.mn-ticket small{display:block;font-size:3.4px;color:#A49B8B;margin-top:1px}
.mn-ticket>i{margin-left:auto;font-style:normal;color:#F0C36A;font-size:8px}
.mini-strip{padding:7px 18px 0;flex:none}
.ms-head{display:flex;align-items:center;gap:7px;padding-bottom:3px}
.ms-head b{font-size:6.4px;letter-spacing:.08em;font-family:var(--font-mono);color:#0A0907}
.ms-head span{font-family:var(--font-mono);font-size:3.4px;letter-spacing:.08em;color:#8A5A12}
.ms-head i{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-size:3.6px;letter-spacing:.06em;color:#6D6556;display:flex;align-items:center;gap:2px}
.ms-head .ico{width:5px;height:5px}
.ms-row{display:grid;grid-template-columns:24px 1.6fr .9fr 46px 42px;gap:7px;align-items:center;padding:4.5px 0;border-top:1px solid rgba(10,9,7,.1);font-size:5.8px;color:#6D6556}
.ms-date{font-size:11px;line-height:1;letter-spacing:-.03em;color:#8A5A12;text-align:center;font-family:var(--font-mono)}
.ms-date small{display:block;font-size:2.8px;letter-spacing:.06em;margin-top:1px}
.ms-row b{font-size:6.6px;color:#0A0907;font-weight:600;letter-spacing:-.01em}
.ms-row>span:nth-of-type(2){font-size:4.8px}
.ms-seats{font-family:var(--font-mono);font-size:3.6px;font-style:normal;letter-spacing:.05em;color:#8A5A12;border:1px solid rgba(138,90,18,.3);padding:2px 3px;text-align:center}
.ms-btn{font-family:var(--font-mono);font-size:3.4px;letter-spacing:.06em;background:#171512;color:#F0C36A;text-align:center;padding:3.5px 2px}
.mini-course-chips{display:flex;flex-wrap:wrap;gap:3px;padding:6px 18px 7px;flex:none}
.mini-course-chips span{font-family:var(--font-mono);font-size:3.4px;letter-spacing:.06em;border:1px solid rgba(10,9,7,.14);padding:2.5px 4px;color:#6D6556}
.browser-wrap .mini-trust{height:22px;font-size:4.4px;gap:9px}

/* calendar v2 */
.cal2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:11px 18px 7px;flex:none}
.cal2-head b{display:block;font-size:19px;line-height:1;letter-spacing:-.04em;margin-top:3px}
.cal2-head b em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#8A5A12}
.cal2-count{display:block;margin-top:2px;font-family:var(--font-mono);font-size:3.2px;letter-spacing:.08em;color:#8A8272}
.cal2-filters{display:flex;gap:3px}
.cal2-filters span{font-family:var(--font-mono);font-size:3.4px;letter-spacing:.06em;padding:3px 4px;border:1px solid rgba(10,9,7,.14);color:#6D6556}
.cal2-filters .on{background:#171512;color:#F0C36A;border-color:#171512}
.cal2-body{display:grid;grid-template-columns:minmax(0,1fr) 214px;gap:12px;padding:0 18px 8px;flex:1;min-height:0}
.cal2-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:14px repeat(5,1fr);gap:2px;min-height:0}
.cal2-dow{font-family:var(--font-mono);font-size:3.2px;letter-spacing:.08em;color:#8A8272;display:grid;place-items:center;border-bottom:1px solid rgba(10,9,7,.14)}
.cal2-day{position:relative;border:1px solid rgba(10,9,7,.08);padding:3px;font-family:var(--font-mono);font-size:4.4px;color:#6D6556;min-height:0;overflow:hidden}
.cal2-day.dim{color:#C3BBAE;background:rgba(10,9,7,.018)}
.cal2-day.live{background:#fff;border-color:rgba(138,90,18,.22)}
.cal2-day>span{display:block;font-size:5px;color:#0A0907;margin-bottom:2px}
.cal-event{border-left:2px solid #8A5A12;background:rgba(216,168,78,.12);padding:2px 3px;margin-bottom:2px}
.cal-event b{display:block;font-family:var(--font-body);font-size:4.4px;line-height:1.1;color:#0A0907;letter-spacing:-.01em}
.cal-event small{display:block;font-family:var(--font-mono);font-size:3px;line-height:1.2;color:#6D6556;margin-top:1px}
.cal-event.fa{border-left-color:#B32025;background:rgba(179,32,37,.08)}
.cal-event.ba{border-left-color:#3E5E4A;background:rgba(62,94,74,.1)}
.cal-event.le{border-left-color:#6B4700;background:rgba(107,71,0,.1)}
.cal2-detail{background:#171512;color:#F4EEE2;padding:10px 10px 8px;display:flex;flex-direction:column;min-height:0}
.cal2-detail .mini-over{color:#F0C36A;font-size:3.8px}
.cal2-big{display:flex;align-items:baseline;gap:4px;font-size:30px;line-height:.9;letter-spacing:-.05em;color:#F6D28C;margin-top:3px}
.cal2-big small{font-family:var(--font-mono);font-size:4.5px;letter-spacing:.1em;color:#A49B8B}
.cal2-detail>b{display:block;font-size:8px;line-height:1.15;margin-top:3px;letter-spacing:-.01em}
.cal2-detail>p{font-size:4.8px;line-height:1.4;color:#A49B8B;margin-top:3px}
.cal2-meta{display:flex;flex-direction:column;gap:2px;margin-top:5px;font-family:var(--font-mono);font-size:3.6px;color:#CFC6B6}
.cal2-meta span{display:flex;align-items:center;gap:3px}
.cal2-meta .ico{width:5px;height:5px;color:#F0C36A}
.cal2-seats{margin-top:5px;padding-top:5px;border-top:1px solid rgba(244,238,226,.14)}
.cal2-seats>span{font-family:var(--font-mono);font-size:3.2px;letter-spacing:.08em;color:#8F8676}
.cal2-seats>b{float:right;font-size:7px;color:#F6D28C;font-weight:500}
.cal2-seats>b i{font-style:normal;font-size:3.4px;color:#8F8676}
.cal2-seats>em{display:block;height:3px;background:rgba(244,238,226,.14);margin-top:3px;clear:both}
.cal2-seats>em i{display:block;height:100%;background:linear-gradient(90deg,#8A5A12,#F0C36A)}
.cal2-btn{margin-top:6px;background:#F0C36A;color:#141006;font-family:var(--font-mono);font-size:4px;letter-spacing:.07em;padding:5px 6px;display:flex;align-items:center;justify-content:space-between;font-weight:600}
.cal2-btn .ico{width:5px;height:5px}
.cal2-call{margin-top:5px;font-family:var(--font-mono);font-size:3.4px;color:#8F8676;text-align:center}
.cal2-call b{color:#F0C36A;font-weight:400}
.cal2-note{margin-top:auto;padding-top:4px;font-size:3.2px;line-height:1.4;color:#6F6759}

/* ================================================================== 05 SYSTEM */
.system-head{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:end;margin:26px 0 26px}
.system-head h2{font-size:clamp(46px,4.5vw,72px)}
.system-head p{font-size:13.5px;line-height:1.65;color:#B4AB9B;max-width:440px;padding-bottom:6px}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0}
.sys-card{position:relative;border:1px solid rgba(244,238,226,.12);background:rgba(10,9,7,.48);backdrop-filter:blur(4px);padding:17px 18px 14px;display:flex;flex-direction:column;overflow:hidden;transition:.3s var(--ease)}
.sys-card::before{content:'';position:absolute;left:0;top:0;width:1px;height:0;background:var(--gold-bright);transition:.35s var(--ease)}
.sys-card:hover{border-color:rgba(240,195,106,.4);transform:translateY(-2px);background:rgba(16,14,10,.7)}
.sys-card:hover::before{height:100%}
.sys-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.sys-num{font-family:var(--font-mono);font-size:8px;color:#8F8676}
.sys-ico{width:19px;height:19px;color:var(--gold);opacity:.85}
.sys-card h3{font-size:17px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
.sys-card p{font-size:10.5px;line-height:1.55;color:#A49B8B;max-width:330px}
.sys-out{margin-top:auto;padding-top:11px;font-family:var(--font-mono);font-size:6.5px;letter-spacing:.13em;color:var(--gold);border-top:1px solid rgba(244,238,226,.1)}
.sys-card-accent{background:linear-gradient(135deg,rgba(216,168,78,.16),rgba(10,9,7,.55));border-color:rgba(216,168,78,.34)}
.sys-card-accent .sys-num,.sys-card-accent .sys-ico{color:var(--gold-bright)}
.system-foot{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid rgba(244,238,226,.12);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;color:#A49B8B}
.sf-left b{color:#F4EEE2;font-weight:500}
.sf-mid{text-align:center;opacity:.8}
.sf-right{color:var(--gold-bright);opacity:.85}
.sf-page{display:inline-block;margin-left:14px;color:#8F8676;font-weight:400}

/* ================================================================== 06 PROOF */
.proof-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin:22px 0 24px;flex:none}
.proof-head h2{font-size:clamp(42px,4vw,64px)}
.proof-head p{font-size:13.5px;line-height:1.65;color:#4F4A40;max-width:450px;padding-bottom:5px}
.proof-grid{flex:1;min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr);gap:36px;align-items:stretch}
.proof-side{display:flex;flex-direction:column;padding-top:3px}
.case-tag{font-family:var(--font-mono);font-size:7px;letter-spacing:.14em;color:var(--gold-deep);padding-bottom:11px;border-bottom:1px solid var(--line-light)}
.proof-stat{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line-light)}
.proof-stat b{font-size:64px;font-weight:400;letter-spacing:-.06em;line-height:.8;color:var(--red)}
.proof-stat span{font-family:var(--font-mono);font-size:7px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light)}
.proof-list{display:flex;flex-direction:column;gap:11px;padding:18px 0}
.proof-list li{display:flex;gap:8px;font-size:10.5px;line-height:1.45;color:#4F4A40}
.proof-list .ico{width:12px;height:12px;color:var(--gold-deep);margin-top:1px}
.proof-note{margin-top:auto;font-size:11px;line-height:1.55;color:#6C6558;font-style:italic;border-left:1px solid var(--gold-deep);padding-left:11px}
.ba-wrap{display:flex;flex-direction:column;min-height:0}
.ba{flex:1;min-height:0}
.ba-frame{height:100%;display:flex;flex-direction:column;border:1px solid rgba(20,17,10,.18);border-radius:10px;overflow:hidden;background:#171512;box-shadow:0 28px 55px rgba(25,20,12,.15)}
.ba-bar{height:31px;flex:none;display:flex;align-items:center;gap:10px;padding:0 11px;background:#171512}
.ba-url{font-family:var(--font-mono);font-size:6.5px;color:#8C8474;margin-left:auto;margin-right:auto}
.ba-live{font-family:var(--font-mono);font-size:5.5px;letter-spacing:.1em;color:#F0C36A}
.ba-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff;cursor:ew-resize;touch-action: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 var(--pos));will-change:clip-path}
.ba-label{position:absolute;top:12px;z-index:4;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;padding:5px 8px;color:#fff;background:rgba(10,9,7,.78)}
.ba-label-before{left:12px;border-left:2px solid #C4574C}
.ba-label-after{right:12px;border-left:2px solid var(--gold-bright)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:5;width:1px;background:#F0C36A;cursor:ew-resize;transform:translateX(-50%)}
.ba-handle::before{content:'';position:absolute;inset:0;width:1px;background:rgba(255,255,255,.6);box-shadow:0 0 18px rgba(240,195,106,.7)}
.ba-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#F0C36A;color:#141006;display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.ba-handle .ico{width:12px;height:12px}
.ba-caption{display:flex;align-items:center;gap:8px;padding-top:11px;font-family:var(--font-mono);font-size:6.5px;letter-spacing:.08em;color:#8A8272;text-transform:uppercase;flex:none}
.ba-caption>span:first-child{color:var(--red)}
.ba-caption>span:nth-of-type(2){color:var(--gold-deep)}
.cap-arrow{color:#B3AB9D}

/* ================================================================== 07 ROADMAP */
.road-head{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:end;margin:26px 0 24px}
.road-head h2{font-size:clamp(42px,4.15vw,66px)}
.road-head p{font-size:13px;line-height:1.65;color:#B4AB9B;max-width:430px;padding-bottom:5px}
.road-line{height:1px;background:rgba(244,238,226,.11);position:relative;margin-bottom:22px}
.road-line i{position:absolute;left:0;top:0;height:1px;width:66%;background:linear-gradient(90deg,var(--gold-bright),rgba(240,195,106,.1))}
.road-line::before,.road-line::after{content:'';position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--gold-bright)}
.road-line::before{left:0}.road-line::after{left:66%}
.road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;min-height:0}
.phase{border:1px solid rgba(244,238,226,.12);padding:18px 20px 16px;display:flex;flex-direction:column;background:rgba(10,9,7,.35);position:relative;overflow:hidden}
.phase::after{position:absolute;right:-14px;bottom:-48px;font-family:var(--font-serif);font-style:italic;font-size:190px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(216,168,78,.11);pointer-events:none}
.phase:nth-child(1)::after{content:'01'}
.phase:nth-child(2)::after{content:'02';-webkit-text-stroke-color:rgba(240,195,106,.13)}
.phase:nth-child(3)::after{content:'03'}
.phase-featured{border-color:rgba(216,168,78,.38);background:linear-gradient(160deg,rgba(216,168,78,.1),rgba(10,9,7,.3))}
.phase-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.phase-num{font-size:38px;line-height:1;letter-spacing:-.06em;font-weight:400;color:#6E6657}
.phase-featured .phase-num{color:var(--gold-bright)}
.phase-days{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:#A49B8B;border:1px solid rgba(244,238,226,.16);padding:3px 6px}
.phase h3{font-size:27px;font-weight:500;letter-spacing:-.03em;margin-bottom:8px}
.phase-sub{font-size:12px;line-height:1.55;color:#B4AB9B;max-width:300px;margin-bottom:14px}
.phase ul{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.phase li{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.4;color:#D8D0C1}
.tag-us,.tag-you{font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;padding:2px 4px;flex:none;margin-top:1px}
.tag-us{background:rgba(216,168,78,.16);color:var(--gold-bright);border:1px solid rgba(216,168,78,.3)}
.tag-you{background:rgba(244,238,226,.07);color:#A49B8B;border:1px solid rgba(244,238,226,.15)}
.phase-out{margin-top:auto;padding-top:10px;border-top:1px solid rgba(244,238,226,.1);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:#A49B8B}
.road-foot{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:1px;background:rgba(244,238,226,.1);margin-top:14px;border:1px solid rgba(244,238,226,.1)}
.road-foot>div{background:#080706;padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.road-foot span{font-family:var(--font-mono);font-size:5.8px;letter-spacing:.1em;color:#8F8676}
.road-foot b{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;font-weight:500;color:#F4EEE2}
.road-foot-cta{justify-content:center;color:var(--gold-bright);font-family:var(--font-mono);font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;background:rgba(216,168,78,.08)!important}

/* ================================================================== 08 ENGAGEMENT */
.engage-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin:18px 0 18px;flex:none}
.slide-engage .pad{padding-bottom:100px}
.engage-head h2{font-size:clamp(44px,4.2vw,66px)}
.engage-head p{font-size:13px;line-height:1.65;color:#4F4A40;max-width:450px;padding-bottom:4px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;min-height:0}
.plan{position:relative;border:1px solid var(--line-light);background:rgba(255,255,255,.28);padding:17px 18px 14px;display:flex;flex-direction:column;overflow:hidden}
.plan::after{position:absolute;right:10px;bottom:-34px;font-family:var(--font-serif);font-style:italic;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(138,90,18,.11);pointer-events:none}
.plan:nth-child(1)::after{content:'A'}
.plan:nth-child(2)::after{content:'B';-webkit-text-stroke-color:rgba(240,195,106,.12)}
.plan:nth-child(3)::after{content:'C'}
.plan-featured{background:#14120E;color:#F4EEE2;border-color:#14120E;box-shadow:0 22px 45px rgba(26,21,12,.16);transform:translateY(-7px)}
.plan-featured{padding-top:34px}
.plan-ribbon{position:absolute;top:11px;left:18px;background:var(--gold-bright);color:#141006;font-family:var(--font-mono);font-size:8px;letter-spacing:.07em;padding:4px 7px;font-weight:600}
.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.plan-kicker{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:var(--gold-deep)}
.plan-featured .plan-kicker{color:var(--gold-bright)}
.plan-mark{width:24px;height:24px;border:1px solid var(--line-light);display:grid;place-items:center;font-family:var(--font-serif);font-style:italic;font-size:14px;color:#8A8272}
.plan-featured .plan-mark{border-color:rgba(240,195,106,.4);color:var(--gold-bright)}
.plan h3{font-size:27px;font-weight:500;letter-spacing:-.03em;margin-bottom:7px}
.plan-for{font-size:11px;line-height:1.5;color:#6C6558;min-height:46px;margin-bottom:12px}
.plan-featured .plan-for{color:#B4AB9B}
.plan ul{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.plan li{font-size:11px;line-height:1.4;padding-left:12px;position:relative;color:#4F4A40}
.plan-featured li{color:#D8D0C1}
.plan li::before{content:'';position:absolute;left:0;top:4px;width:4px;height:4px;background:var(--gold-deep);transform:rotate(45deg)}
.plan-featured li::before{background:var(--gold-bright)}
.plan-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--line-light);font-family:var(--font-mono);font-size:7.5px;letter-spacing:.06em;color:#8A8272}
.plan-featured .plan-foot{border-top-color:rgba(244,238,226,.16)}
.plan-foot b{color:#7B4E0E;font-weight:500}
.plan-featured .plan-foot b{color:var(--gold-bright)}
.engage-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;padding:9px 15px;border:1px solid var(--line-light);background:rgba(255,255,255,.24);font-family:var(--font-mono);font-size:7px;letter-spacing:.06em;color:#5C564A;flex:none}
.engage-strip span{display:flex;align-items:center;gap:6px}
.engage-strip .ico{width:11px;height:11px;color:var(--gold-deep)}

/* ================================================================== 09 CLOSE */
.slide-close{background:#070605}
.close-bg{position:absolute;inset:0;z-index:0}
.close-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.55) contrast(1.05) brightness(.7)}
.close-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,6,5,.98) 0%,rgba(7,6,5,.9) 40%,rgba(7,6,5,.52) 68%,rgba(7,6,5,.72) 100%),linear-gradient(0deg,rgba(7,6,5,.96),transparent 45%)}
.close-grid{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:18px}
.close-copy h2{font-size:clamp(52px,5vw,80px)}
.close-copy>p{font-size:14px;line-height:1.65;color:#BFB6A6;max-width:450px;margin-top:18px}
.hector-card{margin-top:28px;display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(244,238,226,.13);background:rgba(10,9,7,.45);backdrop-filter:blur(8px);max-width:520px}
.hector-photo{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden}
.hector-photo img{width:100%;height:100%;object-fit:cover}
.hector-photo span{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(240,195,106,.5)}
.hector-info{display:flex;flex-direction:column;gap:1px}
.hector-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--gold-bright)}
.hector-info b{font-size:19px;font-weight:500;letter-spacing:-.02em}
.hector-info>span:last-child{font-size:11px;color:#B4AB9B}
.hector-contact{grid-column:1/-1;display:flex;gap:8px;padding-top:11px;border-top:1px solid rgba(244,238,226,.1)}
.hector-contact a{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:#EDE6D8;border:1px solid rgba(244,238,226,.2);padding:8px 9px;transition:.2s}
.hector-contact a:hover{border-color:var(--gold);color:var(--gold-bright)}
.hector-contact .ico{width:11px;height:11px;color:var(--gold)}
.close-address{display:flex;gap:22px;margin-top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:#CFC6B6}
.close-address span{display:flex;align-items:center;gap:6px}
.close-address a{border-bottom:1px solid transparent;transition:.2s}
.close-address a:hover{color:var(--gold-bright);border-color:var(--gold)}
.close-address .ico{width:12px;height:12px;color:var(--gold)}

.scheduler{border:1px solid rgba(244,238,226,.2);background:rgba(9,8,7,.8);backdrop-filter:blur(14px);padding:24px 24px 18px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.sched-top{display:flex;align-items:center;justify-content:space-between}
.sched-live{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--gold-bright)}
.sched-live i{width:4px;height:4px;border-radius:50%;background:var(--gold-bright);animation:pulse 2s infinite}
.scheduler h3{font-size:34px;font-weight:500;letter-spacing:-.04em;margin-top:10px}
.scheduler>p{font-size:13.5px;line-height:1.55;color:#E2DACB;margin-top:6px;max-width:100%}
.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}
.suggestions button{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;padding:10px 8px;min-height:38px;border:1px solid rgba(244,238,226,.3);color:#F7F2E7;background:rgba(244,238,226,.04);transition:.2s}
.suggestions button:hover{border-color:var(--gold);color:var(--gold-bright);background:rgba(216,168,78,.08)}
.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.picker-grid label{display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:#D8D0C1}
.picker-grid input{background:rgba(244,238,226,.07);border:1px solid rgba(244,238,226,.3);color:#F7F2E7;font-family:var(--font-mono);font-size:11px;padding:9px 10px;min-height:38px;color-scheme:dark}
.sched-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;background:var(--gold-bright);color:#141006;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;padding:14px;font-weight:600;transition:.2s}
.sched-btn:hover{background:#FFE0A0}
.sched-btn .ico{width:12px;height:12px}
.sched-note{font-size:10.5px!important;line-height:1.5!important;color:#C9C0B0!important;margin-top:10px!important}
.sched-sign{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(244,238,226,.14)}
.sched-sign img{height:14px;width:auto;opacity:.65}
.sched-sign .sign-logos{display:flex;align-items:center;gap:6px;opacity:1}
.sched-sign .sign-logos img:first-child{height:15px;opacity:.85}
.sign-logos span{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--gold-bright);opacity:.8}
.sign-mark{width:16px;height:16px;display:grid;place-items:center;color:var(--gold-bright);flex:none}
.sched-sign>span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.03em;color:#CFC6B6;text-align:right}

/* ================================================================== INDEX */
.index-overlay{position:fixed;inset:0;z-index:120;background:rgba(6,5,4,.97);color:#F4EEE2;opacity:0;pointer-events:none;transition:opacity .35s ease;backdrop-filter:blur(10px)}
.index-overlay.open{opacity:1;pointer-events:auto}
.index-close{position:absolute;top:30px;right:38px;width:42px;height:42px;border:1px solid rgba(244,238,226,.18);border-radius:50%;display:grid;place-items:center;color:#F4EEE2;z-index:2;transition:.2s}
.index-close:hover{border-color:var(--gold-bright);color:var(--gold-bright);transform:rotate(90deg)}
.index-close .ico{width:15px;height:15px}
.index-inner{padding:58px 64px;height:100%;display:flex;flex-direction:column}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;flex:1;min-height:0}
.index-card{position:relative;border:1px solid rgba(244,238,226,.12);padding:18px;text-align:left;display:flex;flex-direction:column;gap:7px;transition:.25s;overflow:hidden;isolation:isolate}
.index-card::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--bg) center/cover no-repeat;opacity:.16;filter:grayscale(.5) contrast(1.1);transition:opacity .35s ease,transform .6s var(--ease);transform:scale(1.02)}
.index-card:hover::before{opacity:.34;transform:scale(1.06)}
.index-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,5,4,.35),rgba(6,5,4,.88))}
.index-card:hover{border-color:rgba(240,195,106,.5);background:rgba(216,168,78,.06)}
.index-card .ic-num{font-family:var(--font-mono);font-size:9px;color:var(--gold-bright)}
.index-card .ic-label{font-size:22px;letter-spacing:-.03em;font-weight:400}
.index-card .ic-desc{font-family:var(--font-mono);font-size:8.5px;line-height:1.6;letter-spacing:.05em;color:#B4AB9B;max-width:260px}
.index-card .ic-page{position:absolute;right:16px;bottom:14px;font-family:var(--font-mono);font-size:8.5px;color:#A49A87}
.index-foot{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(244,238,226,.1);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;color:#A49A87}

/* readability pass — presentation copy, not mockup microcopy */
.f-copy p{font-size:11.5px}
.f-tag{font-size:8.5px;color:#6C6558}
.sev{font-size:9px;padding:2px 6px}
.f-num{font-size:10px}
.audit-count span{font-size:9px}
.flow-label{font-size:9.5px}
.flow-step small{font-size:10.5px}
.flow-outcome span{font-size:8px}
.gap-stats span{font-size:9px}
.sys-card p{font-size:11.5px}
.sys-num{font-size:9px}
.sys-out{font-size:8.5px}
.proof-list li{font-size:11.5px}
.proof-stat span{font-size:9px}
.case-tag{font-size:9px;color:#7B4E0E}
.ba-caption{font-size:8px;color:#6C6558}
.phase-sub{font-size:12px}
.phase li{font-size:11.5px}
.phase-days{font-size:8.5px}
.phase-out{font-size:8.5px}
.road-foot span{font-size:8px}
.road-foot b{font-size:9.5px}
.plan-for{font-size:11px}
.plan li{font-size:11px}
.plan-kicker{font-size:9px;color:#7B4E0E}
.plan-foot{font-size:8.5px;color:#6C6558}
.engage-strip{font-size:9px}
.fnote p{font-size:11px}
.chips span{font-size:8px;color:#5C564A}
.live-badge{font-size:9.5px;color:#7B4E0E}
.concept-mobile{display:none}
.close-copy>p{font-size:15px}

/* ------------------------------------------------------------------ responsive type system */
/* Substantive argument copy scales with the real viewport, not a parent transform. */
.system-head{margin:18px 0 20px}
.system-grid{counter-reset:sys}
.sys-card{counter-increment:sys;padding:clamp(20px,1.4vw,26px)}
.sys-card{display:flex;flex-direction:column}
.sys-out{order:1;margin:0 0 8px;padding:0;border:0;color:var(--gold-bright);font-size:var(--t-label);line-height:1.3}
.sys-card h3{order:2}
.sys-card p{order:3;max-width:52ch}
.sys-top{order:0;margin-bottom:clamp(8px,1vh,12px)}
.sys-card>*{position:relative;z-index:1}
.sys-card::after{
  content:counter(sys,decimal-leading-zero);
  position:absolute;right:clamp(8px,.8vw,18px);bottom:clamp(-26px,-2vw,-12px);
  z-index:0;font-family:var(--font-serif);font-style:italic;
  font-size:clamp(92px,7.8vw,168px);line-height:.8;
  color:transparent;-webkit-text-stroke:1px rgba(216,168,78,.14);
  pointer-events:none;
}
.system-head p,.audit-intro p,.gap-head p,.flagship-intro p,.proof-head p,.road-head p,.engage-head p{font-size:var(--t-lead);line-height:1.55}
.sys-card h3{font-size:var(--t-card-h);line-height:1.08;margin-bottom:clamp(6px,.9vh,12px)}
.sys-card p{font-size:var(--t-body);line-height:1.5;max-width:46ch;color:#D8D0C1}
.sys-out{font-size:var(--t-label);line-height:1.3;letter-spacing:.1em}
.sys-num{font-size:var(--t-label)}
.sys-ico{width:clamp(22px,1.5vw,30px);height:clamp(22px,1.5vw,30px)}
.sys-top{margin-bottom:clamp(10px,1.3vh,18px)}

.f-copy p{font-size:var(--t-body-sm);line-height:1.45;max-width:60ch}
.f-head h3{font-size:clamp(16px,1.05vw,20px);line-height:1.2}
.f-tag{font-size:clamp(9px,.62vw,11px)}
.sev{font-size:clamp(10px,.7vw,12px)}
.findings{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:0 clamp(20px,2vw,44px)}
.finding{grid-template-columns:clamp(24px,2vw,34px) minmax(0,1fr);gap:clamp(8px,.8vw,14px);padding:clamp(8px,.9vh,14px) 0;align-content:start}
.f-tag{grid-column:2;text-align:left;padding-top:6px;line-height:1.4}
.audit-count span{font-size:var(--t-label)}
.flow-step b{font-size:clamp(16px,1vw,17px)}
.flow-step small{font-size:clamp(13px,.8vw,15px)}
.flow-label{font-size:var(--t-label)}
.gap-stats span{font-size:var(--t-label)}
.proof-list li{font-size:var(--t-body-sm);line-height:1.5}
.proof-stat span{font-size:var(--t-label)}
.case-tag{font-size:var(--t-label)}
.phase-sub{font-size:var(--t-lead);max-width:100%}
.phase li{font-size:var(--t-body-sm);line-height:1.45}
.phase h3{font-size:clamp(24px,1.8vw,34px)}
.phase-days,.phase-out{font-size:var(--t-label)}
.plan h3{font-size:clamp(24px,1.8vw,34px)}
.plan-for{font-size:var(--t-body-sm);line-height:1.5}
.plan li{font-size:var(--t-body-sm);line-height:1.45}
.plan-kicker{font-size:var(--t-label)}
.plan-foot{font-size:var(--t-label)}
.engage-strip{font-size:var(--t-label)}
.close-copy>p{font-size:var(--t-lead)}
.scheduler>p{font-size:var(--t-lead)}
.suggestions button{font-size:var(--t-label)}
.picker-grid label{font-size:var(--t-label)}
.picker-grid input{font-size:clamp(14px,1vw,17px)}
.sched-btn{font-size:var(--t-cta)}
.sched-note{font-size:var(--t-note)!important}
.sched-sign>span{font-size:var(--t-note)}
.hector-info>span:last-child{font-size:var(--t-body-sm)}
.hector-contact a{font-size:var(--t-label)}
.close-address{font-size:var(--t-label)}
.hector-card{grid-template-columns:clamp(140px,8vw,180px) minmax(0,1fr);gap:clamp(14px,1.2vw,24px);padding:clamp(16px,1.2vw,22px);max-width:640px}
.hector-photo{width:clamp(140px,8vw,180px);height:clamp(140px,8vw,180px)}
.hector-info b{font-size:clamp(22px,1.6vw,30px);line-height:1.05}
.hector-kicker{font-size:clamp(11px,.75vw,13px)}

/* compact desktop heights (1366×768 class) */
@media (max-height:850px) and (min-width:901px){
  .cover-title{font-size:clamp(76px,9.3vw,132px)}
  .cover-eyebrow{margin-bottom:18px}
  .cover-lead{margin-top:24px;font-size:17px;max-width:470px}
  .cover-actions{margin-top:22px}
  .cover-content{bottom:112px}
  .cover-foot{bottom:84px}
  .cover-coords{display:none}
  .cover-stamp{width:104px;height:104px;bottom:92px}
  .stamp-main{font-size:9px}
  .cover-clientline img{width:34px;height:36px}
  .slide .pad{padding:84px 44px 66px}
  .slide-head{padding-bottom:9px}
  .audit-top{margin:14px 0 14px;gap:30px}
  .audit-top h2{font-size:44px}
  .audit-body{grid-template-columns:240px 1fr;gap:28px}
  .phone-shell{width:196px;height:392px}
  .finding{padding:6px 0}
  .audit-top{margin:8px 0 10px}
  .gap-head{margin:14px 0 14px;gap:40px}
  .gap-head h2{font-size:52px}
  .gap-head p{font-size:var(--t-lead)}
  .flow-label{margin-bottom:8px;font-size:var(--t-label)}
  .flow-step{padding:5px 0}
  .flow-step b{font-size:16px}
  .flow-step small{font-size:13px}
  .flow-new .flow-step{padding:7px 0}
  .flow-outcome{margin-top:8px;padding:9px 12px}
  .gap-stats{margin-top:8px}
  .gap-stats>div{padding:8px 14px}
  .gap-stats b{font-size:30px;min-width:38px}
  .gap-stats span{font-size:var(--t-label)}
  .flagship-head{margin:14px 0 12px}
  .flagship-head h2{font-size:46px}
  .flagship-intro p{font-size:var(--t-lead)}
  .flagship-grid{grid-template-columns:250px 1fr;gap:26px}
  .fnote{padding:8px 0}
  .fnote b{font-size:14px}
  .chips{margin-top:8px}
  .browser{max-height:420px}
  .mini-hero{height:172px}
  .mini-hero-copy b{font-size:23px}
  .mini-hero-copy p{font-size:6.5px;max-width:240px}
  .mini-courses{padding:9px 16px 8px}
  .mc-card p{min-height:12px}
  .proof-head{margin:14px 0 16px}
  .proof-head h2{font-size:46px}
  .proof-grid{grid-template-columns:250px 1fr;gap:26px}
  .proof-stat b{font-size:52px}
  .system-head{margin:16px 0 16px}
  .system-head h2{font-size:52px}
  .sys-card{padding:18px}
  .sys-card h3{font-size:var(--t-card-h)}
  .sys-top{margin-bottom:9px}
  .engage-head{margin:14px 0 18px}
  .engage-head h2{font-size:50px}
  .plan h3{font-size:24px}
  .plan-for{min-height:38px}
  .plans .plan{padding-top:14px}
  .plans .plan-featured{padding-top:34px}
  .road-head{margin:16px 0 16px}
  .road-head h2{font-size:44px}
  .phase{padding:14px 16px 12px}
  .phase h3{font-size:24px}
  .phase-sub{margin-bottom:10px}
  .phase li{gap:5px}
  .road-foot>div{padding:8px 12px}
}

/* ================================================================== responsive */
@media (max-width:1300px){
  .slide .pad{padding:92px 38px 72px}
  .slide-close{overflow-y:auto}
  .slide-close .pad{height:auto;min-height:100%;padding-bottom:110px}
  .cover-content{left:38px;right:38px;bottom:88px}
  .cover-foot{left:38px;right:38px}
  .audit-tag{display:none}
  .chrome-top,.chrome-bottom{padding:0 30px}
  .rail{display:none}
  .chrome-client{display:none}
  .chrome-sep{display:none}
  .gap-head,.system-head,.proof-head,.road-head,.engage-head,.flagship-head,.audit-top{grid-template-columns:1fr;gap:14px}
  .gap-head p,.system-head p,.proof-head p,.road-head p,.engage-head p{max-width:620px}
  .audit-count{display:none}
  .audit-body{grid-template-columns:250px 1fr;gap:28px}
  .phone-shell{width:210px;height:430px}
  .flagship-grid,.proof-grid{grid-template-columns:240px 1fr;gap:24px}
  .close-grid{grid-template-columns:1fr;gap:20px;align-items:start}
  .scheduler{max-width:560px}
  .hector-card{max-width:520px}
  .system-grid{grid-template-columns:1fr 1fr}
  .plans{grid-template-columns:1fr 1fr}
  .plan-featured{transform:none}
  .plan:last-child{grid-column:1/-1}
  .plans .plan:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .plans .plan:last-child .plan-top,.plans .plan:last-child h3,.plans .plan:last-child .plan-for,.plans .plan:last-child ul{grid-column:1}
  .plans .plan:last-child .plan-foot{grid-column:2;grid-row:2/5;align-self:end}
}

@media (min-width:1101px) and (max-width:1300px){
  .close-grid{grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding-top:12px}
  .close-copy h2{font-size:50px}
  .close-copy>p{font-size:13px;margin-top:14px;max-width:420px}
  .hector-card{max-width:none;margin-top:20px;padding:16px;grid-template-columns:140px minmax(0,1fr);gap:14px}
  .hector-photo{width:140px;height:140px}
  .hector-contact a{font-size:9.5px;padding:7px 8px}
  .close-address{font-size:9px;gap:14px}
  .scheduler{padding:20px;max-width:560px}
  .scheduler h3{font-size:30px}
  .scheduler>p{font-size:12.5px}
  .suggestions button{font-size:9.5px;padding:9px 6px}
  .picker-grid label{font-size:9px}
  .picker-grid input{font-size:10px;padding:8px 9px}
  .sched-btn{font-size:10px;padding:12px}
  .sched-note{font-size:9.5px!important}
  .sched-sign>span{font-size:8.5px}
  .sched-sign .sign-logos img:first-child{height:13px}
}

@media (max-width:900px){
  body{overflow:auto;overflow-x:hidden}
  body.theme-dark .chrome-top,body.theme-dark .chrome-bottom{background:#070605}
  body.theme-light .chrome-top,body.theme-light .chrome-bottom{background:#F1ECE1}
  .chrome-top{box-shadow:0 8px 18px rgba(0,0,0,.18)}
  .chrome-bottom{box-shadow:0 -8px 18px rgba(0,0,0,.14)}
  .system-foot{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:11px;line-height:1.45;color:#B4AB9B}
  .sf-left{grid-column:1}
  .sf-right{grid-column:2;text-align:right;white-space:normal}
  .sf-mid{grid-column:1/-1;text-align:left;opacity:1;font-size:10.5px;line-height:1.4}
  #hero-scene{display:none!important}
  #logo-scene{display:none!important}
  .seal-fallback{display:none!important}
  .browser-wrap{display:none}
  .live-badge{display:none}
  .concept-mobile{display:block;margin-top:20px;border:1px solid rgba(216,168,78,.38);background:#14120E;color:#F4EEE2;padding:20px}
  .cm-head{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(244,238,226,.14);padding-bottom:10px}
  .cm-head span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--gold-bright)}
  .cm-head b{font-size:clamp(20px,3.2vw,26px);font-weight:500;letter-spacing:-.02em}
  .cm-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(244,238,226,.12)}
  .cm-date{font-size:26px;line-height:1;letter-spacing:-.04em;color:var(--gold-bright);text-align:center}
  .cm-date small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;margin-top:3px}
  .cm-row b{display:block;font-size:16px;line-height:1.25;font-weight:500}
  .cm-row small{display:block;font-size:14px;line-height:1.4;color:#C9C0B0;margin-top:2px}
  .cm-row i{font-family:var(--font-mono);font-size:11px;font-style:normal;letter-spacing:.06em;color:var(--gold-bright);border:1px solid rgba(240,195,106,.35);padding:4px 6px;white-space:nowrap}
  .cm-note{font-size:13px;line-height:1.5;color:#B4AB9B;margin-top:12px}
  .flagship-grid,.flagship-notes,.flagship-head,.flagship-intro{min-width:0}
  .flagship-head p,.flagship-intro p{max-width:100%}
  .cobrand-name{display:flex}
  .cobrand-name small{display:none}
  .cobrand-name b{font-size:6.5px;letter-spacing:.06em}
  .cobrand .bc-logo{height:14px}
  .cobrand{gap:6px;max-width:calc(100vw - 100px);overflow:hidden}
  .chrome-count{display:none}
  .index-btn span{display:none}
  .cover-toggle{display:none!important}
  .chrome-right{position:relative;z-index:2}
  .cobrand-mark{width:21px;height:21px}
  .cobrand-x{font-size:17px}
  .cover-collab{font-size:6.6px;gap:6px;letter-spacing:.08em;flex-wrap:wrap;margin-bottom:14px}
  .cover-collab .cc-brand{height:13px}
  .cover-collab .cc-mark{width:17px;height:17px}
  .cover-title{font-size:clamp(50px,16vw,86px);line-height:.86}
  .cover-eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:16px;flex-wrap:wrap}
  .cover-lead{margin-top:20px;font-size:13px!important;max-width:330px;width:100%;overflow-wrap:anywhere}
  .cover-actions{margin-top:18px}
  body.cover-alt .cover-seal-mobile{display:flex;position:relative;width:min(62vw,280px);aspect-ratio:1;margin:26px 0 4px;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(216,168,78,.18),transparent 70%)}
  .csm-ring{position:absolute;inset:0;border:1px solid rgba(216,168,78,.38);border-radius:50%}
  .csm-disc{position:relative;z-index:2;width:76%;height:76%;border-radius:50%;background:#F1ECE1;display:grid;place-items:center;box-shadow:0 0 0 2px #D8A84E,0 0 0 10px #0A0907,0 0 0 11px rgba(216,168,78,.5),0 22px 40px rgba(0,0,0,.5)}
  .csm-disc img{width:80%;height:80%;object-fit:contain}
  .cover-caption{font-size:7px}
  .cover-stamp{display:none!important}
  .chrome-top{height:58px;padding:0 30px 0 18px;grid-template-columns:1fr auto}
  .chrome-title{display:none}
  .chrome-right{gap:12px}
  .chrome-bottom{height:48px;padding:0 18px;grid-template-columns:1fr auto}
  .prepared-mini span,.bottom-mid{display:none}
  .rail{display:none}
  .deck{height:auto;overflow:visible}
  .slide{position:relative;inset:auto;min-height:100vh;opacity:1;pointer-events:auto;display:none}
  .slide.active{display:block}
  .slide .pad{padding:78px 20px 70px;min-height:100vh}
  .cover-content{position:relative;inset:auto;padding:100px 20px 20px;display:block}
  .cover-copy{width:100%}
  .cover-title{font-size:clamp(54px,16vw,100px)}
  .cover-lead{font-size:13px!important;max-width:330px;width:100%}
  .cover-copy{width:100%;max-width:350px}
  .cover-actions{flex-direction:column;align-items:flex-start;gap:14px}
  .cover-foot{position:relative;left:auto;right:auto;bottom:auto;padding:20px 20px 90px;flex-direction:column;align-items:flex-start;gap:14px}
  .cover-stamp{display:none}
  .ticker{display:none}
  .cover-content{min-height:78vh}
  .slide-head{flex-wrap:wrap;gap:8px}
  .head-meta{font-size:7px}
  .audit-body{grid-template-columns:1fr;gap:20px}
  .audit-phone{flex-direction:row;align-items:flex-start;gap:12px}
  .phone-shell{width:160px;height:330px;border-width:4px;border-radius:18px}
  .audit-phone figcaption{writing-mode:vertical-rl;margin-top:0}
  .findings{gap:0;grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
  .finding{grid-template-columns:24px 1fr;gap:10px;padding:10px 0}
  .f-tag{display:none}
  .f-head h3{font-size:clamp(16px,1.05vw,20px)}
  .f-copy p{font-size:var(--t-body-sm)}
  .gap-flow{grid-template-columns:1fr;}
  .flow-divider{height:30px;margin:8px 0}
  .flow-divider::before{left:0;right:0;top:50%;bottom:auto;width:100%;height:1px}
  .flow-divider span{justify-self:center;background:#080706}
  .gap-stats{grid-template-columns:1fr 1fr}
  .gap-stats b{font-size:30px}
  .flagship-grid,.proof-grid,.system-grid,.plans,.road-grid{grid-template-columns:1fr}
  .plans .plan:last-child{display:flex}
  .plans .plan:last-child .plan-foot{grid-column:auto;grid-row:auto}
  .browser{min-height:420px;max-height:none}
  .browser-wrap{padding:12px}
  .browser-wrap .browser{width:100%;max-height:none;transform:none}
  .phone{display:none}
  .stage-caption{display:none}
  .browser-body{min-height:384px}
  .mini-hero{height:190px}
  .mini-hero-copy b{font-size:20px}
  .mini-hero-copy p{font-size:6px;max-width:180px}
  .mini-links,.mini-next{display:none}
  .mc-row{grid-template-columns:1fr 1fr}
  .mc-card:nth-child(3){display:none}
  .course-table,.cal-wrap{padding-left:12px;padding-right:12px}
  .ct-row{grid-template-columns:1.6fr .6fr .6fr;font-size:5px}
  .ct-row>span:nth-child(3),.ct-head>span:nth-child(3){display:none}
  .cal-wrap{grid-template-columns:1fr}
  .cal-list{display:none}
  .mini-trust{font-size:4.4px;gap:7px}
  .system-grid{grid-template-rows:none}
  .sys-card{min-height:172px}
  .road-foot{grid-template-columns:1fr 1fr}
  .close-copy h2{font-size:44px}
  .hector-card{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px}
  .hector-photo{width:104px;height:104px}
  .close-address{flex-direction:column;gap:7px}
  .scheduler{max-width:100%}
  .index-inner{padding:70px 20px 30px}
  .index-grid{grid-template-columns:1fr 1fr;gap:8px}
  .index-card .ic-label{font-size:15px}
  .index-foot{font-size:6px}
  .slide-foot{font-size:6.5px;line-height:1.5}
}

@media (max-width:560px){
  .chrome-bottom .prepared-mini{display:none}
  .chrome-bottom{grid-template-columns:1fr auto}
  .index-grid{grid-template-columns:1fr}
  .audit-phone{display:none}
  .gap-stats{grid-template-columns:1fr}
  .system-foot{grid-template-columns:1fr;gap:5px}
  .sf-right{text-align:left}
  .sf-mid{font-size:10.5px}
  .system-foot{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
  .sf-left,.sf-mid,.sf-right{grid-column:auto;text-align:left;width:100%;white-space:normal}
  .sf-mid{font-size:11px}
  .sf-right{font-size:10.5px}
  .sf-page{margin-left:0}
  .road-foot{grid-template-columns:1fr}
  .road-foot>div{padding:10px 12px}
  .road-foot span{font-size:10px}
  .road-foot b{font-size:13px}
  .road-foot-cta{font-size:11px}
  .engage-strip{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px}
  .mini-nav-cta{display:none}
  .mc-row{grid-template-columns:1fr}
  .mc-card:nth-child(2){display:none}
  .ct-row{grid-template-columns:1.8fr .7fr}
  .ct-row>span:nth-child(2),.ct-row>span:nth-child(3),.ct-head>span:nth-child(2),.ct-head>span:nth-child(3){display:none}
  .close-copy h2{font-size:36px}
  .hector-contact{flex-direction:column}
  .hector-contact a{justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .title-line>span{transform:none}
}

/* static capture mode */
html.still *,html.still *::before,html.still *::after{animation:none!important;transition:none!important}
html.still .slide{opacity:0}
html.still .slide.active{opacity:1}
html.still .title-line>span{transform:none}

/* file:// static preview — no ES modules, no WebGL */
html.file body{overflow:auto}
html.file .deck{height:auto;overflow:visible}
html.file .slide{position:relative;inset:auto;opacity:1;pointer-events:auto;min-height:100vh;display:block}
html.file .slide .pad{min-height:100vh}
html.file .slide-cover .cover-content{min-height:calc(100vh - 210px)}
html.file #hero-scene{display:none!important}
html.file .title-line>span{transform:none!important;animation:none!important}
html.file .slide.active .rv{animation:none!important}

/* ================================================================== G5 whole-composition centering (deck-19) */
/* Slides 07 (Roadmap) and 08 (Engagement): phase/plan cards take natural
   content height instead of stretching to fill the stage, and the whole
   composition (kicker, heading, lead, cards, notes) centers between the
   slide head and the anchored slide foot. Auto margins collapse to zero
   when content is tall, preserving reachable natural top flow. */
.slide-roadmap .road-grid,
.slide-engage .plans{flex:0 0 auto}
.slide-roadmap .road-head,
.slide-engage .engage-head{margin-top:auto}
