/* Agentic Guardians · merge-v1
   Open = stitch/first-screen DNA + after-hook trust + signup.
   Reality = one-pager stacked. Trust ask + Now you can + r5/stitch demo.
   Tools = Main.dc. Close = industry + mic-drops + stronger signup.
   No How / no math echo / no envelope. Local fonts. */

@font-face{font-family:'Figtree';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/figtree-latin-300-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/figtree-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/figtree-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/figtree-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/figtree-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/figtree-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:local('New York'),local('NewYork'),url('fonts/newsreader-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/inter-tight-latin-300-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-tight-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')}

:root{
  --bg:#050505;
  --bg2:#0C0C0C;
  --card:#101012;
  --pnl:#101012;
  --bar:#0C0C0C;
  --ln:#222226;
  --ln2:#2a2a2e;
  --tx:#F2F0EA;
  --tx2:#C9C7C1;
  --mu:#8A8882;
  --mu2:#5E5C58;
  --ph:#5E5C58;
  --dot:#A8D5C2;
  --green:#6dd49a;
  --amber:#f4b860;
  --stop:#FF4A3D;
  --red:#E30613;
  --redt:#FF4A3D;
  --serif:'Newsreader',ui-serif,Georgia,'Iowan Old Style','Palatino Linotype',Palatino,serif;
  --sans:'Figtree',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --disp:var(--sans);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --fw:1136px;
  --pad:72px;
  --spine:72px;
  --nav:72px;
  --ts-display:clamp(2.1rem, 1.2rem + 3vw, 3.4rem);
  --ts-head:clamp(1.3rem, .95rem + 1.1vw, 1.75rem);
  --ts-body:clamp(1.05rem, .95rem + .35vw, 1.2rem);
  --ts-mono:13px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 20px);background:var(--bg)}
html.reduced,html.instant{scroll-behavior:auto}
html,body{overflow-x:clip}
body{
  margin:0;
  background:var(--bg);
  color:var(--tx);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.45;
  font-feature-settings:"cv11","ss01","ss03";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.mono{font-family:var(--mono)}
.muted{color:var(--mu)}
.nw{white-space:nowrap}
[hidden]{display:none !important}
::selection{background:color-mix(in srgb,var(--dot) 28%,transparent)}
:focus-visible{outline:2px solid var(--dot);outline-offset:3px}

/* ——— site nav (r5 / one-pager) ——— */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:color-mix(in srgb,var(--bg) 84%,transparent);
  backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--ln);
  transition:opacity .5s ease,visibility .5s,background-color 1.1s ease,border-color 1.1s ease,color 1.1s ease;
}
html.nav-away .nav{
  opacity:0;visibility:hidden;pointer-events:none;
}
html.nav-top .nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html.nav-top .nav:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html.reduced .nav,
html.instant .nav,
html[data-beat] .nav,
html[data-shot] .nav{
  opacity:1;visibility:visible;pointer-events:auto;
}
.nav-in{
  max-width:1120px;margin:0 auto;height:var(--nav);
  padding:0 clamp(20px,4vw,40px);
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  box-sizing:border-box;
}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:15px;min-width:0;color:var(--tx)}
.wm{display:inline-flex;align-items:baseline;gap:.28em;white-space:nowrap;letter-spacing:-.01em}
.wm-a{font-weight:500}
.wm-g{font-weight:700;letter-spacing:.02em}
.wm-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot);margin-left:2px;transform:translateY(-1px);flex:none}
.brand .tag{font-size:14px;color:var(--mu2);padding-left:16px;border-left:1px solid var(--ln2);white-space:nowrap}
.nav-r{display:flex;align-items:center;gap:22px}
.nav-link{font-size:14px;color:var(--mu);text-decoration:none;transition:color 1.1s ease}
.nav-link:hover{transition-duration:.15s}
.nav-link:hover{color:var(--tx)}
.btn-sm{font-size:14px;padding:8px 14px;height:36px}
a.nav-signup{display:none}
html[data-nav-signup] a.nav-signup{display:inline-flex}
.brand-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--dot);flex:none;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 40%,transparent);
}
html.js:not(.reduced) .brand-dot{animation:pip 2.6s ease-out infinite}
@keyframes pip{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 45%,transparent)}
  70%{box-shadow:0 0 0 12px transparent}
  100%{box-shadow:0 0 0 0 transparent}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.replay{
  position:absolute;left:clamp(16px,2.2vw,28px);bottom:8px;z-index:8;
  appearance:none;border:1px solid color-mix(in srgb,var(--ln2) 70%,transparent);
  background:color-mix(in srgb,var(--bg) 42%,transparent);color:var(--mu);
  font-family:var(--sans);font-size:11px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;
  padding:6px 10px;border-radius:999px;cursor:pointer;
  transition:color .2s,border-color .2s,background .2s;
}
.replay:hover{color:var(--tx);border-color:var(--mu2);background:color-mix(in srgb,var(--bg) 72%,transparent)}
.nav-r .btn-sm{white-space:nowrap;flex:none}
@media (max-width:760px){
  .brand .tag{display:none}
  .nav-link{display:none}
  .nav-in{padding:0 18px;gap:12px}
  .brand{font-size:14px;gap:10px}
  .nav-r{gap:10px}
}
@media (max-width:760px){
  .open .replay{left:auto;right:14px;bottom:auto;top:calc(var(--nav) + 8px)}
}
@media (max-width:400px){
  .nav-r{gap:8px}
  .nav-r .btn-sm{padding:8px 10px;font-size:13px}
  .replay{padding:5px 8px;font-size:10px}
}

/* ——— shared section chrome ——— */
.sec{position:relative;padding:120px var(--pad);text-align:center}
.sec::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--ln) 14%,var(--ln) 86%,transparent);
}
.node{
  position:absolute;left:50%;top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;
  border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px var(--mu2);z-index:2;pointer-events:none;
}
.h2{
  font-family:var(--sans);font-size:var(--ts-display);line-height:1.06;font-weight:600;
  letter-spacing:-.034em;margin:0;text-wrap:balance;
}
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0)*.12s)}
.js .rv.in{opacity:1;transform:none}
.instant .rv{opacity:1!important;transform:none!important;transition:none!important}

.cue{
  position:absolute;left:50%;bottom:0;width:1px;height:var(--spine);margin-left:-.5px;
  background:linear-gradient(transparent,var(--ln2) 30%,var(--mu2));
  transform-origin:top;transition:transform 1.4s var(--ease),opacity .45s ease;
  overflow:visible;pointer-events:none;z-index:2;
}
.js .cue{transform:scaleY(0);opacity:0}
.js .cue.on{transform:none;opacity:1}
.js .cue.past{opacity:0;transform:scaleY(0)}
.js .day .cue.past{opacity:1;transform:none}
.js .day .cue.on.past::after{animation:cueTravel 2.8s ease-in-out infinite}
.cue::after{
  content:"";position:absolute;left:50%;top:0;width:2px;height:22%;margin-left:-1px;
  border-radius:1px;background:linear-gradient(transparent,var(--mu2),var(--tx),var(--mu2),transparent);
  opacity:0;pointer-events:none;
}
.js .cue.loop:not(.past)::after{animation:cueTravel 2.8s ease-in-out infinite}
@keyframes cueTravel{0%{transform:translateY(0);opacity:0}12%{opacity:.85}55%{opacity:.55}100%{transform:translateY(360%);opacity:0}}
.instant .cue{transform:none;opacity:1}
.instant .cue::after{animation:none;opacity:0}

@keyframes blink{50%{opacity:0}}
@keyframes watchV{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 45%,transparent)}60%{box-shadow:0 0 0 12px color-mix(in srgb,var(--dot) 0%,transparent)}}
@keyframes watchBad{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--redt) 55%,transparent)}60%{box-shadow:0 0 0 10px transparent}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 45%,transparent)}60%{box-shadow:0 0 0 5px transparent}}
@keyframes lnIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes phIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ========== 1 · OPEN (first-screen-v1) ========== */
.open{
  position:relative;
  width:100%;
  height:100dvh;min-height:100vh;
  overflow:hidden;
  padding:0;
}
.open::before{display:none}
.open-stage{
  position:relative;
  width:100%;height:100%;
  overflow:hidden;
}
.open-stage::before{
  content:"";
  position:absolute;inset:-20%;
  background:
    radial-gradient(ellipse 50% 40% at 30% 35%, color-mix(in srgb,var(--dot) 7%,transparent), transparent 60%),
    radial-gradient(ellipse 45% 35% at 70% 60%, color-mix(in srgb,var(--dot) 5%,transparent), transparent 55%);
  opacity:0;
  transition:opacity 1.4s var(--ease);
  pointer-events:none;
}
.open-stage.is-alive::before{opacity:1}
.open-stage.is-hook::before{opacity:.35}

.field{
  position:absolute;inset:0;
  transition:opacity 1.1s var(--ease), filter 1.1s var(--ease), transform 1.1s var(--ease);
}
.open-stage.is-hook .field{
  opacity:.42;
  filter:blur(2.5px);
  transform:scale(.99);
  pointer-events:none;
}

.pay{
  position:absolute;
  left:var(--x); top:var(--y);
  z-index:calc(1 + var(--i, 0));
  transform:translate(-50%,-40%) translateY(18px) scale(.96);
  opacity:0;
  min-width:min(300px,78vw);
  max-width:380px;
  padding:20px 24px 18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--card) 92%,#fff), var(--card));
  border:1px solid var(--ln);
  border-radius:16px;
  box-shadow:
    0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset,
    0 18px 48px rgba(0,0,0,.35);
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  gap:4px 16px;
  column-gap:18px;
  will-change:transform,opacity;
}
.pay[data-i="0"]{--i:0}
.pay[data-i="1"]{--i:1}
.pay[data-i="2"]{--i:2}
.pay[data-i="3"]{--i:3}
.pay[data-i="4"]{--i:4}
.pay[data-i="5"]{--i:5}
.pay[data-i="6"]{--i:6}
.pay[data-i="7"]{--i:7}
.pay[data-i="8"]{--i:10}
.pay.is-in{
  opacity:1;
  transform:translate(-50%,-40%) translateY(0) scale(1);
  transition:
    opacity .7s var(--ease-out),
    transform .85s var(--ease-out),
    left 1.15s var(--ease),
    top 1.15s var(--ease);
}
.pay.is-soft{opacity:.55;transition:opacity .8s var(--ease)}
.pay-who{
  grid-column:1 / -1;
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--mu2);margin-bottom:2px;
}
.pay-act{
  font-size:clamp(16px,1.45vw,19px);font-weight:500;color:var(--tx);
  letter-spacing:-.018em;line-height:1.3;
}
.pay-amt{
  font-family:var(--mono);font-size:clamp(16px,1.45vw,19px);font-weight:500;
  color:var(--dot);letter-spacing:-.02em;align-self:center;white-space:nowrap;
}
.acct{font-family:var(--mono);font-weight:400;color:var(--tx2);letter-spacing:.02em}
.pay-note{
  grid-column:1 / -1;font-size:11px;font-weight:500;color:var(--mu);
  letter-spacing:.02em;margin-top:6px;padding-top:8px;border-top:1px solid var(--ln);
}
.pay-off{
  border-color:color-mix(in srgb,var(--dot) 18%,var(--ln));
  min-width:min(300px,82vw);
}
.pay-off .pay-amt{color:var(--tx);font-size:clamp(17px,1.6vw,20px)}

/* Compromised cards — light red trial after hook (outside dimmed .field) */
.field-bad{
  position:absolute;inset:0;
  pointer-events:none;
  z-index:3;
}
.pay-bad{
  border-color:color-mix(in srgb,var(--stop) 42%,var(--ln));
  background:linear-gradient(180deg, color-mix(in srgb,var(--stop) 8%,var(--card)), var(--card));
  box-shadow:
    0 1px 0 color-mix(in srgb,var(--stop) 10%,transparent) inset,
    0 0 28px color-mix(in srgb,var(--stop) 14%,transparent),
    0 18px 48px rgba(0,0,0,.35);
  min-width:min(280px,76vw);
}
.pay-bad .pay-amt{color:var(--stop)}
.pay-bad .pay-note{
  color:color-mix(in srgb,var(--stop) 72%,var(--mu));
  border-top-color:color-mix(in srgb,var(--stop) 28%,var(--ln));
}
.pay-bad .pay-who{color:color-mix(in srgb,var(--stop) 45%,var(--mu2))}
.pay-compromised{
  display:block;margin-top:8px;padding-top:7px;
  border-top:1px solid color-mix(in srgb,var(--stop) 22%,var(--ln));
  font-family:var(--sans);font-size:10px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;
  color:color-mix(in srgb,var(--stop) 68%,var(--mu));
}
.pay-bad .pay-note + .pay-compromised{
  margin-top:6px;padding-top:0;border-top:0;
}
.pay-stopped{display:none;grid-column:1 / -1;margin-top:6px;font-family:var(--sans);font-size:11px;letter-spacing:.02em;color:var(--mu)}
.pay-bad.is-blocked .pay-amt{color:var(--mu);text-decoration:none}
.pay-bad.is-blocked .pay-note,.pay-bad.is-blocked .pay-who{color:var(--mu2)}
.pay-bad.is-blocked .pay-note{border-top-color:var(--ln)}
.pay-bad.is-blocked .pay-compromised{color:var(--stop);font-weight:600}
.pay-bad.is-blocked .pay-stopped{display:block}
.pay[data-i="9"]{--i:12}
.pay[data-i="10"]{--i:13}
.pay[data-i="11"]{--i:14}
.pay-bad.is-in{
  opacity:.68;
  transition:
    opacity .85s var(--ease-out),
    transform .95s var(--ease-out),
    left 1.15s var(--ease),
    top 1.15s var(--ease);
}
.pay-bad.is-soft{opacity:.55}
.pay-bad.is-blocked{border-color:var(--ln2);background:var(--card);box-shadow:0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset,0 18px 48px rgba(0,0,0,.35);opacity:.95;transition:opacity .85s var(--ease-out),transform .95s var(--ease-out),left 1.15s var(--ease),top 1.15s var(--ease),border-color .7s ease,box-shadow .7s ease}

.lede{
  position:absolute;left:50%;top:48%;
  width:min(760px,90vw);margin:0;z-index:4;
  transform:translate(-50%,-50%) translateY(14px);
  opacity:0;
  font-family:var(--sans);font-weight:500;
  font-size:clamp(1.6rem,1.15rem + 2.1vw,2.4rem);
  line-height:1.22;letter-spacing:-.028em;
  text-align:center;text-wrap:balance;color:var(--tx);
  pointer-events:none;
}
.lede.is-in{
  opacity:1;
  transform:translate(-50%,-50%) translateY(0);
  transition:opacity .85s var(--ease-out),transform 1s var(--ease-out);
}
.lede.is-out{
  opacity:0;
  transform:translate(-50%,-50%) translateY(-10px);
  transition:opacity .65s var(--ease),transform .75s var(--ease);
  pointer-events:none;
}

.open-land{
  position:absolute;left:50%;top:50%;
  width:min(920px,90vw);
  transform:translate(-50%,-46%);
  display:flex;flex-direction:column;align-items:center;
  text-align:center;pointer-events:none;z-index:5;
}
.open-stage.is-hook .open-land::before{
  content:"";
  position:absolute;left:50%;top:42%;
  width:min(880px,110%);height:min(420px,72%);
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse 58% 52% at 50% 45%, rgba(5,5,5,.78), rgba(5,5,5,.42) 55%, transparent 78%);
  pointer-events:none;z-index:-1;
}
.hook{
  position:relative;left:auto;top:auto;z-index:2;
  width:100%;margin:0;
  transform:translateY(24px) scale(.97);
  opacity:0;
  font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,6.2vw,72px);line-height:1.08;letter-spacing:-.03em;
  text-align:center;text-wrap:balance;color:var(--tx);pointer-events:none;
  text-shadow:0 1px 24px rgba(5,5,5,.55);
}
.hook.is-in{
  opacity:1;
  transform:translateY(0) scale(1);
  transition:opacity 1s var(--ease-out),transform 1.15s var(--ease-out);
}
.open-stage.is-land .open-land{
  transform:translate(-50%,-66%);
  transition:transform .9s var(--ease-out);
}
.after-hook{
  position:relative;z-index:2;
  width:min(560px,92vw);margin-top:28px;
  opacity:0;transform:translateY(18px);
  pointer-events:none;
}
.after-hook.is-in{
  opacity:1;transform:none;pointer-events:auto;
  transition:opacity .85s var(--ease-out),transform .95s var(--ease-out);
}
.m-brand,.m-trust,.m-offer,.m-re,.desk-beats{display:none}
@media (min-width:761px){
  .after-hook .desk-trust,
  .after-hook .m-do{display:none}
  .after-hook{width:min(820px,92vw)}
  .desk-beats{
    display:block;
    max-width:780px;
    margin:0 auto;
    text-align:center;
  }
  .desk-label{margin:0 auto;font-family:var(--sans);font-size:clamp(1rem,1.2vw,1.12rem);font-weight:500;letter-spacing:-.005em;text-transform:none;color:#F2F0EA}
  .desk-label b{font-weight:700;color:#F2F0EA}
  .desk-big{margin:22px 0 0;font-size:clamp(1.35rem,2.05vw,1.8rem);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
  .db-soft{font-weight:400}
  .db-strong{white-space:nowrap;font-weight:700}
  .db-soft,.db-strong,.db-strong em{color:#B2D3E7}
  .db-strong em{font-style:normal;font-weight:700}
  .desk-b3{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:38px;font-size:clamp(.95rem,1.2vw,1.08rem);font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:#F2F0EA}
  .desk-b3 b{color:#F2F0EA;font-weight:700}
  .nm-rule{flex:1 1 0;max-width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,240,234,.45))}
  .nm-rule:last-child{transform:scaleX(-1)}
  .nm-txt{white-space:nowrap}
  .desk-facts{margin-top:14px;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:0;color:#B9B6B0}
  .after-hook .open-form{margin-top:64px}
}
@media (max-width:1100px) and (min-width:761px){.db-strong{white-space:normal}}
.trust-line{
  margin:0 auto;max-width:34rem;
  font-size:clamp(1.02rem,.9rem + .4vw,1.22rem);line-height:1.45;
  font-weight:400;letter-spacing:-.012em;color:var(--tx2);text-wrap:balance;
}
.trust-line b{font-weight:600;color:var(--tx)}
.trust-line + .trust-line{margin-top:8px}
.after-hook > .open-fine + .open-form{margin-top:16px}
.open-form{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin-top:22px;max-width:32rem;margin-left:auto;margin-right:auto;
}
.open-form input[type=email]{
  flex:1 1 220px;min-width:0;height:46px;padding:0 16px;
  font-family:var(--sans);font-size:15px;color:var(--tx);
  background:color-mix(in srgb,var(--card) 88%,#fff);
  border:1px solid var(--ln2);border-radius:8px;outline:none;
}
.open-form input::placeholder{color:var(--ph)}
.open-form input:focus{border-color:var(--tx)}
.open-form input.bad{border-color:var(--stop)}
.open-form .btn{height:46px;padding:0 18px}
.open-form-ok{
  margin:0;flex:1 1 100%;font-size:16px;font-weight:500;
  display:flex;align-items:center;justify-content:center;gap:10px;color:var(--tx);
}
.open-form-ok[hidden]{display:none}
.open-form.done input,.open-form.done .btn{display:none}
.open-fine{margin:12px 0 0;font-size:13px}
.open > .cue{bottom:18px;height:56px}

/* open reduced / beat / shot */
html.reduced .brand-dot{animation:none}
html.reduced .pay,
html.reduced .hook,
html.reduced .lede,
html.reduced .field,
html.reduced .field-bad,
html.reduced .open-stage::before{transition:none !important}
html.reduced:not([data-beat]) .open-stage::before{opacity:.35}
html.reduced:not([data-beat]) .field{opacity:.42;filter:blur(2.5px);transform:scale(.99)}
html.reduced:not([data-beat]) .pay{opacity:.55;transform:translate(-50%,-40%) translateY(0) scale(1)}
html.reduced:not([data-beat]) .pay[data-i="8"]{opacity:.7}
html.reduced:not([data-beat]) .pay-bad{opacity:.65;transform:translate(-50%,-40%) translateY(0) scale(1)}
html.reduced:not([data-beat]) .lede{opacity:0;visibility:hidden}
html.reduced:not([data-beat]) .hook{opacity:1;transform:translateY(0) scale(1)}
html.reduced:not([data-beat]) .after-hook{opacity:1;transform:none;pointer-events:auto}
html.reduced:not([data-beat]) .open-stage.is-land .open-land,
html.reduced:not([data-beat]) .open-land{transform:translate(-50%,-66%)}
html.reduced:not([data-past-open]) .replay{display:inline-flex !important}

html[data-beat="hook"] .replay,
html[data-beat="lede"] .replay{display:inline-flex !important}
html[data-beat="agents"] .replay,
html[data-beat="off"] .replay{display:none !important}

html[data-beat="lede"] .open-stage::before{opacity:1}
html[data-beat="lede"] .field{opacity:1;filter:none;transform:none}
html[data-beat="lede"] .pay{opacity:0 !important;visibility:hidden}
html[data-beat="lede"] .lede{opacity:1;transform:translate(-50%,-50%) translateY(0);visibility:visible}
html[data-beat="lede"] .hook{opacity:0 !important;visibility:hidden}
html[data-beat="lede"] .after-hook{opacity:0;visibility:hidden}

html[data-beat="agents"] .open-stage::before{opacity:1}
html[data-beat="agents"] .field{opacity:1;filter:none;transform:none}
html[data-beat="agents"] .pay[data-i="0"],
html[data-beat="agents"] .pay[data-i="1"],
html[data-beat="agents"] .pay[data-i="2"],
html[data-beat="agents"] .pay[data-i="3"],
html[data-beat="agents"] .pay[data-i="4"],
html[data-beat="agents"] .pay[data-i="5"],
html[data-beat="agents"] .pay[data-i="6"],
html[data-beat="agents"] .pay[data-i="7"]{opacity:1;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-beat="agents"] .pay[data-i="0"],
html[data-beat="agents"] .pay[data-i="1"]{opacity:.55}
html[data-beat="agents"] .pay[data-i="8"],
html[data-beat="agents"] .pay-bad{opacity:0 !important;visibility:hidden}
html[data-beat="agents"] .lede{opacity:0;visibility:hidden}
html[data-beat="agents"] .hook{opacity:0 !important;visibility:hidden}

html[data-beat="off"] .open-stage::before{opacity:1}
html[data-beat="off"] .field{opacity:1;filter:none;transform:none}
html[data-beat="off"] .pay{opacity:.48;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-beat="off"] .pay[data-i="8"]{opacity:1}
html[data-beat="off"] .pay-bad{opacity:0 !important;visibility:hidden}
html[data-beat="off"] .lede{opacity:0;visibility:hidden}
html[data-beat="off"] .hook{opacity:0 !important;visibility:hidden}

html[data-beat="hook"] .open-stage::before{opacity:.35}
html[data-beat="hook"] .field{opacity:.42;filter:blur(2.5px);transform:scale(.99)}
html[data-beat="hook"] .pay{opacity:.55;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-beat="hook"] .pay[data-i="8"]{opacity:.7}
html[data-beat="hook"] .pay-bad{opacity:.68;transform:translate(-50%,-40%) translateY(0) scale(1);visibility:visible}
html[data-beat="hook"] .lede{opacity:0;visibility:hidden}
html[data-beat="hook"] .hook{opacity:1;transform:translateY(0) scale(1);visibility:visible}
html[data-beat="hook"] .after-hook{opacity:0;visibility:hidden}
html[data-beat="after"] .open-stage::before{opacity:.35}
html[data-beat="after"] .field{opacity:.42;filter:blur(2.5px);transform:scale(.99)}
html[data-beat="after"] .pay{opacity:.55;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-beat="after"] .pay[data-i="8"]{opacity:.7}
html[data-beat="after"] .pay-bad{opacity:.62;transform:translate(-50%,-40%) translateY(0) scale(1);visibility:visible}
html[data-beat="after"] .lede{opacity:0;visibility:hidden}
html[data-beat="after"] .hook{opacity:1;transform:translateY(0) scale(1);visibility:visible}
html[data-beat="after"] .after-hook{opacity:1;transform:none;pointer-events:auto;visibility:visible}
html[data-beat="after"] .open-land{transform:translate(-50%,-66%)}

@media (min-width:521px){
  .pay[data-i="0"]{--x:22%; --y:11%}
  .pay[data-i="1"]{--x:78%; --y:9%}
  .pay[data-i="2"]{--x:18%; --y:31%}
  .pay[data-i="3"]{--x:82%; --y:29%}
  .pay[data-i="4"]{--x:20%; --y:52%}
  .pay[data-i="5"]{--x:80%; --y:54%}
  .pay[data-i="6"]{--x:24%; --y:74%}
  .pay[data-i="7"]{--x:76%; --y:76%}
  .pay[data-i="8"]{--x:50%; --y:44%}
  .pay[data-i="9"]{--x:14%; --y:20%}
  .pay[data-i="10"]{--x:86%; --y:22%}
  .pay[data-i="11"]{--x:50%; --y:80%}

  /* Hook/after: drift to edges — clear vertical corridor for type */
  .open-stage.is-hook .pay[data-i="0"],
  html[data-beat="hook"] .pay[data-i="0"],
  html[data-beat="after"] .pay[data-i="0"]{--x:11% !important; --y:7% !important}
  .open-stage.is-hook .pay[data-i="1"],
  html[data-beat="hook"] .pay[data-i="1"],
  html[data-beat="after"] .pay[data-i="1"]{--x:89% !important; --y:5% !important}
  .open-stage.is-hook .pay[data-i="2"],
  html[data-beat="hook"] .pay[data-i="2"],
  html[data-beat="after"] .pay[data-i="2"]{--x:7% !important; --y:16% !important}
  .open-stage.is-hook .pay[data-i="3"],
  html[data-beat="hook"] .pay[data-i="3"],
  html[data-beat="after"] .pay[data-i="3"]{--x:93% !important; --y:14% !important}
  .open-stage.is-hook .pay[data-i="4"],
  html[data-beat="hook"] .pay[data-i="4"],
  html[data-beat="after"] .pay[data-i="4"]{--x:10% !important; --y:70% !important}
  .open-stage.is-hook .pay[data-i="5"],
  html[data-beat="hook"] .pay[data-i="5"],
  html[data-beat="after"] .pay[data-i="5"]{--x:90% !important; --y:72% !important}
  .open-stage.is-hook .pay[data-i="6"],
  html[data-beat="hook"] .pay[data-i="6"],
  html[data-beat="after"] .pay[data-i="6"]{--x:16% !important; --y:88% !important}
  .open-stage.is-hook .pay[data-i="7"],
  html[data-beat="hook"] .pay[data-i="7"],
  html[data-beat="after"] .pay[data-i="7"]{--x:84% !important; --y:90% !important}
  .open-stage.is-hook .pay[data-i="8"],
  html[data-beat="hook"] .pay[data-i="8"],
  html[data-beat="after"] .pay[data-i="8"]{
    --x:50% !important; --y:6% !important;
    transform:translate(-50%,-40%) translateY(-4px) scale(1) !important;
  }
  .open-stage.is-hook .pay[data-i="9"],
  html[data-beat="hook"] .pay[data-i="9"],
  html[data-beat="after"] .pay[data-i="9"]{--x:15% !important; --y:54% !important}
  .open-stage.is-hook .pay[data-i="10"],
  html[data-beat="hook"] .pay[data-i="10"],
  html[data-beat="after"] .pay[data-i="10"]{--x:85% !important; --y:54% !important}
  .open-stage.is-hook .pay[data-i="11"],
  html[data-beat="hook"] .pay[data-i="11"],
  html[data-beat="after"] .pay[data-i="11"]{
    --x:50% !important;top:auto !important;bottom:108px !important;
    transform:translate(-50%,0) !important;
  }
  .open-stage:has(.hook.is-in) .pay[data-i="4"]{
    opacity:0 !important;visibility:hidden;
  }
}
/* Narrower desktops: keep the field outside the question and the form. */
@media (min-width:761px) and (max-width:1399px){
  .open-stage.is-hook .pay,
  html[data-beat="hook"] .pay,
  html[data-beat="after"] .pay,
  html.reduced:not([data-beat]) .pay{
    min-width:0;
    width:min(230px, calc(50vw - 390px));
    max-width:min(230px, calc(50vw - 390px));
  }
}
@media (min-width:521px) and (max-width:900px){
  .pay-bad{min-width:min(240px,40vw)}
  .open-stage.is-hook .pay[data-i="9"],
  html[data-beat="hook"] .pay[data-i="9"],
  html[data-beat="after"] .pay[data-i="9"]{--x:18% !important; --y:56% !important}
  .open-stage.is-hook .pay[data-i="10"],
  html[data-beat="hook"] .pay[data-i="10"],
  html[data-beat="after"] .pay[data-i="10"]{--x:82% !important; --y:56% !important}
  .open-stage.is-hook .pay[data-i="11"],
  html[data-beat="hook"] .pay[data-i="11"],
  html[data-beat="after"] .pay[data-i="11"]{
    --x:50% !important;top:auto !important;bottom:100px !important;
    transform:translate(-50%,0) !important;
  }
}
@media (min-width:761px) and (max-width:1320px){
  .open-stage.is-land .pay-bad:not(.is-blocked){opacity:.3;transition:opacity .8s var(--ease-out)}
  .open-stage.is-land .pay[data-i="9"]{--x:12% !important;--y:60% !important}
  .pay-bad.is-blocked{min-width:220px;padding:16px 18px 14px}
}
@media (max-width:520px){
  .brand-name{font-size:12px}
  .pay{min-width:min(300px,88vw);max-width:88vw;padding:14px 16px 12px;border-radius:14px}
  .pay-act,.pay-amt{font-size:14px}
  .pay-off .pay-amt{font-size:16px}
  .lede{font-size:clamp(1.35rem,5.8vw,1.85rem);width:88vw;top:46%}
  .hook{font-size:clamp(28px,9vw,40px);width:90vw}
  .open-land{width:92vw}
  .after-hook{margin-top:18px}
  .trust-line{font-size:clamp(.95rem,3.6vw,1.08rem)}
  .open-form{margin-top:16px}
  .pay[data-i="0"]{--x:50% !important; --y:10% !important}
  .pay[data-i="1"]{--x:50% !important; --y:22% !important}
  .pay[data-i="2"]{--x:50% !important; --y:34% !important}
  .pay[data-i="3"]{--x:50% !important; --y:66% !important}
  .pay[data-i="4"],
  .pay[data-i="5"],
  .pay[data-i="6"],
  .pay[data-i="7"],
  .pay[data-i="9"],
  .pay[data-i="10"]{opacity:0 !important;pointer-events:none;visibility:hidden}
  .pay[data-i="8"]{--x:50% !important; --y:48% !important}
  .pay[data-i="11"]{--x:50% !important;top:auto !important;bottom:108px !important;min-width:min(280px,86vw);transform:translate(-50%,0) !important}
  .open-stage:has(.hook.is-in) .pay[data-i="0"],
  .open-stage:has(.hook.is-in) .pay[data-i="1"],
  .open-stage:has(.hook.is-in) .pay[data-i="2"],
  .open-stage:has(.hook.is-in) .pay[data-i="3"],
  .open-stage:has(.hook.is-in) .pay[data-i="8"]{
    opacity:0 !important;visibility:hidden;
  }
  .open > .replay{top:calc(var(--nav) + 8px)}
  .pay-compromised{font-size:9px;letter-spacing:.07em}
  html[data-beat="agents"] .pay[data-i="4"],
  html[data-beat="off"] .pay[data-i="4"],
  html[data-beat="hook"] .pay[data-i="4"]{display:none}
}


html[data-beat="hook"] .open-land::before,
html[data-beat="after"] .open-land::before,
html.reduced:not([data-beat]) .open-land::before{
  content:"";
  position:absolute;left:50%;top:42%;
  width:min(880px,110%);height:min(420px,72%);
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse 58% 52% at 50% 45%, rgba(5,5,5,.78), rgba(5,5,5,.42) 55%, transparent 78%);
  pointer-events:none;z-index:-1;
}

@media (min-width:521px){
  html.reduced:not([data-beat]) .pay[data-i="0"]{--x:11% !important; --y:7% !important}
  html.reduced:not([data-beat]) .pay[data-i="1"]{--x:89% !important; --y:5% !important}
  html.reduced:not([data-beat]) .pay[data-i="2"]{--x:7% !important; --y:16% !important}
  html.reduced:not([data-beat]) .pay[data-i="3"]{--x:93% !important; --y:14% !important}
  html.reduced:not([data-beat]) .pay[data-i="4"]{--x:10% !important; --y:70% !important}
  html.reduced:not([data-beat]) .pay[data-i="5"]{--x:90% !important; --y:72% !important}
  html.reduced:not([data-beat]) .pay[data-i="6"]{--x:16% !important; --y:88% !important}
  html.reduced:not([data-beat]) .pay[data-i="7"]{--x:84% !important; --y:90% !important}
  html.reduced:not([data-beat]) .pay[data-i="8"]{
    --x:50% !important; --y:6% !important;
    transform:translate(-50%,-40%) translateY(-4px) scale(1) !important;
  }
  html.reduced:not([data-beat]) .pay[data-i="9"]{--x:15% !important; --y:54% !important}
  html.reduced:not([data-beat]) .pay[data-i="10"]{--x:85% !important; --y:54% !important}
  html.reduced:not([data-beat]) .pay[data-i="11"]{--x:50% !important;top:auto !important;bottom:108px !important;transform:translate(-50%,0) !important}
}
@media (min-width:761px) and (max-height:860px){
  .open-stage.is-hook .pay[data-i="8"],
  html[data-beat="hook"] .pay[data-i="8"],
  html[data-beat="after"] .pay[data-i="8"],
  html.reduced:not([data-beat]) .pay[data-i="8"]{
    --x:9% !important; --y:32% !important;
    transform:translate(-50%,-40%) translateY(0) scale(1) !important;
  }
  .open-stage.is-hook .pay[data-i="11"],
  html[data-beat="hook"] .pay[data-i="11"],
  html[data-beat="after"] .pay[data-i="11"],
  html.reduced:not([data-beat]) .pay[data-i="11"]{
    bottom:72px !important;
  }
}
@media (min-width:761px) and (max-width:1200px){
  .open-stage.is-hook .pay[data-i="0"],
  html[data-beat="hook"] .pay[data-i="0"],
  html[data-beat="after"] .pay[data-i="0"],
  html.reduced:not([data-beat]) .pay[data-i="0"]{--x:8% !important}
  .open-stage.is-hook .pay[data-i="1"],
  html[data-beat="hook"] .pay[data-i="1"],
  html[data-beat="after"] .pay[data-i="1"],
  html.reduced:not([data-beat]) .pay[data-i="1"]{--x:92% !important}
  .open-stage.is-hook .pay[data-i="11"],
  html[data-beat="hook"] .pay[data-i="11"],
  html[data-beat="after"] .pay[data-i="11"],
  html.reduced:not([data-beat]) .pay[data-i="11"]{bottom:60px !important}
}

/* ========== 2 · REALITY (Main.dc .real/.w frame, dark wash) ========== */
.why{
  padding:clamp(80px,13vw,170px) 0;
  text-align:left;
  border-top:1px solid var(--ln);
}
.why-stack{
  max-width:1120px;
  margin:0 auto;
  width:100%;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
}
.why-k{
  margin:0 0 30px;
  font-family:var(--sans);
  font-size:14px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mu);
}
.big{
  margin:0;
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1.02;
  font-size:clamp(2.3rem,7.2vw,6rem);
}
.big + .big{margin-top:0}
/* Progressive wash on dark: muted → near-white (Main.dc m1→m4 inverted) */
.m1{color:#5a605c}
.m2{color:#7a827c}
.m3{color:#a8aea8}
.m4{color:var(--tx)}
.big strong{font-weight:700;color:inherit}
.why-line{margin:0;font-family:var(--sans)}
.why-1{
  margin:clamp(80px,12vw,150px) 0 0;
  font-size:clamp(2rem,5.6vw,4.6rem);
  line-height:1.04;
  font-weight:700;
  letter-spacing:-.035em;
  color:var(--tx);
  max-width:15em;
  text-wrap:balance;
}
.why-2{
  margin:28px 0 0;
  font-size:clamp(1.2rem,2.4vw,1.7rem);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
  color:var(--mu);
  max-width:none;
  white-space:nowrap;
}
@media (max-width:640px){
  .why{padding:clamp(64px,14vw,88px) 0}
  .why-stack{padding-left:22px;padding-right:22px}
  .why-2{white-space:normal;max-width:30em}
}


/* Shared Main.dc .w left content frame (1120) — used by proof head / tools / close */
.frame{
  max-width:1120px;
  margin:0 auto;
  width:100%;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
  text-align:left;
}
@media (max-width:640px){
  .frame{padding-left:22px;padding-right:22px}
}

/* ========== 3 · PROOF (r5 DNA, dark page) — Main.dc .q/.now type, left frame ========== */
.proof{padding:0 0 0;text-align:left}
.proof::before{opacity:.6}
.proof-head{
  display:flex;flex-direction:column;
  box-sizing:border-box;
  padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(40px,6vw,72px);
}
.trust-ask{
  margin:0;padding:0;max-width:none;
  font-family:var(--sans);font-size:clamp(1.3rem,3vw,2.2rem);
  line-height:1.2;font-weight:600;letter-spacing:-.02em;
  color:var(--tx2);text-align:left;
}
.trust-ask .ask-a{display:block;font-weight:600;color:var(--tx2);white-space:nowrap}
.trust-ask .ask-a strong{font-weight:700;color:var(--tx)}
.trust-ask .ask-b{display:block;font-weight:700;color:var(--tx);letter-spacing:-.02em}
.proof-title{
  margin:18px 0 0;padding:0;font-family:var(--sans);
  font-size:clamp(3.6rem,13vw,10.5rem);line-height:.92;font-weight:700;letter-spacing:-.05em;
  color:var(--tx);text-align:left;text-wrap:balance;max-width:none;
}
@media (max-width:760px){
  .proof-head{padding-top:clamp(40px,10vw,64px);padding-bottom:clamp(32px,8vw,56px)}
  .trust-ask{font-size:clamp(1.2rem,4.2vw,1.7rem)}
  .trust-ask .ask-a{white-space:normal}
  .proof-title{font-size:clamp(2.8rem,16vw,4.8rem)}
}

.track{position:relative;height:calc(100vh - var(--nav) + 5 * 24vh)}
.proof .track{padding:0 40px}
@media (max-width:760px){
  .proof .track{padding:0 16px}
}
.stage{position:sticky;top:var(--nav);min-height:calc(100vh - var(--nav));display:flex;align-items:center}
.stage-in{width:100%}
.js .stage-in{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .7s var(--ease)}
.js .stage-in.live,.instant .stage-in{opacity:1;transform:none}

.cap-row{margin:0 0 20px}
.step-k{margin:0 0 12px}
.pips{display:inline-flex;gap:6px}
.pips i{width:18px;height:3px;border-radius:2px;background:var(--ln2);transition:background .3s}
.pips i.on{background:var(--green)}
.caps{position:relative;display:block}
.cap{position:absolute;left:0;right:0;top:0;margin:0;font-family:var(--sans);font-size:var(--ts-head);line-height:1.2;font-weight:600;letter-spacing:-.028em;color:var(--tx);text-wrap:balance;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease}
.cap.on{position:relative;opacity:1;visibility:visible;pointer-events:auto}
.cap-2l span.c1,.cap-2l span.c2{display:block}
.cap-2l .c1{color:var(--mu)}
@media (min-width:981px){.cap{white-space:nowrap}}
.proof-res{display:none;max-width:980px;margin:clamp(28px,4vh,48px) auto 0}
.stage-in[data-step="5"] .proof-res{display:block;animation:resIn .55s var(--ease) both}
.instant .stage-in[data-step="5"] .proof-res{animation:none}
@keyframes resIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.proof-res .res{display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-start}
.proof-res .res-l{flex:1 1 340px;min-width:0}
.proof-res .res-r{flex:1 1 280px;min-width:0;padding-top:6px}
.proof-res .blk{margin:0;font-family:var(--disp);font-weight:700;letter-spacing:-.045em;line-height:.98;font-size:clamp(2.4rem,6.2vw,4.8rem);color:var(--stop)}
.proof-res .nomove{margin:12px 0 0;font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(1.25rem,2.4vw,1.9rem);color:var(--tx)}
.proof-res .never{margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.35;letter-spacing:-.015em;font-weight:600;color:var(--tx)}
.proof-res .never span{color:var(--tx2);font-weight:500}
.proof-res .hid{margin:16px 0 0;font-size:14px;color:var(--mu);line-height:1.5}
.proof-res .hid i{font-family:var(--mono);font-style:normal;font-size:13px;color:var(--tx2)}
@media (max-width:760px){.proof-res .blk{font-size:clamp(2rem,10vw,2.8rem)}.proof-res .res{gap:18px}}
.stage-in[data-step="5"] .cap-row{margin-bottom:12px}
.stage-in[data-step="5"] .caps{min-height:0}

.cb-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:980px;margin:0 auto;align-items:start}
.cb-side{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;min-width:0;align-items:stretch;min-height:168px}
.cb-side > .side-a,.cb-side > .rc{flex:1 1 0;min-width:0}
.side-a{display:flex;flex-direction:column}
.side-a .agp{flex:1 1 auto}

.term-demo{
  --demo-mute:#8d9792; --demo-line:rgba(232,240,235,.14); --demo-ink:#eef2ef; --green:#6dd49a;
  background:#121614 !important;border:1px solid var(--demo-line);border-radius:10px;overflow:hidden;
  font-family:var(--mono);font-size:.8rem;line-height:1.7;color:var(--demo-ink);text-align:left;width:100%;max-width:980px;margin:0;box-shadow:none;
}
.term-demo .term-bar{display:flex;align-items:center;gap:12px;height:auto;padding:9px 12px;border-bottom:1px solid var(--demo-line);background:transparent;font-family:var(--mono);font-size:.8rem;color:var(--demo-mute)}
.term-demo .lights{display:flex;gap:6px;flex:none}
.term-demo .lights i{width:10px;height:10px;border-radius:50%;background:#3a403d}
.term-demo .term-title{flex:1;text-align:center;margin-right:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--demo-mute)}
.term-demo .term-body{position:relative;padding:12px 14px 14px 28px;font-family:var(--mono);font-size:.8rem;line-height:1.7;color:var(--demo-ink);min-height:calc(10 * 1.7em + 26px)}
.term-demo .ln{display:flex;gap:10px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;min-height:1.7em}
.term-demo .ln .ts{color:var(--demo-mute);flex:none}
.term-demo .ln .k{color:var(--demo-mute);display:inline-block;min-width:12ch;font-weight:400}
.term-demo .ok{color:var(--green)}
.term-demo .pr{color:var(--green)}
.term-demo .d{color:var(--demo-mute)}
.term-demo .x{color:var(--redt)}
.term-demo .blk-l .k,.term-demo .blk-l .x{color:var(--redt)}
.term-demo .cur{display:inline-block;width:.6em;height:1.1em;vertical-align:-.2em;background:var(--demo-ink);opacity:.7;animation:blink 1.1s steps(1) infinite}

.watcher{position:absolute;left:10px;top:30px;width:8px;height:8px;border-radius:50%;background:var(--dot);animation:watchV 2.4s ease-in-out infinite;transition:top .45s cubic-bezier(.2,.7,.2,1);opacity:0}
.stage-in.live .watcher,.instant .watcher{opacity:1}
.watcher[hidden]{display:block;opacity:0}
.stage-in.live .watcher[hidden]{opacity:1}
.stage-in[data-step="4"] .watcher{background:var(--amber)}
.stage-in[data-step="5"] .watcher{background:var(--redt);animation:watchBad 1s ease-out infinite}
.stage-in[data-step="3"] .watcher{background:var(--dot)}

.stage-in[data-step="1"] .f2{visibility:hidden}
.stage-in[data-step="1"] .f3,.stage-in[data-step="2"] .f3{visibility:hidden}
.stage-in[data-step="1"] .f4,.stage-in[data-step="2"] .f4,.stage-in[data-step="3"] .f4{visibility:hidden}
.stage-in[data-step="1"] .f5,.stage-in[data-step="2"] .f5,.stage-in[data-step="3"] .f5,.stage-in[data-step="4"] .f5{visibility:hidden}
.stage-in:not([data-step="5"]) .f5r{display:none}
.stage-in[data-step="5"] .u4{display:none}
.stage-in[data-step="1"] .st-l,.stage-in[data-step="2"] .st-l,.stage-in[data-step="3"] .st-l{visibility:hidden}
.stage-in[data-step="1"] .ln-cur,.stage-in[data-step="2"] .ln-cur,.stage-in[data-step="3"] .ln-cur,.stage-in[data-step="4"] .ln-cur{visibility:hidden}
.js:not(.instant) .stage-in.live .ln{animation:lnIn .3s ease-out}

.pnl{background:var(--pnl);border:1px solid var(--ln2);border-radius:12px;padding:12px 14px 14px;text-align:left;box-shadow:0 14px 34px -26px rgba(0,0,0,.45)}
.pnl-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--mu2)}
.pip{display:inline-flex;align-items:center;gap:7px;padding:3px 8px;border-radius:999px;border:1px solid var(--ln2);font-size:11px;letter-spacing:.04em;text-transform:lowercase}
.pip i{width:6px;height:6px;border-radius:50%;background:var(--dot)}
.pip-cur i{background:var(--dot);animation:breathe 2.4s ease-in-out infinite}
.pip-dev{color:var(--redt);border-color:color-mix(in srgb,var(--redt) 40%,transparent)}
.pip-dev i{background:var(--redt)}
.ph-top{flex-direction:column;align-items:flex-start;gap:10px}
.ph{display:grid}
.phk{grid-area:1/1;display:none;align-items:center;gap:8px;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--tx)}
.phk i{width:7px;height:7px;border-radius:50%;background:var(--dot)}
.phk.s3 i,.phk.s4 i{background:color-mix(in srgb,var(--green) 70%,var(--mu))}
.ph-sub{display:grid;font-size:13px;color:var(--mu2);margin:0 0 8px;min-height:1.2em}
.ph-sub > span{grid-area:1/1;visibility:hidden}
.stage-in[data-step="2"] .s2,.stage-in[data-step="3"] .s3,.stage-in[data-step="4"] .s4,.stage-in[data-step="5"] .s5{visibility:visible}
.stage-in[data-step="2"] .phk.s2,.stage-in[data-step="3"] .phk.s3,.stage-in[data-step="4"] .phk.s4,.stage-in[data-step="5"] .phk.s5{display:inline-flex}
.js:not(.instant) .stage-in[data-step="2"] .phk.s2,.js:not(.instant) .stage-in[data-step="3"] .phk.s3,.js:not(.instant) .stage-in[data-step="4"] .phk.s4,.js:not(.instant) .stage-in[data-step="5"] .phk.s5{animation:phIn .55s var(--ease) both}
.stage-in[data-step="1"] .agp{opacity:.55}
.stage-in[data-step="5"] .ph-sub .s5{color:var(--stop)}
.stage-in[data-step="5"] .phk.s5 i{background:var(--redt)}
.stage-in[data-step="4"] .pip-cur i{background:var(--amber)}
.stage-in[data-step="5"] .pip-cur i{background:var(--redt);animation:none}

.ag-acts{list-style:none;margin:4px 0 0;padding:0;font-size:13px}
.ag-acts li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-top:1px solid var(--ln);color:var(--tx2)}
.ag-acts li:first-child{border-top:0}
.ag-acts .aa{color:var(--mu)}
.ag-acts .tg{color:var(--mu2);font-size:12px}
.ag-acts .tg5{display:none;color:var(--stop);font-weight:600}
.stage-in[data-step="5"] .r4 .tg4{display:none}
.stage-in[data-step="5"] .r4 .tg5{display:inline}
.stage-in[data-step="5"] .ag-acts{display:none}
.stage-in[data-step="5"] .agp{border-color:color-mix(in srgb,var(--stop) 40%,var(--ln2));background:color-mix(in srgb,var(--stop) 3%,var(--pnl));padding-bottom:4px}
.stage-in[data-step="5"] .agp .ph-sub{margin-bottom:0}

.cb-side > .rc{display:block;visibility:hidden;opacity:0;pointer-events:none}
.stage-in[data-step="3"] .cb-side > .pnl-ok,
.stage-in[data-step="4"] .cb-side > .pnl-ok,
.stage-in[data-step="5"] .cb-side > .pnl-ok,
.stage-in[data-step="5"] .cb-side > .pnl-dev{visibility:visible;opacity:1;pointer-events:auto}
.js:not(.instant) .stage-in[data-step="3"] .cb-side > .pnl-ok,
.js:not(.instant) .stage-in[data-step="5"] .cb-side > .pnl-dev{animation:rcIn .5s var(--ease) both}

.pnl-ok{border-color:rgba(109,212,154,.38)!important;background:linear-gradient(180deg,rgba(109,212,154,.07),transparent 70%),var(--pnl)!important}
.pnl-ok .pip{color:#6dd49a;border-color:rgba(109,212,154,.35)!important}
.pnl-ok .pip i{background:#6dd49a}
.pnl-p{margin:10px 0 0;font-size:13px;color:var(--mu)}
.seq{margin:4px 0 0;font-size:13px;color:var(--tx);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seq .ar{color:rgba(109,212,154,.6)}
.seq .tok.exp{position:relative}
.seq .tok.exp::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:repeating-linear-gradient(90deg,rgba(236,236,236,.6) 0 3px,transparent 3px 6px)}

.pnl-dev{border-color:var(--red)!important;background:linear-gradient(180deg,rgba(227,6,19,.1),transparent 70%),#1a1010!important}
.pnl-dev .pnl-top .muted{color:#D10511!important}
.eo{margin:10px 0 0;padding:0;display:grid;gap:4px}
.eo>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:4px 0;align-items:baseline}
.eo dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);margin:0}
.eo dd{margin:0;font-size:13px;line-height:1.4;color:var(--tx)}
.verdict{margin:8px 0 0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--red) 35%,var(--ln));font-size:13px;font-weight:600;color:var(--stop)}

.proof .cap-row{max-width:980px;margin-left:auto;margin-right:auto}
.proof .pnl{padding:12px 14px 14px}
@media (min-width:761px){
  .proof .stage{align-items:flex-start;padding-top:clamp(12px,3vh,28px)}
  .proof .cb-side{min-height:168px}
  .proof .cb-grid{grid-template-columns:1fr !important;max-width:980px !important}
}
@media (max-width:760px){
  .proof{padding:0 0 72px}
  .track{height:auto}
  .stage{position:relative;top:0;min-height:0;padding:40px 0 24px}
  .term-demo .term-title{margin-right:0}
  .term-demo .term-body{padding:10px 12px 12px 24px;min-height:calc(10 * 1.55em + 22px);font-size:.78rem;line-height:1.55}
  .cb-side{flex-direction:column;gap:8px;min-height:0}
  .cb-side > .side-a,.cb-side > .rc{flex:1 1 auto;width:100%}
  .cb-side > .rc{display:none !important}
  .stage-in[data-step="3"] .cb-side > .pnl-ok,
  .stage-in[data-step="4"] .cb-side > .pnl-ok,
  .stage-in[data-step="5"] .cb-side > .pnl-ok,
  .stage-in[data-step="5"] .cb-side > .pnl-dev{display:block !important}
  .stage-in[data-step="5"] .term-demo .ln:not(.f4):not(.f5):not(.st-l):not(.ln-cur),
  .stage-in[data-step="5"] .term-demo .ln.ml2,
  .stage-in[data-step="1"] .term-demo .f2,
  .stage-in[data-step="1"] .term-demo .f3,.stage-in[data-step="2"] .term-demo .f3,
  .stage-in[data-step="1"] .term-demo .f4,.stage-in[data-step="2"] .term-demo .f4,.stage-in[data-step="3"] .term-demo .f4,
  .stage-in[data-step="1"] .term-demo .f5,.stage-in[data-step="2"] .term-demo .f5,.stage-in[data-step="3"] .term-demo .f5,.stage-in[data-step="4"] .term-demo .f5{
    visibility:hidden;opacity:0;position:absolute;pointer-events:none;
  }
  .cap{white-space:normal}
}
.instant .stage-in{opacity:1}
.instant .cap{opacity:0;visibility:hidden}
.instant .cap.on{opacity:1;visibility:visible}

/* ========== 4 · TOOLS (Main.dc .h2 / .ti / .tn / .td, left 1120) ========== */
.tools{padding:clamp(80px,12vw,150px) 0 clamp(64px,10vw,120px);text-align:left;max-width:none}
.tools-lead{display:flex;flex-direction:column;gap:clamp(22px,3.2vw,36px);margin:0;max-width:18.5em;text-align:left;font-family:var(--sans);font-size:clamp(1.85rem,4.2vw,3.15rem);line-height:1.08;font-weight:700;letter-spacing:-.035em;color:var(--tx);text-wrap:pretty}
.tools-dim{color:var(--tx2)}
.tools-they{display:block;color:var(--tx);font-weight:700}
.tools-we{display:block;color:#A8D5C2;font-weight:700}
.tools-catch{display:block;color:var(--tx);font-weight:700}
.tl{margin:clamp(36px,5vw,60px) 0 0;max-width:none;border-top:1px solid var(--ln)}
.ti{display:flex;flex-wrap:wrap;gap:6px 40px;padding:24px 0;border-bottom:1px solid var(--ln);text-align:left}
.tn{flex:0 1 300px;min-width:0;font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--tx)}
.td{flex:1 1 300px;min-width:0;color:var(--tx2);font-size:18px;line-height:1.45}
@media (max-width:760px){
  .tools{padding:clamp(64px,14vw,96px) 0 clamp(48px,10vw,80px)}
  .ti{flex-direction:column;gap:6px;padding:18px 0}
  .tn,.td{flex:1 1 auto}
}

/* ========== 5 · CLOSE (Main.dc .mp / .mbig / .h2, left on dark) ========== */
.access{padding:clamp(80px,12vw,160px) 0 clamp(72px,11vw,140px);text-align:left}
.mic{max-width:none;margin:0 0 clamp(40px,6vw,72px);text-align:left}
.mic-line{
  margin:0;max-width:24em;
  font-family:var(--sans);font-size:clamp(1.2rem,2.6vw,1.9rem);
  line-height:1.3;font-weight:500;letter-spacing:-.015em;color:var(--mu);text-wrap:balance;
}
.mic-line + .mic-line{margin-top:22px}
.mic-2{color:var(--tx)}
.mic-2 b{font-weight:600;color:var(--tx)}
.mic-drop{
  margin:clamp(40px,6vw,72px) 0 0;max-width:12em;
  font-family:var(--sans);font-size:clamp(2.4rem,7.6vw,6.4rem);
  line-height:1;font-weight:700;letter-spacing:-.045em;color:var(--tx);text-wrap:balance;
}
.mic-drop + .mic-drop{margin-top:clamp(20px,3vw,32px)}
.access-h{
  margin:0 0 16px;max-width:17em;text-align:left;
  font-family:var(--sans);font-size:clamp(2rem,5vw,3.9rem);
  line-height:1.04;font-weight:700;letter-spacing:-.035em;color:var(--tx);text-wrap:balance;
}
.access-dim{color:var(--tx2);font-weight:700}
.thesis{margin:0 0 28px;max-width:36rem;text-align:left}
.thesis-line{
  margin:0;max-width:24em;
  font-family:var(--sans);font-size:clamp(1.35rem,2.8vw,2rem);
  line-height:1.25;font-weight:600;letter-spacing:-.02em;color:var(--tx);text-wrap:balance;
}
.thesis-sub{
  margin:10px 0 0;max-width:28em;
  font-family:var(--sans);font-size:clamp(1rem,1.6vw,1.15rem);
  line-height:1.45;font-weight:500;letter-spacing:-.01em;color:var(--tx2);
}
.access .form-card{margin:0;max-width:36rem}

.btn{
  font-family:var(--sans);font-weight:500;font-size:14px;border-radius:8px;border:1px solid transparent;
  cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;
}
.btn-primary{background:var(--tx);color:var(--bg);padding:11px 18px}
.btn-primary:hover{background:#fff;box-shadow:0 0 24px rgba(242,240,234,.1)}
.btn-primary:active{transform:translateY(1px)}

.form-card{
  max-width:560px;margin:0 auto;text-align:left;overflow:hidden;border-radius:14px;
  background:#2C3134;
  border:1px solid color-mix(in srgb,var(--dot) 72%,#d7ebe3);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--dot) 28%,transparent),
    0 24px 50px -28px rgba(0,0,0,.55);
}
.form-body{padding:28px 28px 30px;display:flex;flex-direction:column;gap:20px}
.fld{display:flex;flex-direction:column;gap:9px}
.form-card .fld-l{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:-.011em;color:#FFFFFF}
.fld-l .pr{color:var(--dot)}
.form-card .fld input{
  font-family:var(--sans);font-size:16px;font-weight:500;color:#FFFFFF;
  background:#101214;border:1px solid color-mix(in srgb,var(--dot) 58%,#9eb8ae);
  border-radius:8px;height:48px;padding:0 14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;
}
.form-card .fld input::placeholder{color:#E4E2DA}
.form-card .fld input:focus{border-color:var(--dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 32%,transparent)}
.fld input.bad{border-color:var(--stop)}
.form-act{display:flex;align-items:center;gap:16px;margin-top:4px}
.form-act .btn{height:46px}
.form-err{margin:0;font-size:14px;color:var(--stop)}
.form-ok{margin:6px 0 0;font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}
.form-ok[hidden]{display:none}
.form-ok .form-dot{width:9px;height:9px;animation:breathe 2.4s ease-in-out infinite}
.form-card.done .fld,.form-card.done .form-act,.form-card.done .who{display:none}
.form-fine{margin:0;font-size:13px;color:var(--mu)}
.form-card .fld-l .opt{color:#F2F0EA;font-weight:500;letter-spacing:0;text-transform:none}
.who{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:10px}
.who legend{padding:0}
.who-opts{display:flex;flex-wrap:wrap;gap:8px}
.who input{position:absolute;opacity:0;pointer-events:none}
.form-card .who label{
  padding:9px 16px;border:1px solid color-mix(in srgb,var(--dot) 55%,#b7ccc4);border-radius:999px;
  font-family:var(--sans);font-size:15px;font-weight:600;color:#FFFFFF;
  cursor:pointer;background:#101214;min-height:40px;box-sizing:border-box;
  display:inline-flex;align-items:center;transition:background .15s,border-color .15s,color .15s;
}
.form-card .who label:hover{border-color:var(--dot);color:#FFFFFF}
.form-card .who input:checked + label{background:#F4F2EC;color:#111;border-color:#F4F2EC}
.who input:focus-visible + label{outline:2px solid var(--dot);outline-offset:2px}

.foot{position:relative;background:var(--bg);color:var(--tx)}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ln) 20%,var(--ln) 80%,transparent)}
.foot-in{max-width:var(--fw);margin:0 auto;padding:30px 0 34px}
.foot-line{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:14px;row-gap:6px;font-size:var(--ts-mono);color:var(--mu);text-align:center}
.foot-brand{display:inline-flex;align-items:center;gap:8px;color:var(--tx2);font-size:13px;font-weight:500}
.foot-brand .wm-g{font-weight:700}
.foot-brand .brand-dot{width:6px;height:6px;animation:none}
.foot-line .fsep{color:var(--ln2)}
.foot-line a{color:var(--tx);text-underline-offset:3px;white-space:nowrap}

@media (max-width:760px){
  :root{--pad:22px;--nav:64px;--spine:52px}
  .access{padding:clamp(64px,14vw,96px) 0 clamp(56px,12vw,88px)}
  .form-body{padding:22px 18px 24px}
  .form-act{flex-direction:column;align-items:stretch}
  .form-act .btn{width:100%}
  .foot-in{padding:26px 22px 30px}
  .foot-line{flex-direction:column;align-items:center;row-gap:4px}
  .foot-line .fsep{display:none}
}

/* screenshot shot helpers */
html[data-shot="open-hook"] .open-stage::before{opacity:.35}
html[data-shot="open-hook"] .field{opacity:.18;filter:blur(6px);transform:scale(.98)}
html[data-shot="open-hook"] .pay{opacity:.55;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-shot="open-hook"] .pay[data-i="8"]{opacity:.7}
html[data-shot="open-hook"] .lede{opacity:0;visibility:hidden}
html[data-shot="open-hook"] .hook{opacity:1;transform:translateY(0) scale(1)}
html[data-shot="open-hook"] .after-hook{opacity:0;visibility:hidden}
html[data-shot="open-hook"] .replay{display:none !important}
html[data-shot="open-after-hook"] .open-stage::before{opacity:.35}
html[data-shot="open-after-hook"] .field{opacity:.18;filter:blur(6px);transform:scale(.98)}
html[data-shot="open-after-hook"] .pay{opacity:.55;transform:translate(-50%,-40%) translateY(0) scale(1)}
html[data-shot="open-after-hook"] .pay[data-i="8"]{opacity:.7}
html[data-shot="open-after-hook"] .lede{opacity:0;visibility:hidden}
html[data-shot="open-after-hook"] .hook{opacity:1;transform:translateY(0) scale(1)}
html[data-shot="open-after-hook"] .after-hook{opacity:1;transform:none;pointer-events:auto}
html[data-shot="open-after-hook"] .open-land{transform:translate(-50%,-66%)}
html[data-shot="open-after-hook"] .replay{display:none !important}
html[data-shot="proof-blocked"] .stage-in{opacity:1;transform:none}
html[data-shot="proof-blocked"] .rv{opacity:1;transform:none}

html[data-past-open] .replay,
html[data-shot]:not([data-shot="open-hook"]) .replay,
html.reduced[data-past-open] .replay,
html.instant[data-past-open] .replay{display:none !important}

/* ========== copy batch: three beats, result line, close lines ========== */
.beats{padding:clamp(88px,12vw,150px) var(--pad);text-align:left}
.beats::before{opacity:.6}
.beat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.beat-l{margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.035em;line-height:1.05;font-size:clamp(1.7rem,2.2vw,2.55rem);color:var(--tx);text-wrap:balance}
.beat-s{margin:14px 0 0;max-width:22em;font-size:15px;line-height:1.45;color:var(--mu)}
.proof-each{margin:22px 0 0;max-width:28em;font-family:var(--sans);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.4;font-weight:500;letter-spacing:-.015em;color:var(--tx2);text-wrap:balance}
.proof-each .wm-g{font-weight:700;color:var(--tx)}
.proof-res .res-keep{margin:28px 0 0;font-family:var(--sans);font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--tx);text-wrap:balance}
.access-watch{margin:18px 0 22px;max-width:14em;font-family:var(--sans);font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;color:var(--tx2);text-wrap:balance}
.access-let{margin:0 0 28px;max-width:14em;font-family:var(--sans);font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--tx);text-wrap:balance}
@media (max-width:760px){
  .beats{padding:clamp(64px,14vw,96px) 22px}
  .beat-row{grid-template-columns:1fr;gap:40px}
  .beat-l{font-size:clamp(1.85rem,8vw,2.4rem)}
}

/* calm-v2: color from Now you can onward. Type stays on root classes except this one block. */
.bay-now{
  position:relative;
  background:#f9f8f4;
  color:#43434b;
  overflow:hidden;
  padding:clamp(96px,10vw,128px) 0 clamp(120px,14vw,180px);
}
.bay-now .frame{position:relative;z-index:1}
.bay-now::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:88px;
  background:linear-gradient(180deg,#050505 0%,#f9f8f4 100%);
  pointer-events:none;
}
.bay-now .trust-ask{color:#5c6168;max-width:none}
.bay-now .trust-ask .ask-a{color:#5c6168}
.bay-now .trust-ask .ask-a strong,
.bay-now .trust-ask .ask-b{color:#43434b}
.now-giant{
  --lt-accent:#24618a;
  --lt-end:#43434b;
  margin:18px 0 0;
  padding:0;
  max-width:none;
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(3.6rem,13vw,10.5rem);
  line-height:.92;
  letter-spacing:-.05em;
  color:#43434b;
  text-align:left;
}
.bay-h{
  --lt-accent:#24618a;
  --lt-end:#43434b;
  margin:0;
  max-width:12em;
  font-family:var(--sans);
  font-weight:500;
  font-size:clamp(28px,4.2vw,60px);
  line-height:1;
  letter-spacing:-.03em;
  color:#43434b;
  text-align:left;
}
.bay-p{
  margin:22px 0 0;
  max-width:none;
  font-family:var(--sans);
  font-weight:300;
  font-size:clamp(16px,2.2vw,32px);
  line-height:1.19;
  letter-spacing:-.03em;
  color:#43434b;
}
.bay-line{display:block}
@media (min-width:900px){
  .bay-line{white-space:nowrap}
}
.bay-now::after{
  content:"";
  position:absolute;
  left:-20%;
  width:140%;
  bottom:-48px;
  height:240px;
  background:linear-gradient(180deg,rgba(156,201,230,0) 0%,rgba(168,214,232,.22) 38%,rgba(156,201,230,.4) 58%,rgba(168,214,232,.16) 78%,rgba(249,248,244,0) 100%);
  filter:blur(28px);
  pointer-events:none;
}
.day{
  --bg:#f9f8f4;
  --bg2:#f3f1ea;
  --tx:#43434b;
  --tx2:#5c6168;
  --mu:#6d737b;
  --mu2:#8b9198;
  background:#f9f8f4;
  color:#43434b;
}
.day .stage-in{
  --bg:#f9f8f4;--bg2:#fff;--card:#fff;--pnl:#fff;
  --ln:rgba(67,67,75,.1);--ln2:rgba(67,67,75,.16);
  --tx:#43434b;--tx2:#43434b;--mu:#5c6168;--mu2:#6d737b;
}
.day .b3.sec::before,.day .tools.sec::before,.day .access.sec::before{display:none}
.band{height:160px;background:linear-gradient(180deg,#f9f8f4 0%,rgba(168,214,232,.28) 42%,rgba(156,201,230,.42) 50%,rgba(168,214,232,.28) 58%,#f9f8f4 100%)}
#learns,#blocks,#signs,#contact{scroll-margin-top:calc(var(--nav) + 16px)}
.beat-nav{display:flex;gap:28px;margin:0 0 28px;font-family:var(--sans);font-size:18px;font-weight:500}
.beat-nav a{color:#a7b0b8;text-decoration:none}
.beat-nav a.on{color:#43434b;border-bottom:2px solid #24618a;padding-bottom:4px}
.beat-nav a:focus-visible{outline:2px solid #24618a;outline-offset:4px}
.b3-grid{display:grid;grid-template-columns:minmax(240px,420px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.gcard{border-radius:14px;padding:22px 24px;color:#1e2226;background:#fff;box-shadow:0 18px 40px rgba(8,30,48,.18)}
.gcard.ok{background:linear-gradient(#eef8f2,#fff 60%);border:1px solid #a9d8bd}
.gcard.dev{background:linear-gradient(#fdf0ef,#fff 60%);border:1px solid #efb7b2}
.gcard.cert{background:#fff;border:1px solid #a9cfea}
.g-top,.g-ch{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.g-pl{display:inline-flex;align-items:center;gap:8px;border-radius:20px;padding:4px 12px;font-size:13px}
.g-pl i,.g-sg i{width:7px;height:7px;border-radius:50%}
.ok .g-pl{background:#dff2e7;color:#1f7a4a}.ok .g-pl i{background:#2e9a5e}
.dev .g-pl{background:#fbe1de;color:#b3261e}.dev .g-pl i{background:#d93a30}
.g-mu{color:#7a838c}.dev .g-mu{color:#b3261e}
.g-np{margin:0 0 8px;color:#6a737c;font-size:16px}
.g-sq{font-size:18px;font-weight:500}
.g-sq .g-a{color:#2e9a5e;margin:0 8px}
.g-sq u{text-decoration:none;border-bottom:1px dashed #9aa0a6}
.g-eo{display:grid;grid-template-columns:120px 1fr;row-gap:14px;margin:0;font-size:15px}
.g-eo dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a838c}
.g-eo dd{margin:0;font-weight:500}
.g-eo dd small{display:block;font-weight:400;color:#4a525a;margin-top:2px}
.g-ft{border-top:1px solid rgba(0,0,0,.08);margin-top:16px;padding-top:12px;font-weight:600}
.ok .g-ft{color:#1f7a4a;font-weight:500}
.dev .g-ft{color:#b3261e}
.cert .g-ft{color:#24618a;font-weight:500}
.g-v{color:#1f7a4a}
.g-cn{font-size:17px;font-weight:600;letter-spacing:-.02em}
.g-sg{display:inline-flex;gap:6px;align-items:center;border:1px solid #9cc9e6;color:#24618a;border-radius:20px;padding:3px 10px;font-size:11px;letter-spacing:.1em;font-weight:600}
.g-sg i{width:6px;height:6px;background:#24618a}
.g-cg{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e6eb;border-radius:8px;overflow:hidden}
.g-cg div{padding:10px 12px;border-right:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb;background:#fafbfc}
.g-cg div:nth-child(2n){border-right:0}
.g-cg .g-w{grid-column:1/3;border-right:0;border-bottom:0}
.g-cg b{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#7a838c;font-weight:500;margin-bottom:4px}
.g-cg span{font-family:var(--mono);font-size:13px}
.g-deny{color:#b3261e;font-weight:600}
.g-sm{font-family:var(--sans);font-size:14px}
.day .beat-l,.day .tools-they,.day .access-h,.day .tools-lead,.day .thesis-line{color:#43434b}
.day .tools-we,.day .mic-2,.day .mic-2 b,.day .thesis-line b{color:#24618a}
.day .beat-s,.day .mic-line{color:#5c6168}
.day .tools .mic{margin-top:clamp(72px,10vw,140px)}
.day .tools .thesis-line{margin-top:clamp(56px,8vw,96px);max-width:24em}
.day .mic-drop{margin-top:0}
.g-cn{font-weight:400;font-size:clamp(18px,2.8vw,40px);letter-spacing:-.03em;line-height:1.1}
.bay-col{max-width:720px}
.ending{
  position:relative;
  background:#f9f8f4;
  overflow:hidden;
  color:#43434b;
}
.ending::before{
  content:"";
  position:absolute;
  left:-12%;
  width:124%;
  top:40px;
  bottom:72px;
  height:auto;
  background:linear-gradient(180deg,rgba(156,201,230,0) 0%,rgba(168,214,232,.28) 35%,rgba(156,201,230,.4) 55%,rgba(168,214,232,.22) 75%,rgba(156,201,230,0) 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  filter:blur(42px);
  pointer-events:none;
}
.trust-close,.end-glow{position:relative;z-index:1;background:transparent}
.trust-close{padding:clamp(88px,12vw,140px) 0 clamp(28px,4vw,40px)}
.end-glow{padding:clamp(28px,4vw,48px) 0 0}
.end-glow .bay-h{max-width:none}
.end-glow .bay-h + .bay-h{margin-top:8px}
@media (min-width:900px){
  .end-glow .bay-h{font-size:54px;white-space:nowrap}
}
.end-glow .form-card{margin:clamp(28px,4vw,40px) 0 0;max-width:36rem}
.end-glow .form-act .btn-primary{
  background:#24618a;color:#fff;border-radius:999px;
  height:40px;padding:0 18px;font-size:14px;font-weight:500;
}
.end-glow .form-act .btn-primary:hover{background:#1d5278;box-shadow:none}
.end-foot{background:transparent;padding:clamp(72px,10vw,120px) 0 36px}
.end-foot::before{display:none}
.end-top,.end-legal{
  max-width:1120px;margin:0 auto;padding:0 24px;
  display:flex;justify-content:space-between;align-items:baseline;gap:24px;
}
.end-brand{margin:0;font-size:15px;font-weight:500;color:#43434b;letter-spacing:-.01em}
.end-brand .wm-g{font-weight:700}
.end-links{display:flex;gap:22px}
.end-links a{color:#43434b;text-decoration:none;font-size:15px;font-weight:400}
.end-links a:hover{text-decoration:underline}
.end-legal{margin-top:28px;font-size:13px;color:#43434b}
.end-legal a{color:#43434b;text-decoration:none}
.end-legal a:hover{text-decoration:underline}
@media (max-width:700px){
  .end-top,.end-legal{flex-direction:column;align-items:flex-start;gap:10px}
}
.day .form-card{background:#fff;border:1px solid #d7e3ea;box-shadow:0 16px 40px rgba(36,97,138,.08)}
.day .form-card .fld-l,.day .form-card .who label,.day .form-ok{color:#43434b}
.day .form-card .fld-l .opt{color:#6d737b}
.day .form-card .fld input{color:#43434b;background:#fff;border:1px solid #c5d4de;font-weight:400}
.day .form-card .fld input::placeholder{color:#8b9198}
.day .form-card .who label{background:#fff;border:1px solid #c5d4de}
.day .form-card .who input:checked + label{background:#43434b;color:#f9f8f4;border-color:#43434b}
.day .form-act .btn-primary{background:#43434b;color:#f9f8f4}
.end-glow .form-act .btn-primary{background:#24618a;color:#fff;border-radius:999px;height:40px;padding:0 18px}
.end-glow .form-act .btn-primary:hover{background:#1d5278;box-shadow:none}
.story{margin:28px 0 0;font-size:16px;font-weight:300}
.on-dark{--lt-accent:#24618a;--lt-end:#43434b}
.lt-mint{--lt-accent:#24618a;--lt-end:#24618a}
.wrd{display:inline-block;white-space:nowrap}
.lt{
  display:inline-block;
  opacity:0;
  transform:translateY(12%);
  color:var(--lt-accent,#24618a);
}
.lt.in{
  opacity:1;
  transform:none;
  color:var(--lt-end,#3f434b);
  transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1);
}
html[data-nav-light] .nav{
  background:rgba(249,248,244,.9);
  border-bottom-color:rgba(67,67,75,.12);
}
html[data-nav-light] .brand,
html[data-nav-light] .nav-link{color:#43434b}
html[data-nav-light] .nav .wm-dot{background:#24618a}
html[data-nav-light] .nav .btn-primary{background:#43434b;color:#f9f8f4}
html[data-nav-light] .nav .btn-primary:hover{background:#24618a;box-shadow:none}
.day .pnl{
  background:#fff;
  border:1px solid rgba(67,67,75,.14);
  box-shadow:none;
  color:#43434b;
}
.day .pnl-ok{
  border-color:rgba(46,154,94,.4)!important;
  background:linear-gradient(180deg,rgba(109,212,154,.16),#fff 70%)!important;
}
.day .pnl-ok .pip{color:#1f7a4a}
.day .pnl-dev{
  border-color:rgba(179,38,30,.38)!important;
  background:linear-gradient(180deg,rgba(227,6,19,.08),#fff 72%)!important;
}
.day .pnl-dev .pnl-top .muted{color:#b3261e!important}
.day .seq .tok.exp::after{background:repeating-linear-gradient(90deg,rgba(67,67,75,.45) 0 3px,transparent 3px 6px)}
.day .stage-in[data-step="5"] .agp{
  border-color:rgba(255,74,61,.4);
  background:linear-gradient(180deg,rgba(255,74,61,.08),#fff 70%);
}
@media (max-width:760px){
  .now-giant{font-size:clamp(2.8rem,16vw,4.8rem)}
  .bay-now .trust-ask .ask-a{white-space:normal}
}
@media (max-width:800px){
  .bay-h{font-size:28px}
  .g-cn{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lt,.lt.in{opacity:1;transform:none;transition:none;color:var(--lt-end,#43434b)}
  .cue,.cue::after{animation:none;transition:none}
  .cue::after{opacity:0}
}
@media (max-width:800px){
  .b3-grid{grid-template-columns:1fr}
  .g-cg{grid-template-columns:1fr}
  .g-cg div,.g-cg div:nth-child(2n){border-right:0}
  .g-cg .g-w{grid-column:auto}
}

/* The page itself eases from black to off-white. No static dawn strip. */
.bay-now{
  position:relative;
  overflow:visible;
  background:#f9f8f4;
  padding:0 0 200px;
}
.bay-now::before,
.bay-now::after{content:none;display:none;background:none;filter:none;height:0}
.bay-ask{
  background:#f9f8f4;
  padding:56px 0 28px;
}
.bay-cloud{
  position:relative;
  display:flex;
  align-items:center;
  min-height:620px;
  padding:96px 0;
  background:#f9f8f4;
  overflow:hidden;
}
.bay-cloud::before{
  content:"";
  position:absolute;
  left:-12%;
  width:124%;
  top:6%;
  bottom:6%;
  background:linear-gradient(180deg,rgba(156,201,230,0) 0%,rgba(168,214,232,.28) 30%,rgba(156,201,230,.46) 50%,rgba(168,214,232,.28) 70%,rgba(156,201,230,0) 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  filter:blur(42px);
  pointer-events:none;
}
.bay-now .frame,.bay-cloud .frame{position:relative;z-index:1}
.bay-p{
  margin:22px 0 0;
  max-width:28em;
  font-weight:500;
  font-size:clamp(1.05rem,1.5vw,1.25rem);
  line-height:1.4;
  letter-spacing:-.015em;
}
.band{display:none}
.day .sec::before{display:none}
.day #learns.sec::before,
.day .tools.sec::before{
  display:block;
  height:1px;
  opacity:1;
  background:linear-gradient(90deg,transparent,#3b8fb5 18%,#3b8fb5 82%,transparent);
}
.day .cue{
  background:linear-gradient(transparent,rgba(59,143,181,.2) 30%,#3b8fb5);
}
.day .cue::after{
  background:linear-gradient(transparent,rgba(59,143,181,.25),#3b8fb5,rgba(59,143,181,.25),transparent);
}
.day .node{
  background:#f9f8f4;
  box-shadow:inset 0 0 0 1px #3b8fb5;
}
.spine-meet{position:relative;height:0;z-index:2}
.spine-meet::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#3b8fb5 18%,#3b8fb5 82%,transparent);
}
.spine-meet .node{background:#f9f8f4;box-shadow:inset 0 0 0 1px #3b8fb5}
html.reduced .day .cue{opacity:1;transform:none}
.trust-close{text-align:left}
.trust-giant{
  margin:0;
  max-width:none;
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(2.4rem,7.6vw,6.4rem);
  line-height:1;
  letter-spacing:-.045em;
  color:#43434b;
  text-align:left;
}
.trust-giant .lt-h{display:block;--lt-accent:#24618a;--lt-end:#43434b}
@media (max-width:800px){
  .bay-now{padding:0 0 96px}
  .bay-ask{padding:36px 0 16px}
  .bay-cloud{min-height:420px;padding:64px 0}
}

/* Eight live fixes. Type below the hero, fade, glow, dividers, cards, contact. */
#why{padding:clamp(80px,10vw,128px) 0}
#why .why-k{margin:0 0 24px;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
#why .why-open{
  font-size:32px;
  font-weight:300;
  line-height:1.25;
  letter-spacing:-.02em;
  max-width:none;
  text-wrap:pretty;
  color:#c9c7c1;
  margin:0 0 56px;
}
#why .big{
  font-size:32px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0;
}
#why .big.why-open{
  font-size:32px;
  font-weight:300;
  line-height:1.25;
  letter-spacing:-.02em;
  max-width:none;
  color:#c9c7c1;
  margin:0 0 56px;
}
#why .big strong{font-weight:500}
#why .m1{color:#a8aea8}
#why .m2{color:#c1c4be}
#why .m3{color:#d9dad4}
#why .m4{color:#f2f0ea;margin-bottom:72px}
#why .why-1{
  font-size:60px;
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:18em;
  margin-top:0;
}
#why .why-2{
  font-size:20px;
  font-weight:300;
  line-height:1.4;
  max-width:none;
  margin-top:16px;
  color:#8A8882;
  white-space:normal;
}
@media (min-width:900px){
  #why .why-2{white-space:nowrap}
}
@media (max-width:760px){
  #why .big{font-size:22px}
  #why .big.why-open{font-size:20px;font-weight:300;line-height:1.4;margin-bottom:40px}
  #why .m4{margin-bottom:48px}
  #why .why-1{font-size:28px}
}
#why .why-k, #why .why-2{color:#8A8882}
#why .why-open{color:#C9C7C1}
#why .big.m1{color:#8A8882}
#why .big.m2{color:#A7A59F}
#why .big.m3{color:#C0BEB8}
#why .big.m4{color:#F2F0EA}
#why .big.m1 strong{color:inherit;font-weight:inherit}
#why .why-1{color:#B2D3E7}
.day .tools-lead,.tools-lead{
  font-size:clamp(1.5rem,2.6vw,2.25rem);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.03em;
  max-width:16em;
}
.bay-ask .trust-ask{font-size:32px;font-weight:500;line-height:1.25;max-width:28ch}
.bay-ask .trust-ask .ask-a,
.bay-ask .trust-ask .ask-b,
.bay-ask .trust-ask .ask-a strong{font-size:32px;font-weight:500;line-height:1.25}
.bay-ask .trust-ask .ask-a{white-space:normal}
.ind-line{display:block}
.ind-line:first-of-type{margin-top:.4em}
.day > .sec.proof{padding-bottom:120px}
.day .sec.tools{padding-bottom:0}
.day .tools .thesis-line{margin-bottom:48px}
.sec.b3{padding:80px 0}
#blocks .beat-nav,#signs .beat-nav{display:none}
.day .beat-s,.sec.b3 .beat-s{font-size:18px;line-height:1.45;max-width:28ch}
@media (min-width:801px){
  .b3-grid{grid-template-columns:184px minmax(0,1fr)}
}
.end-glow .bay-h.lt-mint{--lt-end:#43434b;color:#43434b}
@media (max-width:899px){
  .end-glow .bay-h{font-size:22px;line-height:1.15;letter-spacing:-.03em;white-space:normal}
}
@media (max-width:760px){
  .day > .sec,#why{padding-left:0;padding-right:0}
  .proof .track{padding-left:22px;padding-right:22px}
  .sec.b3{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){
  .js .cue.on.past::after,.cue::after{animation:none;opacity:0}
  .js .cue,.js .cue.past{transition:none}
}

/* Now you can: full-width glacier band. Peak is #9CC9E6, the same blue as the old cloud. */
.now-story{
  position:relative;
  --bg:unset; --bg2:unset; --tx:unset; --tx2:unset; --mu:unset; --mu2:unset; --ln:unset; --ln2:unset;
  background:transparent;
  color:var(--tx);
  overflow:visible;
}
.now-story::before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  width:100%;
  height:900px;
  background:linear-gradient(180deg,#F9F8F4 0%,#CFE4F0 18%,#9CC9E6 32%,#CFE4F0 55%,#F9F8F4 100%);
  pointer-events:none;
  z-index:0;
  filter:none;
  opacity:0;
  transition:opacity 1.1s ease;
  -webkit-mask-image:none;
  mask-image:none;
}
html[data-world="light"] .now-story::before{opacity:1}
.now-story > *{position:relative;z-index:1}
#proof.bay-now::before,
#proof.bay-now::after,
.bay-cloud::before,
.bay-cloud::after{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  height:0 !important;
}
#proof.bay-now{
  overflow:visible;
  background:transparent;
  padding:0;
}
.now-story .bay-ask{
  background:transparent;
  padding:111px 0 0;
}
.now-story .bay-cloud{
  display:block;
  align-items:stretch;
  min-height:0;
  padding:40px 0 0;
  overflow:visible;
  background:transparent;
}
.now-story .bay-ask .trust-ask,
.now-story .bay-ask .trust-ask .ask-a{
  font-size:20px;
  font-weight:300;
  line-height:1.35;
  letter-spacing:-.015em;
  color:var(--tx2);
  max-width:none;
  white-space:normal;
  text-wrap:pretty;
}
.now-story .bay-ask .trust-ask .ask-a strong{
  font-size:20px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.015em;
  color:var(--tx);
}
.now-story .bay-ask .trust-ask .ask-b{
  display:block;
  font-size:22px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.02em;
  color:var(--tx);
  margin-top:4px;
}
.now-story .now-giant{margin:0;color:var(--tx);--lt-end:var(--tx)}
.now-story .now-giant .lt.in{color:var(--tx)}
.now-story .bay-p{
  margin:24px 0 0;
  max-width:28em;
  font-weight:300;
  font-size:20px;
  line-height:1.35;
  letter-spacing:-.015em;
  color:var(--tx);
  text-wrap:pretty;
}
.bay-own{white-space:nowrap}
.now-story .sec.proof,
.now-story.day > .sec.proof{padding:0 0 80px}
.now-story .proof .track{
  height:auto;
  max-width:1120px;
  width:100%;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}
.now-story .stage{
  position:relative;
  top:auto;
  min-height:0;
  padding:30px 0 0;
  align-items:flex-start;
  width:100%;
}
.now-story .stage-in{width:100%}
.now-story .cb-grid{
  max-width:none !important;
  width:100%;
  margin:0;
}
.now-story .term-demo,
.now-story #demoTerm{
  width:100%;
  max-width:none;
}
.now-story .cap-row{margin-bottom:12px}
/* Desktop pin: the stage sticks under the nav while the track scrolls past the four steps. */
@media (min-width:761px){
  .now-story .proof .track{height:calc(100vh - var(--nav) + 5 * 24vh)}
  .now-story .stage{position:sticky;top:var(--nav)}
}
/* Captions share one grid cell, so the row keeps its height and the terminal never moves. */
.now-story .caps{display:grid;align-items:start}
.now-story .cap{grid-area:1/1;position:relative;inset:auto}
@media (max-width:800px){
  .now-story::before{height:640px}
  .now-story .bay-ask{padding:74px 0 0}
  .now-story .bay-cloud{padding:28px 0 0}
  .now-story .bay-ask .trust-ask,
  .now-story .bay-ask .trust-ask .ask-a,
  .now-story .bay-ask .trust-ask .ask-a strong{
    font-size:18px;
    line-height:1.35;
    max-width:none;
  }
  .now-story .bay-ask .trust-ask .ask-b{
    font-size:18px;
    line-height:1.3;
    margin-top:2px;
  }
  .now-story .bay-p{margin:18px 0 0;font-size:18px;line-height:1.35}
  .now-story .proof .track{padding:0 22px}
  .now-story .stage{padding:18px 0 0}
  .now-story .sec.proof,
  .now-story.day > .sec.proof{padding-bottom:56px}
}

/* Token flip. Dark hero and reality stay pinned; the nav eases with the page. */
@property --bg{syntax:'<color>';inherits:true;initial-value:#050505}
@property --bg2{syntax:'<color>';inherits:true;initial-value:#0C0C0C}
@property --pnl{syntax:'<color>';inherits:true;initial-value:#101012}
@property --bar{syntax:'<color>';inherits:true;initial-value:#0C0C0C}
@property --ln{syntax:'<color>';inherits:true;initial-value:#222226}
@property --ln2{syntax:'<color>';inherits:true;initial-value:#2a2a2e}
@property --tx{syntax:'<color>';inherits:true;initial-value:#F2F0EA}
@property --tx2{syntax:'<color>';inherits:true;initial-value:#C9C7C1}
@property --mu{syntax:'<color>';inherits:true;initial-value:#8A8882}
@property --mu2{syntax:'<color>';inherits:true;initial-value:#5E5C58}
html{
  transition:
    --bg 1.1s ease,--bg2 1.1s ease,--pnl 1.1s ease,--bar 1.1s ease,
    --ln 1.1s ease,--ln2 1.1s ease,--tx 1.1s ease,--tx2 1.1s ease,
    --mu 1.1s ease,--mu2 1.1s ease,
    background-color 1.1s ease,color 1.1s ease;
}
html[data-world="light"]{
  --bg:#f9f8f4; --bg2:#f3f1ea; --pnl:#ffffff; --bar:#f1f1ef;
  --ln:rgba(67,67,75,.14); --ln2:rgba(67,67,75,.2);
  --tx:#43434b; --tx2:#5c6168; --mu:#6d737b; --mu2:#8b9198;
  background:#f9f8f4; color:#43434b;
}
#open.dw,
#why.dw{
  --bg:#050505; --bg2:#0C0C0C; --pnl:#101012; --bar:#0C0C0C;
  --ln:#222226; --ln2:#2a2a2e;
  --tx:#F2F0EA; --tx2:#C9C7C1; --mu:#8A8882; --mu2:#5E5C58;
  color:var(--tx);
  background:#050505;
  border-image:conic-gradient(#050505 0 0) fill 0//0 100vmax;
}
.term-demo{
  --bg:#121614; --tx:#eef2ef; --tx2:#c9c7c1; --ln:rgba(232,240,235,.14);
  background:#121614 !important;
  color:#eef2ef;
}
.brand,.nav .btn-primary,.nav .wm-dot{
  transition:color 1.1s ease,background-color 1.1s ease,border-color 1.1s ease;
}
html.instant,html.reduced,
html.instant .nav,html.reduced .nav,
html.instant .brand,html.reduced .brand,
html.instant .nav-link,html.reduced .nav-link,
html.instant .nav .btn-primary,html.reduced .nav .btn-primary,
html.instant .nav .wm-dot,html.reduced .nav .wm-dot,
html.instant .now-story::before,html.reduced .now-story::before{transition:none}
@media (prefers-reduced-motion:reduce){
  html,.nav,.brand,.nav-link,.nav .btn-primary,.nav .wm-dot,.now-story::before{transition:none}
}

/* Mobile only: quiet rules in Learns, Blocks, and Signs.
   Envelope-v5 .step+.step at max-width 760px, light --ln #DCDCD8.
   The node is v5's 7px hollow ring, light --mu2 #74736E. */
@media (max-width:760px){
  .day #learns.sec::before,
  #learns > .node{display:none}
  #blocks.sec::before,
  #signs.sec::before{
    content:"";
    display:block;
    position:absolute;
    left:30%;
    right:30%;
    top:0;
    width:auto;
    height:1px;
    opacity:1;
    background:#DCDCD8;
    pointer-events:none;
  }
  #signs > .cue{display:none}
  .day .tools.sec::before{
    left:30%;
    right:30%;
    width:auto;
    background:#DCDCD8;
  }
  .day .tools .node{
    background:#f9f8f4;
    box-shadow:inset 0 0 0 1px #74736E;
  }
}

/* Mobile crispness. Whole pixels, one light-page ink, no thin 300. */
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .day,.now-story,#contact,.end-foot,footer{
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    text-rendering:auto;
  }
  .beat-s,.mic-line,.proof-each,.day p{font-weight:400;color:#43434b}
  .day .beat-s,.sec.b3 .beat-s,.day .mic-line{font-weight:400;color:#43434b}
  .hook{font-size:32px;line-height:36px;letter-spacing:-.03em}
  .trust-line{font-size:16px;line-height:22px;letter-spacing:0}
  .now-giant{font-size:62px;line-height:57px;letter-spacing:-.04em}
  .beat-l{font-size:32px;line-height:34px;letter-spacing:-.03em}
  .day .beat-s,.sec.b3 .beat-s{font-size:16px;line-height:22px;letter-spacing:0}
  .day .mic-line{font-size:18px;line-height:24px}
  .now-story .bay-ask .trust-ask,
  .now-story .bay-ask .trust-ask .ask-a,
  .now-story .bay-p{font-size:18px;line-height:24px;letter-spacing:-.01em;font-weight:400;color:var(--tx)}
  .now-story .bay-ask .trust-ask .ask-a strong,
  .now-story .bay-ask .trust-ask .ask-b{font-size:18px;line-height:24px;letter-spacing:-.01em}
  #why .why-open,#why .big.why-open,#why .why-2{font-size:20px;line-height:28px;font-weight:400;letter-spacing:-.01em}
  #why .why-1{font-size:28px;line-height:30px;letter-spacing:-.03em}
  .mic-line{font-size:18px;line-height:24px}
  .trust-giant,.bay-h,.end-glow .bay-h{font-size:36px;line-height:36px}
  .end-foot,footer{letter-spacing:0}
}

/* Phone opening. Desktop keeps the floating cards. The cue stays. */
.m-lines{display:none}
@media (max-width:760px){
  .open,.open-stage{
    height:auto;
    min-height:100svh;
    overflow:visible;
  }
  .open:has(.open-stage.is-ask),
  .open-stage.is-ask,
  .open-stage.is-ask .open-land{min-height:100svh}
  .open-stage::before,
  .open-stage.is-alive::before,
  .open-stage.is-hook::before{opacity:0 !important}
  .open-stage .field,
  .open-stage .field-bad{display:none !important}
  .open-land::before,
  .open-stage.is-hook .open-land::before{content:none !important;display:none !important}
  .lede,.lede.is-in,.lede.is-out{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:max-content !important;
    max-width:92vw;
    margin:0 !important;
    text-align:center;
    font-weight:500;
    font-size:clamp(1.35rem,5.8vw,1.85rem);
    line-height:1.22;
    letter-spacing:-.028em;
    color:var(--tx);
    text-shadow:none;
  }
  .lede.is-in{opacity:1 !important;visibility:visible !important}
  .lede-l1,.lede-l2{display:block;white-space:nowrap}
  .lede.is-out{
    opacity:0 !important;
    visibility:hidden;
    transition:opacity .65s var(--ease),transform .75s var(--ease),visibility 0s linear .65s;
  }
  .m-lines{
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    z-index:4;
    flex-direction:column;
    width:min(calc(100% - 44px),24rem);
    margin:0;
    border:1px solid #2e2e32;
    border-radius:8px;
    background:#0c0c0c;
    font-family:var(--mono);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-50%) translateY(12px);
    transition:opacity .6s var(--ease-out),transform .7s var(--ease-out),visibility 0s linear .6s;
  }
  .open-stage.is-term .m-lines{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%);
    transition:opacity .6s var(--ease-out),transform .7s var(--ease-out),visibility 0s linear 0s;
  }
  .m-bar{
    display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;
    border-bottom:1px solid #2e2e32;background:#101012;color:#8a8882;
    font-family:var(--mono);font-size:11px;
  }
  .m-dots{display:flex;gap:5px}
  .m-dots i{width:7px;height:7px;border-radius:50%;background:#3a3a3e}
  .m-row,.m-live{
    display:flex;align-items:baseline;gap:8px;
    margin:0;padding:0 12px;font-family:var(--mono);font-size:13px;line-height:18px;color:#e4e1d8;
    white-space:nowrap;
  }
  .m-row{
    flex-direction:column;align-items:stretch;gap:0;
    height:40px;flex:0 0 40px;opacity:0;overflow:hidden;
  }
  .m-line{display:flex;flex-wrap:nowrap;align-items:baseline;gap:8px;height:18px;white-space:nowrap}
  .m-row.is-in{opacity:1;transition:opacity .25s ease}
  .m-prompt{color:#8a8882;flex:none}
  .m-cmd{flex:1 1 auto;min-width:0;white-space:nowrap}
  .m-act{white-space:nowrap}
  .m-cur{display:none;width:7px;height:.95em;margin-left:2px;background:#c9c7c1;vertical-align:-1px;flex:none}
  .m-live .m-cur,
  .m-row.is-in:not(.is-done):not(.is-bad) .m-cur{display:inline-block;animation:mBlink 1.05s steps(1) infinite}
  .m-live{height:22px;flex:0 0 22px;opacity:1}
  .m-lines:has(.m-row.is-in:not(.is-done):not(.is-bad)) .m-live,
  .m-lines:has(.is-bad) .m-live{opacity:0}
  .m-st{
    display:block;height:16px;line-height:16px;padding-left:1.15em;
    font-size:12px;font-weight:500;white-space:nowrap;opacity:0;
  }
  .m-row.is-done .m-st{opacity:1;color:#6dd49a;transition:opacity .25s ease}
  .m-row.is-bad{color:var(--stop)}
  .m-row.is-bad .m-st{opacity:1;color:var(--stop);transition:opacity .25s ease}
  .m-lines{padding-bottom:8px;height:258px;box-sizing:border-box}
  @keyframes mBlink{50%{opacity:0}}
  .open-stage{padding:calc(var(--nav) + 28px) 22px 40px}
  .open-land{
    position:absolute !important;
    left:0 !important;top:0 !important;right:0;
    width:auto !important;height:auto !important;
    transform:none !important;
    display:flex;flex-direction:column;align-items:flex-start;
    box-sizing:border-box;
    padding:calc(var(--nav) + 28px) 22px 48px;
    text-align:left;
    opacity:0;visibility:hidden;pointer-events:none;
  }
  .open-stage.is-term-out .m-lines{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .4s ease,visibility 0s linear .4s;
  }
  .open-stage.is-ask .lede{position:absolute !important;opacity:0 !important;visibility:hidden !important;pointer-events:none}
  .open-stage.is-ask,
  .open:has(.open-stage.is-ask){background:#050505}
  .open-stage.is-ask .open-land,
  html.reduced .open-land{
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0;
    padding:0;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none;
    display:block;
  }
  .open-stage.is-ask .hook,
  .open-stage.is-ask .after-hook{
    position:absolute;
    left:50%;
    top:50%;
    width:max-content;
    max-width:calc(100% - 32px);
    margin:0;
    text-align:center;
    pointer-events:auto;
  }
  .open-stage.is-ask .hook{
    font-family:"Inter Tight","Figtree",sans-serif;
    font-weight:700;
    font-size:44px;
    line-height:46px;
    letter-spacing:-.04em;
    color:#F2F0EA;
    text-shadow:none !important;
    text-wrap:wrap;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,calc(-50% + 12px));
  }
  .open-stage.is-ask .hook.is-in{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%);
    transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),visibility 0s linear 0s;
  }
  .open-stage.is-ask .hook.is-out{
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,calc(-50% - 12px));
    transition:opacity .55s var(--ease),transform .55s var(--ease),visibility 0s linear .55s;
  }
  .hook-l1,.hook-l2,.hook-l3{display:block;white-space:nowrap}
  .open-stage.is-ask .after-hook{
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,calc(-50% + 12px));
  }
  .open-stage.is-ask .after-hook.is-in{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%);
    transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),visibility 0s linear 0s;
  }
  .open-stage.is-settled .hook,
  .open-stage.is-settled .after-hook,
  .open-stage.is-settled .m-lines{transition:none !important}
  .m-brand{
    display:flex;justify-content:center;align-items:center;
    margin:0;
    font-family:var(--sans);
    font-size:32px;line-height:36px;
    color:#F2F0EA;
  }
  .m-brand .wm{gap:.2em}
  .m-brand .wm-dot{width:6px;height:6px;margin-left:6px;background:#A8D5C2;transform:translateY(-1px)}
  .desk-trust{display:none}
  .m-trust{
    display:block;margin:20px 0 0;
    font-family:"Inter Tight","Figtree",sans-serif;font-weight:700;
    font-size:26px;line-height:32px;letter-spacing:-.025em;color:#B2D3E7;
  }
  .m-do{
    display:block;margin:28px auto 0;max-width:22rem;
    font-family:"Inter Tight","Figtree",sans-serif;font-weight:300;
    font-size:17px;line-height:26px;color:#C9C7C1;text-align:center;
  }
  .m-offer{
    display:block;margin:32px 0 8px;
    font-family:"Inter Tight","Figtree",sans-serif;font-weight:400;
    font-size:15px;line-height:20px;color:#C9C7C1;
  }
  .open-stage.is-ask .open-form{
    flex-direction:column;align-items:center;
    width:100%;max-width:300px;margin:0 auto;gap:0;
  }
  .open-stage.is-ask .open-form input[type=email]{
    flex:0 0 40px;width:100%;max-width:300px;height:40px;min-height:40px;max-height:40px;
    font-size:16px;text-align:center;color:#F2F0EA;background:#0E0E0E;
    border:1px solid color-mix(in srgb,#9CC9E6 48%,#2e2e32);border-radius:8px;
  }
  .open-stage.is-ask .open-form input::placeholder{color:#8A8882;text-align:center}
  .open-stage.is-ask .open-form .btn{
    align-self:center;width:auto;height:40px;min-height:40px;flex:0 0 auto;
    margin-top:10px;padding:0 24px;font-size:15px;font-weight:500;color:#9CC9E6;
    background:color-mix(in srgb,#9CC9E6 18%,transparent);
    border:1px solid #9CC9E6;border-radius:8px;
  }
  .m-re{
    display:block;margin:16px 0 0;
    font-family:"Inter Tight","Figtree",sans-serif;font-weight:300;
    font-size:13px;line-height:18px;color:#8A8882;
  }
  .open > .cue{display:block}
}
@media (max-width:380px){
  .open-stage.is-ask .hook{font-size:40px;line-height:42px}
  .m-brand{font-size:28px;line-height:32px}
  .m-trust{font-size:22px;line-height:28px;margin-top:16px}
  .m-do{font-size:16px;line-height:24px;margin-top:22px}
  .m-offer{font-size:14px;line-height:20px;margin:24px 0 8px}
  .open-stage.is-ask .open-land{padding-bottom:56px;box-sizing:border-box}
}

/* The blocked caption is the phone step. Desktop keeps the proof-res block. */
@media (min-width:761px){
  .cap[data-c="4"]{display:none !important}
}

/* Phone demo, v5's stage: one fixed svh frame, only this step's panels, one-line terminal rows. */
@media (max-width:760px){
  .now-story .sec.proof,
  .now-story.day > .sec.proof{padding:0}
  .now-story .sec.proof > .cue,
  .now-story .sec.proof::before{display:none}
  .now-story .proof .track{
    height:calc(100svh - var(--nav) + 4 * 30svh);
    padding:0 16px;
    overflow-anchor:none;
  }
  .now-story .stage{
    position:sticky;
    top:var(--nav);
    height:calc(100svh - var(--nav));
    min-height:calc(100svh - var(--nav));
    max-height:calc(100svh - var(--nav));
    padding:8px 0 0;
    align-items:flex-start;
    overflow:hidden;
    overflow-anchor:none;
    contain:layout paint;
    will-change:transform;
    background:transparent;
  }
  .now-story .stage-in{
    overflow-anchor:none;
  }

  .now-story .cap-row{
    height:auto;
    margin:0 0 8px;
    overflow:visible;
    overflow-anchor:none;
  }
  .now-story .step-k{margin:0 0 4px}
  .now-story .pips{gap:5px}
  .now-story .pips i{width:14px;height:3px}
  .now-story .caps{
    display:grid;
    align-items:start;
    height:44px;
    min-height:44px;
    overflow:visible;
  }
  .now-story .cap,
  .now-story .cap.on{
    grid-area:1/1;
    position:relative;
    inset:auto;
    height:auto;
    margin:0;
    font-size:18px;
    line-height:22px;
    font-weight:600;
    letter-spacing:-.02em;
    text-wrap:balance;
    white-space:normal;
    opacity:0;
    visibility:hidden;
    transform:none;
    transition:opacity .35s ease;
    pointer-events:none;
  }
  .now-story .cap.on{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .now-story .stage-in[data-step="5"] .caps{height:44px;min-height:44px}
  .now-story .stage-in[data-step="5"] .cap-row{margin-bottom:8px}

  .now-story .cb-grid{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-height:0;
  }
  .now-story .term-demo .term-bar{
    height:28px;
    min-height:28px;
    padding:0 10px;
    font-size:12px;
    gap:8px;
  }
  .now-story .term-demo .lights i{width:8px;height:8px}
  .now-story .term-demo .term-title{margin-right:0;font-size:12px}
  .now-story .term-demo .term-body{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    height:calc(5 * 22px + 16px);
    min-height:calc(5 * 22px + 16px);
    max-height:calc(5 * 22px + 16px);
    padding:8px 10px 8px 22px;
    font-size:15px;
    line-height:22px;
    overflow:hidden;
    overflow-anchor:none;
  }
  .now-story .term-demo .ln{
    display:none;
    flex:none;
    align-items:center;
    gap:0;
    height:22px;
    min-height:22px;
    max-height:22px;
    white-space:nowrap;
    overflow:hidden;
    overflow-wrap:normal;
    word-break:normal;
    text-overflow:ellipsis;
    animation:none !important;
  }
  .now-story .term-demo .ts{display:none}
  .now-story .term-demo .ln > span:last-child{
    display:block;
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow-wrap:normal;
    word-break:normal;
    line-height:22px;
  }
  .now-story .term-demo .ln .k{min-width:0;width:auto;margin-right:.6ch}
  .now-story .term-demo .blk-l .k{display:none}
  .now-story .term-demo .watcher{left:8px;width:7px;height:7px}
  .now-story .stage-in[data-step="1"] .term-demo .ln:not(.f2):not(.f3):not(.f4):not(.f5):not(.st-l):not(.ln-cur),
  .now-story .stage-in[data-step="2"] .term-demo .ln:not(.f3):not(.f4):not(.f5):not(.st-l):not(.ln-cur),
  .now-story .stage-in[data-step="3"] .term-demo .ln.f2,
  .now-story .stage-in[data-step="3"] .term-demo .ln.f3,
  .now-story .stage-in[data-step="4"] .term-demo .ln.f3,
  .now-story .stage-in[data-step="4"] .term-demo .ln.f4,
  .now-story .stage-in[data-step="5"] .term-demo .ln.f4,
  .now-story .stage-in[data-step="5"] .term-demo .ln.f5,
  .now-story .stage-in[data-step="5"] .term-demo .ln.st-l{
    display:flex;
    visibility:visible;
    opacity:1;
    position:relative;
    pointer-events:auto;
  }
  .now-story .stage-in[data-step="5"] .term-demo .ln.u4{display:none}
  .now-story .term-demo .st-l .d:not(.f5r){display:none}

  .now-story .cb-side{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-height:0;
    position:relative;
  }
  .now-story .cb-side > .side-a,
  .now-story .cb-side > .rc{flex:0 0 auto;width:100%;min-width:0}
  .now-story .side-a .agp{flex:0 0 auto}
  .now-story .cb-side{gap:0}
  .now-story .cb-side > .rc{
    display:block !important;
    position:relative;
    height:0;
    min-height:0;
    margin:0 !important;
    padding:0 !important;
    border-width:0 !important;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none;
    transition:opacity .4s ease;
    animation:none !important;
  }
  .now-story .stage-in[data-step="3"] .cb-side > .pnl-ok,
  .now-story .stage-in[data-step="4"] .cb-side > .pnl-ok,
  .now-story .stage-in[data-step="5"] .cb-side > .pnl-ok,
  .now-story .stage-in[data-step="5"] .cb-side > .pnl-dev{
    display:block !important;
    position:relative;
    height:auto;
    overflow:visible;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    margin-top:8px !important;
    padding:8px 10px !important;
    border-width:1px !important;
  }
  .now-story .proof-res,
  .now-story .stage-in[data-step="5"] .proof-res{display:none !important}

  .now-story .pnl{padding:8px 10px;border-radius:10px;box-shadow:none}
  .now-story .pnl-top{gap:8px;font-size:13px}
  .now-story .pip{padding:2px 8px;font-size:11px;gap:6px}
  .now-story .ph-top{gap:4px;margin:0;line-height:20px}
  .now-story .ph{display:block;height:auto;line-height:0;overflow:visible}
  .now-story .phk{font-size:16px;line-height:22px;height:22px;letter-spacing:0;gap:6px;white-space:nowrap;align-items:center;animation:none !important;transform:none}
  .now-story .stage-in[data-step="2"] .phk.s2,
  .now-story .stage-in[data-step="3"] .phk.s3,
  .now-story .stage-in[data-step="4"] .phk.s4,
  .now-story .stage-in[data-step="5"] .phk.s5{display:flex}
  .now-story .pip{line-height:18px}
  .now-story .ph-sub{font-size:13px;margin:0 0 4px;min-height:0}
  .now-story .ag-acts{margin:0;font-size:13px}
  .now-story .ag-acts li{
    display:none;
    padding:2px 0;
  }
  .now-story .stage-in[data-step="2"] .ag-acts li.f2,
  .now-story .stage-in[data-step="3"] .ag-acts li.f3,
  .now-story .stage-in[data-step="4"] .ag-acts li.f4{
    display:flex;
    visibility:visible;
  }
  .now-story .stage-in[data-step="5"] .ag-acts{display:none}
  .now-story .stage-in[data-step="5"] .agp{padding-bottom:8px}
  .now-story .stage-in[data-step="5"] .agp .ph-sub{margin-bottom:0}
  .now-story .pnl-ok .pnl-top{margin-bottom:4px}
  .now-story .pnl-ok .pnl-p{display:inline;margin:0 .4ch 0 0;font-size:13px}
  .now-story .pnl-ok .seq{
    display:inline;
    margin:0;
    font-size:13px;
    white-space:normal;
  }
  .now-story .seq .ar{margin:0 .35ch}
  .now-story .eo{margin:4px 0 0;gap:2px}
  .now-story .eo > div{
    grid-template-columns:78px minmax(0,1fr);
    gap:6px;
    padding:1px 0;
  }
  .now-story .eo dt{font-size:11px}
  .now-story .eo dd{font-size:13px;line-height:1.3}
  .now-story .verdict{margin:4px 0 0;padding-top:4px;font-size:13px;line-height:1.3}
}

/* Phone: the glacier band dissolves into the page. No hard edge while it scrolls past the demo. */
@media (max-width:760px){
  .now-story::before{
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 160px),transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 160px),transparent 100%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
  }
}

/* Sheet, reality ladder, pill header. Phone hero is untouched. */
#why{padding-bottom:clamp(160px,22vw,300px)}
#why .why-open,
#why .big.why-open{
  font-size:22px;
  line-height:1.4;
  font-weight:400;
  margin:0 0 40px;
}
#why .why-3 p{
  margin:0;
  font-size:22px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.02em;
  color:#8A8882;
}
#why .why-3 p + p{margin-top:6px}
#why .why-3 .why-3-last{color:#F2F0EA}
.now-story .now-giant,
.now-giant{
  font-weight:800;
  letter-spacing:-.04em;
  color:#43434b;
  margin:0;
}
.now-story .now-one{
  margin:22px 0 0;
  font-family:var(--sans);
  font-weight:600;
  font-size:clamp(1.6rem,3.6vw,3.1rem);
  line-height:1.15;
  letter-spacing:-.03em;
  color:#43434b;
}
.now-story .now-born{
  margin:10px 0 0;
  font-family:var(--sans);
  font-weight:400;
  font-size:clamp(1rem,1.6vw,1.35rem);
  line-height:1.35;
  letter-spacing:-.015em;
  color:#6d737b;
}
.end-glow .contact-thesis{
  margin:clamp(28px,4vw,48px) 0 0;
  max-width:14em;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.03em;
  color:#43434b;
}
.end-glow .contact-thesis + .form-card{margin-top:22px}
.nav{
  top:calc(14px + env(safe-area-inset-top,0px));
  left:0;right:0;
  padding:0 clamp(12px,1.8vw,24px);
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  pointer-events:none;
}
.nav-in{
  pointer-events:auto;
  height:56px;
  max-width:1120px;
  padding:0 8px 0 22px;
  border-radius:999px;
  background:rgba(34,35,36,.92);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 34px rgba(0,0,0,.65),
    0 0 0 1px rgba(0,0,0,.35);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.nav .wm-dot{
  background:#6dd49a;
  box-shadow:0 0 8px rgba(109,212,154,.55);
}
.nav .btn-primary{
  height:40px;
  padding:0 16px;
  border-radius:999px;
  background:#6dd49a;
  color:#08140d;
  font-weight:600;
}
.nav .btn-primary:hover{background:#86e2ad;box-shadow:none;color:#08140d}
.nav .btn-primary:active{transform:none}
html[data-nav-light] .nav{background:transparent;border-color:transparent}
html[data-nav-light] .nav-in{
  background:#fff;
  border:1px solid rgba(67,67,75,.10);
  box-shadow:0 12px 32px rgba(20,32,26,.12), 0 2px 6px rgba(20,32,26,.07);
}
html[data-nav-light] .nav .wm-dot{background:#1f7a4a;box-shadow:none}
html[data-nav-light] .nav .btn-primary{background:#1f7a4a;color:#fff}
html[data-nav-light] .nav .btn-primary:hover{background:#18623a;color:#fff;box-shadow:none}
html.reduced .nav-in,html.instant .nav-in{transition:none}
@media (max-width:760px){
  #why .why-open,#why .big.why-open,#why .why-3 p{font-size:18px;line-height:1.4}
  #why .why-1{font-size:28px;line-height:1.15}
  .nav{top:calc(10px + env(safe-area-inset-top,0px))}
  .nav-in{height:52px;padding:0 6px 0 16px}
  .nav .btn-primary{height:38px;padding:0 12px}
  .nav-link{display:none}
  .now-story .now-one{font-size:clamp(1.35rem,6vw,1.8rem)}
}

/* Reality ladder. The opener also has .big, so both selectors are set or the older rule wins. */
#why{padding-bottom:clamp(160px,22vw,300px)}
#why .why-open,
#why .big.why-open{font-size:clamp(1.15rem,2vw,1.6rem);margin-bottom:clamp(40px,6vw,64px)}
#why .why-1{font-size:clamp(2.2rem,6.4vw,5.4rem);margin-top:0;max-width:14em;color:#B2D3E7}
#why .why-2{display:block;margin-top:clamp(24px,3vw,36px);font-size:clamp(1.1rem,2.1vw,1.7rem);line-height:1.25;font-weight:400;color:#F2F0EA;max-width:none}
#why .why-2 span{display:inline;color:inherit;font-weight:inherit}
@media (min-width:900px){#why .why-2{white-space:nowrap}}
@media (max-width:899px){#why .why-2{white-space:normal;max-width:24em}}

/* One white rounded box holds the question, Now you can, the tagline and the demo.
   overflow stays visible so the demo's sticky pin keeps working. */
.now-story{padding:clamp(28px,4vw,56px) clamp(14px,2.6vw,36px) clamp(14px,2.6vw,36px)}
.now-story .proof-box{background:#ffffff;border:1px solid rgba(255,255,255,.9);border-radius:clamp(24px,3vw,40px);padding:0 clamp(12px,2vw,24px);box-shadow:0 1px 0 #fff inset,0 30px 80px rgba(36,97,138,.16),0 2px 8px rgba(36,97,138,.08);overflow:visible;position:relative}
.now-story .bay-ask{background:transparent !important}
/* The page glow behind the box, visible whenever the box is on screen. */
.now-story::before{background:linear-gradient(180deg,#F9F8F4 0%,#CFE4F0 14%,#9CC9E6 28%,#CFE4F0 48%,#F9F8F4 100%);opacity:1}
/* Text colors inside the box. Sizes, weights and spacing stay as they were. */
.now-story .proof-box .bay-ask .trust-ask,
.now-story .proof-box .bay-ask .trust-ask .ask-a{color:#5c6168}
.now-story .proof-box .bay-ask .trust-ask .ask-a strong{color:#43434b}
.now-story .proof-box .bay-ask .trust-ask .ask-b{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:#5c6168}
.now-story .proof-box .now-giant{color:#2F7AB0;--lt-accent:#2F7AB0;--lt-end:#2F7AB0}
.now-story .proof-box .now-giant .lt,
.now-story .proof-box .now-giant .lt.in{color:#2F7AB0}
.now-story .proof-box .now-one{color:#43434b;font-weight:600}
.now-story .proof-box .now-born{color:#6d737b;font-weight:400}
@media (min-width:761px){.now-story .proof-box{max-width:1180px;margin-left:auto;margin-right:auto}}

/* Demo playing: the white sheet is the pinned stage's ::before, so it rides the pin and never jitters.
   It reaches up to the box top and out to the box sides (JS sets the --sheet-* offsets on load and resize),
   and ends the box's bottom padding below the stage, so it grows only when the demo content grows.
   Without JS, or with reduced motion, the box keeps its plain white background. */
.now-story .proof-box.fit{background:transparent;border-color:transparent;box-shadow:none}
.now-story .proof-box.fit .bay-now{position:relative;z-index:1}
.now-story .proof-box.fit .stage::before{content:"";position:absolute;top:calc(-1 * var(--sheet-t,0px));left:calc(-1 * var(--sheet-l,0px));right:calc(-1 * var(--sheet-r,0px));bottom:calc(-1 * var(--sheet-b,0px));background:#ffffff;border-radius:clamp(24px,3vw,40px);box-shadow:0 1px 0 #fff inset,0 30px 80px rgba(36,97,138,.16),0 2px 8px rgba(36,97,138,.08);z-index:-1;pointer-events:none}
/* Phone: the stage is as tall as what it shows (not a full-screen frame), and a spacer keeps the same 4 x 30svh of scroll for the steps. */
@media (max-width:760px){
  .now-story .proof-box.fit .sec.proof{padding-bottom:28px}
  .now-story .proof-box.fit .proof .track{height:auto}
  .now-story .proof-box.fit .proof .track::after{content:"";display:block;height:calc(4 * 30svh)}
  .now-story .proof-box.fit .stage{height:auto;min-height:0;max-height:none;overflow:visible;contain:none}
}
/* Scroll cue under the demo: fully below the white box, 24px clear of its edge, ending on the divider below.
   The gap under the box grows to fit it. Phone hides this cue already. */
@media (min-width:761px){
  .now-story{padding-bottom:calc(24px + var(--spine))}
  .now-story .sec.proof > .cue{top:calc(100% + 1px + 24px);bottom:auto}
}

/* ========== Today's tools: the industry's blind spots (section-scoped) ========== */
.sec.tools.blind{text-align:left}
.day .sec.tools.blind{padding-bottom:clamp(40px,6vw,80px)}
.tools.blind .bs-title{margin:0;max-width:none;font-family:var(--sans);font-weight:700;font-size:clamp(2.4rem,6.4vw,5.6rem);line-height:1.02;letter-spacing:-.04em;color:#43434B;text-align:left;text-wrap:balance}
.tools.blind .bs-cards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:clamp(14px,2vw,26px);align-items:stretch;margin-top:clamp(40px,5vw,64px)}
.tools.blind .bs-card{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border-radius:24px;padding:clamp(28px,3.4vw,48px);border:1px solid rgba(67,97,138,.10);box-shadow:0 30px 80px rgba(36,97,138,.14),0 2px 10px rgba(36,97,138,.07);overflow:hidden;text-align:left}
.tools.blind .bs-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#9CC9E6,#2F7AB0)}
.tools.blind .bs-num{position:absolute;top:clamp(14px,1.6vw,22px);right:clamp(20px,2.4vw,34px);font-family:var(--sans);font-weight:700;font-size:clamp(4rem,6.6vw,6.2rem);line-height:1;letter-spacing:-.04em;color:#E3EEF5;user-select:none;-webkit-user-select:none;pointer-events:none}
.tools.blind .bs-h{position:relative;margin:clamp(44px,6vw,76px) 0 0;max-width:none;font-family:var(--sans);font-weight:700;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.08;letter-spacing:-.035em;color:#43434B}
.day .tools.blind .bs-body{margin:18px 0 0;max-width:26em;font-family:var(--sans);font-weight:400;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.45;letter-spacing:-.01em;color:#5C6168}
.day .tools.blind .bs-key{margin:auto 0 0;padding-top:clamp(28px,3vw,40px);font-family:var(--sans);font-weight:700;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.28;letter-spacing:-.02em;color:#24618A}
.tools.blind .bs-key::before{content:"";display:block;width:44px;height:3px;border-radius:3px;background:#2F7AB0;margin-bottom:16px}
.tools.blind .bs-thesis{margin:clamp(64px,9vw,130px) 0 0;font-family:var(--sans);font-weight:600;font-size:clamp(2.1rem,6.3vw,5.6rem);line-height:1;letter-spacing:-.035em;text-align:left}
.tools.blind .bs-a,.tools.blind .bs-b{display:block}
.day .tools.blind .bs-a{color:#43434B;white-space:nowrap}
.day .tools.blind .bs-b{color:#2F7AB0}
.js .tools.blind .bs-a.rv{transition:opacity 1.2s var(--ease),transform 1.2s var(--ease);transition-delay:0s}
.js .tools.blind .bs-b{opacity:0;transform:translateY(14px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.js .tools.blind .bs-b.in{opacity:1;transform:none}
html.reduced .tools.blind .rv,html.instant .tools.blind .rv,
html.reduced .tools.blind .bs-b,html.instant .tools.blind .bs-b{opacity:1 !important;transform:none !important;transition:none !important}
@media (max-width:859px){
  .tools.blind .bs-cards{grid-template-columns:1fr}
}
@media (max-width:759px){
  .day .tools.blind .bs-a{white-space:normal;text-wrap:balance}
}
@media (max-width:760px){
  .tools.blind .bs-num{font-size:4rem;top:14px;right:20px}
}

/* ========== Ending: one split panel (scoped to .ending.endp) ========== */
.ending.endp::before{left:0;right:0;width:auto;top:auto;bottom:0;height:min(1100px,92%);filter:none;-webkit-mask-image:none;mask-image:none;opacity:.7;
  background:radial-gradient(ellipse 62% 58% at 50% 78%,#9CC9E6 0%,#CFE4F0 42%,rgba(249,248,244,0) 74%)}
.ending.endp .end-glow{padding:clamp(60px,9vw,130px) 0 0}
.ending.endp .endp-wrap{max-width:1180px;margin:0 auto;box-sizing:content-box;padding:0 clamp(16px,3vw,40px)}
.ending.endp .endp-panel{position:relative;display:grid;grid-template-columns:1fr;background:#FFFFFF;border-radius:28px;border:1px solid rgba(67,97,138,.10);box-shadow:0 30px 80px rgba(36,97,138,.16),0 2px 10px rgba(36,97,138,.08);overflow:hidden;text-align:left}
.ending.endp .endp-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#9CC9E6,#2F7AB0);z-index:1}
.ending.endp .endp-l{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(32px,5vw,64px);background:#FFFFFF;padding:clamp(32px,4.5vw,64px) clamp(28px,4vw,56px)}
.ending.endp .endp-pay{margin:0;font-family:var(--sans);font-weight:700;font-size:clamp(2.8rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em;color:#43434B;white-space:nowrap}
.ending.endp .endp-tag{margin:0;font-family:var(--sans);font-weight:600;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.25;letter-spacing:-.02em}
.ending.endp .endp-t1,.ending.endp .endp-t2{display:block;font-weight:600}
.ending.endp .endp-t1{color:#43434B}
.ending.endp .endp-t2{color:#6D737B}
.ending.endp .endp-r{background:linear-gradient(180deg,#F4F9FC,#EAF3F9);border-top:1px solid rgba(67,97,138,.08);padding:clamp(32px,4.5vw,64px) clamp(28px,4vw,56px)}
.ending.endp .endp-bridge{margin:0 0 clamp(24px,3vw,36px);font-family:var(--sans);font-weight:600;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.ending.endp .endp-b1,.ending.endp .endp-b2{display:block;font-weight:600}
.ending.endp .endp-b1{color:#43434B}
.ending.endp .endp-b2{color:#2F7AB0}
.ending.endp .endp-form{--dot:#2F7AB0;margin:0;max-width:none;background:transparent;border:0;box-shadow:none}
.ending.endp .endp-form .form-body{padding:0;display:flex;flex-direction:column;gap:20px}
.ending.endp .endp-form .fld{display:flex;flex-direction:column;gap:8px}
.ending.endp .endp-form .who{gap:10px}
.ending.endp .endp-form .fld-l{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#43434B}
.ending.endp .endp-form .fld-l .opt{font-weight:400;color:#7B8189;text-transform:none;letter-spacing:0}
.ending.endp .endp-form .who label{display:inline-flex;align-items:center;box-sizing:border-box;min-height:0;padding:9px 16px;border:1px solid rgba(67,67,75,.2);border-radius:999px;background:#FFFFFF;font-family:var(--sans);font-size:14px;font-weight:600;color:#43434B;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ending.endp .endp-form .who label:hover{border-color:#2F7AB0;color:#43434B}
.ending.endp .endp-form .who input:checked + label{background:#24618A;border-color:#24618A;color:#FFFFFF}
.ending.endp .endp-form .who input:focus-visible + label{outline:2px solid #2F7AB0;outline-offset:2px}
.ending.endp .endp-form .fld input{box-sizing:border-box;width:100%;height:auto;font-family:var(--sans);font-size:15px;font-weight:400;color:#43434B;background:#FFFFFF;border:1px solid rgba(67,67,75,.2);border-radius:10px;padding:14px 16px;outline:none;transition:border-color .15s,box-shadow .15s}
.ending.endp .endp-form .fld input::placeholder{color:#9AA0A6}
.ending.endp .endp-form .fld input:focus{border-color:#2F7AB0;box-shadow:0 0 0 3px rgba(47,122,176,.25)}
.ending.endp .endp-form .fld input.bad{border-color:#24618A;box-shadow:0 0 0 3px rgba(36,97,138,.28)}
.ending.endp .endp-form .form-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.ending.endp .endp-btn{appearance:none;border:0;cursor:pointer;border-radius:999px;background:#24618A;color:#FFFFFF;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.2;padding:14px 26px;transition:background .15s}
.ending.endp .endp-btn:hover{background:#1D5278}
.ending.endp .endp-btn:focus-visible{outline:2px solid #2F7AB0;outline-offset:3px}
.ending.endp .endp-form .form-err{margin:0;font-family:var(--sans);font-size:14px;font-weight:600;color:#24618A}
.ending.endp .endp-form .form-err:empty{display:none}
.ending.endp .endp-form .form-ok{margin:0;font-family:var(--sans);font-size:20px;font-weight:600;letter-spacing:-.02em;color:#43434B}
.ending.endp .endp-form .form-ok[hidden]{display:none}
.ending.endp .endp-form .form-dot{background:#2F7AB0}
.ending.endp .endp-form.done .who,.ending.endp .endp-form.done .fld,.ending.endp .endp-form.done .form-act{display:none}
@media (min-width:900px){
  .ending.endp .endp-panel{grid-template-columns:1.3fr 1fr;min-height:560px}
  .ending.endp .endp-r{border-top:0;border-left:1px solid rgba(67,97,138,.08)}
  .ending.endp .endp-b1,.ending.endp .endp-b2{white-space:nowrap}
}
@media (max-width:899px){
  .ending.endp .endp-l{justify-content:flex-start}
}
@media (max-width:600px){
  .ending.endp .endp-form .form-act{flex-direction:column;align-items:stretch}
  .ending.endp .endp-btn{width:100%}
}

/* go-live: consent line under sign-up forms */
.consent{margin:14px 0 0;font-size:13px;line-height:1.5;font-weight:400;color:#8b9097;text-align:center}
.consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.endp-form .consent{text-align:left;color:#5c6168}
.ending.endp .endp-form .consent{text-align:left;color:#5c6168}
@media (max-width:760px){.open-form .consent{color:#8b9097}}

/* go-live: early access note */
.early-note{margin:12px 0 0;font-size:15px;font-weight:600;color:#24618A}

/* trust emphasis: proof moment */
.proof-res .mathcall{margin:22px 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.35;letter-spacing:-.015em;font-weight:700;color:#24618A}

.cap-math{display:none}
@media (max-width:760px){.cap[data-c="4"] .cap-math{display:block;margin-top:8px;font-size:15px;line-height:1.35;font-weight:700;letter-spacing:-.01em;color:#24618A}}

/* trust emphasis: resolve line after the thesis */
.tools.blind .bs-resolve{margin:clamp(28px,4vw,52px) 0 0;padding-top:clamp(20px,3vw,34px);border-top:1px solid #d9dde1;font-family:var(--sans);font-weight:600;font-size:clamp(1.9rem,4.6vw,4rem);line-height:1.05;letter-spacing:-.035em;color:#43434b;text-align:left}
.tools.blind .bs-resolve b{font-weight:700;color:#24618A}
@media (max-width:760px){.tools.blind .bs-resolve{margin-bottom:34px}}

/* trust emphasis: decision ledger in the proof result */
.proof-res .ledger{margin:0;padding:0}
.proof-res .ledger > div{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid #dfe2e6}
.proof-res .ledger > div:last-child{border-bottom:1px solid #dfe2e6}
.proof-res .ledger dt{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#6D737B}
.proof-res .ledger dd{margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.4;font-weight:600;letter-spacing:-.01em;color:#43434b}
.proof-res .ledger dd span{font-weight:500;color:#5c6168}
.proof-res .ledger dd i{font-family:var(--mono);font-style:normal;font-size:.85em;font-weight:500;color:#5c6168}
.proof-res .ledger .dec dd{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#24618A;letter-spacing:-.02em}

/* trust emphasis: hero math line */
.m-math{display:none}
@media (min-width:761px){
  .desk-b3{margin-top:46px;gap:28px;font-size:clamp(1.15rem,1.9vw,1.6rem);letter-spacing:.16em}
  .desk-b3 .nm-rule{max-width:190px}
}
@media (max-width:760px){
  .m-math{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0 0;font-family:"Inter Tight","Figtree",sans-serif;font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#F2F0EA}
  .m-math b{font-weight:700;color:#F2F0EA}
  .m-math .nm-rule{flex:1 1 0;max-width:46px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,240,234,.45))}
  .m-math .nm-rule:last-child{transform:scaleX(-1)}
  .m-math .nm-txt{white-space:nowrap}
}
@media (min-width:761px){.desk-b3 .nm-rule{max-width:120px}}
@media (max-width:760px){.open-stage.is-ask .open-form{margin-top:34px !important}.m-math .nm-rule{max-width:34px}}

/* consent line: two lines and smaller on phone only */
.consent br{display:none}
@media (max-width:760px){.consent br{display:inline}.consent{font-size:11.5px;line-height:1.5}}

/* No Replay button */
html body .replay{display:none !important}

/* drive1: blind-spots bridge, quieter resolve line, phone ask on one flow */
.tools.blind .bs-gap{margin:clamp(40px,5vw,64px) 0 0;font-family:var(--sans);font-weight:600;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.3;letter-spacing:-.02em;color:#43434b;text-align:left}
.tools.blind .bs-thesis{margin-top:clamp(40px,6vw,88px)}
.tools.blind .bs-resolve{margin:clamp(18px,2.4vw,30px) 0 0;padding-top:0;border-top:0;font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.25;letter-spacing:-.02em}
@media (max-width:800px){
  .now-story .bay-ask .trust-ask .ask-a,
  .now-story .bay-ask .trust-ask .ask-b{display:inline}
  .now-story .bay-ask .trust-ask .ask-b{white-space:nowrap;margin-top:0}
}

/* drive2: bold "And only that?", smaller "optional", square-ish chips like the inputs */
.now-story .proof-box .bay-ask .trust-ask .ask-b{font-weight:600;color:#43434b}
.ending.endp .endp-form .fld-l .opt{font-size:.8em}
.ending.endp .endp-form .who label{border-radius:10px}