:root{--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #eef1ff;--accent-ring: rgba(79, 70, 229, .18);--bg: #f4f5f9;--surface: #ffffff;--surface-2: #f3f4f9;--border: #e6e8f0;--border-strong: #d6d9e6;--text: #14161f;--text-2: #565d72;--text-3: #9298ac;--success: #16a34a;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 2px 6px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .07);--shadow-lg: 0 18px 50px rgba(16, 24, 40, .16);--radius: 16px;--radius-sm: 10px;--font: "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--accent: #818cf8;--accent-strong: #a5b4fc;--accent-soft: #1e2138;--accent-ring: rgba(129, 140, 248, .25);--bg: #0b0d14;--surface: #14161f;--surface-2: #1b1e2b;--border: #262a3a;--border-strong: #333850;--text: #e9ebf3;--text-2: #9aa1b7;--text-3: #666d84;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.lnav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.lnav-inner{display:flex;align-items:center;gap:18px;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.02em}.brand .dot{color:var(--accent)}.brand .muted{color:var(--text-3);font-weight:600}.lnav-links{display:flex;gap:22px;margin-left:14px}.lnav-links a{color:var(--text-2);font-size:14.5px;font-weight:500;transition:color var(--ease) .15s}.lnav-links a:hover{color:var(--text)}.lnav-spacer{flex:1}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:all var(--ease) .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--ease) .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{height:38px;padding:0 16px;font-size:14px;border-radius:10px}.hero{padding:86px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% 0 auto 0;height:520px;z-index:-1;background:radial-gradient(60% 60% at 50% 0%,var(--accent-ring),transparent 70%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);margin-bottom:22px}.hero h1{font-size:clamp(36px,6vw,60px);line-height:1.05;letter-spacing:-.035em;margin:0 0 20px;font-weight:800;max-width:16ch}.hero h1 .grad{background:linear-gradient(120deg,var(--accent),#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:clamp(16px,2.2vw,20px);color:var(--text-2);max-width:56ch;margin:0 0 30px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:16px;font-size:13.5px;color:var(--text-3)}.section{padding:72px 0}.section-head{text-align:center;max-width:60ch;margin:0 auto 44px}.section-head h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.03em;margin:0 0 12px;font-weight:800}.section-head p{color:var(--text-2);font-size:16.5px;margin:0}.eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:all var(--ease) .18s}.feature:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.feature .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.feature h3{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}.feature p{margin:0;color:var(--text-2);font-size:14.5px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);position:relative;transition:all var(--ease) .18s}.plan:hover{box-shadow:var(--shadow)}.plan.featured{border-color:var(--accent);box-shadow:var(--shadow)}.plan.featured:after{content:"Популярный";position:absolute;top:-11px;left:28px;padding:3px 12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;border-radius:99px}.plan h3{margin:0 0 4px;font-size:19px}.plan .price{display:flex;align-items:baseline;gap:6px;margin:14px 0 4px}.plan .price .amount{font-size:38px;font-weight:800;letter-spacing:-.03em}.plan .price .per{color:var(--text-3);font-size:14px}.plan .price-sub{color:var(--text-3);font-size:13px;min-height:18px;margin-bottom:18px}.plan ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px}.plan li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--text-2)}.plan li .chk{color:var(--success);flex:none;margin-top:2px}.plan .plan-cta{margin-top:auto}.plan .btn{width:100%}.footer{border-top:1px solid var(--border);padding:40px 0;margin-top:40px;color:var(--text-3);font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}@media (max-width: 860px){.features,.pricing{grid-template-columns:1fr}.lnav-links{display:none}.hero{padding:60px 0 40px}}