:root{--bg:#07111f;--text:#eef7ff;--muted:#a9c3df;--line:rgba(255,255,255,.13);--brand:#59d6ff;--brand2:#8b5cf6;--good:#34d399}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(89,214,255,.22),transparent 34%),radial-gradient(circle at 80% 10%,rgba(139,92,246,.22),transparent 30%),linear-gradient(180deg,var(--bg),#030712 90%);color:var(--text);line-height:1.55}
a{color:inherit}.wrap{width:min(1140px,calc(100% - 32px));margin:0 auto}.nav{position:sticky;top:0;z-index:10;background:rgba(7,17,31,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.logo img{width:40px;height:40px;max-width:40px;max-height:40px;border-radius:12px;box-shadow:0 12px 30px rgba(89,214,255,.22)}.nav-links{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--muted)}.nav-links a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 18px;border:1px solid var(--line);text-decoration:none;font-weight:750;background:rgba(255,255,255,.06)}.btn.primary{border:0;color:#06111f;background:linear-gradient(135deg,var(--brand),#b7f3ff);box-shadow:0 20px 50px rgba(89,214,255,.28)}.btn.secondary{background:linear-gradient(135deg,rgba(139,92,246,.26),rgba(89,214,255,.12))}
.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.eyebrow{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.06);padding:7px 11px;border-radius:999px;color:#cbeafe;font-size:13px;font-weight:750}
h1{font-size:clamp(42px,6vw,76px);line-height:.95;margin:18px 0;letter-spacing:-.06em}.lead{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{margin-top:14px;color:#88a9ca;font-size:13px}
.panel-preview{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.browser{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#0a1222}.browser-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:#09182b}.dot{width:10px;height:10px;border-radius:50%;background:#ef4444}.dot:nth-child(2){background:#f59e0b}.dot:nth-child(3){background:#22c55e}
.browser-body{display:grid;grid-template-columns:1fr 190px;gap:14px;padding:16px;min-height:390px}.webmock{border-radius:16px;background:linear-gradient(135deg,#10243f,#0b1530);padding:18px}.line{height:10px;border-radius:999px;background:rgba(255,255,255,.13);margin:12px 0}.line.w1{width:78%}.line.w2{width:52%}.line.w3{width:92%}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.tile{height:86px;border-radius:14px;background:linear-gradient(135deg,rgba(89,214,255,.22),rgba(139,92,246,.18));border:1px solid var(--line)}
.sidepanel{border-radius:18px;background:linear-gradient(180deg,#102b4d,#071a32);border:1px solid rgba(89,214,255,.25);padding:12px}.sidepanel h3{font-size:14px;margin:4px 0 10px}.mini-btn{display:block;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:9px 10px;margin:7px 0;font-size:12px;color:#dbeafe}.pro{display:inline-flex;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f1400;font-size:11px;padding:3px 7px;font-weight:900}
.section{padding:54px 0}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1;margin:0 0 14px}.section p.head{color:var(--muted);font-size:18px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:22px;padding:20px;min-height:180px}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(89,214,255,.28),rgba(139,92,246,.22));margin-bottom:12px;font-size:22px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.price-card{border:1px solid var(--line);border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}.price-card.procard{border-color:rgba(89,214,255,.45);box-shadow:0 25px 70px rgba(89,214,255,.13)}.price{font-size:42px;font-weight:950;letter-spacing:-.04em;margin:12px 0}.price span{font-size:16px;color:var(--muted);font-weight:650}ul.clean{list-style:none;padding:0;margin:18px 0 0}ul.clean li{margin:10px 0;color:#dbeafe}ul.clean li:before{content:"✓";color:var(--good);margin-right:9px;font-weight:900}.cta{margin:50px auto;border:1px solid rgba(89,214,255,.28);border-radius:30px;padding:34px;background:linear-gradient(135deg,rgba(89,214,255,.16),rgba(139,92,246,.13))}
.footer{padding:36px 0 60px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{color:#dbeafe;text-decoration:none;margin-right:14px}.legal{padding:54px 0;max-width:880px}.legal h1{font-size:46px}.legal h2{margin-top:32px}.legal p,.legal li{color:#c4d6ea}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:2px 7px;border-radius:8px}
@media (max-width:880px){.hero-grid,.compare{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.nav-links{display:none}.browser-body{grid-template-columns:1fr}.sidepanel{display:none}}

.field{margin:16px 0}.field label{display:block;color:#c4d6ea;margin-bottom:8px;font-weight:750}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#eef7ff;font-size:16px;font-family:inherit}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7e99b6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.msg{margin-top:16px;color:#a9c3df;min-height:24px}.msg.error{color:#fecaca}.msg.ok{color:#bbf7d0}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;letter-spacing:.04em;border:1px solid rgba(248,196,95,.34);background:rgba(248,196,95,.08);color:#fde68a;border-radius:16px;padding:16px;margin:12px 0;word-break:break-all}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px;background:rgba(255,255,255,.05)}.stat b{display:block;font-size:24px;color:#fff}.small-muted{color:#88a9ca;font-size:13px}.price-note{border:1px solid rgba(248,196,95,.28);background:rgba(248,196,95,.08);color:#fde9b0;border-radius:18px;padding:14px;margin-top:14px}@media(max-width:780px){.form-grid,.stat-grid{grid-template-columns:1fr}}