:root{--bg:#33197a;--bg2:#3d1f8c;--fg:#eef0f6;--mut:#cfc8ee;--card:#4a2b9e;--bd:#7355d0;--acc:#19d3c5;--acc2:#5ef0e0;--pur:#7c3aed;--red:#ef3b3b;--ok:#34d399;--err:#f87171}
:root[data-theme=light]{--bg:#fff;--bg2:#f6f4fb;--fg:#1c1436;--mut:#5f5980;--card:#f4f1fb;--bd:#ddd6f0;--acc:#0f9d8e;--acc2:#0b7d71;--pur:#6d3fd6}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{background-image:radial-gradient(1000px 700px at 100% 0%,#12c4c8aa,transparent 65%),radial-gradient(900px 600px at 0% 0%,#9b6bff88,transparent 65%);background-repeat:no-repeat;background-attachment:fixed;margin:0;font:16px/1.65 system-ui,"Segoe UI",Roboto,sans-serif;background-color:var(--bg);color:var(--fg)}
a{color:var(--acc)}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
header .w{display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:var(--fg)}
.logo img{width:30px;height:30px}
nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
nav a{padding:6px 12px;color:var(--mut);text-decoration:none;border-radius:8px;font-size:15px}
nav a:hover,nav a.on{color:var(--fg);background:var(--card)}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--acc);color:#04241f;text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer;transition:transform .1s,background .15s}
.btn:hover{background:var(--acc2);transform:translateY(-1px)}
.btn.o{background:none;color:var(--fg);border:1px solid var(--bd)}.btn.o:hover{background:var(--card)}
.btn.s{padding:7px 14px;font-size:14px}
.hero{padding:72px 0 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero.c{grid-template-columns:1fr;text-align:center}
.hero.c p{margin-left:auto;margin-right:auto}
h1{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}
h1 em{font-style:normal;background:linear-gradient(90deg,#19d3c5,#7be0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:18px;max-width:560px;margin:0 0 26px}
.hero img{width:100%;border-radius:18px;border:1px solid var(--bd);box-shadow:0 20px 60px #0006}
.cta{display:flex;gap:12px;flex-wrap:wrap}.hero.c .cta{justify-content:center}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.badge{font-size:13px;padding:4px 12px;border:1px solid var(--bd);border-radius:20px;color:var(--mut)}
section{padding:56px 0}section.alt{background:var(--bg2)}
h2{font-size:30px;margin:0 0 8px;letter-spacing:-.01em}.lead{color:var(--mut);margin:0 0 30px;max-width:640px}
h3{margin:0 0 6px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card:hover{border-color:var(--acc)}
.card{background:linear-gradient(160deg,var(--card),#3a2080);border:1px solid var(--bd);border-radius:14px;padding:22px}
.card p{margin:0;color:var(--mut);font-size:15px}
.ico{font-size:26px;margin-bottom:8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.stats b{display:block;font-size:34px;color:var(--acc)}.stats span{color:var(--mut);font-size:14px}
.steps{counter-reset:s;display:grid;gap:14px}
.steps>div{counter-increment:s;position:relative;padding-left:56px}
.steps>div:before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--pur);color:#fff;display:grid;place-items:center;font-weight:800}
.kan{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kan div{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;font-size:14px;text-align:center}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.plan.hot{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.price{font-size:44px;font-weight:800;margin:6px 0}.price small{font-size:15px;color:var(--mut);font-weight:400}
.plan ul{padding-left:20px;margin:14px 0 20px;color:var(--mut)}
.tag{font-size:12px;background:var(--bd);border-radius:20px;padding:2px 10px;margin-left:6px;vertical-align:middle;color:var(--fg)}
details{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px 18px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}details p{color:var(--mut);margin:10px 0 0}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace}
pre{background:#0b0618;color:#d7f7f2;padding:16px;border-radius:10px;overflow:auto;font-size:14px;border:1px solid var(--bd)}
code{background:var(--card);padding:1px 6px;border-radius:5px;font-size:.92em}pre code{background:none;padding:0}
table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--bd);text-align:left;font-size:15px}th{color:var(--mut);font-weight:600}
form{display:grid;gap:14px;max-width:640px}
label{display:grid;gap:4px;font-size:14px;color:var(--mut)}
input,select,textarea{font:inherit;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--fg)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:14px}.chk input{margin-top:5px}
.hp{position:absolute;left:-9999px}
#msg{min-height:24px;font-weight:600}.ok{color:var(--ok)}.err{color:var(--err)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cta-band{text-align:center;padding:56px 20px;background:linear-gradient(135deg,var(--pur),#0e8f83);border-radius:20px;color:#fff}
.cta-band p{opacity:.9;margin:0 0 20px}.cta-band .btn{background:#fff;color:#1c1436}
footer{border-top:1px solid var(--bd);padding:36px 0;color:var(--mut);font-size:14px}
footer .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
footer a{display:block;color:var(--mut);text-decoration:none;padding:2px 0}footer a:hover{color:var(--fg)}
.prose{max-width:760px}.prose h2{margin-top:32px;font-size:22px}.prose p,.prose li{color:var(--mut)}
@media(max-width:800px){.hero,.cols,footer .w{grid-template-columns:1fr}.hero{padding-top:40px}.row{grid-template-columns:1fr}}

.badge:first-child{border-color:var(--red);color:#ffb4b4}
.tag{background:var(--red);color:#fff}
.legal{grid-column:1/-1;border-top:1px solid var(--bd);padding-top:16px;font-size:13px}

.lang{margin-left:6px;padding:4px 10px;border:1px solid var(--bd);border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.05em}