:root{--ink:#0b1530;--ink2:#16224a;--blue:#3b4cff;--sun:#ffc933;--paper:#f5f7ff;--mute:#5a6486;--line:#dfe4f5;--r:18px}
@media(prefers-color-scheme:dark){:root{color-scheme:light}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font:17px/1.65 'Instrument Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:800}h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:700}h3{font-size:1.3rem;font-weight:700}
a{color:inherit}.wrap{width:min(1160px,92%);margin:auto}section{padding:96px 0}p{max-width:68ch}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
#pre{position:fixed;inset:0;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:100;transition:transform .8s cubic-bezier(.7,0,.2,1)}
#pre.done{transform:translateY(-100%)}#pre b{font:800 clamp(4rem,14vw,9rem)/1 'Bricolage Grotesque',sans-serif;color:var(--sun)}#pre span{display:block;text-align:center;opacity:.7}
header.top{position:fixed;inset:0 0 auto;z-index:50;transition:.3s;padding:14px 0}header.top.sc{background:rgba(245,247,255,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font:800 1.5rem 'Bricolage Grotesque',sans-serif;text-decoration:none}.logo i{font-style:normal;color:var(--blue)}
nav ul{display:flex;gap:26px;list-style:none;padding:0}nav a{text-decoration:none;font-weight:500}nav a:hover,nav a[aria-current]{color:var(--blue)}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:14px 26px;border-radius:99px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(59,76,255,.35)}.btn.sun{background:var(--sun);color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.burger{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer}
.hero{min-height:100svh;display:flex;align-items:center;padding:130px 0 70px;background:radial-gradient(900px 500px at 85% 10%,#dfe4ff,transparent),var(--paper)}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top}.hero h1 .w span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.loaded .hero h1 .w span{transform:none}
.hero p.lead{font-size:1.25rem;margin:24px 0 32px;color:var(--mute)}.cta{display:flex;gap:14px;flex-wrap:wrap}
.flow{background:var(--ink);border-radius:28px;padding:22px;color:#fff;box-shadow:0 30px 60px rgba(11,21,48,.25)}
.flow svg{width:100%;height:auto;display:block}.flow .n{cursor:pointer}.flow .n rect{fill:var(--ink2);stroke:#33427f;stroke-width:2;transition:.25s}.flow .n:hover rect,.flow .n.on rect{fill:var(--blue);stroke:var(--sun)}
.flow text{fill:#fff;font:600 15px 'Instrument Sans',sans-serif}.flow .p{stroke:#33427f;stroke-width:3;fill:none}.flow .pa{stroke:var(--sun);stroke-width:3;fill:none;stroke-dasharray:8 10;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-36}}.flow .tip{padding:14px 6px 0;min-height:64px;color:#c7cffc;font-size:.98rem}
.trust{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:38px;color:var(--mute);font-weight:600}.trust span:before{content:"✓ ";color:var(--blue)}
.marq{overflow:hidden;background:var(--sun);padding:16px 0;white-space:nowrap}.marq div{display:inline-block;animation:mq 28s linear infinite;font:700 1.3rem 'Bricolage Grotesque',sans-serif}.marq span{margin:0 28px}
@keyframes mq{to{transform:translateX(-50%)}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:44px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;text-decoration:none;display:block;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-6px);border-color:var(--blue)}.card p{color:var(--mute);margin-top:10px}.card .ic{font:800 1.1rem 'Bricolage Grotesque';background:var(--sun);width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px}
.dark{background:var(--ink);color:#fff}.dark p{color:#c7cffc}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-top:40px}
.stats b{display:block;font:800 3.4rem/1 'Bricolage Grotesque';color:var(--sun)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:40px;list-style:none;padding:0}
.steps li{counter-increment:s;border-top:3px solid var(--blue);padding-top:16px}.steps li:before{content:counter(s);font:800 2.4rem 'Bricolage Grotesque';color:var(--blue)}
.list{columns:2;gap:40px;margin:26px 0;padding-left:20px}.list li{margin-bottom:10px;break-inside:avoid}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:12px}summary{cursor:pointer;font-weight:700}details p{margin-top:10px;color:var(--mute)}
.page-h{padding:150px 0 60px;background:radial-gradient(700px 400px at 90% 0,#dfe4ff,transparent)}.page-h p{font-size:1.2rem;color:var(--mute);margin-top:18px}
.crumb{font-size:.9rem;color:var(--mute);margin-bottom:16px}.crumb a{text-decoration:none}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start}.aside{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;position:sticky;top:90px}.aside a{display:block;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none}
.prose h2{font-size:1.9rem;margin:36px 0 12px}.prose p{margin-bottom:14px}
.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;max-width:640px}.fs{display:none}.fs.on{display:block;animation:in .4s}@keyframes in{from{opacity:0;transform:translateX(20px)}}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.opts label{border:2px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:600}.opts input{position:absolute;opacity:0}.opts label:has(input:checked){border-color:var(--blue);background:#eef0ff}.opts label:has(input:focus-visible){outline:3px solid var(--sun)}
.form input[type=text],.form input[type=email],.form textarea{width:100%;padding:14px;border:2px solid var(--line);border-radius:12px;font:inherit;margin:8px 0}.form .bar{height:6px;background:var(--line);border-radius:9px;margin-bottom:22px}.form .bar i{display:block;height:100%;width:33%;background:var(--blue);border-radius:9px;transition:.4s}
.row{display:flex;gap:10px;margin-top:14px}.msg{margin-top:12px;font-weight:600}
footer{background:var(--ink);color:#c7cffc;padding:70px 0 30px}footer .g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}footer h3{color:#fff;font-size:1.05rem;margin-bottom:12px}footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:var(--sun)}footer small{display:block;margin-top:40px;opacity:.7}
.rv{opacity:0;transform:translateY(26px);transition:.8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.hero .grid,.two,footer .g{grid-template-columns:1fr}.aside{position:static}.list{columns:1}.burger{display:block}
nav ul{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;padding:20px 4%;gap:14px;box-shadow:0 10px 20px rgba(0,0,0,.1)}nav ul.open{display:flex}.nav>.btn{display:none}section{padding:64px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.hero h1 .w span{transform:none}#pre{display:none}}