/* ============================================================
   SOUNDQUEST × BRANDCORE — private proposal
   ============================================================ */

@font-face{font-family:"Geist";src:url("assets/fonts/geist-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-mono-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --ink:#0B080B;
  --ink2:#140F16;
  --ink3:#1B1119;
  --paper:#F2EADE;
  --paper2:#E6DACB;
  --plum:#832062;
  --plum-deep:#4A1263;
  --plum-soft:#A8558E;
  --lav:#C3AEDA;
  --lav-dim:#9C88B0;
  --cedar:#A9744A;
  --cedar-deep:#6E452C;
  --amber:#D9A05B;
  --red:#B3302A;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;

  --fs-h1:clamp(44px,calc(6px + 5.1vw),104px);
  --fs-h2:clamp(32px,calc(9px + 3.3vw),71px);
  --fs-h3:clamp(18px,calc(12px + .45vw),26px);
  --fs-lead:clamp(17px,calc(4px + 1.02vw),25px);
  --fs-body:clamp(16px,calc(3.6px + .91vw),23px);
  --fs-sm:clamp(14px,calc(10px + .28vw),16px);
  --fs-label:clamp(12.5px,calc(8px + .29vw),15px);
  --fs-micro:clamp(12.5px,calc(11px + .16vw),13.5px);

  --chrome-t:64px;
  --chrome-b:54px;
  --gutter:clamp(18px,4.2vw,64px);
  --radius:3px;
  --ease:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html,body{height:100%}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.5;
  font-weight:400;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
ol,ul{list-style:none}
code{font-family:var(--mono);font-size:.9em;letter-spacing:-.02em}
em{font-family:var(--serif);font-style:italic;font-weight:400}
kbd{font-family:var(--mono);font-size:.85em;border:1px solid currentColor;border-radius:2px;padding:1px 5px;opacity:.7}
::selection{background:var(--plum);color:var(--paper)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ---------- page + chrome ---------- */
#page{position:fixed;inset:0;overflow:hidden}
#heroCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:2;display:none;pointer-events:none}
body.has-webgl #heroCanvas{display:block}
body.has-webgl .cover__stage .signplate{display:none}
#heroCanvas.is-fx{z-index:6}

.progress{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.08);z-index:30}
.progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--plum),var(--lav));transition:width .5s var(--ease)}

.chrome{position:fixed;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);background:color-mix(in srgb,var(--ink) 94%,transparent);backdrop-filter:blur(10px);border-color:rgba(242,234,222,.12)}
.chrome--top{top:0;height:var(--chrome-t);border-bottom:1px solid var(--line,rgba(242,234,222,.12))}
.chrome--bottom{bottom:0;height:var(--chrome-b);border-top:1px solid var(--line,rgba(242,234,222,.12))}
.cobrand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.cobrand__bc{height:19px;width:auto;opacity:.92}
.cobrand__x{font-family:var(--serif);font-size:17px;color:var(--lav);line-height:1;transform:translateY(-1px)}
.cobrand__sq{height:25px;width:auto;filter:drop-shadow(0 0 14px rgba(168,85,142,.22))}
.chrome__mid{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;color:rgba(242,234,222,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chrome__right{display:flex;align-items:center;gap:18px}
.chrome__btn{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.16em;color:rgba(242,234,222,.72);padding:8px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.chrome__btn:hover{color:var(--paper);border-color:var(--plum-soft)}
.counter{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.1em;color:var(--paper);display:flex;gap:4px;align-items:baseline}
.counter__slash{color:rgba(242,234,222,.35)}
.chrome__foot,.chrome__loc{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;color:rgba(242,234,222,.5);white-space:nowrap}
.chrome__foot span{color:var(--plum-soft)}
.chrome__nav{display:flex;align-items:center;gap:8px}
.navbtn{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.13em;color:var(--paper);display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(242,234,222,.2);border-radius:2px;transition:background .2s,border-color .2s,color .2s;min-height:38px}
.navbtn:hover{background:rgba(242,234,222,.08);border-color:rgba(242,234,222,.5)}
.navbtn--next{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.navbtn--next:hover{background:#fff;color:var(--ink)}

.rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:19;display:flex;flex-direction:column;gap:7px;padding:8px 4px}
.rail button{width:16px;height:4px;background:rgba(242,234,222,.22);transition:background .25s,height .25s,transform .25s;border-radius:1px}
.rail button:hover{background:rgba(242,234,222,.6)}
.rail button.is-on{background:var(--lav);height:16px}
body[data-theme="paper"] .rail button{background:rgba(26,18,24,.22)}
body[data-theme="paper"] .rail button.is-on{background:var(--plum)}

/* ---------- deck ---------- */
#deck{position:relative;z-index:3;height:100%;--dir:1}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(calc(var(--dir) * 20vw),0,0) scale(.965);transition:opacity .26s ease,transform .5s var(--ease),visibility 0s linear .3s;background:var(--bg)}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:3;transition:opacity .42s ease .05s,transform .66s var(--ease),visibility 0s}
.slide.is-leaving{opacity:0;visibility:visible;pointer-events:none;z-index:2;transform:translate3d(calc(var(--dir) * -13vw),0,0) scale(1.05);transition:opacity .34s ease,transform .52s cubic-bezier(.5,0,1,.5)}
.slide--cover{background:transparent}
.slide__scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(242,234,222,.25) transparent}
.slide__scroll::-webkit-scrollbar{width:8px}
.slide__scroll::-webkit-scrollbar-thumb{background:rgba(242,234,222,.18);border-radius:8px}
.wrap{position:relative;min-height:100%;padding:calc(var(--chrome-t) + clamp(14px,2.2vh,24px)) var(--gutter) calc(var(--chrome-b) + clamp(14px,2.2vh,24px));display:flex;flex-direction:column}
.theme-dark{--bg:#0B080B;--fg:#F2EADE;--muted:#B7AB9D;--line:rgba(242,234,222,.14);--card:rgba(255,255,255,.035);--accent:#C3AEDA;color:var(--fg)}
.theme-paper{--bg:#F2EADE;--fg:#1A1218;--muted:#6B5D63;--line:rgba(26,18,24,.17);--card:rgba(255,255,255,.45);--accent:#832062;color:var(--fg)}
.theme-cedar{--bg:#160F0D;--fg:#F4E9DA;--muted:#B9A48F;--line:rgba(244,233,218,.16);--card:rgba(255,255,255,.04);--accent:#D9A05B;color:var(--fg)}

/* ---------- shared type ---------- */
.kicker{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(10px,1.6vh,18px)}
.kicker__dot{width:5px;height:5px;background:var(--accent);border-radius:50%;flex:0 0 auto;box-shadow:0 0 10px var(--accent)}
.h1{font-size:var(--fs-h1);line-height:.9;letter-spacing:-.055em;font-weight:500;margin-bottom:clamp(16px,2.6vh,30px)}
.h1 em{letter-spacing:-.03em}
.h2{font-size:var(--fs-h2);line-height:.97;letter-spacing:-.045em;font-weight:500;margin-bottom:clamp(12px,1.8vh,20px)}
.h2 em{letter-spacing:-.025em}
.lead{font-size:var(--fs-lead);line-height:1.42;color:var(--muted);max-width:52ch;letter-spacing:-.012em}
.lead b{color:var(--fg);font-weight:500}
.sechead{flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.13em;text-transform:uppercase;padding:14px 20px;min-height:46px;border-radius:2px;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--solid{background:var(--plum);color:#FFF6EE;border:1px solid var(--plum)}
.btn--solid:hover{background:#9B2A75;border-color:#9B2A75}
.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--fg);background:rgba(255,255,255,.05)}
.theme-paper .btn--ghost:hover{background:rgba(26,18,24,.06)}

/* ---------- cover ---------- */
.cover{display:grid;grid-template-columns:minmax(430px,47%) 1fr;grid-template-rows:1fr auto;column-gap:clamp(24px,3vw,54px);padding-bottom:calc(var(--chrome-b) + 88px)}
.cover__copy{align-self:center;max-width:760px;position:relative;z-index:4}
.cover__lead{max-width:38ch;margin-bottom:clamp(18px,3vh,34px)}
.cover__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:clamp(20px,3.4vh,40px)}
.cover__meta{display:flex;gap:clamp(16px,2.4vw,38px);flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.cover__meta dt{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;color:var(--muted);margin-bottom:4px}
.cover__meta dd{font-size:var(--fs-sm);letter-spacing:-.01em}
.cover__stage{position:relative;align-self:center;min-height:200px;display:flex;align-items:center;justify-content:center}
.cover__foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(14px,2vh,24px)}
.cover__prep,.cover__hint{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--muted)}
.cover__prep b{color:var(--fg);font-weight:400}
.cover__hint{color:rgba(242,234,222,.42)}

.signplate{width:min(100%,560px);position:relative;transform:rotate(-1.1deg);transition:transform .8s var(--ease)}
.signplate__glow{position:absolute;inset:-22% -12%;background:radial-gradient(ellipse at 50% 55%,rgba(131,32,98,.55),rgba(74,18,99,.22) 45%,transparent 72%);filter:blur(18px)}
.signplate__frame{position:relative;padding:13px;background:#6E452C;background-image:linear-gradient(180deg,rgba(255,255,255,.13),rgba(0,0,0,.35));box-shadow:0 34px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,220,190,.18) inset;border-radius:2px}
.signplate__face{width:100%;height:auto;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset,0 1px 0 rgba(255,255,255,.3)}
.signplate__screw{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E8CBA8,#8A5B37 60%,#40251A);box-shadow:0 1px 2px rgba(0,0,0,.6)}
.signplate__screw--tl{top:4px;left:4px}.signplate__screw--tr{top:4px;right:4px}
.signplate__screw--bl{bottom:4px;left:4px}.signplate__screw--br{bottom:4px;right:4px}
.signplate__cap{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;color:var(--muted);margin-top:12px;padding:0 2px}
.signplate__cap span{color:rgba(242,234,222,.32)}
.ticker{position:absolute;left:0;right:0;bottom:var(--chrome-b);border-top:1px solid rgba(242,234,222,.1);border-bottom:1px solid rgba(242,234,222,.1);overflow:hidden;padding:10px 0;background:rgba(11,8,11,.55);backdrop-filter:blur(6px)}
.ticker__track{display:flex;gap:34px;width:max-content;animation:ticker 48s linear infinite}
.ticker__track span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;color:rgba(242,234,222,.46);white-space:nowrap}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- audit ---------- */
.audit{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(220px,.72fr);gap:clamp(20px,3vw,48px)}
.audit__main{min-width:0}
.audit .sechead .h2{max-width:16ch}
.audit .lead{max-width:50ch;margin-bottom:clamp(14px,2.4vh,26px)}
.findings{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(18px,2.4vw,36px);row-gap:clamp(10px,1.8vh,20px)}
.finding{border-top:1px solid var(--line);padding-top:9px;position:relative}
.finding__n{position:absolute;top:9px;right:0;font-family:var(--mono);font-size:var(--fs-micro);color:var(--accent);letter-spacing:.1em}
.finding__h{font-size:var(--fs-h3);line-height:1.16;letter-spacing:-.025em;font-weight:500;padding-right:34px;margin-bottom:5px}
.finding__p{font-size:var(--fs-body);line-height:1.42;color:var(--muted);margin-bottom:7px}
.finding__src{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.09em;color:var(--accent);opacity:.86}
.finding__src code{color:inherit}
.audit__aside{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:0}
.phoneShot{display:flex;flex-direction:column;gap:8px}
.phoneShot__frame{height:clamp(300px,49vh,520px);aspect-ratio:390/844;border-radius:14px;border:1px solid rgba(26,18,24,.28);padding:4px;background:#1A1218;box-shadow:0 18px 40px -20px rgba(0,0,0,.5)}
.phoneShot__frame img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:10px}
.phoneShot figcaption{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--muted)}
.audit__notes{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px;max-width:34ch}
.audit__notes p{font-size:var(--fs-sm);line-height:1.4;color:var(--muted)}
.audit__notes b{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--fg);font-weight:400;margin-bottom:2px}

/* ---------- gap ---------- */
.gap{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:clamp(20px,3.4vw,54px);flex:1}
.gap__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.gap .sechead .h2{max-width:14ch}
.gap .lead{max-width:48ch;margin-bottom:clamp(14px,2.6vh,28px)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,34px);margin-bottom:clamp(12px,2vh,22px)}
.path{border-top:1px solid var(--line);padding-top:10px}
.path--new{border-top-color:var(--lav)}
.path__label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;color:var(--muted);display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.path__label span{color:var(--accent)}
.path__list{counter-reset:p;display:flex;flex-direction:column;gap:7px}
.path__list li{position:relative;padding-left:24px;font-size:var(--fs-sm);line-height:1.35;color:var(--fg)}
.path__list li:before{counter-increment:p;content:counter(p);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:var(--fs-micro);color:var(--muted)}
.path--new .path__list li:before{color:var(--accent)}
.path__note{font-size:var(--fs-sm);line-height:1.4;color:var(--muted);margin-top:12px;font-style:italic;font-family:var(--serif);font-size:calc(var(--fs-sm) + 3px)}
.gap__evidence{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.09em;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;border-top:1px solid var(--line);padding-top:9px}
.gap__evidence span{color:rgba(242,234,222,.4)}
.gap__figure{position:relative;overflow:hidden;border-radius:2px;min-height:280px}
.gap__figure img{width:100%;height:100%;object-fit:cover}
.gap__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,11,.05) 30%,rgba(11,8,11,.86) 100%)}
.gap__figure figcaption{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:6px}
.gap__clock{font-family:var(--mono);font-size:clamp(26px,2.8vw,44px);letter-spacing:-.02em;color:var(--lav)}
.gap__cap{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:rgba(242,234,222,.72)}

/* ---------- asset ---------- */
.asset__head{max-width:64ch}
.asset__head .h2{max-width:15ch}
.asset__head .lead{max-width:46ch;margin-bottom:clamp(12px,2vh,20px)}
.asset__grid{display:grid;grid-template-columns:1.32fr .84fr;grid-template-rows:1fr 1fr;gap:clamp(8px,1vw,14px);flex:1;min-height:0}
.shot{position:relative;overflow:hidden;background:var(--ink3);min-height:0;border-radius:2px}
.shot--tall{grid-row:span 2}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.shot:hover img{transform:scale(1.02)}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(180deg,rgba(242,234,222,0),rgba(242,234,222,.96) 26%);color:#1A1218;font-size:var(--fs-sm);line-height:1.3}
.shot figcaption span{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;color:#832062;margin-bottom:2px}
.awards{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(12px,2vw,28px);border-top:1px solid var(--line);margin-top:clamp(10px,1.8vh,16px);padding-top:10px}
.awards__label,.awards__src{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--muted)}
.awards__label{color:var(--accent)}
.awards__list{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 18px}
.awards__list li{font-size:var(--fs-sm);line-height:1.25;color:var(--muted)}
.awards__list b{color:var(--fg);font-weight:500}

/* ---------- flagship ---------- */
.flagship{overflow:hidden}
.flagship__head{display:flex;flex-direction:column;gap:0}
.flagship__headRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(16px,3vw,44px);align-items:end}
.flagship .h2{margin-bottom:0}
.flagship .lead{font-size:var(--fs-sm);max-width:44ch;padding-bottom:3px}
.flagship .lead b{color:var(--lav)}
.flagship__stage{position:relative;flex:1;min-height:260px;display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,12.4vw,236px);gap:clamp(8px,1.2vw,18px);align-items:stretch;margin-top:clamp(10px,1.8vh,18px)}
.mac{display:flex;flex-direction:column;min-height:0;border:1px solid rgba(242,234,222,.2);border-radius:8px;overflow:hidden;background:#0F0B10;box-shadow:0 40px 80px -40px #000,0 0 0 1px rgba(0,0,0,.4)}
.mac__bar{display:flex;align-items:center;gap:12px;height:34px;flex:0 0 auto;padding:0 10px;background:linear-gradient(180deg,#221821,#171017);border-bottom:1px solid rgba(242,234,222,.12)}
.mac__dots{display:flex;gap:5px}
.mac__dots i{width:7px;height:7px;border-radius:50%;background:#4B3A46}
.mac__dots i:nth-child(1){background:#8E4C46}.mac__dots i:nth-child(2){background:#8C7442}.mac__dots i:nth-child(3){background:#4C7757}
.mac__url{flex:1;display:flex;align-items:center;gap:8px;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(242,234,222,.6);background:rgba(0,0,0,.35);border-radius:4px;height:22px;max-width:360px;margin:0 auto}
.mac__badge{font-size:8.5px;letter-spacing:.12em;color:var(--lav);border:1px solid rgba(195,174,218,.4);padding:1px 4px;border-radius:2px}
.mac__detail,.mac__close{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:rgba(242,234,222,.72);padding:5px 8px;border:1px solid rgba(242,234,222,.2);border-radius:3px}
.mac__detail:hover,.mac__close:hover{color:var(--paper);border-color:rgba(242,234,222,.5)}
.mac__close[hidden]{display:none}
.mac__view{flex:1;min-height:0;container-type:inline-size;background:#F6EFE5;overflow:hidden;position:relative}
.mac.is-detail{position:fixed;inset:3.2vh 3.4vw calc(var(--chrome-b) + 3vh);z-index:40;box-shadow:0 60px 140px -30px #000,0 0 0 1px rgba(0,0,0,.5);border-color:rgba(255,255,255,.4)}
body.is-detail .chrome,body.is-detail .rail{opacity:.15;pointer-events:none}
body.is-detail #deck{z-index:36}
body.is-detail #page:after{content:"";position:fixed;inset:0;background:rgba(6,4,6,.78);z-index:35}

/* concept site */
.sqs{height:100%;display:flex;flex-direction:column;color:#1A1218;font-size:clamp(11px,1.08cqw,14.5px);background:#F6EFE5;line-height:1.4}
.sqs__head{flex:0 0 auto;display:flex;align-items:center;gap:clamp(10px,1.6cqw,26px);padding:clamp(8px,1.1cqw,14px) clamp(10px,1.6cqw,22px);background:#FBF6EE;border-bottom:1px solid rgba(26,18,24,.12)}
.sqs__logo{height:clamp(18px,2.1cqw,30px);width:auto;flex:0 0 auto}
.sqs__nav{display:flex;gap:clamp(6px,1.1cqw,18px);margin-left:auto;overflow:hidden}
.sqs__nav button{font-family:var(--sans);font-size:clamp(10px,.95cqw,12.5px);letter-spacing:-.005em;color:#5E5158;padding:5px 1px;border-bottom:1.5px solid transparent;white-space:nowrap}
.sqs__nav button[aria-selected="true"]{color:#1A1218;border-color:#832062}
.sqs__nav button:hover{color:#832062}
.sqs__cta{flex:0 0 auto;background:#832062;color:#FFF6EE;font-family:var(--mono);font-size:clamp(9px,.82cqw,11px);letter-spacing:.08em;padding:8px 11px;border-radius:2px;white-space:nowrap}
.sqs__panels{flex:1;min-height:0;position:relative}
.sqs__panel{position:absolute;inset:0;overflow:auto;display:none;scrollbar-width:thin}
.sqs__panel.is-on{display:block}
.sqs__hero{position:relative;height:100%;min-height:220px;display:flex;align-items:center;padding:clamp(14px,2.6cqw,34px)}
.sqs__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sqs__heroScrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,7,12,.93) 0%,rgba(12,7,12,.72) 44%,rgba(12,7,12,.18) 78%,rgba(12,7,12,.35) 100%)}
.sqs__heroCopy{position:relative;max-width:56%;color:#F6EFE5}
.sqs__eyebrow{font-family:var(--mono);font-size:clamp(8px,.72cqw,10px);letter-spacing:.16em;color:#C3AEDA;margin-bottom:6px}
.sqs__heroCopy h3{font-family:var(--sans);font-weight:500;font-size:clamp(26px,4.1cqw,58px);line-height:.92;letter-spacing:-.045em;margin-bottom:10px;color:#FBF6EE}
.sqs__heroCopy p{font-size:clamp(11px,1.02cqw,14px);line-height:1.45;color:rgba(246,239,229,.8);max-width:34ch;margin-bottom:12px}
.sqs__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sqs__btn{background:#832062;color:#FFF6EE;font-family:var(--mono);font-size:clamp(9px,.82cqw,11px);letter-spacing:.06em;padding:9px 12px;border-radius:2px;white-space:nowrap}
.sqs__btn:hover{background:#9B2A75}
.sqs__btn--wide{display:block;width:100%;text-align:center;padding:11px;font-size:clamp(9px,.86cqw,11.5px)}
.sqs__ghost{background:transparent;color:#F6EFE5;border:1px solid rgba(246,239,229,.35);font-family:var(--mono);font-size:clamp(9px,.82cqw,11px);letter-spacing:.06em;padding:8px 11px;border-radius:2px;white-space:nowrap}
.sqs__ghost:hover{border-color:#F6EFE5}
.sqs__slots{position:absolute;right:clamp(12px,2cqw,26px);bottom:clamp(12px,2cqw,26px);width:clamp(150px,17cqw,228px);background:rgba(251,246,238,.96);border-radius:3px;padding:10px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.sqs__slotsHead{font-family:var(--mono);font-size:clamp(7.5px,.68cqw,9.5px);letter-spacing:.12em;color:#832062;margin-bottom:6px}
.sqs__slot{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:6px 0;border-top:1px solid rgba(26,18,24,.12);text-align:left}
.sqs__slot b{font-family:var(--mono);font-size:clamp(9px,.8cqw,11px);letter-spacing:.06em;color:#1A1218}
.sqs__slot span{font-size:clamp(9px,.82cqw,11.5px);color:#6B5D63}
.sqs__slot:hover b{color:#832062}
.sqs__band{display:flex;gap:clamp(10px,2cqw,30px);justify-content:center;align-items:center;padding:clamp(6px,.9cqw,10px);background:#EFE5D7;border-top:1px solid rgba(26,18,24,.1);position:absolute;left:0;right:0;bottom:0}
.sqs__band p{font-family:var(--mono);font-size:clamp(7.5px,.66cqw,9.5px);letter-spacing:.12em;color:#7A6A70}

.sqs__split{display:grid;grid-template-columns:1.02fr 1fr;height:100%;min-height:220px}
.sqs__split--flip{grid-template-columns:1fr 1.02fr}
.sqs__split--flip figure{order:2}
.sqs__split figure{position:relative;overflow:hidden;min-height:160px}
.sqs__split figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sqs__splitCopy{padding:clamp(12px,2cqw,26px);display:flex;flex-direction:column;justify-content:center;background:#FBF6EE;min-width:0}
.sqs__splitCopy h3{font-family:var(--sans);font-weight:500;font-size:clamp(20px,2.7cqw,38px);line-height:.96;letter-spacing:-.04em;margin-bottom:8px}
.sqs__splitCopy>p{font-size:clamp(10px,.92cqw,13px);line-height:1.45;color:#5E5158;margin-bottom:10px;max-width:40ch}
.sqs__list{display:grid;grid-template-columns:1fr;gap:3px;margin-bottom:10px}
.sqs__list--cols{grid-template-columns:1fr 1fr;column-gap:12px}
.sqs__list li{font-size:clamp(9.5px,.86cqw,12px);color:#3A2E34;padding-left:11px;position:relative;line-height:1.35}
.sqs__list li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:1px;background:#832062}
.sqs__brandline{font-family:var(--mono);font-size:clamp(7.5px,.66cqw,9.5px);letter-spacing:.08em;color:#8B7B81}
.sqs__book{display:grid;grid-template-columns:1.18fr .82fr;height:100%;min-height:260px}
.sqs__cal{padding:clamp(10px,1.6cqw,20px);border-right:1px solid rgba(26,18,24,.12)}
.sqs__calHead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.sqs__calHead b{font-family:var(--mono);font-size:clamp(9px,.82cqw,11px);letter-spacing:.1em}
.sqs__calHead span{font-family:var(--mono);font-size:clamp(7px,.62cqw,8.5px);letter-spacing:.1em;color:#8B7B81}
.sqs__calGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.sqs__dow{font-family:var(--mono);font-size:clamp(6.5px,.58cqw,8px);letter-spacing:.06em;color:#9A8A90;text-align:center;padding-bottom:2px}
.sqs__day{aspect-ratio:auto;height:clamp(30px,4.2cqw,56px);min-height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:clamp(8px,.7cqw,10px);color:#3A2E34;border:1px solid rgba(26,18,24,.09);border-radius:2px;background:#FBF6EE}
.sqs__day.is-open:hover{border-color:#832062;color:#832062}
.sqs__day.is-on{background:#832062;border-color:#832062;color:#FFF6EE}
.sqs__day.is-off{color:#C3B8BC;background:transparent;border-color:transparent}
.sqs__calNote{font-family:var(--mono);font-size:clamp(7px,.6cqw,8.5px);letter-spacing:.06em;color:#8B7B81;margin-top:8px}
.sqs__expect{display:flex;flex-direction:column;gap:6px;margin-top:clamp(10px,2.2cqw,22px);border-top:1px solid rgba(26,18,24,.12);padding-top:10px}
.sqs__expect li{display:flex;gap:9px;font-size:clamp(9px,.84cqw,12px);color:#3A2E34;line-height:1.3}
.sqs__expect b{font-family:var(--mono);font-size:clamp(7.5px,.64cqw,9px);letter-spacing:.08em;color:#832062;font-weight:400}
.sqs__fine{font-size:clamp(8px,.72cqw,10px);line-height:1.4;color:#8B7B81}
.sqs__bookSide{padding:clamp(10px,1.6cqw,20px);display:flex;flex-direction:column;gap:7px;overflow:auto;background:#FBF6EE}
.sqs__bookTitle{font-size:clamp(12px,1.15cqw,16px);font-weight:500;letter-spacing:-.02em}
.sqs__segs{display:flex;gap:4px;flex-wrap:wrap}
.sqs__segs button{font-family:var(--sans);font-size:clamp(8.5px,.76cqw,10.5px);padding:4px 6px;border:1px solid rgba(26,18,24,.16);border-radius:2px;color:#5E5158}
.sqs__segs button.is-on{background:#1A1218;color:#F6EFE5;border-color:#1A1218}
.sqs__times{display:flex;gap:4px;flex-wrap:wrap}
.sqs__times button{font-family:var(--mono);font-size:clamp(8.5px,.76cqw,10.5px);padding:4px 6px;border:1px solid rgba(26,18,24,.16);border-radius:2px;color:#5E5158}
.sqs__times button.is-on{background:#832062;color:#FFF6EE;border-color:#832062}
.sqs__summary{font-size:clamp(8.5px,.78cqw,11px);color:#6B5D63;line-height:1.35}
.sqs__draft{margin-top:4px;font-family:var(--mono);font-size:clamp(7.5px,.68cqw,9.5px);line-height:1.45;color:#3A2E34;background:#EFE5D7;border-left:2px solid #832062;padding:7px 8px;white-space:pre-wrap;max-height:110px;overflow:auto}

/* phone */
.phone{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.phone__screen{width:100%;aspect-ratio:9/19;max-height:100%;border-radius:clamp(14px,1.4vw,24px);background:#0C090C;border:1px solid rgba(242,234,222,.24);box-shadow:0 24px 50px -24px #000,0 0 0 4px #191219,0 0 0 5px rgba(242,234,222,.12);padding:clamp(4px,.5vw,7px);overflow:hidden;display:flex;flex-direction:column}
.phone__status{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;color:rgba(246,239,229,.5);padding:2px 4px 4px}
.phone__app{flex:1;background:#F6EFE5;border-radius:clamp(10px,1.1vw,18px);padding:clamp(6px,.7vw,12px);overflow:hidden;display:flex;flex-direction:column;gap:5px}
.phone__logo{height:clamp(11px,1.1vw,18px);width:auto;margin-bottom:2px}
.phone__app h4{font-size:clamp(11px,1.25vw,19px);letter-spacing:-.03em;line-height:1;color:#1A1218;font-weight:500}
.phone__slots{display:flex;gap:3px;flex-wrap:wrap}
.phone__slots span{font-family:var(--mono);font-size:clamp(6.5px,.62vw,9px);padding:3px 5px;border:1px solid rgba(26,18,24,.16);border-radius:2px;color:#5E5158}
.phone__slots span.is-on{background:#832062;color:#FFF6EE;border-color:#832062}
.phone__meta{font-size:clamp(6.5px,.68vw,9.5px);line-height:1.4;color:#6B5D63}
.phone__btn{margin-top:auto;background:#832062;color:#FFF6EE;text-align:center;font-family:var(--mono);font-size:clamp(6.5px,.62vw,9px);letter-spacing:.05em;padding:6px 3px;border-radius:2px}
.phone__note{font-family:var(--mono);font-size:clamp(5.5px,.5vw,7.5px);letter-spacing:.04em;color:#9A8A90;text-align:center}

.flagship__foot{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.09em;color:var(--muted);border-top:1px solid var(--line);margin-top:10px;padding-top:8px;flex-wrap:wrap}
.flagship__foot span{color:rgba(242,234,222,.38)}

/* ---------- system ---------- */
.system__head{max-width:70ch}
.system__head .h2{max-width:13ch}
.system__head .lead{max-width:52ch;margin-bottom:clamp(12px,2.2vh,24px)}
.pillars{display:flex;flex-direction:column;flex:1;min-height:0;border-bottom:1px solid var(--line)}
.pillar{display:grid;grid-template-columns:46px minmax(190px,265px) minmax(0,1fr) minmax(210px,300px);gap:clamp(12px,2vw,32px);align-items:center;border-top:1px solid var(--line);padding:clamp(8px,1.2vh,14px) 0;flex:1;min-height:0}
.pillar__n{font-family:var(--mono);font-size:var(--fs-micro);color:var(--accent);letter-spacing:.12em}
.pillar__h{font-size:var(--fs-h3);letter-spacing:-.03em;line-height:1.1;font-weight:500}
.pillar__p{font-size:var(--fs-body);line-height:1.4;color:var(--muted);letter-spacing:-.01em}
.pillar__out{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.05em;color:var(--accent);line-height:1.45;text-align:left}

/* ---------- proof ---------- */
.proof{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(20px,3.4vw,52px)}
.proof__copy{min-width:0;display:flex;flex-direction:column}
.proof .sechead .h2{max-width:13ch}
.proof .lead{max-width:44ch;margin-bottom:clamp(12px,2vh,20px)}
.quotes{display:flex;flex-direction:column;gap:clamp(9px,1.5vh,15px)}
.quotes li{border-top:1px solid var(--line);padding-top:9px}
.quotes blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.5vw,24px);line-height:1.24;letter-spacing:-.01em;color:var(--fg);margin-bottom:6px}
.quotes p{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--accent)}
.quotes p span{color:var(--muted);margin-left:8px}
.proof__src{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--muted);margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.proof__compare{display:flex;flex-direction:column;min-height:0;justify-content:center}
.compare{position:relative;width:100%;aspect-ratio:3/2;max-height:58vh;overflow:hidden;border-radius:2px;background:#120E12;border:1px solid rgba(242,234,222,.2);user-select:none;touch-action:pan-y}
.compare__pane{position:absolute;inset:0}
.compare__pane img{width:100%;height:100%;object-fit:cover;object-position:top center}
.compare__pane--after{clip-path:inset(0 0 0 var(--pos))}
.compare__tag{position:absolute;top:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;padding:4px 7px;background:rgba(10,8,10,.82);color:#F2EADE;border-radius:2px;pointer-events:none;z-index:3}
.compare__tag--l{left:10px}
.compare__tag--r{right:10px;background:rgba(131,32,98,.9)}
.compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#F2EADE;transform:translateX(-1px);z-index:2;pointer-events:none;box-shadow:0 0 18px rgba(0,0,0,.6)}
.compare__handle i{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;background:#F2EADE;box-shadow:0 2px 12px rgba(0,0,0,.5);display:block}
.compare__handle i:before,.compare__handle i:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}
.compare__handle i:before{left:9px;border-right:5px solid #1A1218}
.compare__handle i:after{right:9px;border-left:5px solid #1A1218}
.compare__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4}
.compare__cap{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.09em;color:var(--muted);margin-top:8px;flex-wrap:wrap}
.compare__cap span{color:rgba(242,234,222,.4)}

/* ---------- roadmap ---------- */
.roadmap{background:radial-gradient(120% 90% at 12% 0%,rgba(110,69,44,.28),transparent 60%)}
.roadmap__headRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(16px,3vw,44px);align-items:end}
.roadmap .h2{margin-bottom:0}
.roadmap .lead{font-size:var(--fs-sm);max-width:44ch}
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,22px);margin-top:clamp(16px,3vh,34px);flex:0 0 auto;min-height:0}
.phase{position:relative;border-top:1px solid rgba(244,233,218,.24);padding-top:14px;display:flex;flex-direction:column}
.phase:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--cedar);box-shadow:0 0 12px rgba(217,160,91,.6)}
.phase--launch:before{background:var(--amber)}
.phase__when{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--accent);margin-bottom:7px}
.phase__h{font-size:var(--fs-h3);letter-spacing:-.03em;line-height:1.05;margin-bottom:8px;font-weight:500}
.phase__p{font-size:var(--fs-sm);line-height:1.45;color:var(--muted);margin-bottom:auto}
.phase__out{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:rgba(217,160,91,.82);margin-top:12px;line-height:1.35}
.phase__owner{font-size:var(--fs-micro);color:var(--muted);margin-top:16px;padding-top:8px;border-top:1px solid rgba(244,233,218,.14);line-height:1.4}
.phase__owner span{font-family:var(--mono);letter-spacing:.1em;color:rgba(244,233,218,.45);margin-right:7px}
.roadmap__foot{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(14px,2.4vw,34px);border-top:1px solid rgba(244,233,218,.16);margin-top:clamp(12px,2vh,22px);padding-top:10px}.roadmap__foot p{font-size:var(--fs-sm);line-height:1.4;color:var(--muted)}
.roadmap__foot b{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.11em;color:var(--fg);font-weight:400;margin-bottom:3px}
.roadmap__bar{display:flex;height:48px;margin-top:clamp(12px,2vh,20px);border:1px solid rgba(244,233,218,.16);border-radius:2px;overflow:hidden}
.roadmap__seg{display:flex;align-items:center;gap:12px;padding:0 14px;background:rgba(255,255,255,.025)}
.roadmap__seg--1{width:17%;background:rgba(217,160,91,.14);border-right:1px solid rgba(244,233,218,.22)}
.roadmap__seg b{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--amber);font-weight:400;white-space:nowrap}
.roadmap__seg span{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roadmap__seg--2 b{color:rgba(244,233,218,.5)}

/* ---------- engagement ---------- */
.engagement__head .h2{max-width:14ch}
.engagement__head .lead{max-width:48ch;margin-bottom:clamp(10px,2vh,20px)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px);flex:0 0 auto;min-height:0}
.tier{border:1px solid var(--line);border-radius:3px;padding:clamp(12px,1.7vw,22px);display:flex;flex-direction:column;background:rgba(255,255,255,.28);position:relative;min-height:0}
.tier--rec{background:var(--plum);color:#FFF6EE;border-color:var(--plum);box-shadow:0 26px 60px -30px rgba(74,18,99,.6)}
.tier__badge{position:absolute;top:-1px;right:14px;transform:translateY(-50%);background:var(--paper);color:var(--plum);font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:4px 8px;border-radius:2px;font-weight:400}
.tier__tag{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;color:var(--accent);margin-bottom:6px}
.tier--rec .tier__tag{color:#E7C9DF}
.tier__for{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.5vw,26px);line-height:1.15;margin-bottom:12px;letter-spacing:-.01em}
.tier__list{display:flex;flex-direction:column;gap:6px;margin-bottom:auto}
.tier__list li{font-size:var(--fs-sm);line-height:1.35;color:var(--muted);padding-left:14px;position:relative}
.tier--rec .tier__list li{color:rgba(255,246,238,.82)}
.tier__list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:1px;background:var(--accent)}
.tier--rec .tier__list li:before{background:#E7C9DF}
.tier__btn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:16px;padding:11px 12px;border:1px solid var(--line);border-radius:2px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--fg);transition:background .2s,border-color .2s}
.tier__btn:hover{background:rgba(26,18,24,.06);border-color:var(--fg)}
.tier__btn--solid{background:#FFF6EE;color:var(--plum);border-color:#FFF6EE}
.tier__btn--solid:hover{background:#fff;color:var(--plum);border-color:#fff}
.engagement__note{border-top:1px solid var(--line);margin-top:auto;padding-top:12px;font-size:var(--fs-sm);line-height:1.4;color:var(--muted)}
.engage__all{display:flex;align-items:center;gap:clamp(14px,2vw,28px);border-top:1px solid var(--line);margin-top:clamp(14px,2.2vh,22px);padding-top:10px}
.engage__allLabel{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--accent);white-space:nowrap}
.engage__all ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px;flex:1}
.engage__all li{font-size:var(--fs-sm);line-height:1.3;color:var(--muted)}
.engagement__note b{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.11em;color:var(--fg);font-weight:400;margin-right:8px}

/* ---------- close ---------- */
.close{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(22px,3.6vw,56px);align-items:center;flex:1}
.close__copy{display:flex;flex-direction:column;justify-content:center}
.close__lead{font-family:var(--serif);font-style:italic;font-size:calc(var(--fs-lead) + 5px);color:var(--fg)}
.rep{display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);margin-top:clamp(14px,2.6vh,30px)}
.rep__portrait{position:relative;flex:0 0 auto;width:clamp(130px,10.5vw,200px);aspect-ratio:1}
.rep__portrait img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}
.rep__halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(131,32,98,.55),rgba(74,18,99,.18) 55%,transparent 70%);filter:blur(12px)}
.rep__name{font-size:clamp(21px,1.9vw,32px);letter-spacing:-.03em;line-height:1.05;margin-bottom:4px}
.rep__role{font-size:var(--fs-sm);color:var(--muted);margin-bottom:10px}
.rep__line{font-size:var(--fs-sm);line-height:1.5}
.rep__line a{border-bottom:1px solid rgba(195,174,218,.35);transition:border-color .2s,color .2s}
.rep__line a:hover{color:var(--lav);border-color:var(--lav)}
.rep__line span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:rgba(242,234,222,.4);margin-left:6px}
.close__loc{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.11em;color:rgba(242,234,222,.42);margin-top:clamp(14px,2.4vh,26px);border-top:1px solid var(--line);padding-top:10px}
.sched{border:1px solid rgba(242,234,222,.2);border-radius:3px;padding:clamp(14px,1.8vw,24px);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));display:flex;flex-direction:column;gap:10px;min-height:0}
.sched__kick{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.14em;color:var(--lav)}
.sched__sub{font-size:var(--fs-sm);color:var(--muted);line-height:1.4}
.sched__days{display:flex;gap:6px;flex-wrap:wrap}
.sched__days button{flex:1 1 0;min-width:78px;padding:8px 6px;border:1px solid rgba(242,234,222,.2);border-radius:2px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;transition:border-color .2s,background .2s}
.sched__days button b{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:400}
.sched__days button span{font-size:var(--fs-sm);color:var(--fg)}
.sched__days button:hover{border-color:rgba(242,234,222,.5)}
.sched__days button.is-on{border-color:var(--plum-soft);background:rgba(131,32,98,.28)}
.sched__days button.is-on b{color:var(--lav)}
.sched__times{display:flex;gap:6px;flex-wrap:wrap}
.sched__times button{padding:7px 10px;border:1px solid rgba(242,234,222,.2);border-radius:2px;font-family:var(--mono);font-size:var(--fs-sm);color:var(--fg);transition:border-color .2s,background .2s}
.sched__times button:hover{border-color:rgba(242,234,222,.5)}
.sched__times button.is-on{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.sched__focus{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted)}
.sched__focus select{font-family:var(--sans);font-size:var(--fs-sm);letter-spacing:0;color:var(--fg);background:#170F17;border:1px solid rgba(242,234,222,.22);border-radius:2px;padding:8px 10px;min-height:38px;width:100%}
.sched__focus select option{background:#170F17;color:var(--fg)}
.sched__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sched__actions .btn{font-size:var(--fs-label);padding:11px 14px;min-height:42px}
.sched__draft{border-left:2px solid var(--plum-soft);background:rgba(0,0,0,.3);padding:10px;border-radius:2px;position:relative;max-height:190px;overflow:auto}
.sched__draftHead{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--lav);margin-bottom:6px}
.sched__draft pre{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:rgba(242,234,222,.82);white-space:pre-wrap;word-break:break-word}
.sched__copy{position:absolute;top:6px;right:6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--lav);border:1px solid rgba(195,174,218,.4);border-radius:2px;padding:3px 6px}
.sched__foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:rgba(242,234,222,.35);margin-top:auto;padding-top:6px}
.sched__agenda{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(242,234,222,.16);padding-top:10px;margin-top:2px}
.sched__agenda li{display:flex;gap:10px;font-size:var(--fs-sm);color:var(--muted);line-height:1.35}
.sched__agenda b{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--lav);font-weight:400}

/* ---------- overlay / index ---------- */
.overlay{position:fixed;inset:0;z-index:50;background:rgba(9,6,9,.97);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:20px var(--gutter) 26px;overflow-y:auto}
.overlay[hidden]{display:none}
.overlay__bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(242,234,222,.18);margin-bottom:22px}
.overlay__bar p{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.16em;color:var(--lav)}
.overlay__bar button{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.14em;color:rgba(242,234,222,.7);padding:8px 0}
.overlay__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.1vw,14px)}
.icard{position:relative;aspect-ratio:16/10;border:1px solid rgba(242,234,222,.16);border-radius:2px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;overflow:hidden;background:linear-gradient(150deg,#1B1119,#0C080C 70%);transition:border-color .2s,transform .3s var(--ease)}
.icard:hover{border-color:var(--lav);transform:translateY(-2px)}
.icard.is-on{border-color:var(--plum-soft);background:linear-gradient(150deg,rgba(131,32,98,.4),#0C080C 75%)}
.icard__n{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--lav)}
.icard__k{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:rgba(242,234,222,.45);margin-top:auto;margin-bottom:4px}
.icard__t{font-size:clamp(14px,1.05vw,18px);line-height:1.12;letter-spacing:-.02em}
.icard__bar{position:absolute;left:0;top:0;height:2px;width:0;background:var(--plum-soft)}
.icard.is-on .icard__bar{width:100%}

/* ---------- flash / seam / toast ---------- */
#flash{position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:radial-gradient(circle at 64% 47%,rgba(255,250,240,.98),rgba(236,205,235,.7) 26%,rgba(131,32,98,.32) 46%,transparent 70%)}
#flash.is-on{animation:flash .82s ease-out forwards}
@keyframes flash{0%{opacity:0}7%{opacity:1}22%{opacity:.85}100%{opacity:0}}
#seam{position:fixed;top:0;bottom:0;left:0;width:2px;z-index:44;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,#F6EFE5 20%,#E5C8E0 55%,transparent);box-shadow:0 0 34px 8px rgba(195,174,218,.5)}
#seam.is-on{animation:seam .72s cubic-bezier(.4,0,.2,1) forwards}
@keyframes seam{0%{opacity:0;transform:translateX(100vw)}10%{opacity:1}80%{opacity:.7}100%{opacity:0;transform:translateX(0)}}
#page.is-shaking{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes shake{0%,100%{transform:translate3d(0,0,0)}12%{transform:translate3d(-9px,4px,0)}26%{transform:translate3d(8px,-5px,0)}40%{transform:translate3d(-6px,-3px,0)}55%{transform:translate3d(5px,3px,0)}70%{transform:translate3d(-3px,1px,0)}85%{transform:translate3d(2px,-1px,0)}}
.toast{position:fixed;left:50%;bottom:calc(var(--chrome-b) + 16px);transform:translate(-50%,14px);z-index:47;background:#F6EFE5;color:#1A1218;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:9px 14px;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- breakpoints ---------- */
@media (max-width:1500px){
  .asset__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;flex:0 0 auto;gap:10px}
  .asset__grid .shot{aspect-ratio:16/10}
  .shot--tall{grid-row:auto;grid-column:auto}
  .shot--tall img{object-position:center 38%}
  .shot figcaption{font-size:14px;padding:8px 10px}
  .chrome__loc{display:none}
  .proof .lead{max-width:40ch}
}
@media (max-width:1240px){
  .cover{grid-template-columns:minmax(360px,52%) 1fr}
  .audit{grid-template-columns:minmax(0,1.75fr) minmax(190px,.6fr)}
  .findings{grid-template-columns:1fr 1fr}
  .flagship__headRow{grid-template-columns:1fr}
  .flagship .lead{max-width:64ch;margin-top:8px}
  .tiers{gap:8px}
  .tier{padding:12px}
  .pillar{grid-template-columns:36px minmax(160px,220px) minmax(0,1fr)}
  .pillar__out{grid-column:2/-1;text-align:left;margin-top:4px}
  .roadmap__seg span{display:none}
}
@media (max-width:1100px){
  body.has-webgl #heroCanvas{display:none}
  body.has-webgl .cover__stage .signplate{display:block}
  .rail{display:none}
  .chrome__mid{display:none}
  .cover{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:18px;padding-bottom:calc(var(--chrome-b) + 76px)}
  .cover__copy{order:2;max-width:none}
  .cover__stage{order:1;min-height:0;padding-top:8px}
  .signplate{width:min(100%,620px);transform:rotate(-.7deg)}
  .cover__foot{order:3}
  .cover .h1{font-size:clamp(54px,8vw,92px)}
  .audit{grid-template-columns:1fr;gap:16px}
  .audit__aside{flex-direction:row;align-items:flex-start;gap:16px}
  .phoneShot__frame{height:300px}
  .audit__notes{max-width:none}
  .gap{grid-template-columns:1fr}
  .gap__figure{min-height:240px;max-height:320px}
  .asset__grid{grid-template-columns:1fr 1fr;grid-template-rows:1.4fr 1fr}
  .shot--tall{grid-row:span 1;grid-column:1/-1}
  .awards{grid-template-columns:1fr auto}
  .awards__list{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr}
  .flagship__stage{grid-template-columns:1fr}
  .phone{display:none}
  .pillars{grid-template-columns:1fr 1fr}
  .proof{grid-template-columns:1fr}
  .compare{max-height:none}
  .phases{grid-template-columns:1fr 1fr}
  .close{grid-template-columns:1fr}
  .rep{max-width:560px}
  .sched{max-width:720px}
  .overlay__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  :root{--chrome-t:56px;--chrome-b:56px;--gutter:16px}
  body{font-size:16px}
  .cobrand__bc{height:16px}
  .cobrand__sq{height:20px}
  .cobrand__x{font-size:14px}
  .chrome__btn{padding:6px 0}
  .chrome__foot{font-size:9.5px;letter-spacing:.08em}
  .chrome__nav{gap:6px}
  .navbtn{padding:8px 10px;font-size:11px;min-height:36px}
  .navbtn span{display:none}
  .wrap{padding-top:calc(var(--chrome-t) + 16px);padding-bottom:calc(var(--chrome-b) + 16px)}
  .h1{font-size:clamp(42px,11vw,64px);line-height:.92}
  .h2{font-size:clamp(32px,8.6vw,48px)}
  .lead{font-size:16px;line-height:1.45}
  .cover{padding-bottom:calc(var(--chrome-b) + 62px)}
  .cover .h1{font-size:clamp(40px,10.4vw,58px)}
  .cover__actions .btn{flex:1 1 auto;font-size:11px;padding:12px 10px}
  .cover__meta{gap:14px}
  .cover__meta dd{font-size:14px}
  .cover__foot{flex-direction:column;align-items:flex-start;gap:6px}
  .ticker{padding:7px 0}
  .finding__h{font-size:17px}
  .finding__p{font-size:15px}
  .findings{grid-template-columns:1fr;row-gap:12px}
  .audit__aside{flex-direction:column}
  .phoneShot__frame{height:min(58vh,460px)}
  .audit__notes{max-width:none}
  .paths{grid-template-columns:1fr;gap:16px}
  .asset__grid{grid-template-columns:1fr;grid-template-rows:auto}
  .shot{min-height:200px;aspect-ratio:16/10}
  .shot--tall{aspect-ratio:4/3}
  .shot img{position:absolute;inset:0}
  .shot figcaption{font-size:13px}
  .awards{grid-template-columns:1fr}
  .awards__list{grid-template-columns:1fr;gap:6px}
  .flagship .h2{margin-bottom:6px}
  .mac__url{max-width:none}
  .sqs{font-size:12px}
  .sqs__head{flex-wrap:wrap;row-gap:6px}
  .sqs__nav{display:flex;order:3;width:100%;overflow-x:auto;gap:12px;margin-left:0;padding-top:7px;border-top:1px solid rgba(26,18,24,.12)}
  .sqs__nav button{font-size:10.5px;padding:2px 0}
  .sqs__cta{margin-left:auto}
  .sqs__hero{height:auto;min-height:310px;padding:16px}
  .sqs__heroCopy{max-width:100%}
  .sqs__heroCopy h3{font-size:30px}
  .sqs__slots{display:none}
  .sqs__split,.sqs__split--flip{grid-template-columns:1fr;height:auto}
  .sqs__split figure{order:-1;height:190px}
  .sqs__split--flip figure{order:-1}
  .sqs__book{grid-template-columns:1fr;height:auto}
  .sqs__cal{border-right:0;border-bottom:1px solid rgba(26,18,24,.12)}
  .sqs__panel{position:relative;inset:auto;height:auto;min-height:100%}
  .sqs__panels{min-height:0}
  .sqs__day{min-height:30px}
  .sqs__band{position:static}
  .cover__stage{overflow:hidden}
  .cobrand__sq{height:24px}
  .cobrand__bc{height:15px}
  .pillars{grid-template-columns:1fr;gap:0}
  .pillar{display:grid;grid-template-columns:26px 1fr;gap:2px 10px;padding:12px 0}
  .pillar__h,.pillar__p,.pillar__out{grid-column:2}
  .pillar__out{text-align:left;margin-top:2px}
  .pillar__h{font-size:18px}
  .pillar__p{font-size:15px}
  .quotes blockquote{font-size:18px}
  .compare__tag{font-size:8px;padding:3px 5px}
  .phases{grid-template-columns:1fr;gap:0}
  .phase{border-top:1px solid rgba(244,233,218,.18);padding:12px 0}
  .phase:before{display:none}
  .roadmap__foot{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr}
  .tier{padding:16px}
  .rep__portrait{width:120px}
  .sched__days button{min-width:70px;flex:1 1 40%}
  .overlay__grid{grid-template-columns:1fr 1fr}
  .overlay{padding:14px 14px 24px}
  .engage__all{flex-direction:column;align-items:flex-start;gap:10px}
  .engage__all ul{grid-template-columns:1fr 1fr;width:100%}
}
@media (max-width:520px){
  .chrome__foot{display:none}
  .chrome--bottom{justify-content:space-between}
  .chrome--bottom .chrome__nav{width:100%}
  .chrome__nav .navbtn{flex:1;justify-content:center;min-height:40px}
  .cobrand__x{display:none}
  .cover .h1{font-size:clamp(38px,11.4vw,48px)}
  .cover__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cover__hint{display:none}
  .h2{font-size:clamp(28px,8.8vw,38px)}
  .signplate__cap span{display:none}
  .signplate{padding:0}
  .overlay__grid{grid-template-columns:1fr}
  .icard{aspect-ratio:auto;min-height:92px}
  .tier__for{font-size:19px}
  .sched__days button{flex:1 1 46%}
  .rep{gap:12px}
  .rep__portrait{width:96px}
  .rep__name{font-size:20px}
  .sqs__head{padding:8px 10px}
  .sqs__logo{height:18px}
  .sqs__cta{font-size:9px;padding:6px 8px}
  .sqs__heroCopy h3{font-size:26px}
  .sqs__eyebrow{font-size:8px}
  .sqs__list--cols{grid-template-columns:1fr}
  .sqs__splitCopy h3{font-size:22px}
  .sqs__calHead span{display:none}
  .sqs__day{min-height:26px;font-size:8px}
  .compare__cap{font-size:9px}
  .engage__all ul{grid-template-columns:1fr}
  .roadmap__bar{flex-direction:column;height:auto;border:0;gap:6px;margin-top:16px}
  .roadmap__seg{width:100%;height:38px;border:1px solid rgba(244,233,218,.16);border-radius:2px}
  .roadmap__seg--1{border-right:1px solid rgba(244,233,218,.16)}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .ticker__track{animation:none}
  .slide{transform:none !important}
  #flash,#seam{display:none}
}
@media (max-height:700px) and (min-width:1101px){
  .cover__meta{display:none}
  .cover__actions{margin-bottom:14px}
  .cover__lead{margin-bottom:14px}
  .h1{font-size:clamp(40px,4.8vw,74px)}
  .h2{font-size:clamp(30px,3vw,50px)}
  .audit .lead,.gap .lead,.asset .lead{margin-bottom:10px}
  .phoneShot__frame{height:300px}
  .findings{row-gap:8px}
  .finding__p{font-size:15px}
}