:root{--in:#695ea3;--mg:#b270aa;--or:#fa9a17;--ink:#1d1838;--bg:#fff;--tint:#f5f2fa;--mut:#4d4868}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font:400 1.05rem/1.65 Quicksand,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand span,.btn{font-family:Questrial,Quicksand,sans-serif;font-weight:400;line-height:1.15}
a{color:var(--in)}a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
.hd{position:fixed;inset:0 0 auto;z-index:5;transition:background .35s,box-shadow .35s}
.hd.on{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(105,94,163,.15)}
.bar{display:flex;align-items:center;gap:1.5rem;height:68px}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-size:1.15rem;transition:color .35s}
.hd.on .brand{color:var(--ink)}nav{display:flex;gap:1.5rem;margin-left:auto}nav a{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}
.hd.on nav a{color:var(--ink)}nav a:hover{color:var(--or)!important}
.btn{display:inline-block;background:var(--or);color:var(--ink);padding:.95rem 1.6rem;border-radius:999px;text-decoration:none;font-size:1.05rem;transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(250,154,23,.4)}.btn.sm{padding:.55rem 1.1rem;font-size:.95rem}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.btn.ghost:hover{background:#fff;color:var(--in);box-shadow:none}
.hero{position:relative;min-height:100svh;display:grid;align-items:center;color:#fff;overflow:hidden;background:var(--ink) url(/assets/poster.jpg) center/cover}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgba(29,24,56,.9),rgba(105,94,163,.62) 55%,rgba(178,112,170,.3))}
.hero-in{position:relative;z-index:2;padding:7rem 0 8rem}
h1{font-size:clamp(2.3rem,5.6vw,4.6rem);max-width:15ch;animation:up .9s .1s both}.lead{font-size:1.3rem;max-width:46ch;margin:1.4rem 0 2rem;animation:up .9s .3s both}
.cta{display:flex;flex-wrap:wrap;gap:1rem;animation:up .9s .5s both}.proof{margin-top:2rem;font-size:.95rem;opacity:.85;animation:up .9s .7s both}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.grow{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:110px}.grow path{fill:none;stroke:url(#g);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s .6s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.sec{padding:clamp(4rem,9vw,7rem) 0}.tint{background:var(--tint)}.legal .sec{padding-top:7rem}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-bottom:1rem;max-width:22ch}h3{font-size:1.35rem;margin-bottom:.4rem}.intro{max-width:62ch;color:var(--mut);margin-bottom:2.5rem}
.rows{list-style:none;padding:0}.rows li{display:grid;grid-template-columns:1fr 1.4fr auto;gap:1.5rem;align-items:baseline;padding:1.6rem 0;border-top:2px solid var(--tint)}
.rows li:hover{border-image:linear-gradient(90deg,var(--in),var(--mg),var(--or)) 1}.rows a{font-weight:700}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.5rem;counter-reset:s}
.steps li{counter-increment:s;border-top:4px solid var(--in)}.steps li:nth-child(2){border-color:var(--mg)}.steps li:nth-child(3){border-color:var(--or)}.steps li:nth-child(4){border-color:var(--ink)}
.steps li::before{content:counter(s);display:block;font:1.8rem Questrial;color:var(--in);padding:.7rem 0 .3rem}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;margin-top:2.5rem}.cols a{font-weight:700}
blockquote{border-left:4px solid var(--mg);padding-left:1.2rem}blockquote footer{margin-top:.8rem;font-size:.9rem;color:var(--mut)}
details{border-bottom:1px solid #ddd8ea;padding:1.1rem 0}summary{cursor:pointer;font:1.2rem Questrial;list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::after{content:"+";color:var(--in);transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{margin-top:.7rem;color:var(--mut);animation:up .4s}
.final{background:linear-gradient(120deg,var(--in),var(--mg));color:#fff;text-align:center;padding:clamp(4rem,8vw,6rem) 0}.final h2{margin-inline:auto}.final p{margin:0 auto 2rem}
.ft{background:var(--ink);color:#d9d4ec;padding:3rem 0;font-size:.95rem}.ft .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.ft a{color:#fff}
.legal h1{font-size:2rem;margin:2rem 0 .5rem}.legal h2{font-size:1.2rem;margin:1.4rem 0 .3rem}.legal .hd .brand{color:var(--ink)}
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(max-width:860px){nav{display:none}.hd .btn{margin-left:auto}.rows li{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.brand span{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.hero video{display:none}.grow path{stroke-dashoffset:0}}