:root{--purple:#7b2ff7;--teal:#14c8b4;--coral:#ff6b6b;--ink:#1a1530;--muted:#5d5873;--bg:#fff;--soft:#f6f3ff;--grad:linear-gradient(120deg,var(--purple),var(--coral) 55%,var(--teal));--r:18px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.container{width:min(1120px,92%);margin:auto}.narrow{width:min(760px,92%)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4vw,2.8rem);text-align:center}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{text-align:center;color:var(--muted);max-width:620px;margin:12px auto 48px;font-size:1.1rem}
.btn{display:inline-block;background:var(--grad);background-size:200%;color:#fff;font-weight:700;padding:14px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:700;transition:transform .2s,box-shadow .2s,background-position .4s;box-shadow:0 8px 24px rgba(123,47,247,.3)}
.btn:hover{transform:translateY(-2px);background-position:100%}
.btn-ghost{background:#fff;color:var(--purple);box-shadow:inset 0 0 0 2px var(--purple)}
.btn-sm{padding:9px 18px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid #eee}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}
.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--grad)}
#menu{display:flex;gap:26px;align-items:center}
#menu a:not(.btn){color:var(--ink);text-decoration:none;font-weight:500}#menu a:not(.btn):hover{color:var(--purple)}
.menu-btn{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}
.hero{position:relative;overflow:hidden;padding:120px 0 130px;text-align:center}
.hero-inner{position:relative}
.eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--soft);color:var(--purple);font-weight:700;font-size:.9rem;margin-bottom:20px}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;max-width:900px;margin:auto}
.sub{font-size:1.2rem;color:var(--muted);max-width:640px;margin:22px auto 34px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:float 12s ease-in-out infinite}
.b1{width:380px;height:380px;background:var(--purple);top:-80px;left:-80px}
.b2{width:320px;height:320px;background:var(--teal);bottom:-100px;right:-60px;animation-delay:-4s}
.b3{width:260px;height:260px;background:var(--coral);top:40%;left:55%;animation-delay:-8s}
@keyframes float{50%{transform:translate(30px,-30px) scale(1.1)}}
.section{padding:96px 0}.alt{background:var(--soft)}
.grid{display:grid;gap:24px}.g3{grid-template-columns:repeat(3,1fr)}
.card,.case,.price{background:#fff;border-radius:var(--r);padding:30px;box-shadow:0 6px 30px rgba(26,21,48,.07);transition:transform .25s,box-shadow .25s}
.card:hover,.case:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(123,47,247,.15)}
.card h3,.case h3,.price h3{margin:14px 0 8px;font-size:1.25rem}.card p,.case p{color:var(--muted)}
.ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--soft)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.steps li{background:#fff;border-radius:var(--r);padding:28px}
.steps p{color:var(--muted)}.steps h3{margin:14px 0 6px}
.num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:1.2rem}
.case{border-top:5px solid transparent;border-image:var(--grad) 1}.case p{margin-top:8px}
.tag{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a3341f;background:#ffe7e3;padding:4px 10px;border-radius:999px}
.pricing{align-items:center}.price{position:relative;text-align:center}
.amount{font-size:2.4rem;font-weight:800}.amount span{font-size:1rem;color:var(--muted);font-weight:500}
.note{font-size:.85rem;color:var(--muted);font-style:italic}
.price ul{list-style:none;padding:0;margin:20px 0 26px}.price li{padding:8px 0;border-bottom:1px solid #eee}.price li::before{content:"✓ ";color:var(--teal);font-weight:800}
.featured{transform:scale(1.04);box-shadow:0 20px 50px rgba(123,47,247,.25);outline:2px solid var(--purple)}
.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-weight:700;font-size:.8rem;padding:5px 14px;border-radius:999px}
.faq{margin-top:40px}.faq-item{background:var(--soft);border-radius:14px;margin-bottom:12px}
.faq button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:none;border:0;padding:20px 22px;font:inherit;font-weight:700;font-size:1.05rem;color:var(--ink);cursor:pointer}
.faq button span{font-size:1.5rem;color:var(--purple);transition:transform .3s}
.faq button[aria-expanded=true] span{transform:rotate(45deg)}
.faq [role=region] p{padding:0 22px 20px;color:var(--muted)}
.form{background:#fff;padding:32px;border-radius:var(--r);box-shadow:0 6px 30px rgba(26,21,48,.07)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;margin-bottom:16px}
label{font-weight:700;margin-bottom:6px}.opt{font-weight:400;color:var(--muted)}
input,textarea{font:inherit;padding:12px 14px;border:2px solid #e2ddf0;border-radius:12px;transition:border-color .2s}
input:focus,textarea:focus{border-color:var(--purple);outline:none}
[aria-invalid=true]{border-color:#c0392b}
.error{color:#b42318;font-weight:600;min-height:1.2em;margin-bottom:10px}
.thanks{background:#fff;padding:40px;border-radius:var(--r);text-align:center;box-shadow:0 6px 30px rgba(26,21,48,.07);animation:pop .4s}
.thanks h3{font-size:1.8rem;margin-bottom:8px}
@keyframes pop{from{transform:scale(.9);opacity:0}}
.small{font-size:.85rem;color:var(--muted)}
.footer{background:var(--ink);color:#d8d4e8;padding:50px 0}
.footer .logo{color:#fff}.footer p{margin-top:8px}
.foot-inner{display:grid;grid-template-columns:2fr 1fr;gap:24px}.foot-inner .small{grid-column:1/-1;color:#a9a4bd}
.footer nav{display:flex;gap:20px;flex-wrap:wrap}.footer nav a{color:#fff;text-decoration:none}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.js .reveal.in{opacity:1;transform:none}
@media (max-width:900px){.g3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.featured{transform:none}}
@media (max-width:720px){
 .menu-btn{display:block}
 #menu{position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#fff;padding:20px;gap:16px;border-bottom:1px solid #eee;display:none}
 #menu.open{display:flex}
 .menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .g3,.steps,.row,.foot-inner{grid-template-columns:1fr}
 .hero{padding:80px 0 90px}.section{padding:70px 0}.price.featured{margin:10px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

.hero-link{margin-top:22px}.hero-link a{color:var(--purple);font-weight:700;text-decoration:none;border-bottom:2px solid currentColor}
.lead-magnet{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.lm-preview img{width:100%;height:auto;border-radius:var(--r);box-shadow:0 20px 50px rgba(123,47,247,.25);transform:rotate(-2deg)}
.lm-body h2{text-align:left;margin-bottom:12px}.lm-text{color:var(--muted);margin-bottom:22px}
.check{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--purple)}
.check label{font-weight:400;font-size:.9rem;color:var(--muted)}
.lm-form .btn{width:100%}.btn:disabled{opacity:.7;cursor:wait}
@media (max-width:900px){.lead-magnet{grid-template-columns:1fr}.lm-preview img{transform:none}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.amount .from{display:block;font-size:.95rem;font-weight:600;color:var(--muted)}
.timeline{list-style:none;padding:0;margin-top:8px;position:relative}
.timeline::before{content:"";position:absolute;left:22px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--grad)}
.timeline li{display:grid;grid-template-columns:46px 1fr;gap:20px;margin-bottom:22px;position:relative}
.tl-body{background:#fff;border-radius:var(--r);padding:22px 26px;box-shadow:0 6px 30px rgba(26,21,48,.07)}
.tl-when{font-size:.85rem;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.05em}
.tl-body h3{margin:4px 0 8px}.tl-body p{color:var(--muted);margin-top:6px}.tl-body strong{color:var(--ink)}
.tl-get{background:var(--soft);border-radius:12px;padding:10px 14px}
.anchor{position:absolute;top:0}#aanpak{position:relative}
@media (max-width:720px){.timeline li{grid-template-columns:38px 1fr;gap:12px}.timeline::before{left:18px}.timeline .num{width:38px;height:38px}.tl-body{padding:18px}}

.form-privacy{margin-top:10px}.form-privacy a{color:var(--purple);font-weight:600}
.cookie-note{position:fixed;left:16px;bottom:16px;z-index:60;max-width:360px;display:flex;gap:12px;align-items:center;background:#fff;color:var(--ink);border-radius:14px;padding:12px 14px;box-shadow:0 8px 30px rgba(26,21,48,.18);font-size:.85rem}.cookie-note[hidden]{display:none}.cookie-note p{margin:0;color:var(--muted)}.cookie-note a{color:var(--purple);font-weight:600}.cookie-ok{flex:none;border:0;border-radius:999px;padding:8px 14px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;font:inherit}
@media (max-width:720px){.cookie-note{left:12px;right:12px;max-width:none}}

.price-sub{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.price-intro{margin:16px 0 0;font-size:.95rem;color:var(--muted)}.price-intro strong{color:inherit}.price-note{margin:-10px 0 22px;font-size:.85rem;color:var(--muted)}
.cmp-num{font-size:1.9rem;font-weight:800;color:var(--purple);margin:0 0 8px}.cmp-facts p{color:var(--muted)}.cmp-facts .cmp-num{color:var(--purple)}
.cmp-table-wrap{margin:40px auto 0;max-width:760px;overflow-x:auto}.cmp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 6px 30px rgba(26,21,48,.07)}.cmp-table caption{font-weight:700;padding:0 0 12px;text-align:left}.cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #eee}.cmp-table thead th{background:var(--soft);font-size:.9rem}.cmp-table tbody tr:last-child>*{border-bottom:0}.cmp-table td:nth-child(2){white-space:nowrap}.cmp-table td:nth-child(2){font-weight:700;color:var(--purple)}
.cmp-tnote{max-width:760px;margin:12px auto 0}.cmp-pos{max-width:760px;margin:40px auto 0;padding:26px 30px;border-radius:var(--r);background:var(--soft);border-left:4px solid var(--teal)}.cmp-pos h3{margin:0 0 8px;font-size:1.25rem}.cmp-pos p{color:var(--muted)}.cmp-disc{text-align:center;margin-top:24px}
@media (max-width:600px){.cmp-table th,.cmp-table td{padding:12px 8px;font-size:.85rem}.cmp-pos{padding:20px}}