:root{--bg:#f6f5f1;--surface:#ffffff;--fg:#111316;--muted:#5f6570;--line:#e2dfd7;--idle:#d6d2c8;--off:#e0362b;--on:#13a052;--accent:#2f54eb;--pad:clamp(16px, 5vw, 64px);--ease-out:cubic-bezier(.2, .7, .2, 1);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--bg)}@media(max-height:700px),(max-width:600px){html{scroll-snap-type:y proximity}}body{font-family:var(--font);color:var(--fg);background:var(--bg);line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:var(--fg);color:#fff}.card{position:relative;min-height:100vh;min-height:100svh;scroll-snap-align:start;display:flex;align-items:center;padding:clamp(40px,7vh,72px)var(--pad);border-bottom:1px solid var(--line);overflow:hidden}.card__inner{position:relative;z-index:1;width:100%;max-width:980px;margin:0 auto}.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(14px,3vh,28px)}.kicker .num{color:var(--accent);margin-right:14px}h1,h2{font-weight:800;letter-spacing:-.025em;line-height:1.04;max-width:20ch}h1{font-size:clamp(34px,min(5.6vw,8.5vh),76px)}h2{font-size:clamp(28px,min(4.2vw,6.5vh),54px);margin-bottom:clamp(12px,2.5vh,24px)}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:46ch}.next{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:var(--muted);text-decoration:none;font-size:22px;padding:8px 14px;animation:nudge 2.4s ease-in-out infinite}.next:hover{color:var(--fg)}@keyframes nudge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}.signal{display:flex;align-items:flex-end;gap:5px;height:36px;margin-bottom:clamp(16px,3vh,32px)}.signal i{display:block;width:10px;border-radius:2px;background:var(--idle);animation:bars 3.2s infinite}.signal i:nth-child(1){height:25%;animation-delay:0s}.signal i:nth-child(2){height:50%;animation-delay:.15s}.signal i:nth-child(3){height:75%;animation-delay:.3s}.signal i:nth-child(4){height:100%;animation-delay:.45s}.signal b{font-family:var(--mono);font-size:28px;line-height:1;margin-left:10px;color:var(--off);animation:blink 3.2s infinite}@keyframes bars{0%,10%{background:var(--idle)}20%,55%{background:var(--fg)}65%,100%{background:var(--idle)}}@keyframes blink{0%,60%{opacity:0}68%,95%{opacity:1}100%{opacity:0}}.answer{font-size:clamp(22px,3.2vw,36px);font-weight:700;color:var(--off);margin:clamp(10px,2vh,20px)0 clamp(12px,2.5vh,28px)}.stats-intro{margin:clamp(16px,3vh,32px)0 12px;font-size:15px;color:var(--muted)}.stats{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--surface);box-shadow:0 1px 2px rgba(17,19,22,4%),0 8px 24px -12px rgba(17,19,22,.12)}.stat__big{font-size:clamp(28px,min(3.6vw,5.5vh),44px);font-weight:800;letter-spacing:-.02em;color:var(--off)}.stat__label{margin:2px 0 12px;font-size:15px}.stat__label span{color:var(--muted)}.stat__dots{display:flex;flex-wrap:wrap;gap:6px}.stat__dots span{width:12px;height:12px;border-radius:50%}.stat__dots .off{border:1.5px solid var(--off)}.stat__dots .on{background:var(--on)}.outro{margin-top:clamp(14px,3vh,28px);font-size:clamp(17px,2vw,21px);max-width:50ch}.footnote{margin-top:10px;font-size:12px;color:var(--muted);max-width:80ch}.steps{list-style:none;counter-reset:step;border-top:1px solid var(--line)}.steps li{counter-increment:step;display:grid;grid-template-columns:56px 180px 1fr;align-items:baseline;gap:12px;padding:clamp(10px,1.8vh,16px)0;border-bottom:1px solid var(--line);font-size:clamp(16px,1.8vw,19px)}.steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--accent)}.steps strong{font-weight:700}.steps span{color:var(--muted)}.result{margin-top:clamp(14px,3vh,28px);font-size:clamp(17px,2vw,21px);max-width:50ch}.operators{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 36px}.operators li{font-family:var(--mono);font-size:14px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg)}.operators li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--on);vertical-align:1px}.button{display:inline-block;padding:18px 30px;border-radius:12px;background:var(--fg);color:#fff;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 10px 30px -12px rgba(17,19,22,.5);transition:transform .2s var(--ease-out),box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);background:var(--accent);box-shadow:0 14px 34px -12px rgba(47,84,235,.6)}.button:focus-visible,.next:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.check{display:none}.check.check--ready{display:flex;gap:10px;max-width:620px;margin-top:clamp(20px,4vh,32px)}.check input{flex:1;min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);font:inherit;font-size:18px;box-shadow:0 1px 2px rgba(17,19,22,4%);transition:border-color .2s ease,box-shadow .2s ease}.check input::placeholder{color:var(--muted);opacity:.7}.check input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,84,235,.15)}.check .button{border:0;cursor:pointer;font-family:inherit;white-space:nowrap}.check .button:disabled{opacity:.6;cursor:progress;transform:none}.check--ready~.operators{margin:20px 0 0}.check-status{min-height:1.45em;margin-top:14px;max-width:60ch;font-size:15px;color:var(--muted)}.check-status[data-kind=ok]{color:var(--on)}.check-status[data-kind=bad]{color:var(--off)}.contact{display:inline-block;margin-top:18px;color:var(--fg);font-weight:700;text-underline-offset:3px}.contact:hover{color:var(--accent)}@media(max-width:800px){.stats{grid-template-columns:1fr}.steps li{grid-template-columns:36px 1fr}.steps span{grid-column:2}}@media(max-width:600px){.card{padding-top:32px;padding-bottom:32px;padding-right:32px}.next{display:none}.kicker{margin-bottom:12px}h2{font-size:26px}.lead{font-size:16px}.stats{gap:8px}.stat{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:10px 12px}.stat__big{grid-row:span 2;font-size:26px}.stat__label{margin:0 0 6px;font-size:14px}.stat__label span{display:block;font-size:12px}.stat__dots{gap:4px}.stat__dots span{width:8px;height:8px}.stats-intro,.outro{font-size:15px}.footnote{font-size:11px}.steps li{padding:9px 0;font-size:15px;line-height:1.35}.result{font-size:16px}.check.check--ready{flex-direction:column}.check input{font-size:16px;padding:14px 16px}.check .button{padding:15px 24px;font-size:17px}.operators{gap:8px}.operators li{font-size:13px;padding:6px 12px}.check-status{font-size:14px}}.js,.js body{height:100%;overflow:hidden;overscroll-behavior:none;scroll-snap-type:none}.js .deck{will-change:transform}.js .card{height:var(--vh,100vh);min-height:0;border-bottom:0;overflow-y:auto;scrollbar-width:none}.js .card::-webkit-scrollbar{display:none}.js [data-px]{will-change:transform,opacity}.js .stat__dots span{background:var(--idle);border:1.5px solid transparent;transform:scale(.6);transition:background .3s ease,border-color .3s ease,transform .3s var(--ease-out),box-shadow .3s ease}.js .is-active .stat__dots span{transform:none;transition-delay:calc(700ms + var(--k,0) * 45ms)}.js .is-active .stat__dots .off{background:0 0;border-color:var(--off)}.js .is-active .stat__dots .on{background:var(--on);box-shadow:0 0 0 3px rgba(19,160,82,.18)}.js .steps li{opacity:0;transform:translateX(-14px);transition:opacity .5s ease,transform .6s var(--ease-out)}.js .is-active .steps li{opacity:1;transform:none;transition-delay:calc(450ms + var(--k,0) * 100ms)}.js .operators li::before{background:var(--idle);transition:background .3s ease,box-shadow .3s ease}.js .is-active .operators li::before{background:var(--on);box-shadow:0 0 0 3px rgba(19,160,82,.18);transition-delay:calc(600ms + var(--k,0) * 180ms)}.operators li[data-state]::before,.js .is-active .operators li[data-state]::before{transition-delay:calc(var(--k,0) * 90ms);box-shadow:none}.operators li[data-state=pending]::before,.js .is-active .operators li[data-state=pending]::before{background:var(--idle);animation:probe 1s ease-in-out infinite;animation-delay:calc(var(--k,0) * 120ms)}.operators li[data-state=on]::before,.js .is-active .operators li[data-state=on]::before{background:var(--on);box-shadow:0 0 0 3px rgba(19,160,82,.18)}.operators li[data-state=off]::before,.js .is-active .operators li[data-state=off]::before{background:var(--off);box-shadow:0 0 0 3px rgba(224,54,43,.18)}.operators li[data-state=unknown]::before,.js .is-active .operators li[data-state=unknown]::before{background:0 0;box-shadow:inset 0 0 0 1.5px var(--muted)}.operators li[data-state=unknown]{color:var(--muted)}@keyframes probe{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal i,.signal b,.next{animation:none}.signal i{background:var(--fg)}.signal i:nth-child(n+3){background:var(--idle)}.signal b{opacity:1}.js .steps li,.js .stat__dots span{transform:none}.operators li[data-state=pending]::before,.js .is-active .operators li[data-state=pending]::before{animation:none}}.hero-anim{display:none}.js .hero-anim{display:block}.hero-anim .lottie{width:100%;aspect-ratio:520/400;opacity:0;transition:opacity .4s ease}.hero-anim.is-ready .lottie{opacity:1}.hero-anim figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:4px;font-family:var(--mono);font-size:12px;color:var(--muted)}.lg::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}.lg--me::before{border:2px solid var(--accent)}.lg--off::before{content:"×";width:auto;height:auto;color:var(--off);font-size:14px;font-weight:700;line-height:1}.lg--on::before{border-radius:50%;background:var(--on)}@media(min-width:1000px){.card--hero .card__inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,460px);column-gap:48px;align-items:start}.card--hero .card__inner>*{grid-column:1}.card--hero .hero-anim{grid-column:2;grid-row:1/span 5;align-self:center}}@media(max-width:999px){.js .card--hero .signal{display:none}.hero-anim{margin:clamp(8px,2vh,20px)auto 0;width:min(100%,calc(28vh * 1.3))}}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--bg);pointer-events:none}.bg__layer{position:absolute;inset:-15vh -10vw;transform:translate3d(0,calc(var(--pos,0) * -5vh),0)}.bg__blob{position:absolute;width:75vmax;height:75vmax;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);opacity:var(--o,.5);will-change:transform;transition:opacity 1.6s ease}.bg__blob--blue{--c:rgba(47, 84, 235, .45);left:45%;top:-25%;animation:drift-a 13s ease-in-out infinite alternate}.bg__blob--green{--c:rgba(19, 160, 82, .38);left:-30%;top:45%;animation:drift-b 16s ease-in-out infinite alternate}.bg__blob--warm{--c:rgba(255, 168, 92, .45);left:-20%;top:-30%;animation:drift-c 11s ease-in-out infinite alternate}.bg__blob--red{--c:rgba(224, 54, 43, .38);left:50%;top:50%;animation:drift-d 14s ease-in-out infinite alternate}.bg__blob--violet{--c:rgba(140, 82, 255, .32);left:15%;top:20%;animation:drift-e 10s ease-in-out infinite alternate;--o:.45}@keyframes drift-a{0%{transform:translate3d(0,0,0)scale(1)rotate(0)}33%{transform:translate3d(-30vw,18vh,0)scale(1.25)rotate(40deg)}66%{transform:translate3d(-12vw,40vh,0)scale(.85)rotate(80deg)}100%{transform:translate3d(-38vw,26vh,0)scale(1.1)rotate(120deg)}}@keyframes drift-b{0%{transform:translate3d(0,0,0)scale(1.05)}33%{transform:translate3d(34vw,-20vh,0)scale(.85)}66%{transform:translate3d(50vw,10vh,0)scale(1.25)}100%{transform:translate3d(20vw,-34vh,0)scale(1)}}@keyframes drift-c{0%{transform:translate3d(0,0,0)scale(.95)}33%{transform:translate3d(28vw,30vh,0)scale(1.2)}66%{transform:translate3d(48vw,6vh,0)scale(.9)}100%{transform:translate3d(14vw,44vh,0)scale(1.15)}}@keyframes drift-d{0%{transform:translate3d(0,0,0)scale(1)}33%{transform:translate3d(-36vw,-16vh,0)scale(1.2)}66%{transform:translate3d(-16vw,-40vh,0)scale(.85)}100%{transform:translate3d(-46vw,-24vh,0)scale(1.1)}}@keyframes drift-e{0%{transform:translate3d(0,0,0)scale(.8)}50%{transform:translate3d(40vw,30vh,0)scale(1.2)}100%{transform:translate3d(10vw,50vh,0)scale(.9)}}[data-card=hero] .bg__blob--blue{--o:.85}[data-card=hero] .bg__blob--warm{--o:.6}[data-card=hero] .bg__blob--red{--o:.15}[data-card=hero] .bg__blob--green{--o:.25}[data-card=problem] .bg__blob--red{--o:.9}[data-card=problem] .bg__blob--warm{--o:.7}[data-card=problem] .bg__blob--blue{--o:.25}[data-card=problem] .bg__blob--green{--o:.1}[data-card=steps] .bg__blob--blue{--o:.8}[data-card=steps] .bg__blob--green{--o:.45}[data-card=steps] .bg__blob--warm{--o:.35}[data-card=steps] .bg__blob--red{--o:.1}[data-card=cta] .bg__blob--green{--o:.9}[data-card=cta] .bg__blob--blue{--o:.5}[data-card=cta] .bg__blob--warm{--o:.3}[data-card=cta] .bg__blob--red{--o:.05}.deck{position:relative;z-index:1}.stat,.operators li{background:rgba(255,255,255,.72)}.card{padding:clamp(18px,4vh,48px)calc(var(--pad) + 16px)}.card__inner{padding:clamp(20px,3.5vh,44px)clamp(22px,4vw,56px);border-radius:28px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px rgba(255,255,255,.8)inset,0 30px 80px -30px rgba(17,19,22,.28),0 8px 24px -12px rgba(17,19,22,.12);-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);max-width:1040px}.js .card__inner{overflow:hidden}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card__inner{background:rgba(255,255,255,.82)}}.stat,.operators li{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8)}.steps,.steps li{border-color:rgba(17,19,22,.1)}@media(min-width:1000px){.card--hero .card__inner{max-width:1220px}.card--hero h1{font-size:clamp(34px,min(4.4vw,7vh),64px)}}@media(max-width:600px){.card{padding:14px 30px 14px 10px}.card__inner{padding:20px 18px;border-radius:22px}}.card--problem .stats-intro{margin-top:clamp(10px,2vh,24px)}.card--problem .outro{margin-top:clamp(10px,2.2vh,24px)}.card{padding-left:var(--pad);padding-right:var(--pad)}@media(max-width:600px){.card{padding:14px 12px}}