:root{--tint:#E3F2FD;--soft:#90CAF9;--bright:#2196F3;--deep:#0D47A1;--ink:#0B1F3A;--muted:#4A5F7A;--w:#fff;
--r:20px;--sh:0 1px 2px rgba(13,71,161,.06),0 8px 24px rgba(13,71,161,.08);
--h:'Space Grotesk',system-ui,sans-serif;--b:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font:400 1rem/1.6 var(--b);color:var(--ink);background:var(--w);-webkit-font-smoothing:antialiased;padding-bottom:64px}
h1,h2,h3{font-family:var(--h);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--deep)}
h1{font-size:clamp(2.3rem,6vw,4.2rem)}h2{font-size:clamp(1.75rem,3.6vw,2.7rem)}h3{font-size:1.2rem;line-height:1.25}
p{color:var(--muted)}a{color:var(--deep)}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
section{padding:clamp(56px,9vw,104px) 0}
.alt{background:linear-gradient(var(--tint),var(--w))}
.dark{background:linear-gradient(135deg,var(--deep) 0%,var(--deep) 62%,var(--bright) 100%);color:#fff}
.dark h2{color:#fff}.dark p{color:#E3F2FD}
.lead{font-size:1.15rem;max-width:62ch}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border:1px solid var(--soft);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.card h3{margin:12px 0 6px}
.ico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--bright),var(--deep));display:grid;place-items:center}
.ico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font:600 1rem var(--b);text-decoration:none;border:2px solid var(--deep);cursor:pointer;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.pri{background:var(--deep);color:#fff}
.sec{background:transparent;color:var(--deep)}
.dark .pri{background:#fff;color:var(--deep);border-color:#fff}.dark .sec{color:#fff;border-color:#fff}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px}.dark :focus-visible{outline-color:#fff}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--soft)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:10px;font:800 1.35rem var(--h);text-decoration:none;color:var(--deep);letter-spacing:-.03em}.logo img{border-radius:11px}
nav ul{display:flex;gap:22px;list-style:none;padding:0}nav a{text-decoration:none;font-weight:500;color:var(--ink)}
@media(max-width:860px){nav{display:none}.nav .btn{min-height:44px;padding:0 16px;font-size:.9rem}}
.hero{display:grid;gap:48px;grid-template-columns:1.05fr .95fr;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.proof{display:flex;gap:10px 22px;flex-wrap:wrap;list-style:none;padding:0;font-weight:600;color:var(--deep)}
.proof li:before{content:"✓ ";color:var(--bright)}
.mock{background:#fff;border:1px solid var(--soft);border-radius:24px;padding:20px;box-shadow:var(--sh);display:grid;gap:12px}
.lead-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--tint);opacity:0;transform:translateY(8px);animation:in .5s forwards}
.lead-row:nth-child(2){animation-delay:.9s}.lead-row:nth-child(3){animation-delay:1.8s}.lead-row:nth-child(4){animation-delay:2.7s}
.av{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:700;color:var(--deep)}
.tag{margin-left:auto;font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:99px;background:#fff;color:var(--deep);border:1px solid var(--soft)}
.ok{background:var(--deep);color:#fff;border-color:var(--deep)}
@keyframes in{to{opacity:1;transform:none}}
.bar{background:var(--deep);color:#fff;padding:16px 0}.bar ul{display:flex;gap:12px 32px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;font-weight:500}
.steps{counter-reset:s;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.step{counter-increment:s;border-top:3px solid var(--soft);padding-top:16px}
.step:before{content:counter(s);font:800 2.2rem var(--h);color:var(--bright)}
.step h3{margin:6px 0}
.pain{columns:2 280px;gap:32px;list-style:none;padding:0;margin-top:24px}.pain li{padding:10px 0 10px 28px;position:relative;break-inside:avoid;color:var(--ink)}
.pain li:before{content:"✕";position:absolute;left:0;color:var(--deep);font-weight:800}
.badge{display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--tint);border:1px solid var(--soft);color:var(--deep)}
table{width:100%;border-collapse:collapse;margin-top:16px}td,th{padding:10px;border-bottom:1px solid var(--soft);text-align:left}th{color:var(--deep)}
details{border:1px solid var(--soft);border-radius:16px;padding:0 20px;margin-bottom:12px;background:#fff}
summary{cursor:pointer;font:700 1.05rem var(--h);color:var(--deep);padding:18px 0;min-height:44px}
details p{padding-bottom:18px}
footer{background:var(--deep);color:#E3F2FD;padding:56px 0 32px}
footer a{color:#fff}footer ul{list-style:none;padding:0}footer li{padding:5px 0}footer h3{color:#fff;font-size:1rem}footer p{color:#E3F2FD}
input[type=text],input[type=email],input[type=tel]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--muted);border-radius:12px;font:inherit}
label{font-weight:500;color:var(--ink);font-size:.95rem}
.hp{position:absolute;left:-9999px}
.fine{font-size:.82rem;color:var(--muted)}.dark .fine{color:#E3F2FD}
/* floating widget */
.fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab a,.fab button{display:flex;align-items:center;gap:8px;min-height:48px;min-width:48px;padding:0 16px;border-radius:999px;border:0;font:600 .95rem var(--b);text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(11,31,58,.25)}
.fab .wa{background:#25D366;color:#0B1F3A}.fab .cl{background:#fff;color:var(--deep);border:2px solid var(--deep)}.fab .bk{background:var(--deep);color:#fff}
.fab svg{width:22px;height:22px;flex:none}
.fab-t{display:none}.fab-items{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
@media(max-width:760px){.fab-t{display:flex;background:var(--deep);color:#fff;width:52px;height:52px;padding:0;justify-content:center}.fab-items{display:none}.fab.open .fab-items{display:flex}}
@media(min-width:761px){.fab{bottom:24px}.stick{display:none}body{padding-bottom:0}}
.stick{position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fff;border-top:1px solid var(--soft);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;gap:10px}
.stick .btn{flex:1;min-height:48px}
body.cookie-open .fab,body.cookie-open .stick{display:none}
#cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:#fff;border:1px solid var(--deep);border-radius:16px;padding:16px;display:none;gap:12px;flex-wrap:wrap;align-items:center;box-shadow:var(--sh)}
#cookie.show{display:flex}#cookie p{flex:1 1 260px;color:var(--ink);font-size:.92rem}
#modal{position:fixed;inset:0;background:rgba(11,31,58,.7);z-index:80;display:none;place-items:center;padding:16px}
#modal.show{display:grid}#modal div{background:#fff;border-radius:20px;width:min(760px,100%);height:min(720px,90vh);display:flex;flex-direction:column;overflow:hidden}
#modal iframe{flex:1;border:0}.mh{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:12px}
#soft{position:fixed;left:16px;bottom:24px;max-width:320px;background:#fff;border:1px solid var(--soft);border-radius:16px;padding:16px;box-shadow:var(--sh);z-index:30;display:none}
#soft.show{display:block}@media(max-width:760px){#soft{bottom:84px;left:12px;right:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lead-row{opacity:1;transform:none}}

.plans{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column}.plan.pop{border:2px solid var(--deep);box-shadow:0 12px 40px rgba(13,71,161,.18)}
.pill{position:absolute;top:-14px;left:24px;background:var(--deep);color:#fff;font-weight:700;font-size:.85rem;padding:5px 14px;border-radius:99px}
.price{font:800 2.6rem var(--h);color:var(--deep);letter-spacing:-.03em}.price small{font:500 1rem var(--b);color:var(--muted)}
.kv{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px;color:var(--ink);font-size:.95rem}
.kv li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--tint);padding-bottom:6px}.kv b{color:var(--deep);text-align:right}
.ft{list-style:none;padding:0;margin:8px 0 22px;display:grid;gap:8px;color:var(--ink);font-size:.95rem;flex:1}.ft li{padding-left:24px;position:relative}.ft li:before{content:"✓";position:absolute;left:0;color:var(--deep);font-weight:800}
.tw{overflow-x:auto}.est{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.est input{width:100%;min-height:48px;padding:0 12px;border:1px solid var(--muted);border-radius:12px;font:inherit}
.out{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.out div{background:var(--tint);border:1px solid var(--soft);border-radius:16px;padding:16px}.out strong{display:block;font:800 1.8rem var(--h);color:var(--deep)}
.crumb{font-size:.9rem;padding:16px 0 0}.crumb a{color:var(--deep)}
.post{max-width:760px;margin:auto}.post h2{margin:40px 0 12px;font-size:clamp(1.5rem,3vw,2rem)}.post p{margin:0 0 14px;font-size:1.05rem;color:var(--ink)}.post ol,.post ul{margin:0 0 16px;padding-left:22px;color:var(--ink);display:grid;gap:8px}
.toc{background:var(--tint);border:1px solid var(--soft);border-radius:16px;padding:18px 24px;margin:0 0 8px}.toc ol{margin:8px 0 0}.meta{color:var(--muted);font-size:.95rem;margin-top:14px}
.author{display:flex;gap:16px;align-items:center;border:1px solid var(--soft);border-radius:16px;padding:16px;margin-top:40px}.author img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.share a{margin-right:14px}
.svc-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.svc-card:hover,.mini:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(13,71,161,.16)}.svc-card h3{margin:12px 0 8px}.svc-card p{flex:1}
.svc-n{font:700 .8rem var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--deep);margin-top:16px}.svc-f{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding-top:14px;border-top:1px solid var(--soft)}.svc-f strong{color:var(--deep)}.svc-f span{font-size:.9rem;color:var(--deep);font-weight:600}
.mini-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mini{display:block;text-decoration:none;color:inherit;padding:20px;transition:transform .15s,box-shadow .15s}.mini h3{margin:12px 0 4px;font-size:1.05rem}.mini p{color:var(--deep);font-weight:600;font-size:.95rem}