/* ---------- fonts ---------- */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/unbounded-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/unbounded-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/caveat-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/caveat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/playfair-display-normal-400_600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/playfair-display-normal-400_600-latin.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}

/* ---------- tokens ---------- */
:root{
  --paper:#f1efe8; --paper-2:#e6e3d8; --ink:#17171a; --line:#2b2b2e; --body:#2a2a2e;
  --red:#d3261d; --sticky:#ffe27a;
  --night:#07070b; --violet:#8b5cff; --mint:#5cf2c4; --text:#f4f3f9; --muted:#c3c2d1;
  --gut:clamp(20px,4vw,56px);
  --wrapw:min(1520px,max(1280px,76vw));
  --fh:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fd:"Unbounded","Arial Black",system-ui,sans-serif;
  --fm:"Caveat","Segoe Script","Bradley Hand",cursive;
  --bar:64px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper-2);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font:400 19px/1.5 var(--fh);overflow-x:hidden;text-rendering:optimizeLegibility}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--paper-2)}
::-webkit-scrollbar-thumb{background:var(--ink);border-radius:6px}
img,svg,canvas{display:block}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:700;border-radius:8px;white-space:nowrap}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--wrapw) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.sk{border-radius:255px 14px 225px 14px/14px 225px 14px 255px}
.br-m{display:none}
.nw{white-space:nowrap}

/* ---------- progress bar ---------- */
.bar{position:fixed;inset:0 0 auto 0;height:var(--bar);z-index:60;display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding-inline:var(--gut);background:var(--paper);border-bottom:2px dashed var(--line);color:var(--ink);transition:background-color 1.2s ease,color 1.2s ease,border-color 1.2s ease}
.bar__label,.bar__pct{font:700 15px/1 var(--fh);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.bar__pct{min-width:4.2em;text-align:right;font-variant-numeric:tabular-nums}
.bar__track{position:relative;flex:1;min-width:60px;height:16px;border:2px solid currentColor;border-radius:10px;overflow:hidden}
.bar__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(.03);background:repeating-linear-gradient(135deg,var(--red) 0 8px,transparent 8px 14px);will-change:transform}
.bar[data-theme="night"]{background:rgba(7,7,11,.92);color:var(--text);border-bottom-color:rgba(255,255,255,.14)}
.bar.is-done .bar__fill{background:linear-gradient(90deg,var(--violet),var(--mint))}

/* ---------- sheet (wireframe) ---------- */
.sheet{position:relative;padding-top:var(--bar);overflow:hidden}
.sheet::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:min(calc(100% - var(--gut)*2),var(--wrapw));transform:translateX(-50%);pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(80,100,210,.055) 0,rgba(80,100,210,.055) calc((100% - 11*24px)/12),transparent calc((100% - 11*24px)/12),transparent calc((100% - 11*24px)/12 + 24px))}
.sheet>*{position:relative}

.top{display:flex;align-items:center;gap:24px;padding-block:18px 8px;min-height:92px}
.logo{display:flex;align-items:center;gap:14px;font:700 16px/1.2 var(--fh);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.menu{display:flex;gap:clamp(16px,2.4vw,40px);margin-left:auto}
.menu__item{font:600 18px/1 var(--fh);text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:2px dashed var(--line)}
.menu__item--dead{color:#4a4a50;border-bottom-style:dotted}
a.menu__item:hover{color:var(--red);border-bottom-color:var(--red)}
.note--bar{margin-left:0;max-width:280px}

/* x-boxes */
.xbox{position:relative;display:block;background:var(--paper-2);border:2px solid var(--line);
  background-image:linear-gradient(to top right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}
.xbox--logo{width:52px;height:52px;flex:none}
.xbox--mono{width:100%;aspect-ratio:1/1}

/* handwriting */
.note{display:flex;align-items:flex-start;gap:8px;font:700 clamp(26px,2.1vw,31px)/1.08 var(--fm);color:var(--red);transform:rotate(-.6deg);transform-origin:0 50%}
.note>span{padding-top:10px}
.arr{flex:none;width:54px;height:36px;color:var(--red)}
.arr--up{transform:scaleY(-1) rotate(-8deg) scaleX(-1)}
.arr--left{transform:scaleX(-1) rotate(10deg)}
.kicker{display:block;font:700 15px/1.3 var(--fh);letter-spacing:.16em;text-transform:uppercase;color:#3a3a40}

/* ---------- hero ---------- */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:stretch;padding-block:clamp(20px,3vw,44px) clamp(56px,7vw,100px)}
.trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.hero__left{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,22px)}
.h1{position:relative;margin:0;font:900 clamp(56px,8.2vw,150px)/.92 var(--fh);letter-spacing:-.035em;color:var(--ink);padding-bottom:.14em}
.h1__word{display:block;max-width:5.5em}
.h1__dot{color:var(--red)}
.h1__word+.h1__dot{display:none}
.scribble{position:absolute;left:0;bottom:-.02em;width:62%;height:.14em;color:var(--red);overflow:visible}
.logo__name{display:block}
.pitch{display:flex;flex-direction:column;gap:.1em;max-width:22em;padding-left:clamp(14px,1.4vw,22px);border-left:6px solid var(--red);font:800 clamp(25px,2.4vw,40px)/1.14 var(--fh);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.pitch__x{color:var(--red)}
.lead{font:500 clamp(22px,2vw,28px)/1.4 var(--fh);color:var(--ink);max-width:30em;text-wrap:balance}
.cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);width:100%;max-width:560px;margin-top:6px}
.cta__cell{display:flex;flex-direction:column;gap:8px}
.cta__label{font:700 15px/1.2 var(--fh);letter-spacing:.1em;text-transform:uppercase;color:#3a3a40;white-space:nowrap}
.cta__slot{position:relative;height:96px;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;padding:14px}
.cta__ghost,.cta__empty{font:700 26px/1.05 var(--fm);color:var(--red);text-align:center;transition:opacity .6s ease}
.cta__ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;visibility:hidden;opacity:0}
.btn-order{position:relative;z-index:2;width:100%;height:100%;min-height:64px;border:0;background:var(--ink);color:var(--paper);font:800 clamp(18px,1.5vw,22px)/1 var(--fh);letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:5px 5px 0 var(--red);transition:background-color .4s ease}
.btn-order:hover{background:#000}
.cta.is-away .cta__ghost{visibility:visible;opacity:1}
.cta.is-away #empty{visibility:hidden;opacity:0}
.order-line{font:700 clamp(26px,2.1vw,31px)/1.1 var(--fm);color:var(--red);min-height:2.3em;max-width:560px}

.hero__right{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px)}
.sticky{position:relative;isolation:isolate;flex:1 1 auto;padding:clamp(20px,2.2vw,34px) clamp(22px,2.4vw,38px);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:170px}
.sticky::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sticky);transform:rotate(1.6deg);box-shadow:6px 6px 0 rgba(23,23,26,.85)}
.sticky b{font:700 15px/1.2 var(--fh);letter-spacing:.1em;text-transform:uppercase;color:#4a3a00}
.sticky p{font:700 clamp(30px,2.6vw,46px)/1.1 var(--fm);color:var(--ink);text-wrap:balance}

/* ---------- timer ---------- */
.timer{padding-block:clamp(48px,6vw,96px);border-top:2px dashed var(--line)}
.h2{margin:14px 0 clamp(28px,3.4vw,52px);font:800 clamp(34px,5vw,74px)/1.02 var(--fh);letter-spacing:-.025em;color:var(--ink);max-width:16em;text-wrap:balance}
.timer__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,72px);align-items:stretch}
.clock{display:flex;align-items:stretch;gap:clamp(8px,1.4vw,20px)}
.clock__cell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px solid var(--line);background:#faf9f4;padding:clamp(14px,1.6vw,26px) 8px}
.digits{font:900 clamp(72px,10.6vw,176px)/.95 var(--fh);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.clock__label{font:700 15px/1 var(--fh);letter-spacing:.16em;text-transform:uppercase;color:#3a3a40}
.colon{align-self:center;font:900 clamp(48px,7vw,110px)/1 var(--fh);color:var(--red);padding-bottom:.5em}
.timer__side{display:flex;flex-direction:column;gap:clamp(18px,2vw,26px);justify-content:space-between}
.meter{display:flex;flex-direction:column;gap:10px}
.meter__label{font:700 15px/1.2 var(--fh);letter-spacing:.12em;text-transform:uppercase;color:#3a3a40}
.meter__track{display:block;height:22px;border:2px solid var(--line);overflow:hidden;background:#faf9f4}
.meter__track i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:repeating-linear-gradient(135deg,var(--ink) 0 8px,transparent 8px 14px)}
.note--timer{max-width:34em;transform:none}
.note--timer span{text-wrap:balance}
.fine{font:500 18px/1.45 var(--fh);color:#3a3a40;text-wrap:balance}
.beat{width:min(calc(100% - var(--gut)*2),var(--wrapw));margin-inline:auto;padding-bottom:clamp(56px,6vw,96px);font:700 clamp(30px,3.6vw,52px)/1.1 var(--fm);color:var(--red);text-align:center;text-wrap:balance}

/* ---------- reveal ---------- */
.serious{position:relative;overflow:hidden;min-height:max(100svh,780px);display:flex;flex-direction:column;justify-content:space-between;background:var(--paper);color:var(--text);padding-top:clamp(40px,5vw,72px)}
@property --r{syntax:"<percentage>";inherits:false;initial-value:0%}
.night{--r:0%;position:absolute;inset:0;background:
  radial-gradient(60% 60% at 82% 28%,rgba(139,92,255,.30),transparent 70%),
  radial-gradient(55% 55% at 12% 92%,rgba(92,242,196,.16),transparent 70%),
  var(--night);z-index:0;
  -webkit-mask-image:radial-gradient(circle at 64% 48%,#000 calc(var(--r) - 26%),transparent var(--r));
  mask-image:radial-gradient(circle at 64% 48%,#000 calc(var(--r) - 26%),transparent var(--r))}
html:not(.js) .night{--r:200%}
.grain{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.serious__stage{position:relative;z-index:2;display:grid;flex:1;align-items:center;padding-block:clamp(24px,3vw,48px)}
.serious__stage>*{grid-area:1/1}
.real{--zl:rgba(236,238,242,.16);--zm:#3fe0c5;--zi:#efe9de;--zb:#c9cdd4;--zs:"Playfair Display",Georgia,"Times New Roman",serif;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"left right" "proof proof" "terms terms";gap:clamp(40px,5vw,88px) clamp(28px,4vw,72px);align-items:center}
.real__left{grid-area:left;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(22px,2.4vw,36px)}
.real__right{grid-area:right}
.real__proof{grid-area:proof;display:flex;flex-direction:column;gap:clamp(24px,2.6vw,40px)}
.real__terms{grid-area:terms;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}
.eyebrow{display:flex;align-items:center;gap:16px;font:500 15px/1 var(--fh);letter-spacing:.34em;text-transform:uppercase;color:var(--zm)}
.eyebrow::before{content:"";flex:none;width:34px;height:1px;background:currentColor;opacity:.8}
.eyebrow--q{color:#9aa0ab}
.display{margin:0;font:500 clamp(40px,4.5vw,80px)/1.12 var(--zs);letter-spacing:-.022em;font-kerning:normal;font-feature-settings:"kern","liga";color:var(--zi)}
.display>span{display:block;white-space:nowrap}
.display em{display:inline-block;line-height:1.12;padding-bottom:.1em;margin-bottom:-.1em;font-style:normal;background:linear-gradient(95deg,#3fe0c5 8%,#8aa2ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.lead2{font:400 clamp(19px,1.5vw,22px)/1.65 var(--fh);color:var(--zb);max-width:60ch;text-wrap:pretty}
.proof{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--zl);border-bottom:1px solid var(--zl)}
.real__left .lead2{text-wrap:balance}
.proof li{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,18px);padding:clamp(24px,2.6vw,40px) clamp(18px,2vw,32px)}
.proof li:first-child{padding-left:0}
.proof li+li{border-left:1px solid var(--zl)}
.proof__f{font:400 clamp(40px,4vw,68px)/1 var(--zs);font-variant-numeric:lining-nums;font-feature-settings:"lnum","kern";letter-spacing:-.02em;color:var(--zm);white-space:nowrap}
.proof li span{font:400 17px/1.5 var(--fh);letter-spacing:.01em;color:var(--zb)}
.proof__end{display:flex;align-items:center;gap:18px;font:400 clamp(24px,2.2vw,34px)/1.25 var(--zs);letter-spacing:-.01em;color:var(--zi)}
.proof__end::before{content:"";flex:none;width:34px;height:1px;background:var(--zm)}
.term{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);min-width:0}
.term--a{padding-right:clamp(28px,4vw,72px)}
.term--b{padding-left:clamp(28px,4vw,72px);border-left:1px solid var(--zl)}
.term .lead2{font-size:clamp(19px,1.5vw,22px)}
.offer{font:400 clamp(22px,1.9vw,30px)/1.32 var(--zs);letter-spacing:-.005em;color:var(--zi);max-width:24em;text-wrap:balance}
.trust{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:auto;font:500 15px/1.2 var(--fh);letter-spacing:.3em;text-transform:uppercase;color:#9aa0ab}
.trust span{white-space:nowrap}
.trust span+span{margin-left:18px;padding-left:18px;border-left:1px solid var(--zl)}
.go{--bx:0px;--by:0px;position:relative;align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:18px;height:58px;padding:0 30px;border-radius:2px 14px 2px 14px;background:var(--zi);color:#0b0d0f;font:600 15px/1 var(--fh);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;text-decoration:none;box-shadow:0 12px 34px -20px rgba(63,224,197,.35);transform:translate3d(var(--bx),var(--by),0);transition:transform .9s var(--ease),box-shadow 1.2s var(--ease),background-color 1s var(--ease)}
.go__a{position:relative;flex:none;width:30px;height:12px;transition:width 1.2s var(--ease)}
.go__a::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
.go__a::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;margin-top:-4.5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.go:hover,.go:focus-visible{background:#fff;box-shadow:0 0 0 1px rgba(63,224,197,.65),0 14px 46px -14px rgba(63,224,197,.55)}
.go:hover .go__a,.go:focus-visible .go__a{width:52px}
.go:focus-visible{outline:2px solid var(--zm);outline-offset:5px}
.real__right{display:flex;flex-direction:column;align-items:center;gap:44px}
.mono{position:relative;width:min(100%,520px);aspect-ratio:1/1}
.mono__fallback{position:absolute;inset:8%;width:84%;height:84%}
.js .mono__fallback{display:none}
.mono__cap{font:700 15px/1 var(--fh);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding-block:20px 28px;border-top:1px solid rgba(255,255,255,.14);font:500 15px/1.4 var(--fh);color:var(--muted)}
.foot span:last-child{text-align:right;max-width:34em}

/* scaffolding (the wireframe that falls) */
.scaf{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:center;color:var(--line);pointer-events:none}
.scaf__left,.scaf__right{display:flex;flex-direction:column;gap:clamp(16px,2vw,26px);align-items:flex-start}
.scaf__right{align-items:center}
.piece{will-change:transform;color:var(--line)}
.scrawl{font:700 clamp(54px,8.6vw,138px)/1.08 var(--fm);margin-bottom:.12em;color:var(--red);transform:rotate(-2deg);transform-origin:0 100%}
.skel{display:flex;flex-direction:column;gap:12px;width:min(100%,640px)}
.skel i{display:block;height:34px;background:var(--paper-2);border:2px solid currentColor;border-radius:8px}
.skel i:last-child{width:70%}
.skel--text i{height:18px}
.skel--text i:last-child{width:55%}
.dbtn{display:flex;align-items:center;justify-content:center;height:64px;padding:0 24px;border:2px dashed currentColor;font:700 26px/1 var(--fm);color:var(--red);white-space:nowrap}
.note--mono{max-width:20em}

/* js-driven states */
.js .real .rv,.js .foot.rv{opacity:0;transform:translateY(36px)}
.js .real{visibility:hidden}
.js .grain{opacity:0}
.js .foot{visibility:hidden}
.serious.is-go .real,.serious.is-go .foot{visibility:visible}
.serious.is-go .night{--r:200%;transition:--r 2.6s cubic-bezier(.45,0,.25,1) .6s}
.serious.is-go .grain{opacity:1;transition:opacity 1.4s ease 1.6s}
.serious.is-go .rv{opacity:1;transform:none;transition:opacity 1.2s var(--ease) calc(2.1s + var(--d,0s)),transform 1.5s var(--ease) calc(2.1s + var(--d,0s))}
.serious.is-go .piece{animation:fall 1.8s cubic-bezier(.55,0,.85,.45) forwards;animation-delay:calc(.3s + var(--i)*.1s)}
.serious.is-done .scaf{display:none}
.serious.is-go{background:var(--night);transition:background-color 0s linear 3.4s}
@keyframes fall{
  0%{transform:translate3d(0,0,0) rotate(0);opacity:1}
  14%{transform:translate3d(0,-14px,0) rotate(calc(var(--fr)*-.15));opacity:1}
  45%{opacity:1}
  100%{transform:translate3d(var(--fx),115vh,0) rotate(var(--fr));opacity:0}
}
html:not(.js) .scaf{display:none}
.serious.instant,.serious.instant *{transition:none!important;animation:none!important}

/* ---------- confetti + toast ---------- */
.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:80}
.toast{text-wrap:balance;position:fixed;left:50%;bottom:clamp(16px,3vw,36px);z-index:85;transform:translate(-50%,24px);max-width:min(92vw,640px);padding:16px 26px;background:var(--sticky);color:var(--ink);font:700 clamp(26px,2.4vw,34px)/1.1 var(--fm);text-align:center;box-shadow:6px 6px 0 rgba(23,23,26,.9);border-radius:4px;opacity:0;visibility:hidden;transition:opacity .8s ease,transform .8s var(--ease),visibility 0s linear .8s}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .8s ease,transform .8s var(--ease)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .serious{min-height:0}
  .hero__right{max-width:640px}
  .timer__grid{grid-template-columns:minmax(0,1fr)}
  .scaf{grid-template-columns:minmax(0,1fr)}
  .real{grid-template-columns:minmax(0,1fr);grid-template-areas:"right" "left" "proof" "terms"}
  .real__terms{grid-template-columns:minmax(0,1fr);gap:36px}
  .term--a{padding-right:0}
  .term--b{padding-left:0;padding-top:32px;border-left:0;border-top:1px solid var(--zl)}
  .proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof li:nth-child(odd){padding-left:0;border-left:0}
  .proof li:nth-child(n+3){border-top:1px solid var(--zl)}
  .mono{width:min(62vw,340px)}
  .scaf{align-self:start}
  .scaf__right{order:-1}
  .scaf__right .xbox{width:min(62vw,340px);margin-inline:auto}
  .note--mono{display:none}
  .display>span{white-space:normal}
}
@media (max-width:760px){
  :root{--bar:56px}
  .bar__label{font-size:15px;letter-spacing:.08em}
  .bar__pct{min-width:3.6em}
  .menu,.note--bar{display:none}
  .br-m{display:inline}
  .top{min-height:80px}
  .h1{font-size:clamp(52px,17vw,100px)}
  .hero{gap:24px}
  .cta{max-width:none}
  .cta__slot{height:88px;padding:10px}
  .cta__ghost,.cta__empty{font-size:24px}
  .proof{grid-template-columns:minmax(0,1fr)}
  .proof li,.proof li:first-child{padding:22px 0;border-left:0}
  .proof li+li{border-left:0;border-top:1px solid var(--zl)}
  .go{width:100%;justify-content:space-between;padding:0 24px}
  .trust{flex-direction:column;align-items:flex-start;gap:12px}
  .trust span+span{margin-left:0;padding-left:0;border-left:0}
  .foot{flex-direction:column}
  .foot span:last-child{text-align:left}
  .scrawl{font-size:clamp(52px,15vw,90px)}
  .serious{padding-top:8px}
  .display{font-size:clamp(30px,8.8vw,56px)}
}
@media (max-width:420px){
  .go{letter-spacing:.18em}
  .bar{gap:10px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}