:root{--ink:#0a1020;--ink2:#465166;--ink3:#8a94a6;--line:#e7eaf0;--bg:#fbfbfd;--brand:#4338ca;--brand2:#8b5cf6;--gold:#c9a45c;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,"Segoe UI Variable Text","Segoe UI",-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.w{max-width:1120px;margin:0 auto;padding:0 28px}
header.top{position:sticky;top:0;z-index:5;background:rgba(251,251,253,.82);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(15,23,42,.06)}
.nav{display:flex;align-items:center;gap:28px;height:68px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:17px;letter-spacing:-.01em}.logo:hover{text-decoration:none}.logo img{width:32px;height:32px;border-radius:8px;background:#fff;object-fit:contain}
.nav nav{display:flex;gap:24px;margin-left:auto;font-size:14.5px}.nav nav a{color:var(--ink2)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 18px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer}
.btn.p{background:var(--ink);color:#fff;box-shadow:0 8px 24px -8px rgba(10,16,32,.45)}.btn.p:hover{background:#1b2440;text-decoration:none}.btn.s{border-color:var(--line);background:#fff;color:var(--ink)}.btn.s:hover{text-decoration:none;border-color:#cfd5df}
.hero{padding:96px 0 72px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% -10% auto;height:640px;background:radial-gradient(60% 60% at 70% 30%,rgba(109,40,217,.16),transparent 70%),radial-gradient(40% 50% at 20% 10%,rgba(201,164,92,.14),transparent 70%);z-index:-1}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
h1{font-size:clamp(40px,5.6vw,64px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 18px;font-weight:750}h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--ink2);max-width:680px}.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.fine{font-size:13px;color:var(--ink3);margin-top:14px}
section.band{padding:84px 0;border-top:1px solid var(--line)}h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.025em;margin:0 0 12px;line-height:1.12}.sub{color:var(--ink2);font-size:17px;max-width:640px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.f{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}.f h3{margin:0 0 8px;font-size:17px}.f p{margin:0;color:var(--ink2);font-size:15px}
.dark{background:#0a1020;color:#cfd6e4}.dark h2{color:#fff}.dark .sub{color:#9aa4b8}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.flow div{border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:22px;background:rgba(255,255,255,.03)}.flow b{color:#fff;display:block;margin:10px 0 4px}.flow small{color:var(--gold);font-weight:700;letter-spacing:1.5px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;align-items:stretch}.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.plan.hot{border:1.5px solid var(--ink);box-shadow:0 30px 60px -30px rgba(10,16,32,.35);position:relative}.plan.hot:before{content:"Most popular";position:absolute;top:-12px;left:28px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.plan h3{margin:0;font-size:18px}.plan .pr{font-size:44px;font-weight:750;letter-spacing:-.03em;margin:14px 0 2px}.plan .pr small{font-size:15px;color:var(--ink3);font-weight:500;letter-spacing:0}.plan .alt{color:var(--ink2);font-size:14px;min-height:22px}
.plan ul{list-style:none;padding:0;margin:20px 0 26px;flex:1}.plan li{padding:7px 0 7px 28px;position:relative;font-size:15px;color:var(--ink2)}.plan li:before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:#eef0ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.9' fill='none' stroke='%234338ca' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px}
.faq{max-width:780px;margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:600;cursor:pointer;font-size:17px}.faq p{color:var(--ink2);margin:10px 0 0}
.doc{max-width:780px;padding:64px 0 90px}.doc h1{font-size:44px}.doc h2{font-size:22px;margin:36px 0 10px}.doc p,.doc li{color:#2c3547}.doc table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0}.doc th,.doc td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}.doc th{font-size:13px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px}.meta{color:var(--ink3);font-size:14px}
.note{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:14px 18px;margin:18px 0}
.honest{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:18px 22px;margin-top:26px}.honest h3{margin:0 0 6px;font-size:17px}.honest p,.honest li{color:var(--ink2);font-size:15px}
footer{background:#0a1020;color:#8a94a6;padding:56px 0 40px;font-size:14px}footer .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}footer b{color:#fff;display:block;margin-bottom:10px;font-size:14px}footer a{color:#aeb7c8;display:block;padding:3px 0}
.by{display:flex;align-items:center;gap:10px;color:#cfd6e4}.by img{width:34px;height:34px;border-radius:8px;background:#fff}.copy{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.mnav{display:none}.err{color:#a4262c}.hero-center,.cta-center{text-align:center;justify-content:center}.lead-center{margin-left:auto;margin-right:auto}.fine-gap{margin-top:28px}a.on-dark{color:#c4b5fd}#status{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
@media(max-width:900px){.feats,.plans,.flow,footer .fg{grid-template-columns:1fr}.nav nav{display:none}.hero{padding:56px 0}
.mnav{display:block}.mnav summary{list-style:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}.mpanel{position:absolute;left:12px;right:12px;top:70px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px;display:grid;box-shadow:0 30px 60px -20px rgba(10,16,32,.35)}
.mpanel a{display:flex;align-items:center;min-height:50px;padding:0 16px;border-radius:12px;color:var(--ink);font-weight:600}}
@media(max-width:640px){.w{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
h1{font-size:clamp(34px,10.4vw,46px)}.doc{padding:40px 0 64px}.doc h1{font-size:clamp(30px,8.6vw,38px)}
footer{padding:44px 0 calc(28px + env(safe-area-inset-bottom))}.copy{flex-direction:column}}