/* A.B.S. Builders, Inc. × Brandcore — side remake
   Steel-frame editorial system: blueprint ground, warm concrete paper,
   safety amber, oxide evidence. No Academy gold-coin treatment. */

@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-800.woff2') format('woff2');font-weight:800;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:'Plus Jakarta Sans';src:url('assets/fonts/plus-jakarta-sans-400-normal.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/plus-jakarta-sans-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/plus-jakarta-sans-700-normal.woff2') format('woff2');font-weight:700;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 600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrains-mono-700-normal.woff2') format('woff2');font-weight:700 800;font-style:normal;font-display:swap}

:root{
  --night:#06151D;
  --night-2:#0A202A;
  --night-3:#103442;
  --paper:#F2EBDD;
  --paper-2:#E7DCC9;
  --paper-3:#D8C9B3;
  --safety:#F3A51C;
  --safety-hot:#FFC04A;
  --safety-deep:#8A5300;
  --oxide:#9A2C25;
  --oxide-soft:#C45A4F;
  --steel:#9CABB0;
  --steel-light:#DDE6E5;
  --white:#FBF8F0;
  --font-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-body:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --chrome-h:68px;
  --bottom-h:58px;
  --gutter:clamp(24px,4.2vw,80px);
  --gap:clamp(18px,2.2vw,34px);
  --radius:16px;
  --t-kicker:clamp(13px,.82vw,15px);
  --t-body:clamp(16px,1.05vw,20px);
  --t-body-lg:clamp(17px,1.2vw,23px);
  --t-lead:clamp(17px,1.12vw,21px);
  --t-label:clamp(13px,.82vw,15px);
  --t-small:clamp(13px,.8vw,14px);
  --t-h2:clamp(46px,4.25vw,78px);
  --t-h3:clamp(23px,1.55vw,30px);
  --t-card-h:clamp(23px,1.5vw,29px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --hard:cubic-bezier(.16,.84,.28,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
  background:var(--night);color:var(--white);font-family:var(--font-body);
  font-size:var(--t-body);line-height:1.48;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow:hidden;
}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p,figure,figcaption,ul,ol,dl,dd{margin:0}
ul,ol{list-style:none;padding:0}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.13em}
::selection{background:var(--safety);color:#111}

/* ------------------------------------------------------------------ theme surfaces */
.slide[data-theme="dark"]{
  --bg:var(--night);--surface:rgba(255,255,255,.055);--surface-solid:#0B2632;
  --ink:#FBF8F0;--ink-2:#D4E0E1;--ink-3:#B9C8CA;--muted:#98A9AC;
  --line:rgba(221,236,238,.16);--line-strong:rgba(221,236,238,.3);
  --em:var(--safety-hot);--accent:var(--safety);--accent-ink:var(--safety);
  --dark:true;
}
.slide[data-theme="paper"]{
  --bg:var(--paper);--surface:#FBF7EC;--surface-solid:#FBF7EC;
  --ink:#101719;--ink-2:#263337;--ink-3:#435156;--muted:#657176;
  --line:rgba(16,23,25,.16);--line-strong:rgba(16,23,25,.3);
  --em:var(--oxide);--accent:var(--safety-deep);--accent-ink:var(--oxide);
  --dark:false;
}
.slide[data-theme="blueprint"]{
  --bg:#082431;--surface:rgba(205,236,242,.06);--surface-solid:#0B2B3A;
  --ink:#F7F5EC;--ink-2:#C9DDDF;--ink-3:#AFC5C8;--muted:#93ADB1;
  --line:rgba(183,220,226,.19);--line-strong:rgba(183,220,226,.38);
  --em:var(--safety-hot);--accent:var(--safety);--accent-ink:var(--safety);
  --dark:true;
}
.slide-audit,.slide-concept,.slide-roadmap,.slide-close{
  background-image:
    linear-gradient(rgba(16,23,25,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,23,25,.035) 1px,transparent 1px);
  background-size:48px 48px;
}
.slide-gap{
  background-image:
    linear-gradient(rgba(198,230,236,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,230,236,.08) 1px,transparent 1px);
  background-size:48px 48px;
}
.slide-system{
  background-image:
    linear-gradient(rgba(228,242,244,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(228,242,244,.045) 1px,transparent 1px);
  background-size:52px 52px;
}
.slide-proof{
  background-image:radial-gradient(circle at 72% 10%,rgba(41,104,124,.35),transparent 48%),
    linear-gradient(rgba(215,233,235,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(215,233,235,.04) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
}

/* ------------------------------------------------------------------ chrome */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:210;background:rgba(255,255,255,.08)}
.progress i{display:block;height:100%;width:11.111%;background:linear-gradient(90deg,#A95B00,var(--safety),#FFE0A0);transition:width .5s var(--ease)}
.chrome-top{
  position:fixed;top:3px;left:0;right:0;height:var(--chrome-h);z-index:200;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;
  padding:0 clamp(18px,3.2vw,54px);background:#EDE4D5;border-bottom:1px solid rgba(16,23,25,.2);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.brand-lockup{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-width:0}
.brand-logo{display:block;width:104px;height:46px;object-fit:contain;object-position:left center;flex:none}
.brand-partner{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4C514D;white-space:nowrap}
.brand-partner i{font-family:var(--font-serif);font-style:normal;font-size:16px;line-height:1;color:var(--oxide);margin-right:5px;vertical-align:-1px}
.brand-tile img{width:100%;height:100%;object-fit:contain}

.chrome-context{display:flex;align-items:center;gap:10px;justify-self:center;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#39494B;white-space:nowrap}
.context-mark{width:7px;height:7px;background:var(--safety);transform:rotate(45deg);box-shadow:0 0 12px rgba(243,165,28,.6)}
.chrome-actions{display:flex;align-items:center;gap:18px;justify-self:end}
.chrome-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:7px 11px;border:1px solid rgba(16,23,25,.25);border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#141B1C;transition:background .18s,border-color .18s}
.chrome-btn .ico{font-size:16px}
.chrome-btn:hover,.chrome-btn:focus-visible{background:rgba(154,44,37,.08);border-color:var(--oxide)}
.chrome-count{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:#161E1F;white-space:nowrap}

.chrome-bottom{
  position:fixed;left:0;right:0;bottom:0;height:var(--bottom-h);z-index:200;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;
  padding:0 clamp(18px,3.2vw,54px);background:#06151D;border-top:1px solid rgba(215,233,235,.16);
}
.bottom-context,.bottom-legal{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#A8BFC2;white-space:nowrap;min-width:0}
.bottom-legal{justify-self:end;gap:18px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--safety);box-shadow:0 0 0 3px rgba(243,165,28,.14);flex:none}
.bottom-nav{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid rgba(215,233,235,.14);border-radius:8px;padding:3px}
.bottom-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 14px;border-radius:5px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#F1F7F7;transition:background .18s,color .18s}
.bottom-nav button:hover,.bottom-nav button:focus-visible{background:rgba(243,165,28,.17)}
.bottom-nav .next-btn{background:var(--safety);color:#16201F}
.bottom-nav .next-btn:hover,.bottom-nav .next-btn:focus-visible{background:var(--safety-hot)}
.bottom-count{min-width:70px;text-align:center;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:#D3E1E3}
.scroll-cue{display:inline-grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:4px;background:rgba(243,165,28,.11);border:1px solid rgba(243,165,28,.34);color:var(--safety-hot)}
.scroll-cue:hover,.scroll-cue:focus-visible{background:var(--safety);color:#111B1D;border-color:var(--safety)}
.scroll-cue .ico{font-size:15px;transform:rotate(90deg)}
.scroll-cue[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rail{position:fixed;right:14px;top:50%;z-index:190;display:flex;flex-direction:column;gap:7px;transform:translateY(-50%);padding:8px 6px;background:rgba(6,21,29,.66);border:1px solid rgba(215,233,235,.13);border-radius:20px}
.rail button{position:relative;display:grid;place-items:center;width:24px;height:17px;padding:0;border:0;background:none}
.rail button i{display:block;width:9px;height:2px;background:rgba(220,235,238,.38);transition:width .2s,background .2s}
.rail button:hover i{width:15px;background:var(--safety-hot)}
.rail button.is-current i{width:17px;background:var(--safety)}
.rail button:focus-visible{outline:2px solid var(--safety-hot);outline-offset:2px;border-radius:4px}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--safety-hot);outline-offset:3px}

/* ------------------------------------------------------------------ stage */
.deck{position:fixed;top:calc(var(--chrome-h) + 3px);left:0;right:0;bottom:var(--bottom-h);overflow:hidden;background:var(--night)}
.slide{position:absolute;inset:0;overflow:hidden;background:var(--bg);color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;z-index:1}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.slide-inner{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(22px,3.2vh,40px) var(--gutter) clamp(20px,3.6vh,42px);display:flex;flex-direction:column;gap:clamp(14px,2vh,24px)}
.slide-inner::-webkit-scrollbar{width:9px}
.slide-inner::-webkit-scrollbar-track{background:transparent}
.slide-inner::-webkit-scrollbar-thumb{background:rgba(120,140,145,.45);border-radius:8px;border:2px solid transparent;background-clip:content-box}

.kicker{display:flex;align-items:flex-start;gap:11px;font-family:var(--font-mono);font-size:var(--t-kicker);font-weight:700;line-height:1.35;letter-spacing:.105em;text-transform:uppercase;color:var(--ink-2)}
.kicker::before{content:'';width:20px;height:2px;margin-top:.55em;background:var(--accent);flex:none}
h1,h2{font-family:var(--font-display);font-weight:800;text-transform:uppercase;color:var(--ink);letter-spacing:-.015em;line-height:.9;text-wrap:balance}
h1 em,h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.015em;line-height:.92;color:var(--em)}
.slide h2{max-width:none!important}
h1{font-size:clamp(66px,6.9vw,118px)}
h2{font-size:var(--t-h2)}
h3{font-family:var(--font-display);font-weight:800;line-height:1.04;letter-spacing:.005em;color:var(--ink)}
.lead{font-size:var(--t-lead);line-height:1.5;color:var(--ink-3);max-width:56ch;text-wrap:pretty}
.lead b{color:var(--ink);font-weight:700}
.slide-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(22px,4vw,64px);align-items:end;flex:none}
.slide-heading h2{margin-top:12px}
.heading-aside{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:4px}
.source-pill{display:inline-flex;padding:6px 9px;border:1px solid var(--line-strong);border-radius:4px;font-family:var(--font-mono);font-size:clamp(11.5px,.74vw,13px);font-weight:700;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.slide-note{display:flex;justify-content:space-between;gap:24px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border-radius:6px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background .18s,color .18s,border-color .18s,transform .18s}
.btn:hover{transform:translateY(-1px)}
.btn-solid{background:var(--safety);color:#101719;border:1px solid var(--safety)}
.btn-solid:hover{background:var(--safety-hot)}
.btn-ghost{border:1px solid rgba(243,245,235,.34);color:var(--ink)}
.btn-ghost:hover{border-color:var(--safety);color:var(--safety-hot);background:rgba(243,165,28,.07)}
.btn .ico{font-size:19px;stroke-width:2.3}

/* ------------------------------------------------------------------ slide 1 cover */
.slide-cover{background:var(--night)}
.slide-cover .slide-inner{padding:0;overflow:hidden;gap:0}
.cover-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,53fr) minmax(0,47fr)}
.cover-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(26px,4.2vh,58px) clamp(30px,4vw,66px) clamp(20px,2.4vh,30px) clamp(28px,4.2vw,78px);min-width:0}
.cover-copy .kicker{color:#BED0D2}
.cover-copy h1{margin-top:clamp(12px,2vh,22px);max-width:none;font-size:clamp(58px,6vw,100px)}
.cover-copy h1 em{display:block;white-space:nowrap}
.cover-lead{max-width:44ch;margin-top:clamp(14px,2vh,24px);font-size:var(--t-body-lg);line-height:1.55;color:#C7D6D7}
.cover-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(16px,2.3vh,28px)}
.cover-actions .btn{min-height:48px;padding:11px 18px}
.cover-facts{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,28px);margin-top:clamp(18px,2.4vh,28px);padding-top:clamp(12px,1.7vh,18px);border-top:1px solid rgba(221,236,238,.18);max-width:720px}
.cover-facts li{display:flex;flex-direction:column;gap:2px;min-width:110px}
.cover-facts span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#91A8AC}
.cover-facts b{font-size:16px;font-weight:700;color:#F7F3E8;white-space:nowrap}
.cover-byline{display:flex;align-items:center;gap:10px;margin-top:clamp(14px,2vh,24px);color:#AFC1C4;font-size:13px;line-height:1.35}
.cover-byline img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(243,165,28,.65);flex:none}
.cover-byline p{max-width:46ch}
.cover-byline span{display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#809B9F}
.cover-byline b{color:#F7F3E8}
.cover-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:13px clamp(28px,4.2vw,78px);border-top:1px solid rgba(221,236,238,.14);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8BA4A8;flex:none}
.cover-stage{position:relative;min-height:0;overflow:hidden;border-left:1px solid rgba(221,236,238,.14);background:radial-gradient(circle at 54% 44%,#153D4C 0%,#0A202A 38%,#05141B 79%)}
#steel-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;transition:opacity .08s ease,filter .16s ease,transform .16s ease}
.cover-stage.is-charging #steel-scene{filter:brightness(1.32) saturate(1.12) contrast(1.04);transform:scale(1.035)}
.cover-stage.is-hit #steel-scene{opacity:0}
.cover-stage.is-charging::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 55% 47%,rgba(255,247,219,.48) 0%,rgba(243,165,28,.2) 21%,transparent 52%);animation:charge-pulse 190ms ease-out both}
@keyframes charge-pulse{0%{opacity:0;transform:scale(.7)}55%{opacity:1}100%{opacity:0;transform:scale(1.18)}}
.stage-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(rgba(183,220,226,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(183,220,226,.08) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);
}
.hero-fallback{display:none;position:absolute;inset:0;z-index:2;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;background:radial-gradient(circle at 50% 45%,#1C4858 0%,#0A202A 50%,#05141B 82%)}
.hero-fallback::before{content:'';position:absolute;inset:14%;border:1px solid rgba(243,165,28,.25);clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%)}
.fallback-sign{display:grid;place-items:center;width:min(70%,460px);aspect-ratio:1.45;padding:26px;background:#F1E8D8;border:10px solid #243D45;box-shadow:0 35px 80px rgba(0,0,0,.55),0 0 0 1px rgba(243,165,28,.5) inset}
.fallback-sign img{width:100%;max-height:100%;object-fit:contain}
.hero-fallback p{position:relative;z-index:2;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--safety-hot);text-align:center}
.no-webgl #steel-scene{display:none}
.no-webgl .hero-fallback{display:flex}
.no-webgl .stage-hint,.reduced-motion .stage-hint{display:none}
.stage-topline{position:absolute;z-index:4;top:20px;left:clamp(18px,2.2vw,34px);right:clamp(18px,2.2vw,34px);display:flex;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FAEB4;pointer-events:none}
.stage-topline span:last-child{color:#C1D5D7}
.stage-caption{position:absolute;z-index:4;left:clamp(20px,3vw,42px);bottom:clamp(36px,6vh,72px);display:flex;gap:12px;align-items:flex-start;pointer-events:none}
.stage-rule{width:3px;height:42px;background:var(--safety);flex:none;margin-top:2px}
.stage-caption p{font-family:var(--font-mono);font-size:11px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:#AFC6C9}
.stage-caption b{color:#F7F3E8;font-weight:700}
.stage-hint{position:absolute;z-index:4;right:clamp(20px,3vw,40px);bottom:24px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#78979D;pointer-events:none}

/* ------------------------------------------------------------------ audit */
.slide-audit .slide-heading{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}
.slide-audit h2{max-width:none}
.audit-grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:clamp(22px,2.8vw,44px);align-items:start;flex:0 0 auto;min-height:0}
.site-frame{display:flex;flex-direction:column;align-self:start;overflow:hidden;background:#0A1B23;border:1px solid rgba(16,23,25,.24);border-radius:10px;box-shadow:0 24px 54px rgba(27,38,39,.18)}
.frame-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:#0A1D25;border-bottom:1px solid rgba(255,255,255,.11);min-height:38px}
.browser-dots{display:flex;gap:5px}
.browser-dots i{width:7px;height:7px;border-radius:50%;background:#647D80}
.browser-dots i:first-child{background:#B95A50}.browser-dots i:nth-child(2){background:#D6A23C}.browser-dots i:nth-child(3){background:#6F9A78}
.frame-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;color:#C6D8DA}
.frame-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#0B1B20;background:var(--safety);padding:4px 7px;border-radius:3px;white-space:nowrap}
.site-shot{position:relative;background:#F1EBDD;line-height:0}
.site-shot img{width:100%;height:auto;display:block}
.pin{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 8px;background:#071A22;border:1px solid rgba(243,165,28,.72);border-radius:4px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFF7E8;box-shadow:0 6px 20px rgba(0,0,0,.35);white-space:nowrap}
.pin i{display:grid;place-items:center;width:15px;height:15px;background:var(--safety);color:#111;border-radius:50%;font-style:normal;font-size:9px}
.pin-a{left:7%;top:36%}.pin-b{right:6%;top:11%}
.site-frame figcaption{padding:10px 12px 11px;background:#0A1D25;font-size:12px;line-height:1.4;color:#B9CCCF}
.site-frame figcaption span{display:block;margin-bottom:2px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--safety-hot)}
.findings{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.findings li{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:14px;padding:11px 0 10px;border-bottom:1px solid var(--line)}
.finding-head{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:62px}
.finding-body{grid-column:2;min-width:0}
.sev{display:inline-flex;padding:3px 5px;border-radius:2px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.25}
.sev.high{background:var(--oxide);color:#FFF4EA}.sev.med{background:#B9760A;color:#1B140A}
.finding-no{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}
.findings h3{font-family:var(--font-body);font-size:clamp(16px,1.1vw,19px);font-weight:700;line-height:1.22;letter-spacing:0;color:var(--ink);text-transform:none}
.findings p{margin-top:3px;font-size:clamp(15px,.96vw,18px);line-height:1.4;color:var(--ink-3);max-width:65ch}
.findings small{display:block;margin-top:4px;font-family:var(--font-mono);font-size:clamp(10.5px,.65vw,12px);line-height:1.35;letter-spacing:.035em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}

/* ------------------------------------------------------------------ gap */
.slide-gap .slide-heading{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.slide-gap h2{max-width:none}
.gap-layout{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:clamp(8px,1.5vw,22px);align-items:stretch;flex:1;min-height:0}
.path-card{display:flex;flex-direction:column;padding:clamp(18px,2.4vh,28px);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px}
.path-card.proposed{background:rgba(243,165,28,.055);border-color:rgba(243,165,28,.52);box-shadow:0 22px 60px rgba(0,0,0,.12)}
.path-card header{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:4px}
.path-label{display:inline-flex;padding:4px 7px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:3px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.path-card.proposed .path-label{background:var(--safety);border-color:var(--safety);color:#131B1D}
.path-card h3{margin-top:10px;font-size:clamp(22px,1.55vw,30px);line-height:1.02}
.path-list{display:flex;flex-direction:column;flex:1;justify-content:space-evenly}
.path-list li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.path-list li:last-child{border-bottom:0;padding-bottom:0}
.path-list li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-2)}
.path-card.proposed .path-list li>span{background:var(--safety);border-color:var(--safety);color:#111}
.path-list b{display:block;font-size:clamp(15px,1vw,17px);font-weight:700;line-height:1.25;color:var(--ink)}
.path-list p{margin-top:3px;font-size:clamp(14px,.92vw,16px);line-height:1.4;color:var(--ink-3)}
.gap-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}
.gap-number{font-family:var(--font-display);font-size:clamp(52px,4.5vw,82px);font-weight:800;line-height:.8;color:var(--ink-3)}
.gap-number.accent{color:var(--safety-hot)}
.gap-arrow .ico{font-size:26px;color:var(--safety);transform:rotate(0deg)}
.gap-arrow small{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.gap-payoff{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px 18px;background:rgba(7,22,29,.6);border:1px solid rgba(243,165,28,.38);border-radius:7px;flex:none}
.gap-payoff p{font-size:clamp(15px,1.1vw,18px);line-height:1.4;color:var(--ink-2);max-width:95ch}
.gap-payoff p span{display:inline-block;margin-right:12px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--safety-hot)}
.counter-chip{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--safety-hot);white-space:nowrap}

/* ------------------------------------------------------------------ concept */
.slide-concept .slide-heading{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}
.concept-heading h2{max-width:none;font-size:clamp(42px,3.6vw,62px)}
.concept-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,13vw,220px);gap:clamp(16px,2vw,26px);align-items:start;flex:0 0 auto;min-height:0}
.browser-concept{min-width:0;overflow:hidden;background:#F8F2E6;border:1px solid rgba(15,23,25,.35);border-radius:10px;box-shadow:0 26px 60px rgba(20,30,31,.16);color:#162224}
.browser-chrome{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:35px;padding:7px 11px;background:#0A202A;border-bottom:1px solid rgba(255,255,255,.1)}
.browser-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;background:#06151D;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:var(--font-mono);font-size:10px;color:#D6E4E5}
.browser-address span{color:#7F9B9F}
.concept-flag{padding:3px 6px;border-radius:3px;background:var(--oxide);color:#FFF7F0;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.concept-site{background:#FBF6EB}
.concept-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border-bottom:1px solid #DDD2C0;background:#F8F2E6}
.concept-brand{display:flex;align-items:center;gap:10px;min-width:0}
.concept-brand img{width:54px;height:44px;object-fit:contain}
.concept-brand span{font-family:var(--font-display);font-size:16px;font-weight:800;line-height:.95;text-transform:uppercase;color:#182122;white-space:nowrap}
.concept-brand small{display:block;margin-top:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#657074;text-transform:uppercase}
.concept-tabs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.concept-tab{position:relative;padding:7px 9px;border-radius:3px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:#465255;white-space:nowrap}
.concept-tab:hover{background:#EDE4D4;color:#1B2324}
.concept-tab.is-active{color:#7A241D;background:#EFE4D2;box-shadow:inset 0 -2px 0 #9A2C25}
.concept-call{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;background:#9A2C25;border-radius:3px;color:#FFF8EE;font-family:var(--font-mono);font-size:9.5px;font-weight:700;white-space:nowrap}
.concept-panels{min-height:0}
.concept-panel{padding:18px}
.concept-panel[hidden]{display:none!important}
.concept-home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:clamp(270px,32vh,360px);min-height:0}
.concept-home-copy{padding:clamp(14px,2.2vh,24px) clamp(14px,2vw,26px) 14px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.micro-label{display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8B4D0C}
.concept-home h3,.projects-head h3,.start-intro h3{font-size:clamp(27px,2.2vw,42px);line-height:.92;color:#162224;margin-top:8px;text-transform:uppercase;letter-spacing:-.015em}
.concept-home h3 em,.start-intro h3 em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;color:#9A2C25}
.concept-home-copy>p{margin-top:10px;font-size:13px;line-height:1.48;color:#4C5A5D;max-width:34ch}
.concept-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.mini-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;background:#9A2C25;color:#FFF8EE;border-radius:3px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;transition:background .16s}
.mini-btn:hover{background:#7D1D18}
.mini-btn .ico{font-size:13px}
.mini-link{font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#344448}
.concept-cred{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:14px}
.concept-cred span{font-family:var(--font-mono);font-size:9.5px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:#677477}
.concept-cred b{display:block;color:#1D2A2C;font-size:9.5px}
.concept-home-photo{position:relative;min-height:0;height:100%;overflow:hidden;background:#0B1F27}
.concept-home-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.photo-tag{position:absolute;left:10px;bottom:10px;padding:5px 7px;background:rgba(7,22,29,.85);border:1px solid rgba(243,165,28,.4);border-radius:2px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#FFF6E6}
.concept-sectors{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1.2fr;gap:10px;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid #DDD2C0}
.concept-sectors span{font-family:var(--font-mono);font-size:9px;line-height:1.35;text-transform:uppercase;letter-spacing:.02em;color:#5D6B6E}
.concept-sectors b{display:block;color:#9A2C25;font-size:10px}
.sector-intro{color:#1E2C2E!important;font-weight:700}.sector-note{text-align:right;color:#7F898A!important}
.projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.projects-head h3{font-size:clamp(25px,1.9vw,34px)}
.project-filters{display:flex;gap:4px}
.filter-btn{padding:6px 10px;border:1px solid #C7BA9F;border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;color:#4F5B5E}
.filter-btn.is-active{background:#162224;border-color:#162224;color:#FFF8EC}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0}
.project-grid figure{position:relative;height:clamp(150px,19vh,205px);min-height:0;overflow:hidden;background:#0A1D25;border-radius:4px}
.project-grid figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}
.project-grid figure:hover img{transform:scale(1.025)}
.project-grid figcaption{position:absolute;left:8px;bottom:8px;padding:5px 7px;background:rgba(7,22,29,.86);border:1px solid rgba(243,165,28,.26);border-radius:2px;color:#FFF8EC;max-width:calc(100% - 16px)}
.project-grid figcaption b{display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.project-grid figcaption span{display:block;font-family:var(--font-mono);font-size:8.5px;color:#C4D4D6;margin-top:2px}
.project-cta{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 13px;background:#162224;border-radius:4px;color:#FFF8EC}
.project-cta b{font-size:13px;font-weight:700}.project-cta span{font-size:11px;color:#C8D8D9;margin-right:auto}.project-cta .mini-btn{padding:7px 9px;margin-left:auto}
.project-grid figure.is-filtered{display:none}
.start-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}
.start-intro{padding-top:8px}
.start-intro>p{margin-top:9px;font-size:12px;line-height:1.5;color:#4F5D60;max-width:30ch}
.start-proof{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:14px}
.start-proof span{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;text-transform:uppercase;color:#2D3A3C}
.start-proof .ico{color:#9A2C25}
.concept-disclaimer{margin-top:18px;padding-top:9px;border-top:1px solid #DDD2C0;font-family:var(--font-mono);font-size:8.5px;line-height:1.4;letter-spacing:.03em;color:#7B8789!important}
.start-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}
.start-form label{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#526063}
.start-form select,.start-form input,.start-form textarea{width:100%;min-height:34px;padding:7px 8px;border:1px solid #C9BDA8;border-radius:3px;background:#FFFBF2;font-family:var(--font-body);font-size:11px;color:#1A2527}
.start-form textarea{resize:vertical;min-height:54px}
.form-wide{grid-column:1/-1}
.brief-output{padding:8px 9px;background:#F0E6D5;border-left:3px solid #9A2C25;font-family:var(--font-mono);font-size:8.5px;line-height:1.45;color:#4B5759}
.start-form .mini-btn{justify-content:center;min-height:34px}
.preview-note{font-size:9px;line-height:1.4;color:#6D7A7C}
.phone-concept{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px}
.phone-shell{width:100%;max-width:218px;padding:7px;border:1px solid rgba(15,23,25,.32);border-radius:26px;background:#101E22;box-shadow:0 24px 55px rgba(17,29,31,.24)}
.phone-screen{overflow:hidden;background:#F8F1E3;border-radius:19px;min-height:400px;color:#182224}
.phone-status{display:flex;justify-content:space-between;padding:3px 10px 5px;background:#101E22;color:#C3D4D6;font-family:var(--font-mono);font-size:8px;border-radius:19px 19px 0 0}
.phone-brand{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #DDD2C0;background:#F8F1E3}
.phone-brand img{width:48px;height:34px;object-fit:contain}.phone-brand span{font-family:var(--font-mono);font-size:7px;text-transform:uppercase;color:#5B686B}
.phone-block{padding:17px 11px 18px;background:#0A202A;color:#FBF6EA}
.phone-block>span:first-child{font-family:var(--font-mono);font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#91AFB3}
.phone-block b{display:block;margin-top:14px;font-family:var(--font-display);font-size:35px;line-height:.84;text-transform:uppercase;letter-spacing:-.01em}
.phone-block p{margin-top:8px;font-size:9px;line-height:1.4;color:#B7CBCD}
.phone-cta{display:block;margin-top:14px;padding:7px 8px;background:#F3A51C;color:#111B1D;text-align:center;border-radius:2px;font-family:var(--font-mono);font-size:7.5px;font-weight:700;text-transform:uppercase}
.phone-meta{display:flex;justify-content:space-between;gap:5px;padding:10px;font-family:var(--font-mono);font-size:6.5px;letter-spacing:.02em;text-transform:uppercase;color:#5E6B6E;border-bottom:1px solid #DDD2C0}
.phone-call{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 10px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#8E3B1C}
.phone-caption{margin-top:9px;font-family:var(--font-mono);font-size:8px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--muted)}
.concept-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:none}
.concept-callouts div{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:10px 12px;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:4px}
.concept-callouts span{grid-row:span 2;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--oxide)}
.concept-callouts b{font-size:clamp(14px,.9vw,16px);font-weight:700;color:var(--ink)}
.concept-callouts p{font-size:clamp(13px,.88vw,15.5px);line-height:1.38;color:var(--ink-3)}

/* ------------------------------------------------------------------ system */
.slide-system .slide-heading{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.slide-system h2{max-width:none}
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);flex:0 0 auto;min-height:0}
.system-card{display:flex;flex-direction:column;min-height:220px;padding:clamp(15px,1.7vw,22px);background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}
.system-card::after{content:'';position:absolute;right:-20px;bottom:-38px;width:96px;height:96px;border:1px solid rgba(243,165,28,.15);transform:rotate(45deg)}
.system-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.system-top>span:first-child{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:.8;color:var(--safety)}
.system-tag{font-family:var(--font-mono);font-size:clamp(10px,.64vw,11.5px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.system-card h3{margin-top:12px;font-size:var(--t-card-h);color:var(--ink)}
.system-card p{margin-top:8px;font-size:clamp(15px,.98vw,18px);line-height:1.43;color:var(--ink-3);max-width:38ch}
.outcome{margin-top:auto;padding-top:13px;font-family:var(--font-mono);font-size:clamp(11px,.68vw,12.5px);font-weight:700;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:var(--safety-hot)}

/* ------------------------------------------------------------------ proof */
.slide-proof .slide-heading{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.slide-proof h2{max-width:none}
.proof-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(22px,3vw,44px);align-items:center;flex:0 0 auto;min-height:0}
.compare-figure{overflow:hidden;background:#081B23;border:1px solid rgba(215,233,235,.24);border-radius:8px;box-shadow:0 36px 80px rgba(0,0,0,.38)}
.compare-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:clamp(240px,50vh,480px);min-height:230px;overflow:hidden;background:#E6DDCF;cursor:ew-resize;touch-action:pan-y}
.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}
.compare-before{z-index:1}.compare-after{z-index:2;clip-path:inset(0 0 0 var(--split,52%))}
.compare-labels{position:absolute;z-index:4;top:10px;left:11px;right:11px;display:flex;justify-content:space-between;pointer-events:none}
.compare-labels span{padding:4px 7px;background:rgba(7,22,29,.82);border:1px solid rgba(243,165,28,.45);border-radius:2px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FFF8EC}
.compare-labels span:last-child{background:var(--safety);border-color:var(--safety);color:#111B1D}
.compare-handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--split,52%);width:2px;background:#FFF7E8;box-shadow:0 0 0 1px rgba(7,22,29,.3);pointer-events:none}
.compare-handle span{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;background:var(--safety);border:3px solid #071A22;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.compare-handle span::before,.compare-handle span::after{content:'';position:absolute;top:50%;width:0;height:0;border-block:4px solid transparent;transform:translateY(-50%)}
.compare-handle span::before{left:9px;border-right:6px solid #111}
.compare-handle span::after{right:9px;border-left:6px solid #111}
.compare-range{position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.compare-figure figcaption{display:flex;justify-content:space-between;gap:14px;padding:9px 12px;background:#081B23;font-family:var(--font-mono);font-size:9px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:#AFC6C9}
.compare-figure figcaption span{color:var(--safety-hot);font-weight:700}
.proof-copy{display:flex;flex-direction:column;gap:15px}
.proof-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--safety-hot)}
.proof-copy ul{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.proof-copy li{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}
.proof-copy li>span{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:.8;color:var(--safety)}
.proof-copy b{font-size:clamp(15px,1vw,17px);line-height:1.25;color:var(--ink)}
.proof-copy p{margin-top:3px;font-size:clamp(14px,.92vw,17px);line-height:1.4;color:var(--ink-3)}
.proof-note{display:flex;gap:10px;padding:12px;background:rgba(243,165,28,.07);border:1px solid rgba(243,165,28,.3);border-radius:5px}
.proof-note-mark{width:3px;background:var(--safety);flex:none}
.proof-note p{font-size:clamp(13px,.9vw,16px);line-height:1.45;color:var(--ink-2)}

/* ------------------------------------------------------------------ roadmap */
.slide-roadmap h2{max-width:none}
.slide-roadmap .slide-heading{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.roadmap{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);flex:0 0 auto;min-height:0}
.roadmap-axis{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.roadmap-axis span:last-child{text-align:right;color:var(--ink-2)}
.roadmap-row{display:grid;grid-template-columns:minmax(200px,.32fr) minmax(0,1fr) minmax(120px,.22fr);gap:18px;align-items:center;flex:0 0 auto;min-height:96px;padding:17px 0;border-bottom:1px solid var(--line)}
.roadmap-label{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}
.roadmap-label>span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-2)}
.roadmap-label h3{font-size:clamp(21px,1.4vw,26px);line-height:.96}
.roadmap-label b{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.roadmap-bar{position:relative;height:54px;display:flex;align-items:center;background:rgba(255,255,255,.4);border:1px solid var(--line);border-radius:4px;overflow:visible}
.bar-fill{position:absolute;left:0;top:0;bottom:0;width:var(--bar);background:rgba(154,44,37,.14);border-right:2px solid var(--oxide);border-radius:3px 0 0 3px}
.bar-one .bar-fill{--bar:17%}.bar-two .bar-fill{--bar:42%;background:rgba(243,165,28,.2);border-color:var(--safety-deep)}.bar-three .bar-fill{--bar:84%;background:rgba(15,63,77,.12);border-color:#3E7582}
.bar-text{position:relative;z-index:2;padding:0 14px;font-size:clamp(12px,.8vw,14px);font-weight:600;line-height:1.35;color:var(--ink-2)}
.launch-marker{position:absolute;right:8px;top:-13px;padding:3px 6px;background:var(--oxide);color:#FFF7F0;border-radius:2px;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.roadmap-owner{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.roadmap-owner b{font-size:11.5px;color:var(--ink-2)}
.roadmap-evidence{display:grid;grid-template-columns:clamp(180px,20vw,280px) minmax(0,1fr);gap:16px;align-items:stretch;margin:2px 0 12px;background:rgba(255,255,255,.36);border:1px solid var(--line);border-radius:5px;overflow:hidden;flex:none}
.roadmap-evidence img{width:100%;height:100%;min-height:110px;object-fit:cover;object-position:center 55%}
.roadmap-evidence figcaption{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px 12px 0}
.roadmap-evidence span{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--oxide)}
.roadmap-evidence b{font-family:var(--font-display);font-size:clamp(20px,1.5vw,27px);line-height:.98;text-transform:uppercase;color:var(--ink)}
.roadmap-evidence p{font-size:clamp(13px,.86vw,15px);line-height:1.4;color:var(--ink-3);max-width:70ch}
.handoff{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 14px;background:rgba(255,255,255,.36);border:1px solid var(--line);border-radius:5px;flex:none}
.handoff-title{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oxide)}
.handoff>span:not(.handoff-title){display:inline-flex;align-items:center;gap:5px;font-size:clamp(12px,.82vw,14px);font-weight:600;color:var(--ink-2)}
.handoff .ico{color:var(--oxide);font-size:13px}

/* ------------------------------------------------------------------ engagement */
.slide-engagement h2{max-width:none}
.slide-engagement .slide-heading{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}
.engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);align-items:stretch;flex:0 0 auto;min-height:0}
.tier{position:relative;display:flex;flex-direction:column;padding:clamp(18px,2vw,26px);background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:6px}
.tier.recommended{background:linear-gradient(155deg,rgba(243,165,28,.11),rgba(255,255,255,.045));border-color:rgba(243,165,28,.55);box-shadow:0 20px 56px rgba(0,0,0,.22)}
.tier-badge{position:absolute;top:-11px;left:20px;padding:4px 8px;background:var(--safety);color:#111B1D;border-radius:2px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.tier-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tier-no{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:.8;color:var(--safety)}
.tier-label{font-family:var(--font-mono);font-size:clamp(10px,.66vw,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tier h3{margin-top:14px;font-size:clamp(23px,1.6vw,30px);color:var(--ink);max-width:14ch}
.tier-lead{margin-top:8px;font-size:clamp(13px,.9vw,15px);line-height:1.43;color:var(--ink-3);min-height:3.8em}
.tier ul{display:flex;flex-direction:column;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}
.tier li{position:relative;padding-left:15px;font-size:clamp(14px,.92vw,16px);line-height:1.38;color:var(--ink-2)}
.tier li::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}
.tier-outcome{margin-top:auto;padding-top:17px;font-family:var(--font-mono);font-size:clamp(10.5px,.68vw,12.5px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--safety-hot)}

/* ------------------------------------------------------------------ close */
.slide-close .slide-heading{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr)}
.slide-close h2{max-width:none}
.close-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);gap:clamp(22px,3vw,48px);align-items:stretch;flex:0 0 auto;min-height:0}
.partner-column{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,.58fr);gap:clamp(16px,2vw,26px);align-items:start}
.portrait-frame{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#0A202A;border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 22px 48px rgba(20,30,31,.18)}
.portrait-frame img{width:100%;aspect-ratio:4/5;max-height:clamp(300px,50vh,420px);object-fit:cover;object-position:center 18%}
.portrait-caption{display:block;padding:8px 10px;background:#0A202A;font-family:var(--font-mono);font-size:8.5px;font-weight:700;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#C6D8DA}
.partner-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:2px}
.partner-copy .kicker{margin-bottom:8px}
.partner-copy h3{font-family:var(--font-display);font-size:clamp(38px,3.2vw,54px);font-weight:800;line-height:.86;text-transform:uppercase;letter-spacing:-.01em}
.partner-role{margin-top:7px;font-size:clamp(14px,.95vw,17px);font-weight:600;color:var(--ink-3)}
.partner-message{margin-top:15px;padding-left:13px;border-left:3px solid var(--oxide);font-size:clamp(14px,.95vw,17px);line-height:1.5;color:var(--ink-2);max-width:40ch}
.contact-links{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}
.contact-links a{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.36);font-family:var(--font-mono);font-size:clamp(12.5px,.82vw,14.5px);font-weight:700;color:var(--ink);transition:border-color .18s,background .18s}
.contact-links a:hover{border-color:var(--oxide);background:#FFF9ED}
.contact-links .ico{font-size:16px;color:var(--oxide)}
.contact-links span{display:flex;align-items:baseline;gap:7px;min-width:0}
.contact-links small{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:34px}
.scheduler{display:flex;flex-direction:column;padding:clamp(18px,2.4vw,28px);background:#FBF6EA;border:1px solid rgba(16,23,25,.22);border-radius:6px;box-shadow:0 24px 50px rgba(20,30,31,.12)}
.scheduler-head .kicker{margin-bottom:8px}
.scheduler-head h3{margin-top:2px;font-size:clamp(26px,2.1vw,36px);line-height:.95;color:var(--ink)}
.scheduler-head p{margin-top:9px;font-size:clamp(13px,.9vw,15px);line-height:1.45;color:var(--ink-3);max-width:42ch}
.quick-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.quick-time{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px;border:1px solid rgba(16,23,25,.2);border-radius:4px;background:#F2E8D8;text-align:left;transition:border-color .18s,background .18s}
.quick-time:hover,.quick-time:focus-visible{border-color:var(--oxide);background:#FFF9ED}
.quick-time span{font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.quick-time b{font-size:15px;color:var(--ink)}
.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.time-fields label{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.time-fields label span{color:var(--muted);font-size:8px}
.time-fields input{width:100%;min-height:42px;padding:7px 9px;border:1px solid rgba(16,23,25,.24);border-radius:4px;background:#FFFCF5;font-family:var(--font-mono);font-size:12px;color:var(--ink);color-scheme:light}
.field-help{margin-top:6px;font-size:11px;line-height:1.35;color:var(--oxide)}
.email-cta{width:100%;margin-top:12px;min-height:48px;background:var(--oxide);color:#FFF9EF;border-color:var(--oxide)}
.email-cta:hover{background:#7D1D18}
.scheduler-list{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(16,23,25,.15)}
.scheduler-list li{position:relative;padding-left:12px;font-size:clamp(11.5px,.76vw,13px);line-height:1.38;color:var(--muted)}
.scheduler-list li::before{content:'';position:absolute;left:0;top:.55em;width:4px;height:4px;background:var(--oxide);border-radius:50%}
.close-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:11px;border-top:1px solid var(--line);flex:none}
.close-brand{display:flex;align-items:center;gap:10px;min-width:0}
.close-brand img{height:26px;width:auto}
.close-brand span{font-family:var(--font-mono);font-size:9.5px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.close-footer p{font-family:var(--font-mono);font-size:10px;line-height:1.35;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:center}
.close-footer>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}

/* ------------------------------------------------------------------ index */
.index-overlay{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:24px;background:rgba(3,13,18,.9);backdrop-filter:blur(10px)}
.index-panel{width:min(1120px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;padding:clamp(20px,3vw,38px);background:#0A1C24;border:1px solid rgba(215,233,235,.2);border-radius:8px;box-shadow:0 40px 120px rgba(0,0,0,.55)}
.index-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(215,233,235,.15)}
.index-head .kicker{color:#AFC4C7}
.index-head h2{margin-top:6px;font-size:clamp(44px,4.8vw,70px);color:#FBF8F0}
.index-close{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(215,233,235,.24);border-radius:50%;color:#F8F4E9}
.index-close:hover,.index-close:focus-visible{background:var(--safety);color:#101719;border-color:var(--safety)}
.index-close .ico{font-size:20px}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.index-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:132px;padding:15px;border:1px solid rgba(215,233,235,.15);border-radius:4px;background:rgba(255,255,255,.025);text-align:left;transition:background .18s,border-color .18s}
.index-card:hover,.index-card:focus-visible{background:rgba(243,165,28,.09);border-color:rgba(243,165,28,.58)}
.index-card.is-current{border-color:var(--safety);background:rgba(243,165,28,.07)}
.index-card span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--safety)}
.index-card b{margin-top:8px;font-family:var(--font-display);font-size:26px;font-weight:800;line-height:.96;text-transform:uppercase;color:#FBF8F0}
.index-card small{margin-top:auto;padding-top:10px;font-size:12px;line-height:1.35;color:#A8BFC2}
.index-foot{display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding-top:13px;border-top:1px solid rgba(215,233,235,.15);font-family:var(--font-mono);font-size:9px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:#8FA9AD}

/* ------------------------------------------------------------------ transition fx */
.fx{position:fixed;inset:0;z-index:240;pointer-events:none;overflow:hidden;visibility:hidden}
.fx.is-boom{visibility:visible}
.fx-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(0,0,0,.85) 100%)}
.fx.is-boom .fx-vignette{animation:fx-vignette 900ms ease both}
.fx-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--ox,65%) var(--oy,50%),#FFF8E7 0%,#FFD27A 13%,rgba(243,165,28,.4) 32%,transparent 67%)}
.fx.is-boom .fx-flash{animation:fx-flash 620ms ease-out both}
.fx-ring{position:absolute;left:var(--ox,65%);top:var(--oy,50%);width:6px;height:6px;border-radius:50%;border:2px solid rgba(255,207,112,.8);opacity:0;transform:translate(-50%,-50%)}
.fx.is-boom .fx-ring.one{animation:fx-ring 760ms cubic-bezier(.1,.6,.2,1) 80ms both}
.fx.is-boom .fx-ring.two{animation:fx-ring 900ms cubic-bezier(.1,.6,.2,1) 160ms both;border-color:rgba(255,255,255,.35)}
.fx-beam{position:absolute;z-index:8;left:-30%;top:var(--oy,50%);width:160%;height:clamp(46px,6vw,92px);transform:translateY(-50%) rotate(-4deg) translateX(-65%);opacity:0;background:linear-gradient(180deg,#1A3038 0%,#93A7AA 14%,#FFF3D2 39%,#FFC45A 48%,#F3A51C 52%,#7E2B1D 63%,#0B1C23 100%);clip-path:polygon(0 16%,97% 0,100% 25%,4% 42%,100% 57%,97% 100%,0 84%);box-shadow:0 0 76px rgba(255,156,36,.7);filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}
.fx.is-boom .fx-beam{animation:fx-beam 650ms cubic-bezier(.2,.8,.16,1) 90ms both}
.fx-beam i{position:absolute;left:0;right:0;top:48%;height:3px;background:#FFF7D6;box-shadow:0 0 18px 5px rgba(255,192,74,.8)}
.fx-shards,.fx-sparks,.fx-dust{position:absolute;inset:0;z-index:6}
.fx-shard{position:absolute;left:var(--ox);top:var(--oy);width:var(--w);height:var(--h);background-image:url('assets/sign-face-texture.png');background-repeat:no-repeat;background-size:var(--bgs);background-position:var(--bgx) var(--bgy);clip-path:polygon(var(--poly));opacity:0;will-change:transform,opacity;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(255,183,65,.16))}
.fx-shard.fx-rim{background-image:linear-gradient(135deg,#73878b 0%,#263c43 22%,#F3A51C 46%,#8E4005 54%,#0A1D25 84%);background-size:100% 100%;box-shadow:inset 0 0 10px rgba(255,196,76,.24)}
.fx.is-boom .fx-shard{animation:fx-shard var(--dur) cubic-bezier(.15,.75,.2,1) var(--delay) both}
.fx-spark{position:absolute;left:var(--ox);top:var(--oy);width:2px;height:var(--len);background:linear-gradient(180deg,#FFF9DB,#FFB23F 45%,transparent);transform-origin:top;opacity:0;will-change:transform,opacity}
.fx.is-boom .fx-spark{animation:fx-spark var(--dur) cubic-bezier(.15,.8,.25,1) var(--delay) both}
.fx-smoke{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(210,193,160,.22),rgba(210,193,160,0) 68%);filter:blur(4px)}
.fx.is-boom .fx-smoke{animation:fx-smoke 900ms ease-out both}
.fx.is-seam{visibility:visible}
.fx.is-seam .fx-beam{animation:fx-seam 540ms cubic-bezier(.2,.8,.2,1) both;opacity:1;height:clamp(18px,2.4vw,36px);background:linear-gradient(180deg,transparent,rgba(255,196,76,.8) 45%,#FFF7DA 49%,#F3A51C 54%,transparent);filter:blur(.2px) drop-shadow(0 0 12px rgba(243,165,28,.6))}
.fx.is-seam .fx-flash{animation:fx-seamflash 420ms ease-out both}
.fx.is-seam .fx-vignette{opacity:.3}
.fx.is-seam .fx-shard,.fx.is-seam .fx-spark{display:none}
@keyframes fx-vignette{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}
@keyframes fx-flash{0%{opacity:0}16%{opacity:1}70%{opacity:.35}100%{opacity:0}}
@keyframes fx-ring{0%{opacity:.9;width:6px;height:6px}100%{opacity:0;width:130vmax;height:130vmax;border-width:1px}}
@keyframes fx-beam{0%{opacity:0;transform:translateY(-50%) rotate(-4deg) translateX(-60%)}10%{opacity:1}74%{opacity:1}100%{opacity:0;transform:translateY(-50%) rotate(-4deg) translateX(58%)}}
@keyframes fx-seam{0%{opacity:0;transform:translateY(-50%) rotate(-2deg) translateX(-110%)}20%{opacity:1}100%{opacity:0;transform:translateY(-50%) rotate(-2deg) translateX(110%)}}
@keyframes fx-seamflash{0%{opacity:0}25%{opacity:.3}100%{opacity:0}}
@keyframes fx-shard{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.4)}10%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(var(--scale))}}
@keyframes fx-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scaleY(.2)}14%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(var(--travel)) scaleY(1)}}
@keyframes fx-smoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:.45}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(2.4)}}
@keyframes deck-shake{0%,100%{transform:translate(0)}12%{transform:translate(-8px,3px)}24%{transform:translate(7px,-4px)}36%{transform:translate(-5px,2px)}48%{transform:translate(4px,3px)}62%{transform:translate(-2px,-2px)}76%{transform:translate(1px,1px)}}
body.is-booming .deck{animation:deck-shake 620ms 80ms cubic-bezier(.36,.07,.19,.97) both}
body.is-booming .chrome-top,body.is-booming .chrome-bottom{animation:deck-shake 500ms 100ms cubic-bezier(.36,.07,.19,.97) both}
.slide.boom-in{animation:slide-boom-in 540ms cubic-bezier(.16,.84,.28,1) both}
@keyframes slide-boom-in{0%{opacity:.4;transform:scale(1.018)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.slide.seam-in{animation:slide-seam-in 420ms cubic-bezier(.2,.7,.2,1) both}
@keyframes slide-seam-in{0%{opacity:.5;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}

/* ------------------------------------------------------------------ lightbox */
.lightbox{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:30px;background:rgba(3,13,18,.92);backdrop-filter:blur(8px)}
.lightbox figure{width:min(1400px,100%);max-height:calc(100dvh - 60px);display:flex;flex-direction:column;gap:10px}
.lightbox img{width:100%;max-height:calc(100dvh - 120px);object-fit:contain;border:1px solid rgba(215,233,235,.2);border-radius:4px;background:#fff}
.lightbox figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#C5D7D9;text-align:center}
.lightbox-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(215,233,235,.28);border-radius:50%;color:#fff}
.lightbox-close:hover{background:var(--safety);color:#111}
.noscript-note{position:fixed;bottom:0;left:0;right:0;z-index:300;padding:12px;background:#111;color:#fff;text-align:center;font-size:14px}

/* ------------------------------------------------------------------ responsive */
@media screen and (max-width:1200px){
  :root{--gutter:clamp(22px,3.2vw,44px)}
  .chrome-context{display:none}
  .chrome-top{grid-template-columns:1fr auto}
  .chrome-actions{grid-column:2}
  .rail{display:none}
  .concept-stage{grid-template-columns:minmax(0,1fr) 168px;gap:16px}
  .concept-home{min-height:320px}
  .concept-sectors{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .sector-note{display:none}
  .system-card p{font-size:14px}
  .close-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)}
  .partner-column{grid-template-columns:minmax(130px,.38fr) minmax(0,.62fr)}
}
@media screen and (max-width:980px){
  :root{--chrome-h:60px;--bottom-h:62px;--t-h2:clamp(42px,6vw,64px);--t-body:16px;--t-lead:17px}
  .brand-logo{width:92px;height:40px}
  .brand-partner{font-size:9.5px}
  .chrome-bottom{grid-template-columns:1fr auto;padding:0 16px}
  .bottom-context,.bottom-legal{display:none}
  .bottom-nav{grid-column:1/-1;justify-self:center}
  .deck{top:calc(var(--chrome-h) + 3px)}
  .slide-inner{padding:24px var(--gutter) 28px}
  .slide-heading,.slide-audit .slide-heading,.slide-gap .slide-heading,.slide-concept .slide-heading,.slide-system .slide-heading,.slide-proof .slide-heading,.slide-roadmap .slide-heading,.slide-engagement .slide-heading,.slide-close .slide-heading{grid-template-columns:1fr!important;gap:15px;align-items:start}
  .heading-aside{max-width:66ch}
  .slide-heading h2{margin-top:9px}
  .cover-grid{grid-template-columns:1fr}
  .cover-copy{padding:38px var(--gutter) 24px;justify-content:flex-start}
  .cover-copy h1{max-width:12ch}
  .cover-lead{max-width:56ch}
  .cover-stage{min-height:360px;border-left:0;border-top:1px solid rgba(221,236,238,.14)}
  .cover-foot{flex-wrap:wrap;gap:8px 18px;padding:10px var(--gutter)}
  .cover-foot span:nth-child(2){display:none}
  .audit-grid,.proof-layout,.close-grid{grid-template-columns:1fr;flex:none}
  .audit-grid{flex:none}
  .site-frame{max-width:640px}
  .findings{margin-top:14px}
  .gap-layout{grid-template-columns:1fr;flex:none}
  .gap-arrow{flex-direction:row;gap:14px;padding:4px 0}
  .gap-number{font-size:52px}
  .gap-arrow .ico{transform:rotate(90deg)}
  .path-card{padding:18px}
  .gap-payoff{margin-top:6px}
  .concept-stage{grid-template-columns:1fr;flex:none}
  .phone-concept{display:none}
  .concept-callouts{margin-top:0}
  .system-grid{grid-template-columns:1fr 1fr;flex:none}
  .system-card{min-height:220px}
  .engagement-grid{grid-template-columns:1fr;flex:none}
  .tier{min-height:0}
  .tier-lead{min-height:0}
  .tier ul{display:grid;grid-template-columns:1fr 1fr}
  .roadmap{flex:none}
  .roadmap-row{grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:12px}
  .roadmap-owner{grid-column:2;flex-direction:row;align-items:center;gap:7px}
  .roadmap-owner span{display:none}
  .partner-column{grid-template-columns:minmax(150px,.34fr) minmax(0,.66fr)}
  .portrait-frame{max-width:240px}
  .scheduler{margin-top:2px}
  .close-footer{flex-wrap:wrap;gap:8px 16px}
  .close-footer p{order:3;text-align:left;flex-basis:100%}
  .index-grid{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:700px){
  :root{--gutter:18px;--safe-top:env(safe-area-inset-top,0px);--chrome-h:calc(56px + var(--safe-top));--bottom-h:calc(62px + env(safe-area-inset-bottom));--t-h2:clamp(40px,11vw,58px);--t-lead:16px;--t-body:16px;--t-small:12.5px}
  body{overscroll-behavior:none}
  .progress{height:2px}
  .chrome-top{top:0;height:var(--chrome-h);padding:var(--safe-top) 12px 0;gap:8px}
  .brand-lockup{gap:8px}
  .brand-logo{width:74px;height:36px}
  .brand-partner{font-size:9px;letter-spacing:.04em}
  .brand-partner i{margin-right:2px}
  .chrome-actions{gap:8px}
  .chrome-btn{min-height:38px;padding:5px 8px;font-size:10px;gap:5px}
  .chrome-btn .ico{font-size:14px}
  .chrome-count{font-size:10px}
  .chrome-bottom{height:var(--bottom-h);padding:0 8px calc(env(safe-area-inset-bottom));background:#06151D}
  .bottom-nav{width:100%;justify-content:space-between;gap:4px;padding:4px}
  .bottom-nav button{padding:6px 12px;font-size:11px}
  .bottom-count{font-size:11px;min-width:62px}
  .deck{top:calc(var(--chrome-h) + 2px);bottom:var(--bottom-h)}
  .slide-inner{padding:20px 18px 24px;gap:16px}
  h1{font-size:clamp(54px,14.8vw,78px)}
  h2{font-size:var(--t-h2)}
  .kicker{font-size:11px;letter-spacing:.075em}
  .kicker::before{width:14px}
  .lead{font-size:16px}
  .cover-copy{padding:28px 18px 22px}
  .cover-copy h1{margin-top:14px}
  .cover-lead{margin-top:14px;font-size:16px}
  .cover-actions{margin-top:16px}
  .cover-actions .btn{width:100%;justify-content:space-between}
  .cover-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:18px}
  .cover-facts li{min-width:0}
  .cover-facts b{font-size:14px;white-space:normal}
  .cover-byline{margin-top:18px}
  .cover-stage{min-height:310px}
  .stage-topline{top:14px;left:14px;right:14px;font-size:8px}
  .stage-caption{bottom:30px;left:16px}
  .stage-caption p{font-size:9px}
  .stage-hint{display:none}
  .cover-foot{font-size:8px;padding:9px 18px;line-height:1.3}
  .slide-note{flex-direction:column;gap:5px}
  .slide-note span{font-size:9px}
  .heading-aside{gap:10px}
  .source-pill{font-size:9px}
  .site-frame{max-width:100%}
  .pin{font-size:8px;padding:4px 5px;gap:4px}
  .pin i{width:13px;height:13px;font-size:8px}
  .findings li{grid-template-columns:52px minmax(0,1fr);column-gap:10px;padding:12px 0}
  .finding-head{width:52px}
  .findings h3{font-size:16px}
  .findings p{font-size:14px}
  .findings small{font-size:8px}
  .path-card{padding:15px}
  .path-list li{padding:12px 0}
  .path-list b{font-size:15px}
  .path-list p{font-size:13.5px}
  .gap-payoff{align-items:flex-start;padding:12px}
  .gap-payoff p{font-size:14px}
  .gap-payoff p span{display:block;margin-bottom:5px}
  .concept-heading h2{font-size:clamp(40px,10.5vw,54px)}
  .browser-chrome{min-height:32px;grid-template-columns:auto 1fr;gap:6px}
  .concept-flag{display:none}
  .browser-address{font-size:8.5px;padding:3px 7px}
  .concept-nav{padding:10px 11px;gap:8px;flex-wrap:wrap}
  .concept-brand img{width:44px;height:34px}
  .concept-brand span{font-size:13px}
  .concept-brand small{font-size:7px}
  .concept-tabs{justify-content:flex-start;gap:1px;width:100%;overflow-x:auto;padding-bottom:2px}
  .concept-tab{font-size:11.5px;padding:7px 8px}
  .concept-call{font-size:8px;padding:6px 7px;margin-left:auto}
  .concept-panel{padding:12px}
  .concept-home{grid-template-columns:1fr;height:auto;min-height:0;gap:12px}
  .concept-home-copy{padding:4px 0 0}
  .concept-home-photo{height:180px;min-height:180px;order:-1;border-radius:3px;overflow:hidden}
  .concept-home h3{font-size:30px}
  .concept-home-copy>p{font-size:12px}
  .concept-cred{gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #DDD2C0}
  .concept-sectors{grid-template-columns:1fr;gap:6px}
  .concept-sectors span{font-size:8px}
  .sector-intro{display:none}
  .projects-head{flex-direction:column;align-items:flex-start;gap:8px}
  .projects-head h3{font-size:27px}
  .project-grid{grid-template-columns:1fr;grid-template-rows:none;gap:7px}
  .filter-btn{font-size:11px;padding:7px 10px}
  .project-grid figcaption b{font-size:10px}
  .project-grid figcaption span{font-size:9px}
  .concept-home-copy>p{font-size:13.5px}
  .project-grid figure{height:150px;min-height:0}
  .project-cta{flex-wrap:wrap}
  .project-cta span{margin-right:0;flex-basis:100%}
  .start-layout{grid-template-columns:1fr;gap:14px}
  .start-intro h3{font-size:30px}
  .start-form{grid-template-columns:1fr}
  .form-wide{grid-column:1}
  .start-form select,.start-form input,.start-form textarea{font-size:14px;min-height:40px}
  .concept-callouts{grid-template-columns:1fr;gap:7px}
  .concept-callouts div{padding:9px 10px}
  .concept-callouts p{font-size:12.5px}
  .system-grid{grid-template-columns:1fr;gap:8px}
  .system-card{min-height:0;padding:15px}
  .system-card p{font-size:14px}
  .compare-stage{min-height:200px}
  .compare-figure figcaption{flex-direction:column;gap:4px;font-size:8px}
  .proof-copy li{grid-template-columns:30px 1fr}
  .roadmap-axis{display:none}
  .roadmap-row{grid-template-columns:1fr;gap:8px;padding:13px 0}
  .roadmap-label{grid-template-columns:auto 1fr;gap:0 9px}
  .roadmap-label h3{font-size:22px}
  .roadmap-bar{height:auto;min-height:48px}
  .bar-text{padding:9px 10px;font-size:12.5px}
  .launch-marker{top:-9px;right:5px;font-size:7px}
  .roadmap-owner{grid-column:1;padding-left:45px}
  .roadmap-evidence{grid-template-columns:1fr;gap:0;margin-bottom:10px}.roadmap-evidence img{height:150px;min-height:150px}.roadmap-evidence figcaption{padding:10px 12px 12px}.roadmap-evidence p{font-size:13px}
  .handoff{gap:8px 14px;padding:11px}
  .handoff>span:not(.handoff-title){font-size:12px}
  .engagement-grid{gap:8px}
  .tier{padding:16px}
  .tier ul{grid-template-columns:1fr}
  .tier h3{font-size:25px}
  .close-grid{gap:18px;flex:none}
  .partner-column{grid-template-columns:1fr;gap:14px}
  .portrait-frame{max-width:280px}
  .portrait-frame img{aspect-ratio:1/1;object-position:center 20%}
  .partner-copy h3{font-size:42px}
  .partner-message{font-size:15px}
  .scheduler{padding:16px}
  .scheduler-head h3{font-size:27px}
  .quick-times{grid-template-columns:1fr 1fr}
  .time-fields{grid-template-columns:1fr 1fr}
  .close-footer{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:100%;min-width:0;gap:8px;overflow-wrap:anywhere}
  .close-footer p,.close-footer .close-brand,.close-footer>span{width:100%;min-width:0;white-space:normal}
  .close-footer p{order:3;text-align:left;font-size:10px;line-height:1.45}
  .close-footer .close-brand{flex-wrap:wrap}
  .index-overlay{padding:10px}
  .index-panel{max-height:calc(100dvh - 20px);padding:17px}
  .index-head h2{font-size:44px}
  .index-grid{grid-template-columns:1fr 1fr;gap:6px}
  .index-card{min-height:122px;padding:11px}
  .index-card b{font-size:23px}
  .index-card small{font-size:11px}
  .index-foot{flex-direction:column;gap:5px}
}
@media screen and (max-width:420px){
  .brand-partner{font-size:8px}
  .brand-logo{width:66px;height:34px}
  .chrome-btn span{display:none}
  .chrome-actions{gap:10px}
  .cover-facts{grid-template-columns:1fr 1fr}
  .cover-facts b{font-size:13px}
  .concept-call{display:none}
  .concept-home-photo{min-height:160px}
  .start-form label{font-size:8px}
  .quick-times{grid-template-columns:1fr}
  .time-fields{grid-template-columns:1fr}
  .index-grid{grid-template-columns:1fr}
}
@media screen and (max-width:1440px) and (min-width:981px){
  .site-hero-copy{bottom:12px}
  .site-hero h3{font-size:40px}
  .site-hero-copy>p{font-size:11.5px;line-height:1.4}
  .site-actions{margin-top:10px}
  .site-hero-copy .micro-label{font-size:8px}
}
@media screen and (max-height:800px) and (min-width:981px){
  .browser-editorial{height:500px}
}
@media screen and (max-height:700px) and (min-width:981px){
  :root{--chrome-h:60px;--bottom-h:52px}
  .cover-copy h1{font-size:clamp(58px,6.2vw,92px)}
  .cover-lead{font-size:17px}
  .cover-copy{padding-top:26px;padding-bottom:18px}
  .slide-inner{padding-top:20px;padding-bottom:18px;gap:13px}
  .slide-heading h2{font-size:clamp(40px,3.6vw,64px)}
  .lead{font-size:16px;line-height:1.42}
  .system-card{padding:14px}
  .system-card p{font-size:13.5px}
  .tier{padding:17px}
  .tier-lead{min-height:0}
  .concept-home{min-height:260px}
  .concept-home-copy>p{font-size:11.5px}
  .concept-callouts div{padding:8px 10px}
  .concept-callouts p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .fx{display:none!important}
  .slide.boom-in,.slide.seam-in{animation:none!important}
}


/* ================================================================== 2026-10 motion pass / editorial concept */
/* The deck header is one continuous warm-bone surface. The authentic alpha
   mark sits directly on it; there is no rounded logo tile behind it. */
.chrome-top{background:#EDE4D5;border-bottom-color:rgba(16,23,25,.22);box-shadow:0 10px 28px rgba(0,0,0,.13)}
.brand-lockup{gap:12px}
.brand-logo{display:block;width:104px;height:46px;object-fit:contain;object-position:left center;flex:none}
.brand-partner{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4C514D;white-space:nowrap}
.brand-partner i{font-family:var(--font-serif);font-style:normal;font-size:16px;line-height:1;color:var(--oxide);margin-right:5px;vertical-align:-1px}
.chrome-context{color:#39494B}
.chrome-btn{border-color:rgba(16,23,25,.25);color:#141B1C;border-radius:6px}
.chrome-btn:hover,.chrome-btn:focus-visible{background:rgba(154,44,37,.08);border-color:var(--oxide)}
.chrome-count{color:#161E1F}

/* Concept frame */
.concept-stage{grid-template-columns:minmax(0,1fr) clamp(190px,14vw,238px);gap:clamp(18px,2vw,28px);align-items:start;flex:0 0 auto;min-height:0}
.browser-editorial{display:flex;flex-direction:column;height:clamp(430px,60vh,610px);background:#F6EFE2;border-color:rgba(15,23,25,.34);box-shadow:0 30px 70px rgba(20,30,31,.18)}
.browser-editorial .browser-chrome{flex:none}
.site-page{display:flex;flex-direction:column;height:calc(100% - 35px);min-height:0;overflow:hidden;background:#F7F0E3;color:#162224}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:8px 18px;background:#F8F2E6;border-bottom:1px solid #DCD0BE}
.site-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:none}
.site-brand img{display:block;height:50px;width:auto;max-width:150px;object-fit:contain}
.site-brand span{font-family:var(--font-display);font-size:15px;font-weight:800;line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:#162224;white-space:nowrap}
.site-brand small{display:block;margin-top:4px;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:#667172;text-transform:uppercase}
.site-tabs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.site-tab{padding:7px 9px;border-radius:3px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:#465255;white-space:nowrap}
.site-tab:hover{background:#EDE4D4;color:#1B2324}
.site-tab.is-active{color:#7A241D;background:#EFE4D2;box-shadow:inset 0 -2px 0 #9A2C25}
.site-call{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;background:#9A2C25;border-radius:3px;color:#FFF8EE;font-family:var(--font-mono);font-size:9.5px;font-weight:700;white-space:nowrap}
.site-panels{flex:1;min-height:0;overflow:hidden}
.site-panel{height:100%;min-height:0}
.site-panel[hidden]{display:none!important}
.site-panel.is-active{display:block}
.site-hero{position:relative;height:calc(100% - 146px);min-height:220px;overflow:hidden;background:#0A202A;color:#FBF6EA}
.site-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.site-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,23,.95) 0%,rgba(4,17,23,.78) 38%,rgba(4,17,23,.18) 73%,rgba(4,17,23,.56) 100%),linear-gradient(0deg,rgba(4,17,23,.65),transparent 55%)}
.site-hero-copy{position:absolute;z-index:2;left:clamp(16px,2vw,26px);bottom:clamp(16px,2.4vh,24px);width:min(57%,590px);display:flex;flex-direction:column;align-items:flex-start}
.site-hero-copy .micro-label{color:#FFC75C}
.site-hero h3{max-width:12ch;margin-top:9px;font-family:var(--font-display);font-size:clamp(36px,3.45vw,60px);font-weight:800;line-height:.88;text-transform:uppercase;letter-spacing:-.018em;color:#FBF6EA}
.site-hero h3 em{display:block;font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;font-size:1.04em;line-height:.9;color:#FFC55C;letter-spacing:-.02em}
.site-hero-copy>p{margin-top:11px;max-width:39ch;font-size:clamp(12px,.88vw,14px);line-height:1.46;color:#D8E2DF}
.site-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:8px 11px;background:#9A2C25;color:#FFF8EE;border-radius:3px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background .16s}
.site-btn:hover{background:#7D1D18}
.site-btn .ico{font-size:13px}
.site-link{font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#E4EEE9}
.site-factcard{position:absolute;z-index:3;right:clamp(14px,1.8vw,22px);bottom:clamp(14px,2ch,20px);width:min(30%,240px);padding:12px 14px;background:rgba(248,242,230,.95);color:#172426;border-top:3px solid #9A2C25;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.site-factcard .micro-label{color:#7F4A0B;font-size:8.5px}
.site-factcard>b{display:block;margin-top:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:#162224}
.site-factcard>p{margin-top:5px;font-size:10.5px;line-height:1.4;color:#4C5A5D}
.site-rule{display:block;width:32px;height:2px;margin:9px 0 8px;background:#9A2C25}
.site-photo-tag{position:absolute;z-index:2;right:clamp(14px,1.8vw,22px);top:14px;padding:5px 8px;background:rgba(6,21,29,.8);border:1px solid rgba(243,165,28,.4);border-radius:2px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#FFF5E0}
.site-inline-cred{display:none;margin-top:9px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:#FFD37A}
.site-lower{flex:none;height:146px;display:grid;grid-template-columns:1.05fr 1.45fr .9fr;gap:16px;align-items:center;padding:13px 18px;background:#F8F2E6;border-top:1px solid #DCD0BE}
.site-lower-copy .micro-label{font-size:8.5px;color:#7E4E11;margin-bottom:5px}
.site-lower h4{margin-top:2px;font-family:var(--font-display);font-size:clamp(22px,1.9vw,29px);font-weight:800;line-height:.92;text-transform:uppercase;color:#172426}
.site-lower h4 em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;color:#9A2C25}
.site-service-block{min-width:0}
.site-services{display:flex;flex-wrap:wrap;gap:4px}
.site-service{padding:6px 8px;border:1px solid #C8BBA5;border-radius:2px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#4E5B5E;background:#FBF6EA}
.site-service.is-active{background:#162224;border-color:#162224;color:#FFF7EA}
.site-service-block p{margin-top:8px;font-size:11px;line-height:1.4;color:#4A585A}
.site-lower-cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.site-lower-cta .site-btn,.site-lower-cta .site-link{font-size:8.5px}
.site-lower-cta .site-link{color:#3F4D50}
.site-source{font-family:var(--font-mono);font-size:7.5px;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;color:#7B898A}
.site-work{height:100%;padding:15px 18px 12px;display:flex;flex-direction:column;gap:10px;background:#F8F2E6}
.site-work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex:none}
.site-work-head .micro-label{color:#7E4E11;font-size:8.5px}
.site-work-head h4{margin-top:4px;font-family:var(--font-display);font-size:clamp(25px,2vw,34px);font-weight:800;line-height:.9;text-transform:uppercase;color:#172426}
.site-filters{display:flex;gap:4px}
.site-filter{padding:6px 10px;border:1px solid #C7BA9F;border-radius:2px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;color:#4F5B5E;background:#FBF6EA}
.site-filter.is-active{background:#162224;border-color:#162224;color:#FFF8EC}
.site-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0}
.site-work-card{position:relative;overflow:hidden;padding:0;background:#0A1D25;border:1px solid rgba(199,186,159,.7);border-radius:2px;text-align:left;min-height:0}
.site-work-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s var(--ease)}
.site-work-card:hover img,.site-work-card.is-selected img{transform:scale(1.035)}
.site-work-card.is-filtered{display:none}
.site-work-tag{position:absolute;left:8px;bottom:8px;right:8px;padding:5px 7px;background:rgba(7,22,29,.88);border-left:2px solid #F3A51C;color:#FFF9EC}
.site-work-tag b{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase}
.site-work-tag small{display:block;margin-top:2px;font-family:var(--font-mono);font-size:8px;color:#C5D5D5}
.site-work-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;border-top:1px solid #DCD0BE;flex:none}
.site-work-foot p{font-size:11px;line-height:1.35;color:#5A686B;max-width:65ch}
.site-work-foot .site-btn{font-size:8.5px;flex:none}
.site-start{height:100%;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;align-items:center;padding:18px 24px;background:#F8F2E6}
.site-start-copy .micro-label{color:#7E4E11;font-size:8.5px}
.site-start-copy h4{margin-top:7px;font-family:var(--font-display);font-size:clamp(35px,3vw,50px);font-weight:800;line-height:.87;text-transform:uppercase;color:#172426}
.site-start-copy h4 em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;color:#9A2C25}
.site-start-copy>p{margin-top:10px;font-size:12px;line-height:1.45;color:#4D5B5E;max-width:33ch}
.site-start-list{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:13px}
.site-start-list li{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;text-transform:uppercase;color:#2D3A3C}
.site-start-list .ico{color:#9A2C25;font-size:12px}
.site-disclaimer{margin-top:16px;padding-top:8px;border-top:1px solid #DCD0BE;font-family:var(--font-mono);font-size:8px;line-height:1.4;letter-spacing:.02em;color:#7B8789!important}
.site-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center;padding:12px;background:#FBF6EA;border:1px solid #DCD0BE;max-height:100%;overflow:auto}
.site-form label{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#526063}
.site-form select,.site-form input,.site-form textarea{width:100%;min-height:32px;padding:6px 7px;border:1px solid #C9BDA8;border-radius:2px;background:#FFFCF5;font-family:var(--font-body);font-size:10.5px;color:#1A2527}
.site-form textarea{resize:vertical;min-height:48px}
.site-form .form-wide{grid-column:1/-1}
.site-form .brief-output{padding:7px 8px;background:#F0E6D5;border-left:3px solid #9A2C25;font-family:var(--font-mono);font-size:8px;line-height:1.4;color:#4B5759}
.site-form .site-btn{justify-content:center;min-height:32px}
.site-form .preview-note{font-size:8.5px;line-height:1.4;color:#6D7A7C}

/* The phone is a photo-led companion, not a stack of text on a blank screen. */
.phone-concept{display:flex;flex-direction:column;align-items:center;padding-top:6px}
.phone-editorial{width:100%;max-width:218px;padding:7px;border:1px solid rgba(15,23,25,.4);border-radius:27px;background:#0A1B22;box-shadow:0 25px 55px rgba(17,29,31,.3)}
.phone-editorial .phone-status{padding:3px 10px 5px;background:#0A1B22;color:#C3D4D6;font-family:var(--font-mono);font-size:8px;border-radius:19px 19px 0 0}
.phone-screen-photo{position:relative;height:clamp(400px,51vh,550px);overflow:hidden;border-radius:21px;background:#0A202A;color:#fff}
.phone-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.phone-photo-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,23,.7) 0%,rgba(4,17,23,.06) 35%,rgba(4,17,23,.78) 100%)}
.phone-top{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:#F3EBDD;color:#162224}
.phone-top img{display:block;height:35px;width:auto;max-width:100px}
.phone-top span{font-family:var(--font-mono);font-size:7px;font-weight:700;text-transform:uppercase;color:#4D5B5D}
.phone-hero-copy{position:absolute;z-index:2;left:13px;right:13px;bottom:126px;color:#FFF9EC}
.phone-hero-copy>span{font-family:var(--font-mono);font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#FFC86A}
.phone-hero-copy b{display:block;margin-top:9px;font-family:var(--font-display);font-size:33px;font-weight:800;line-height:.82;letter-spacing:-.02em;text-transform:uppercase}
.phone-hero-copy p{margin-top:8px;font-size:9px;line-height:1.35;color:#D1E0DF;max-width:23ch}
.phone-footer{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:10px;background:rgba(5,19,25,.93);border-top:1px solid rgba(243,165,28,.4)}
.phone-cred{display:flex;justify-content:space-between;gap:6px;font-family:var(--font-mono);font-size:6.5px;letter-spacing:.02em;text-transform:uppercase;color:#B9CBCD}
.phone-cta2{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 8px;background:#F3A51C;color:#101A1C;border-radius:2px;font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase}
.phone-call2{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-mono);font-size:8px;color:#E6D3B9}
.phone-caption{margin-top:9px;font-family:var(--font-mono);font-size:8px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--muted)}
.concept-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);flex:none}
.concept-strip b{color:var(--oxide);margin-right:4px}
.concept-strip .strip-note{color:var(--muted);font-size:8px;text-align:right}

/* New concept responsive rules come last so they win over the earlier draft. */
@media screen and (max-width:1200px){
  .concept-stage{grid-template-columns:minmax(0,1fr) 190px;gap:16px}
  .site-brand img{height:44px;max-width:125px}
  .site-tab{font-size:9.5px;padding:6px 7px}
  .site-hero-copy{width:58%}
  .site-lower{grid-template-columns:1fr 1.4fr;height:154px}
  .site-lower-cta{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}
  .site-source{margin-left:auto}
}
@media screen and (max-width:980px){
  .concept-stage{grid-template-columns:1fr;flex:none}
  .browser-editorial{height:auto}
  .site-page{height:auto;min-height:0}
  .site-panels{overflow:visible}
  .site-panel{height:auto}
  .site-hero{height:390px;min-height:0}
  .site-lower{height:auto;grid-template-columns:1fr 1fr;padding:14px 18px;gap:12px}
  .site-lower-cta{grid-column:1/-1;flex-direction:row;align-items:center}
  .site-source{margin-left:auto}
  .site-work{height:auto}
  .site-work-grid{height:270px;flex:none}
  .site-start{height:auto;padding:18px 20px}
  .phone-concept{display:flex;margin-top:16px}
  .phone-editorial{max-width:220px}
  .phone-screen-photo{height:430px}
  .site-factcard{width:31%}
}
@media screen and (max-width:700px){
  .concept-stage{grid-template-columns:1fr;gap:14px}
  .browser-editorial{border-radius:4px}
  .browser-editorial .browser-chrome{grid-template-columns:auto 1fr;gap:6px}
  .browser-editorial .concept-flag{display:none}
  .site-nav{padding:9px 10px;gap:8px;flex-wrap:wrap}
  .site-brand{flex:1}
  .site-brand img{height:34px;max-width:92px}
  .site-brand span{font-size:12px}
  .site-brand small{font-size:7px}
  .site-tabs{width:100%;justify-content:flex-start;overflow-x:auto;gap:1px;padding-bottom:2px}
  .site-tab{font-size:10px;padding:7px 7px}
  .site-call{display:none}
  .site-hero{height:380px}
  .site-hero-copy{left:15px;bottom:14px;width:calc(100% - 30px)}
  .site-hero h3{font-size:38px}
  .site-hero-copy>p{font-size:12px;max-width:35ch}
  .site-factcard{display:none}
  .site-inline-cred{display:block;font-size:8px;line-height:1.4}
  .site-photo-tag{font-size:7.5px;right:12px;top:10px;max-width:calc(100% - 24px)}
  .site-lower{grid-template-columns:1fr;gap:10px;padding:13px 12px;height:auto}
  .site-lower-copy h4{font-size:27px}
  .site-service-block p{font-size:12px}
  .site-services{flex-wrap:wrap}
  .site-service{font-size:9px}
  .site-lower-cta{grid-column:auto;flex-wrap:wrap;gap:9px}
  .site-lower-cta .site-btn,.site-lower-cta .site-link{font-size:9px}
  .site-source{font-size:7.5px;margin-left:0}
  .site-work{padding:13px 11px}
  .site-work-head{flex-direction:column;align-items:flex-start;gap:8px}
  .site-work-head h4{font-size:29px}
  .site-work-grid{grid-template-columns:1fr;height:auto;gap:7px}
  .site-work-card{height:180px}
  .site-work-foot{flex-direction:column;align-items:flex-start;gap:8px}
  .site-work-foot p{font-size:12px}
  .site-work-foot .site-btn{font-size:9px}
  .site-start{grid-template-columns:1fr;gap:14px;padding:14px 12px}
  .site-start-copy h4{font-size:35px}
  .site-start-copy>p{font-size:13px}
  .site-form{grid-template-columns:1fr;gap:8px;padding:10px;max-height:none;overflow:visible}
  .site-form label{font-size:8.5px}
  .site-form select,.site-form input,.site-form textarea{font-size:14px;min-height:40px}
  .site-form .form-wide{grid-column:1}
  .site-form .brief-output{font-size:8.5px}
  .site-form .site-btn{min-height:38px;font-size:9px}
  .phone-concept{margin-top:13px;padding-top:0}
  .phone-editorial{max-width:190px}
  .phone-screen-photo{height:370px}
  .phone-hero-copy{left:10px;right:10px;bottom:112px}
  .phone-hero-copy b{font-size:28px}
  .phone-hero-copy p{font-size:8px}
  .phone-footer{padding:8px;gap:5px}
  .phone-top{padding:5px 7px}
  .phone-top img{height:30px;max-width:86px}
  .phone-caption{font-size:7.5px}
  .concept-strip{flex-direction:column;align-items:flex-start;gap:5px;font-size:8px;line-height:1.4}
  .concept-strip .strip-note{text-align:left;font-size:7.5px}
}
@media screen and (max-width:1440px) and (min-width:981px){
  .site-hero-copy{bottom:12px}
  .site-hero h3{font-size:40px}
  .site-hero-copy>p{font-size:11.5px;line-height:1.4}
  .site-actions{margin-top:10px}
  .site-hero-copy .micro-label{font-size:8px}
}
@media screen and (max-height:800px) and (min-width:981px){
  .browser-editorial{height:500px}
}
@media screen and (max-height:700px) and (min-width:981px){
  .browser-editorial{height:440px}
  .concept-stage{gap:14px}
  .site-brand img{height:42px}
  .site-nav{min-height:56px;padding:6px 14px}
  .site-hero{height:calc(100% - 134px)}
  .site-lower{height:134px;padding:9px 14px}
  .site-lower h4{font-size:22px}
  .site-service-block p{font-size:10px}
  .phone-screen-photo{height:400px}
}

/* ------------------------------------------------------------------ G5 whole-composition centering (review: slides 05/06/08/09)
   One structural wrapper holds the complete heading/body/note group and centers
   it between the fixed global masthead and footer. Auto block margins center the
   whole group when it fits the stage and resolve to zero when the content is
   taller, preserving natural top flow and scrolling. No font or scale changes. */
.slide-system .slide-inner,.slide-proof .slide-inner,.slide-engagement .slide-inner,.slide-close .slide-inner{gap:0}
.slide-flow{display:flex;flex-direction:column;gap:clamp(14px,2vh,24px);margin-block:auto;min-width:0}
@media screen and (max-width:700px){.slide-flow{gap:16px}}
@media screen and (max-height:700px) and (min-width:981px){.slide-flow{gap:13px}}