:root{--dk:#0D0D0D;--dk2:#111111;--am:#C9920A;--amh:#F5C832;--wh:#FFFFFF;--of:#E0E0E0;--mu:#AAAAAA;--di:#666666;--br:#242424;--br2:#2C2C2C;--fd:'Big Shoulders Display',sans-serif;--fb:'Work Sans',sans-serif;--fm:'JetBrains Mono',monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:var(--dk)}
body{font-family:var(--fb);color:var(--wh)}
.deck{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}
.slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .45s ease;overflow:hidden;padding:clamp(14px,3.2vw,48px)}
.slide.active{opacity:1;pointer-events:all;overflow-y:auto;justify-content:flex-start}
.slide .in{margin:auto 0}
.slide::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0}
.slide>*{position:relative;z-index:1}
.pbar{position:fixed;top:0;left:0;height:3px;background:var(--am);width:0%;transition:width .4s ease;z-index:100}
.sctr{position:fixed;bottom:80px;right:16px;font-family:var(--fm);font-size:11px;color:var(--wh);z-index:100;letter-spacing:.04em}
.nhint{position:fixed;bottom:18px;left:22px;font-family:var(--fm);font-size:11px;color:var(--di);z-index:100}
.nav-arrows{
  position:fixed;top:0;left:0;right:0;bottom:0;
  pointer-events:none;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
}
.nav-arr{
  pointer-events:auto;
  width:50px;height:100px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:rgba(255,255,255,.22);font-size:26px;
  background:rgba(255,255,255,.03);
  transition:background .2s,color .2s;
  user-select:none;-webkit-user-select:none;
}
#arr-prv{border-radius:0 10px 10px 0;border-right:1px solid rgba(255,255,255,.09);}
#arr-nxt{border-radius:10px 0 0 10px;border-left:1px solid rgba(255,255,255,.09);}
.nav-arr:hover{
  background:rgba(201,146,10,.15);
  color:var(--amh);
}
.nav-arr:active{background:rgba(201,146,10,.26);}
@media(max-width:480px){
  .nav-arr{width:36px;height:70px;font-size:19px;}
  .nhint{display:none;}
}
/* ── GOLD PILL NAVIGATION ── */
.nav-pill-wrap{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:200;display:flex;gap:10px;align-items:center;pointer-events:none}
.nav-pill-next,.nav-pill-prev{pointer-events:auto;border:none;border-radius:100px;cursor:pointer;font-family:var(--fd);font-weight:900;font-size:clamp(13px,1.5vw,16px);display:flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;white-space:nowrap;transition:transform .1s ease,opacity .2s ease}
.nav-pill-next{background:var(--am);color:#0D0D0D;padding:clamp(11px,1.4vw,14px) clamp(22px,3vw,32px);letter-spacing:.01em}
.nav-pill-next:active,.nav-pill-next.press{transform:scale(0.93)}
.nav-pill-prev{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.45);padding:clamp(11px,1.4vw,14px) clamp(16px,2vw,22px)}
.nav-pill-prev:active,.nav-pill-prev.press{transform:scale(0.93)}
/* Hide old side arrows */
.nav-arrows{display:none!important}
/* ── TOP-BAR (vchip + PDF btn grouped) ── */
.deck-top-bar{position:fixed;top:12px;right:16px;z-index:100;display:flex;align-items:center;gap:8px}
.vchip{background:rgba(209,161,14,.12);border:1px solid rgba(209,161,14,.3);border-radius:100px;padding:5px 14px;font-family:var(--fm);font-size:10px;color:var(--amh);letter-spacing:.04em;white-space:nowrap}
@keyframes fu{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes pa{0%,100%{box-shadow:0 0 0 0 rgba(209,161,14,0)}50%{box-shadow:0 0 0 14px rgba(209,161,14,.12)}}
.slide.active .a1{animation:fu .55s .08s ease both}
.slide.active .a2{animation:fu .55s .22s ease both}
.slide.active .a3{animation:fu .55s .36s ease both}
.slide.active .a4{animation:fu .55s .50s ease both}
.slide.active .a5{animation:fu .55s .64s ease both}
@media(prefers-reduced-motion:reduce){.slide.active [class^="a"]{animation:none;opacity:1}.slide{transition:none}}
.lbl{font-family:var(--fm);font-size:clamp(9px,.9vw,11px);color:var(--di);letter-spacing:.1em;text-transform:uppercase;margin-bottom:clamp(6px,.8vh,12px)}
.lbl.am{color:var(--am)}
h2{font-family:var(--fd);font-weight:900;line-height:.92;letter-spacing:-.02em}
.at{color:var(--amh)}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(209,161,14,.07);pointer-events:none}
/* S1 */
#s1 .in{max-width:900px;width:100%}
#s1 .lr{display:flex;align-items:center;gap:12px;margin-bottom:42px}
#s1 .mn{width:44px;height:44px;border-radius:50%;background:#1a1a1a;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}
#s1 .bn{font-family:var(--fd);font-size:clamp(18px,2.3vw,24px);font-weight:900}
#s1 h1{font-family:var(--fd);font-weight:900;line-height:.92;letter-spacing:-.025em;font-size:clamp(46px,8vw,104px);margin-bottom:20px}
#s1 .tg{font-size:clamp(12px,1.5vw,17px);color:var(--mu);margin-bottom:34px;max-width:560px;line-height:1.55}
#s1 .pp{display:inline-block;background:rgba(209,161,14,.1);border:1px solid rgba(209,161,14,.3);border-radius:100px;padding:7px 18px;font-size:12px;color:var(--amh);font-family:var(--fm)}
#s1 .vt{font-family:var(--fm);font-size:11px;color:var(--di);margin-top:10px}
#s1 .offer-kicker{font-family:var(--fm);font-size:clamp(10px,1.1vw,12px);color:var(--am);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
#s1 .offer-kicker strong{color:var(--amh)}
/* S2 — above-the-fold fit */
#s2 .in{max-width:900px;width:100%}
#s2 h2{font-size:clamp(28px,4.8vw,66px);margin-bottom:clamp(10px,1.4vh,20px);line-height:.9}
#s2 .pg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(7px,.9vh,13px);margin-bottom:clamp(8px,1.2vh,18px)}
#s2 .pc{background:var(--dk2);border:1px solid var(--br);border-radius:8px;padding:clamp(10px,1.4vh,16px) 14px}
#s2 .pn{font-family:var(--fd);font-weight:900;font-size:clamp(28px,3.8vw,52px);color:var(--amh);line-height:1;margin-bottom:clamp(3px,.5vh,6px)}
#s2 .pl{font-size:clamp(11px,1.2vw,14px);color:var(--mu);line-height:1.45}
#s2 .cq{border-left:3px solid var(--am);padding:clamp(9px,1.2vh,13px) 16px;background:rgba(209,161,14,.04);border-radius:0 6px 6px 0;font-size:clamp(11px,1.3vw,15px);color:var(--of);line-height:1.55}
/* S3 — territory model */
#s3 .in{max-width:960px;width:100%}
#s3 h2{font-size:clamp(26px,4.2vw,58px);margin-bottom:20px}
#s3 .trr{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}
#s3 .tr-layer{width:100%;background:rgba(209,161,14,.06);border:1px solid rgba(209,161,14,.2);border-radius:10px;padding:clamp(13px,1.8vw,20px) clamp(16px,2.2vw,28px);text-align:center}
#s3 .tr-connector{color:rgba(209,161,14,.45);font-size:22px;line-height:1;padding:4px 0}
#s3 .tr-badge{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);margin-bottom:5px}
#s3 .tr-badge.venue{color:#7EC8A0}
#s3 .tr-badge.nbhd{color:#7EB8E8}
#s3 .tr-badge.home{color:#E8A86A}
#s3 .tr-title{font-family:var(--fd);font-weight:900;font-size:clamp(15px,2vw,24px);color:var(--wh);margin-bottom:4px}
#s3 .tr-ex{font-style:italic;font-size:clamp(11px,1.1vw,13px);color:var(--am);margin-bottom:3px}
#s3 .tr-count{font-family:var(--fm);font-size:clamp(9px,.9vw,11px);letter-spacing:.05em;color:var(--di)}
#s3 .tr-split{width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
#s3 .tr-type{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:clamp(13px,1.8vw,18px) clamp(14px,2vw,20px);text-align:center}
#s3 .tr-or{font-family:var(--fm);font-size:10px;letter-spacing:.08em;color:var(--di);text-align:center;padding:0 4px}
#s3 .ins{font-size:clamp(12px,1.3vw,15px);color:var(--mu);line-height:1.65;margin-top:14px}
#s3 .ins strong{color:var(--wh)}
/* S3B — TWO PATHS */
#s3b .in{max-width:1020px;width:100%}
#s3b h2{font-size:clamp(28px,4.8vw,62px);margin-bottom:24px}
#s3b .tp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
#s3b .path{border-radius:12px;padding:clamp(18px,2.5vw,28px)}
#s3b .path.hard{background:rgba(180,40,40,.07);border:1px solid rgba(180,40,40,.2)}
#s3b .path.easy{background:rgba(209,161,14,.07);border:1px solid rgba(209,161,14,.28)}
#s3b .ph{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid}
#s3b .path.hard .ph{border-bottom-color:rgba(180,40,40,.2)}
#s3b .path.easy .ph{border-bottom-color:rgba(209,161,14,.2)}
#s3b .pico{font-size:clamp(22px,3vw,32px);flex-shrink:0}
#s3b .ptitle{font-family:var(--fd);font-weight:900;font-size:clamp(18px,2.2vw,28px);line-height:1}
#s3b .path.hard .ptitle{color:#CC5555}
#s3b .path.easy .ptitle{color:var(--amh)}
#s3b .psub{font-family:var(--fm);font-size:10px;letter-spacing:.06em;margin-top:3px}
#s3b .path.hard .psub{color:rgba(204,85,85,.6)}
#s3b .path.easy .psub{color:rgba(245,200,50,.5)}
#s3b .plist{list-style:none;display:flex;flex-direction:column;gap:10px}
#s3b .plist li{font-size:clamp(11px,1.3vw,14px);line-height:1.5;padding-left:20px;position:relative}
#s3b .path.hard .plist li{color:#AAAAAA}
#s3b .path.easy .plist li{color:var(--of)}
#s3b .plist li::before{position:absolute;left:0;font-size:12px}
#s3b .path.hard .plist li::before{content:'✗';color:#CC5555}
#s3b .path.easy .plist li::before{content:'✓';color:#5D9E6A}
#s3b .path.inaction .ptitle{color:rgba(180,180,180,.9)}
#s3b .path.inaction .psub{color:rgba(120,120,120,.8)}
#s3b .path.inaction .plist li{color:rgba(155,155,155,.85)}
#s3b .path.inaction .plist li::before{content:'→';color:rgba(150,150,150,.6)}
/* S4 */
#s4 .in{max-width:960px;width:100%}
#s4 h2{font-size:clamp(28px,4.8vw,64px);margin-bottom:5px}
#s4 .sb{font-size:clamp(12px,1.3vw,15px);color:var(--mu);margin-bottom:28px;line-height:1.5}
#s4 .st{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
#s4 .sp{position:relative}
#s4 .sn{font-family:var(--fd);font-weight:900;font-size:clamp(42px,5.5vw,72px);color:rgba(209,161,14,.14);line-height:1;position:absolute;top:-7px;left:-3px}
#s4 .sc{padding-top:36px}
#s4 .sti{font-family:var(--fd);font-weight:900;font-size:clamp(15px,1.9vw,25px);margin-bottom:8px}
#s4 .sbd{font-size:clamp(11px,1.2vw,14px);color:var(--mu);line-height:1.65}
#s4 .ar{position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--br2);font-size:17px}
#s4 .pn{margin-top:22px;padding:11px 17px;background:rgba(209,161,14,.06);border:1px solid rgba(209,161,14,.2);border-radius:6px;font-size:clamp(10px,1.1vw,13px);color:var(--amh);font-family:var(--fm);text-align:center;letter-spacing:.02em}
.step-fig{width:52px;height:44px;flex-shrink:0;display:block}
/* S5 */
#s5 .in{max-width:960px;width:100%}
#s5 h2{font-size:clamp(26px,4.4vw,58px);margin-bottom:5px}
#s5 .sb{font-size:clamp(10px,1.2vw,14px);color:var(--mu);margin-bottom:24px}
#s5 .pg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#s5 .sg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#s5 .sc{background:var(--dk2);border:1px solid var(--br);border-radius:7px;padding:16px 13px;text-align:center}
#s5 .sn{font-family:var(--fd);font-weight:900;font-size:clamp(22px,3.2vw,44px);color:var(--amh);line-height:1;margin-bottom:5px}
#s5 .sl{font-family:var(--fm);font-size:9px;color:var(--mu);letter-spacing:.06em;line-height:1.4;white-space:pre-line}
#s5 .sp{background:var(--dk2);border:1px solid var(--br);border-radius:9px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
#s5 .sna{font-family:var(--fm);font-size:11px;color:var(--am);margin-bottom:9px}
#s5 .sbd{font-size:clamp(11px,1.2vw,14px);color:var(--mu);line-height:1.7;flex:1;margin-bottom:12px}
#s5 .sbd strong{color:var(--wh)}
#s5 .ba{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--br);border-radius:6px;overflow:hidden;margin-top:10px}
#s5 .bc{padding:9px 11px}
#s5 .bc:first-child{border-right:1px solid var(--br)}
#s5 .bt{font-family:var(--fm);font-size:9px;color:var(--di);letter-spacing:.08em;margin-bottom:6px}
#s5 .bi{font-size:11px;color:var(--mu);margin-bottom:3px;padding-left:11px;position:relative}
#s5 .bi::before{content:'→';position:absolute;left:0;color:var(--am)}
#s5 .bi.ok::before{content:'✓';color:#5D9E6A}
#s5 .disc{font-family:var(--fm);font-size:9px;color:var(--di);line-height:1.5;margin-top:auto}
/* S6 */
#s6 .in{max-width:960px;width:100%}
#s6 h2{font-size:clamp(28px,4.8vw,66px);margin-bottom:5px}
#s6 .sb{font-size:clamp(11px,1.3vw,15px);color:var(--mu);margin-bottom:24px}
#s6 .vg{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:18px}
#s6 .vc{background:var(--dk2);border:1px solid var(--br);border-radius:7px;padding:15px 9px;text-align:center;transition:border-color .2s}
#s6 .vc.ac{border-color:var(--am);background:rgba(209,161,14,.06)}
#s6 .vi{font-size:19px;margin-bottom:6px}
#s6 .vn{font-family:var(--fm);font-size:9px;color:var(--mu);letter-spacing:.03em}
#s6 .vc.ac .vn{color:var(--amh)}
#s6 .ex{text-align:center;font-size:clamp(11px,1.3vw,14px);color:var(--di)}
#s6 .ex strong{color:var(--amh)}
/* S7 */
#s7 .in{max-width:1140px;width:100%}
#s7 h2{font-size:clamp(26px,4.3vw,56px);margin-bottom:5px}
#s7 .sb{font-size:clamp(11px,1.2vw,14px);color:var(--mu);margin-bottom:20px}
#s7 .pg{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
#s7 .pc{background:var(--dk2);border:1px solid var(--br);border-radius:9px;overflow:hidden}
#s7 .pc.ft{border-color:var(--am)}
#s7 .pt{padding:12px 10px 10px;border-bottom:1px solid var(--br)}
#s7 .pc.ft .pt{background:rgba(209,161,14,.06)}
#s7 .tb{font-family:var(--fm);font-size:8px;color:var(--di);letter-spacing:.08em;margin-bottom:3px}
#s7 .fb{display:inline-block;background:var(--am);color:var(--wh);font-family:var(--fm);font-size:8px;padding:2px 6px;border-radius:3px;margin-bottom:3px;letter-spacing:.05em}
#s7 .tn{font-family:var(--fd);font-weight:900;font-size:clamp(13px,1.5vw,18px);margin-bottom:2px}
#s7 .tpg{font-family:var(--fm);font-size:8px;color:var(--di)}
#s7 .pb{padding:9px 10px}
#s7 .sp{font-family:var(--fd);font-weight:900;font-size:clamp(15px,2vw,26px);color:var(--amh);line-height:1;margin-bottom:2px}
#s7 .sn{font-family:var(--fm);font-size:8px;color:var(--di);margin-bottom:6px}
#s7 .mp{font-size:clamp(10px,1vw,12px);font-weight:700;color:var(--wh);margin-bottom:1px}
#s7 .mn{font-family:var(--fm);font-size:8px;color:var(--di);margin-bottom:7px}
#s7 .ae{font-family:var(--fm);font-size:8px;color:var(--am);padding-top:6px;border-top:1px solid var(--br)}
#s7 .sv{margin-top:12px;padding:8px 13px;background:rgba(209,161,14,.06);border:1px solid rgba(209,161,14,.2);border-radius:5px;font-size:clamp(10px,1.1vw,12px);color:var(--amh);font-family:var(--fm);text-align:center;letter-spacing:.02em}
/* S8 */
#s8 .in{max-width:960px;width:100%}
#s8 h2{font-size:clamp(26px,4.3vw,56px);margin-bottom:24px}
#s8 table{width:100%;border-collapse:collapse;font-size:clamp(10px,1.2vw,13px)}
#s8 th{padding:9px 13px;font-family:var(--fm);font-size:clamp(8px,.9vw,10px);letter-spacing:.08em;border-bottom:2px solid var(--br2);text-align:left}
#s8 th:nth-child(2),#s8 th:nth-child(3){color:var(--di)}
#s8 th:nth-child(4){color:var(--am);background:rgba(209,161,14,.06);border-radius:4px 4px 0 0}
#s8 td{padding:9px 13px;border-bottom:1px solid var(--br);color:var(--mu)}
#s8 td:nth-child(4){background:rgba(209,161,14,.04);font-weight:600;color:var(--wh)}
#s8 td:first-child{color:var(--of);font-weight:500}
#s8 .ck{color:#5D9E6A}#s8 .cx{color:#CC5555}#s8 .cd{color:var(--br2)}
/* S9 */
#s9 .in{max-width:740px;width:100%;text-align:center}
#s9 .gi{font-size:clamp(34px,5.5vw,66px);margin-bottom:18px;display:block}
#s9 h2{font-size:clamp(28px,4.8vw,64px);margin-bottom:16px}
#s9 .gn{display:inline-block;background:var(--am);color:var(--wh);font-family:var(--fm);font-size:clamp(9px,1vw,12px);padding:7px 17px;border-radius:100px;letter-spacing:.06em;margin-bottom:20px}
#s9 .gb{font-size:clamp(13px,1.5vw,17px);color:var(--mu);line-height:1.72;max-width:620px;margin:0 auto 20px}
#s9 .gb strong{color:var(--wh)}
#s9 .gp{font-family:var(--fm);font-size:clamp(9px,1.1vw,12px);color:var(--am);border:1px solid rgba(209,161,14,.3);border-radius:100px;padding:7px 17px;display:inline-block}
/* S10 */
#s10 .in{max-width:820px;width:100%}
#s10 h2{font-size:clamp(32px,5.3vw,76px);margin-bottom:20px}
#s10 .dc{font-size:clamp(12px,1.4vw,17px);color:var(--mu);line-height:1.7;margin-bottom:28px;max-width:640px}
#s10 .dc strong{color:var(--wh)}
#s10 .cb{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#s10 .btn{display:inline-block;background:var(--am);color:var(--wh);font-weight:700;font-size:clamp(12px,1.4vw,15px);padding:clamp(12px,1.4vw,16px) clamp(20px,2.8vw,32px);border-radius:7px;text-decoration:none;animation:pa 2s infinite;letter-spacing:.01em}
#s10 .btn-deploy{display:inline-block;background:transparent;color:var(--amh);font-weight:700;font-size:clamp(11px,1.3vw,14px);padding:clamp(11px,1.3vw,15px) clamp(18px,2.5vw,28px);border-radius:7px;text-decoration:none;border:1px solid rgba(209,161,14,.4);letter-spacing:.01em;transition:border-color .2s,background .2s}
#s10 .btn-deploy:hover{border-color:var(--am);background:rgba(209,161,14,.06)}
#s10 .sc{font-family:var(--fm);font-size:clamp(9px,1.1vw,11px);color:var(--di);line-height:1.65}
#s10 .sc strong{color:var(--amh)}
#s10 .cr{margin-top:26px;padding-top:20px;border-top:1px solid var(--br);display:flex;gap:32px;flex-wrap:wrap}
#s10 .cl{font-family:var(--fm);font-size:9px;color:var(--di);letter-spacing:.08em;margin-bottom:3px}
#s10 .cv{font-size:clamp(11px,1.3vw,14px);color:var(--amh)}

/* ══════════════════════════════════════════════
   TABLET  — 481px to 900px
══════════════════════════════════════════════ */
@media(max-width:900px){
  /* Global slide padding */
  .slide{padding:clamp(16px,3vw,32px)}
  .nhint{display:none}

  /* S1 */
  #s1 .lr{margin-bottom:20px}
  #s1 h1{font-size:clamp(44px,9vw,80px);margin-bottom:14px}
  #s1 .tg{font-size:13px;margin-bottom:22px;max-width:100%}
  #s1 .ring{display:none}

  /* S2 */
  #s2 h2{font-size:clamp(28px,5vw,52px);margin-bottom:18px}
  #s2 .pg{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}
  #s2 .pn{font-size:clamp(28px,5vw,48px)}
  #s2 .pl{font-size:12px}
  #s2 .cq{font-size:13px;padding:11px 14px}

  /* S3 */
  #s3 h2{font-size:clamp(24px,4.5vw,48px);margin-bottom:16px}
  #s3 .tr-title{font-size:clamp(14px,2.2vw,20px)}
  #s3 .tr-split{gap:8px}
  #s3 .ins{font-size:13px}

  /* S3B */
  #s3b h2{font-size:clamp(24px,4vw,44px);margin-bottom:18px}
  #s3b .tp{gap:14px}
  #s3b .tp{grid-template-columns:1fr 1fr 1fr;gap:10px}
  #s3b .path{padding:16px}
  #s3b .ptitle{font-size:clamp(16px,2.5vw,24px)}
  #s3b .plist li{font-size:12px}

  /* S4 */
  #s4 h2{font-size:clamp(24px,4.5vw,52px);margin-bottom:4px}
  #s4 .sb{margin-bottom:20px;font-size:12px}
  #s4 .st{gap:14px}
  #s4 .sn{font-size:clamp(36px,5vw,58px)}
  #s4 .sc{padding-top:30px}
  #s4 .sti{font-size:clamp(14px,1.8vw,20px)}
  #s4 .sbd{font-size:12px}
  #s4 .pn{margin-top:16px;padding:9px 14px;font-size:11px}

  /* S5 */
  #s5 h2{font-size:clamp(22px,4vw,48px);margin-bottom:4px}
  #s5 .sb{margin-bottom:16px;font-size:12px}
  #s5 .pg{gap:12px}
  #s5 .sn{font-size:clamp(20px,3vw,38px)}
  #s5 .sp{padding:14px}
  #s5 .sbd{font-size:12px}

  /* S6 */
  #s6 h2{font-size:clamp(26px,4.5vw,56px);margin-bottom:4px}
  #s6 .sb{margin-bottom:16px;font-size:12px}
  #s6 .vg{grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}
  #s6 .vc{padding:12px 7px}
  #s6 .vi{font-size:16px;margin-bottom:4px}
  #s6 .vn{font-size:8px}
  #s6 .ex{font-size:12px}

  /* S7 — 2-col on tablet: Foundation + Starter row, Growth + Authority row */
  #s7 h2{font-size:clamp(22px,4vw,44px);margin-bottom:4px}
  #s7 .sb{margin-bottom:14px;font-size:11px}
  #s7 .pg{grid-template-columns:1fr 1fr !important;gap:10px}
  #s7 .tn{font-size:clamp(13px,2vw,18px)}
  #s7 .sp{font-size:clamp(15px,2.5vw,26px)}
  #s7 .sv{margin-top:10px;font-size:10px}

  /* S8 — table horizontal scroll on tablet */
  #s8 h2{font-size:clamp(22px,4vw,44px);margin-bottom:16px}
  #s8 .in{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #s8 table{min-width:500px;font-size:11px}
  #s8 th,#s8 td{padding:8px 10px}

  /* S9 */
  #s9 .gi{font-size:clamp(30px,5vw,52px);margin-bottom:12px}
  #s9 h2{font-size:clamp(26px,4.5vw,52px);margin-bottom:12px}
  #s9 .gb{font-size:clamp(12px,1.4vw,15px);margin-bottom:14px}

  /* S10 */
  #s10 h2{font-size:clamp(28px,5vw,60px);margin-bottom:14px}
  #s10 .dc{font-size:13px;margin-bottom:20px}
  #s10 .cr{gap:20px}
}

/* ══════════════════════════════════════════════
   MOBILE  — max 480px
   Every slide must fit one screen. No scrolling.
══════════════════════════════════════════════ */
@media(max-width:480px){
  /* Global */
  .slide{padding:20px 16px;justify-content:flex-start;padding-top:clamp(28px,6vh,48px)}
  .slide.active{overflow:hidden}
  .sctr{bottom:12px;right:14px;font-size:10px}
  .nhint{display:none}
  .deck-top-bar{top:8px;right:10px;gap:6px}
  .vchip{padding:4px 10px;font-size:9px}
  .pdf-dl-btn{padding:5px 10px;font-size:9px}

  /* S1 — stacked, compact */
  #s1 .in{display:flex;flex-direction:column}
  #s1 .lr{margin-bottom:16px;gap:10px}
  #s1 .mn{width:36px;height:36px;font-size:12px}
  #s1 .bn{font-size:18px}
  #s1 h1{font-size:clamp(42px,12vw,58px);margin-bottom:12px;line-height:.9}
  #s1 .tg{font-size:13px;margin-bottom:16px;line-height:1.5}
  #s1 .pp{font-size:10px;padding:5px 12px}
  #s1 .vt{font-size:9px}
  #s1 .ring{display:none}

  /* S2 — 3 stats stack to 1 col on very small, keep 3-col but compress */
  #s2 h2{font-size:clamp(24px,7vw,38px);margin-bottom:14px;line-height:.95}
  #s2 .pg{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:12px}
  #s2 .pc{padding:12px 8px}
  #s2 .pn{font-size:clamp(26px,7vw,40px);margin-bottom:4px}
  #s2 .pl{font-size:10px;line-height:1.4}
  #s2 .cq{font-size:12px;padding:10px 12px}

  /* S3 — territory model mobile */
  #s3 h2{font-size:clamp(22px,6.5vw,36px);margin-bottom:12px;line-height:.95}
  #s3 .tr-split{grid-template-columns:1fr;gap:8px}
  #s3 .tr-or{display:none}
  #s3 .tr-layer{padding:12px 14px}
  #s3 .tr-type{padding:12px 14px}

  /* S3B */
  #s3b h2{font-size:clamp(20px,5.5vw,28px);margin-bottom:8px;line-height:.95}
  #s3b .tp{grid-template-columns:1fr;gap:7px}
  #s3b .path{padding:10px 12px}
  #s3b .ph{margin-bottom:7px;padding-bottom:7px}
  #s3b .pico{display:none}
  #s3b .ptitle{font-size:15px}
  #s3b .psub{font-size:9px}
  #s3b .plist{gap:4px}
  #s3b .plist li{font-size:10px;line-height:1.35;padding-left:13px}

  /* S4 — stack steps vertically, hide arrows */
  #s4 h2{font-size:clamp(22px,6.5vw,34px);margin-bottom:4px;line-height:.95}
  #s4 .sb{font-size:12px;margin-bottom:14px}
  #s4 .st{grid-template-columns:1fr;gap:0}
  #s4 .sp{border-bottom:1px solid var(--br2);padding-bottom:12px;margin-bottom:12px}
  #s4 .sp:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
  #s4 .ar{display:none}
  #s4 .sn{font-size:36px;position:static;line-height:1;margin-bottom:-4px;opacity:.2}
  #s4 .sc{padding-top:0}
  #s4 .sti{font-size:14px;margin-bottom:4px}
  #s4 .sbd{font-size:11px;line-height:1.55}
  #s4 .pn{margin-top:12px;padding:8px 12px;font-size:10px}

  /* S5 — stack stats grid above story */
  #s5 h2{font-size:clamp(20px,6vw,32px);margin-bottom:4px;line-height:.95}
  #s5 .sb{font-size:11px;margin-bottom:12px}
  #s5 .pg{grid-template-columns:1fr;gap:10px}
  #s5 .sg{grid-template-columns:repeat(4,1fr);gap:7px}
  #s5 .sc{padding:10px 8px}
  #s5 .sn{font-size:clamp(16px,5vw,26px)}
  #s5 .sl{font-size:8px}
  #s5 .sp{padding:12px}
  #s5 .sna{font-size:10px;margin-bottom:7px}
  #s5 .sbd{font-size:11px;margin-bottom:8px}
  #s5 .ba{margin-top:8px}
  #s5 .bt{font-size:8px;margin-bottom:4px}
  #s5 .bi{font-size:10px}
  #s5 .disc{font-size:8px;margin-top:8px}

  /* S6 — verticals 2-row of 5 */
  #s6 h2{font-size:clamp(24px,7vw,38px);margin-bottom:4px;line-height:.95}
  #s6 .sb{font-size:11px;margin-bottom:14px}
  #s6 .vg{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
  #s6 .vc{padding:10px 4px}
  #s6 .vi{font-size:15px;margin-bottom:3px}
  #s6 .vn{font-size:7px;letter-spacing:0}
  #s6 .ex{font-size:11px}

  /* S7 — show Growth first, stack all single column */
  #s7 h2{font-size:clamp(20px,6vw,32px);margin-bottom:4px;line-height:.95}
  #s7 .sb{font-size:11px;margin-bottom:8px}
  #s7 .pg{grid-template-columns:1fr !important;gap:6px}
  /* Reorder: Growth (featured) first */
  #s7 .pc.ft{order:-1}
  #s7 .pt{padding:6px 10px 5px}
  #s7 .pb{padding:5px 10px 7px}
  #s7 .tb,#s7 .fb{font-size:7px;margin-bottom:2px}
  #s7 .tn{font-size:15px;margin-bottom:1px}
  #s7 .tpg{font-size:9px}
  #s7 .sp{font-size:clamp(16px,4.5vw,22px)}
  #s7 .sn{margin-bottom:3px}
  #s7 .mp{font-size:11px;margin-top:5px !important}
  #s7 .mn{display:none}
  #s7 .ae{display:none}
  #s7 .sv{margin-top:7px;padding:6px 10px;font-size:8px;line-height:1.5}
  /* Foundation and Enterprise hidden on mobile */
  #s7 .pc[style*="opacity"]{order:10}
  #s7 .pg > .pc:first-child{display:none}
  #s7 .pg > .pc:last-child{display:none}

  /* S8 — horizontal scroll table */
  #s8 h2{font-size:clamp(20px,6vw,32px);margin-bottom:12px;line-height:.95}
  #s8 .in{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}
  #s8 table{min-width:460px;font-size:10px}
  #s8 th{padding:7px 9px;font-size:8px}
  #s8 td{padding:7px 9px}

  /* S9 — centered, compact */
  #s9 .gi{font-size:38px;margin-bottom:10px}
  #s9 h2{font-size:clamp(24px,7vw,38px);margin-bottom:10px;line-height:.95}
  #s9 .gn{font-size:9px;padding:6px 14px;margin-bottom:14px}
  #s9 .gb{font-size:12px;margin-bottom:12px;line-height:1.65}
  #s9 .gp{font-size:9px;padding:6px 14px}

  /* S10 — full stack */
  #s10 h2{font-size:clamp(26px,8vw,38px);margin-bottom:12px;line-height:.95}
  #s10 .dc{font-size:12px;margin-bottom:16px;line-height:1.6}
  #s10 .cb{flex-direction:column;align-items:stretch;gap:12px}
  #s10 .btn{text-align:center;padding:15px 24px;font-size:14px;width:100%}
  #s10 .sc{font-size:10px;text-align:center}
  #s10 .cr{gap:14px;margin-top:16px;padding-top:14px}
  #s10 .cl{font-size:8px}
  #s10 .cv{font-size:12px}

  /* Hide whiteboard SVGs on mobile — prevent overflow on S2/S4/S5/S7 */
  #s2 .wb-wrap,#s4 .wb-wrap,#s5 .wb-wrap,#s7 .wb-wrap{display:none}

  /* S3 — compact ins paragraph (Kennedy: conversion copy stays visible) */
  #s3 .ins{font-size:11px;line-height:1.35;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #s3 .trr{margin-bottom:0}

  /* S4b — one phone only, smaller */
  #s4b .in{padding:20px 16px 16px;gap:10px}
  #s4b .phone-row{gap:0;justify-content:center}
  #s4b .phone-wrap:last-child{display:none}
  #s4b .ins{display:none}
  .phone-shell{width:160px}
  .phone-screen{height:290px}
  .sig-val{font-size:13px}
}

/* ── PAGE 0 CONFIG ─────────────────────────────────────── */
#p0{position:fixed;inset:0;z-index:9999;background:var(--dk);display:flex;flex-direction:column;align-items:center;padding:clamp(24px,5vw,60px);transition:opacity .6s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
#p0.hidden{opacity:0;pointer-events:none}
#p0 .p0-inner{width:100%;max-width:680px;margin-top:auto;margin-bottom:auto}
#p0 .p0-logo{display:flex;align-items:center;gap:12px;margin-bottom:clamp(32px,5vh,56px)}
#p0 .p0-mn{width:48px;height:48px;border-radius:50%;background:#1a1a1a;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--wh);flex-shrink:0}
#p0 .p0-brand{font-family:var(--fd);font-size:clamp(20px,3vw,28px);font-weight:900;color:var(--wh)}
#p0 .p0-hed{font-family:var(--fd);font-weight:900;font-size:clamp(30px,5vw,58px);line-height:.92;letter-spacing:-.025em;margin-bottom:10px}
#p0 .p0-sub{font-size:clamp(12px,1.4vw,15px);color:var(--mu);margin-bottom:clamp(28px,4vh,44px);line-height:1.55}
#p0 .p0-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
#p0 .p0-row{display:flex;flex-direction:column;gap:6px}
#p0 .p0-lbl{font-family:var(--fm);font-size:10px;color:var(--di);letter-spacing:.1em;text-transform:uppercase}
#p0 .p0-sel{width:100%;background:var(--dk2);border:1px solid var(--br2);border-radius:8px;padding:13px 16px;font-family:var(--fb);font-size:clamp(13px,1.5vw,15px);color:var(--wh);appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s}
#p0 .p0-sel:focus{outline:none;border-color:rgba(201,146,10,.5)}
#p0 .p0-sel:disabled{opacity:.35;cursor:not-allowed}
#p0 .p0-sel option{background:var(--dk2);color:var(--wh)}
#p0 .p0-sel.filled{border-color:rgba(201,146,10,.4);background-color:#151505}
#p0 .p0-inp{width:100%;background:var(--dk2);border:1px solid var(--br2);border-radius:8px;padding:13px 16px;font-family:var(--fb);font-size:clamp(13px,1.5vw,15px);color:var(--wh);cursor:text;transition:border-color .2s;max-width:100%}
#p0 .p0-inp::placeholder{color:var(--mu)}
#p0 .p0-inp:focus{outline:none;border-color:rgba(201,146,10,.5)}
#p0 #p0-other-input-row{animation:slideDown .3s ease-out forwards}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}
@keyframes slideUp{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-10px);max-height:0}}
#p0 #p0-other-input-row.hiding{animation:slideUp .3s ease-out forwards}
#p0 .p0-btn{width:100%;padding:clamp(14px,2vh,18px) 24px;background:var(--am);color:var(--wh);font-family:var(--fb);font-weight:700;font-size:clamp(14px,1.6vw,17px);border:none;border-radius:9px;cursor:pointer;opacity:.3;pointer-events:none;transition:opacity .3s,transform .15s;letter-spacing:.01em;animation:none;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:20px}
#p0 .p0-btn.ready{opacity:1;pointer-events:all;animation:pa 2s infinite}
#p0 .p0-btn.ready:hover{transform:translateY(-1px)}
#p0 .p0-btn.ready:active{transform:translateY(0)}
#p0 .p0-foot{font-family:var(--fm);font-size:10px;color:var(--di);text-align:center;line-height:1.8}
#p0 .nb-stat{background:rgba(209,161,14,.06);border:1px solid rgba(209,161,14,.12);border-radius:6px;padding:8px 6px;text-align:center}
#p0 .nb-stat-n{font-family:var(--fd);font-weight:900;font-size:clamp(18px,2.5vw,28px);color:var(--amh);line-height:1;margin-bottom:2px}
#p0 .nb-stat-l{font-family:var(--fm);font-size:8px;color:var(--di);letter-spacing:.06em;line-height:1.3}
@keyframes nbPulse{0%,100%{opacity:.4}50%{opacity:1}}
#p0 .nb-loading{animation:nbPulse 1.2s ease infinite}

/* ── PROSPECT INTEL — SECTION LABELS ────────────────────── */
#p0 .pi-section-label{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--am);opacity:.8;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(209,161,14,.12)}
#p0 .pi-section-why{text-transform:none;letter-spacing:.03em;font-size:9px;color:var(--di);opacity:1;font-weight:400}
#p0 .p0-opt-tag{font-family:var(--fm);font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:var(--di);margin-left:4px;font-weight:400;opacity:.7}
/* ── PROSPECT INTEL PANEL ────────────────────────────────── */
#p0 .p0-tabs{display:flex;gap:0;margin-bottom:clamp(20px,3vh,32px);border-bottom:1px solid var(--br2);width:100%}
#p0 .p0-tab{flex:1;padding:10px 0;font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--di);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
#p0 .p0-tab:hover{color:var(--mu)}
#p0 .p0-tab.active{color:var(--am);border-bottom-color:var(--am)}
#p0 .p0-pane{display:none}
#p0 .p0-pane.active{display:block}
#p0 .p0-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#p0 .p0-inp-wrap{position:relative}
#p0 .p0-inp-wrap .p0-inp{padding-left:30px}
#p0 .p0-inp-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5;pointer-events:none}
/* Research button */
#p0 #p0-research-btn{width:100%;padding:clamp(13px,2vh,16px) 24px;background:transparent;color:var(--am);font-family:var(--fb);font-weight:700;font-size:clamp(13px,1.5vw,15px);border:1px solid rgba(209,161,14,.4);border-radius:9px;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;letter-spacing:.01em;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;opacity:.4;pointer-events:none}
#p0 #p0-research-btn.ready{opacity:1;pointer-events:all}
#p0 #p0-research-btn.ready:hover{background:rgba(209,161,14,.07);border-color:rgba(209,161,14,.7)}
#p0 #p0-research-btn.loading{opacity:.7;pointer-events:none}
/* Review drawer */
#p0-review{margin-top:20px;display:none;flex-direction:column;gap:14px;animation:fu .4s ease both}
#p0-review.visible{display:flex}
/* Screenshot card */
.pi-screen-card{border-radius:8px;overflow:hidden;border:1px solid var(--br2);position:relative;background:#0a0a0a}
.pi-screen-card img{width:100%;display:block;border-radius:7px}
.pi-no-site{padding:22px 20px;background:linear-gradient(135deg,rgba(209,161,14,.08),rgba(209,161,14,.03));border:1px solid rgba(209,161,14,.25);border-radius:8px;display:flex;align-items:flex-start;gap:12px}
.pi-no-site-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.pi-no-site-body{display:flex;flex-direction:column;gap:4px}
.pi-no-site-label{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--am)}
.pi-no-site-msg{font-size:clamp(12px,1.3vw,14px);color:rgba(255,255,255,.8);line-height:1.5}
/* SEO audit card */
.pi-card{background:rgba(255,255,255,.03);border:1px solid var(--br2);border-radius:8px;padding:14px 16px}
.pi-card-label{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--di);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.pi-score{font-family:var(--fd);font-weight:900;font-size:16px;color:var(--am)}
.pi-issues{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.pi-issue{font-size:clamp(10px,1.05vw,12px);color:var(--mu);line-height:1.4;padding-left:14px;position:relative}
.pi-issue::before{content:'×';position:absolute;left:0;color:rgba(220,80,80,.8);font-weight:700}
.pi-strength{font-size:clamp(10px,1.05vw,12px);color:rgba(93,158,106,.85);line-height:1.4;padding-left:14px;position:relative}
.pi-strength::before{content:'✓';position:absolute;left:0;color:rgba(93,158,106,.85);font-weight:700}
/* Bespoke deck injection */
.bespoke-strip{display:none;margin-top:12px;padding:10px 14px;background:rgba(209,161,14,.07);border-left:3px solid var(--am);border-radius:0 5px 5px 0}
.bespoke-strip .bs-label{font-family:var(--fm);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);opacity:.8;margin-bottom:4px}
.bespoke-strip .bs-text{font-size:clamp(12px,1.3vw,15px);color:rgba(255,255,255,.88);line-height:1.5}
#s10-bespoke{display:none;margin-bottom:18px;padding:14px 18px;background:rgba(209,161,14,.06);border:1px solid rgba(209,161,14,.2);border-radius:7px}
#s10-bespoke .sb-hook{font-size:clamp(12px,1.3vw,15px);color:var(--wh);line-height:1.5;margin-bottom:8px}
#s10-bespoke .sb-score{font-family:var(--fm);font-size:11px;color:var(--am);letter-spacing:.06em}
/* AI intel card */
.pi-intel{background:linear-gradient(135deg,rgba(209,161,14,.05),rgba(209,161,14,.02));border:1px solid rgba(209,161,14,.18);border-radius:8px;padding:14px 16px}
.pi-intel-label{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);margin-bottom:12px}
.pi-intel-section{margin-bottom:10px}
.pi-intel-key{font-family:var(--fm);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--di);margin-bottom:4px}
.pi-intel-val{font-size:clamp(11px,1.1vw,13px);color:rgba(255,255,255,.85);line-height:1.55}
.pi-intel-pill{display:inline-block;background:rgba(209,161,14,.12);color:var(--am);border-radius:3px;padding:2px 7px;font-family:var(--fm);font-size:9px;letter-spacing:.06em;margin-top:4px;margin-right:4px}
/* Suggested tier badge */
.pi-tier-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(209,161,14,.07);border:1px solid rgba(209,161,14,.2);border-radius:6px;margin-top:8px}
.pi-tier-name{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);font-weight:700}
.pi-tier-why{font-size:11px;color:var(--mu);line-height:1.4}
/* Send controls */
.pi-send-row{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.pi-send-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.pi-send-input{width:100%;background:var(--dk2);border:1px solid var(--br2);border-radius:7px;padding:11px 14px;font-family:var(--fb);font-size:clamp(12px,1.3vw,14px);color:var(--wh);transition:border-color .2s}
.pi-send-input::placeholder{color:var(--di)}
.pi-send-input:focus{outline:none;border-color:rgba(209,161,14,.5)}
.pi-send-btn{white-space:nowrap;padding:11px 18px;background:var(--am);color:#000;font-family:var(--fb);font-weight:700;font-size:13px;border:none;border-radius:7px;cursor:pointer;transition:opacity .2s,transform .15s;opacity:.35;pointer-events:none}
.pi-send-btn.ready{opacity:1;pointer-events:all}
.pi-send-btn.ready:hover{transform:translateY(-1px);opacity:.9}
.pi-send-method-label{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--di);margin-bottom:4px}
/* Pipeline tab */
.pi-pl-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start;padding:10px 12px;background:var(--dk2);border:1px solid var(--br2);border-radius:8px;margin-bottom:8px}
.pi-pl-name{font-family:var(--fb);font-size:13px;color:var(--wh);margin-bottom:2px}
.pi-pl-meta{font-family:var(--fm);font-size:10px;color:var(--di);letter-spacing:.04em}
.pi-pl-events{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.pi-pl-badge{font-family:var(--fm);font-size:9px;letter-spacing:.07em;padding:3px 8px;border-radius:4px;text-transform:uppercase}
.pi-pl-badge.view{background:rgba(93,158,106,.15);color:#5d9e6a;border:1px solid rgba(93,158,106,.3)}
.pi-pl-badge.cta{background:rgba(209,161,14,.12);color:var(--amh);border:1px solid rgba(209,161,14,.25)}
.pi-pl-badge.converted{background:rgba(93,158,106,.25);color:#7ecf87;border:1px solid rgba(93,158,106,.5);font-weight:700}
.pi-pl-badge.sent{background:rgba(255,255,255,.05);color:var(--mu);border:1px solid var(--br2)}
.pi-pl-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pi-pl-conv-btn{font-family:var(--fm);font-size:9px;letter-spacing:.07em;padding:4px 10px;background:transparent;border:1px solid rgba(209,161,14,.3);color:var(--am);border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}
.pi-pl-conv-btn:hover{background:rgba(209,161,14,.08);border-color:var(--am)}
.pi-pl-conv-btn.won{border-color:rgba(93,158,106,.5);color:#7ecf87;background:rgba(93,158,106,.1)}
.pi-pl-amount{font-family:var(--fb);font-size:12px;color:#7ecf87;margin-top:2px}
.pi-pl-empty{font-family:var(--fm);font-size:11px;color:var(--di);text-align:center;padding:32px 0;letter-spacing:.05em}
.pi-pl-ts{font-family:var(--fm);font-size:9px;color:var(--di);margin-top:3px}
/* Loading skeleton pulse */
@keyframes skeletonPulse{0%,100%{opacity:.3}50%{opacity:.7}}
.pi-loading-row{height:14px;background:rgba(255,255,255,.06);border-radius:4px;animation:skeletonPulse 1.2s ease infinite}
.pi-loading-row.wide{width:100%}
.pi-loading-row.med{width:70%}
.pi-loading-row.short{width:40%}
@media(max-width:480px){
  #p0 .p0-mn{width:40px;height:40px;font-size:13px}
  #p0 .p0-brand{font-size:20px}
  #p0 .p0-hed{font-size:clamp(28px,8vw,42px)}
  #p0 .p0-sel{padding:12px 14px;font-size:14px}
  #p0 .p0-btn{font-size:15px;padding:16px 20px;min-height:50px;margin-top:24px}
}
/* ── STICK FIGURE ILLUSTRATIONS ─────────────────────────── */
.hb-fig{display:inline-block;flex-shrink:0;vertical-align:middle}
#s3b .pico .hb-fig{width:clamp(28px,3.5vw,40px);height:clamp(28px,3.5vw,40px)}
#s4 .step-fig{display:block;margin-bottom:6px;opacity:0.8}
#s9 .gi-fig{display:flex;justify-content:center;margin-bottom:14px}
#s9 .gi-fig svg{width:clamp(54px,7vw,84px);height:auto}
#s1 .hero-fig{position:absolute;right:clamp(30px,8vw,120px);bottom:clamp(60px,10vh,130px);opacity:0.18;pointer-events:none;z-index:0}
#s1 .hero-fig svg{width:clamp(60px,7vw,100px);height:auto}


@media(max-height:1150px){
  #s2 .wb-wrap,#s4 .wb-wrap,#s5 .wb-wrap,#s7 .wb-wrap{display:none}
}

/* ── WHITEBOARD DIAGRAMS ─────────────────────────────────────── */
.wb-wrap{margin-top:clamp(8px,1.2vh,16px);display:flex;flex-direction:column;align-items:flex-start}
.wb-label{font-family:var(--fm);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--di);margin-bottom:6px}
.wb-svg{max-width:100%;height:auto;display:block}

/* ── EXCLUSIVITY TERRITORY LOCK BADGE (S1) ─────────────────── */
.excl-badge{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(90deg,rgba(209,161,14,.07) 0%,rgba(209,161,14,.03) 100%);border:1px solid rgba(209,161,14,.22);border-left:3px solid rgba(209,161,14,.65);border-radius:6px;padding:10px 14px;margin-top:14px;max-width:680px}
.excl-badge .eb-icon{font-size:15px;flex-shrink:0;margin-top:1px;opacity:.9}
.excl-badge .eb-body{display:flex;flex-direction:column;gap:3px}
.excl-badge .eb-label{font-family:var(--fm);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);opacity:.75}
.excl-badge .eb-unit{font-family:var(--fm);font-size:clamp(10px,1.05vw,13px);letter-spacing:.05em;color:rgba(209,161,14,.9);font-weight:700}
.excl-badge .eb-line{font-size:clamp(10px,1.0vw,12px);color:var(--mu);line-height:1.5;margin-top:2px}

/* ── NEIGHBORHOOD INTELLIGENCE NOTE (S2) ────────────────────── */
.nb-intel{margin-top:18px;background:rgba(209,161,14,.04);border:1px solid rgba(209,161,14,.14);border-left:3px solid rgba(209,161,14,.5);border-radius:6px;padding:12px 16px}
.nb-intel .ni-label{font-family:var(--fm);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--am);opacity:.7;margin-bottom:6px}
.nb-intel .ni-unit-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nb-intel .ni-pill{font-family:var(--fm);font-size:9px;letter-spacing:.07em;text-transform:uppercase;background:rgba(209,161,14,.13);color:var(--am);border-radius:3px;padding:2px 8px;white-space:nowrap}
.nb-intel .ni-radius{font-size:clamp(9px,0.95vw,11px);color:var(--di)}
.nb-intel .ni-slots{font-family:var(--fm);font-size:clamp(11px,1.1vw,14px);color:rgba(209,161,14,.9);font-weight:700;margin-bottom:5px}
.nb-intel .ni-body{font-size:clamp(10px,1.0vw,12px);color:var(--mu);line-height:1.6}
.nb-intel .ni-lock{margin-top:8px;font-size:clamp(10px,1.0vw,12px);color:rgba(209,161,14,.85);font-weight:600;letter-spacing:.01em}

/* ── SELF-SERVICE MODE ────────────────────────────────── */
.sm-step{display:none}.sm-step.active{display:block}
.sm-light{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:10px;margin-bottom:24px}
.sm-light.green{background:rgba(76,175,80,.08);border:1px solid rgba(76,175,80,.3)}
.sm-light.red{background:rgba(220,80,80,.06);border:1px solid rgba(220,80,80,.25)}
.sm-light-icon{font-size:28px;flex-shrink:0;line-height:1}
.sm-light-label{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.sm-light.green .sm-light-label{color:rgba(76,175,80,.9)}
.sm-light.red .sm-light-label{color:rgba(220,80,80,.85)}
.sm-light-msg{font-size:clamp(13px,1.4vw,15px);color:rgba(255,255,255,.9);line-height:1.5}
.sm-opt-label{font-family:var(--fm);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--di);margin:24px 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:6px}
.sm-skip{display:block;text-align:center;font-family:var(--fm);font-size:10px;color:var(--di);letter-spacing:.06em;text-decoration:none;cursor:pointer;padding:12px;margin-top:4px;border:none;background:none;width:100%}
.sm-skip:hover{color:var(--mu)}
/* ── S4B APP SHOWCASE ─────────────────────────────────── */
#s4b .in{padding:28px 40px 20px;display:flex;flex-direction:column;gap:14px}
#s4b .phone-row{display:flex;gap:28px;justify-content:center;align-items:flex-start;flex:1;margin-top:4px}
.phone-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.phone-label{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.phone-shell{width:188px;background:#0e0e0e;border-radius:28px;padding:9px;box-shadow:0 0 0 1.5px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.65);position:relative}
.phone-notch{width:56px;height:7px;background:#1a1a1a;border-radius:0 0 7px 7px;margin:0 auto 5px}
.phone-screen{background:#0c0c0c;border-radius:19px;overflow:hidden;height:330px;display:flex;flex-direction:column}
.app-statusbar{background:#111;padding:4px 12px 3px;display:flex;justify-content:space-between;align-items:center;font-family:var(--fm);font-size:8px;color:rgba(255,255,255,.35);flex-shrink:0}
.app-header{padding:8px 12px 7px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.app-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em}
.app-pill{font-size:9px;padding:3px 8px;background:rgba(209,161,14,.1);border:1px solid rgba(209,161,14,.28);border-radius:20px;color:rgba(209,161,14,.85);cursor:default}
.app-body{flex:1;overflow:hidden;padding:9px 11px;display:flex;flex-direction:column;gap:7px}
/* Signal screen */
.sig-integrations{display:flex;gap:8px}
.sig-int{display:flex;align-items:center;gap:4px;font-family:var(--fm);font-size:8px;color:rgba(255,255,255,.5)}
.sig-dot{width:5px;height:5px;border-radius:50%;background:#5ea06a;flex-shrink:0}
.sig-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.sig-card{background:#181818;border-radius:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.05)}
.sig-val{font-size:15px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.01em}
.sig-lbl{font-family:var(--fm);font-size:7px;color:rgba(255,255,255,.38);margin-top:2px;letter-spacing:.04em;text-transform:uppercase}
.sig-delta{font-size:7px;color:#5ea06a;margin-top:3px}
.sig-delta.neu{color:rgba(255,255,255,.28)}
.sig-delta.gold{color:rgba(209,161,14,.8)}
/* Leads screen */
.lead-card{background:#181818;border-radius:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.05);display:flex;gap:8px;align-items:flex-start}
.lead-avatar{width:26px;height:26px;border-radius:50%;background:rgba(209,161,14,.12);border:1px solid rgba(209,161,14,.28);display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(209,161,14,.85);flex-shrink:0;font-weight:600}
.lead-body{flex:1;min-width:0}
.lead-name{font-size:9.5px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:4px}
.lead-meta{font-family:var(--fm);font-size:7px;color:rgba(255,255,255,.38);margin-top:2px;letter-spacing:.02em}
.lead-preview{font-size:7.5px;color:rgba(255,255,255,.48);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-status{font-family:var(--fm);font-size:6.5px;padding:2px 5px;border-radius:10px;white-space:nowrap;font-weight:700;letter-spacing:.06em;flex-shrink:0}
.ls-new{background:rgba(209,161,14,.13);color:rgba(209,161,14,.95);border:1px solid rgba(209,161,14,.28)}
.ls-contacted{background:rgba(80,120,220,.13);color:rgba(110,150,235,.9);border:1px solid rgba(80,120,220,.28)}
.ls-quoted{background:rgba(80,160,100,.1);color:rgba(80,185,110,.85);border:1px solid rgba(80,160,100,.28)}
/* Phone nav bar */
.app-nav{border-top:1px solid rgba(255,255,255,.06);padding:5px 8px 7px;display:flex;justify-content:space-around;flex-shrink:0}
.app-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--fm);font-size:7px;color:rgba(255,255,255,.28);min-width:36px}
.app-nav-item.active{color:rgba(209,161,14,.9)}
.app-nav-icon{font-size:13px;line-height:1}
@media(max-width:700px){
  #s4b .phone-row{gap:14px}
  .phone-shell{width:150px}
  .phone-screen{height:280px}
  .sig-val{font-size:13px}
}

/* ── PDF DOWNLOAD ─────────────────────────────────────── */
.pdf-dl-btn{background:var(--am);color:#000;border:none;border-radius:5px;padding:6px 13px;font-family:var(--fm);font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .18s,transform .12s;white-space:nowrap}
.pdf-dl-btn:hover{background:var(--amh);transform:translateY(-1px)}
.pdf-dl-btn:active{transform:scale(.97)}
@media print{
  html,body{overflow:auto!important;height:auto!important;background:#080808!important}
  .deck{height:auto!important;overflow:visible!important;position:static!important}
  .slide{position:static!important;opacity:1!important;height:auto!important;min-height:100vh;page-break-after:always;break-after:page;overflow:visible!important}
  .slide:last-child{page-break-after:avoid;break-after:avoid}
  #p0,.pbar,.sctr,.nhint,.nav-arrows,.deck-top-bar{display:none!important}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}
}