:root{--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--bg-alt:#f8fafc;--brand:#4f46e5;--brand-2:#7c3aed;--ok:#16a34a;--warn:#d97706;--gap:#94a3b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font:17px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand)}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:#fff;padding:8px;top:8px;left:8px}.nav{justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto;padding:18px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.nav nav{align-items:center;gap:22px;display:flex}.nav nav a:not(.btn){color:var(--ink-2);font-size:15px;text-decoration:none}.nav nav a:not(.btn):hover{color:var(--brand)}.btn{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-radius:10px;padding:11px 20px;font-weight:650;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px 20px -8px #4f46e599}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px #4f46e5b3}.btn-sm{padding:7px 14px;font-size:15px}.btn-lg{padding:15px 26px;font-size:18px}.btn-ghost{color:var(--brand);box-shadow:none;background:#fff;border:1.5px solid #c7d2fe}.btn-light{color:var(--brand);background:#fff}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;max-width:1140px;margin:0 auto;padding:56px 24px 72px;display:grid}.eyebrow{color:var(--brand);background:#eef2ff;border-radius:99px;margin:0 0 16px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-block}.hero h1{margin:0 0 18px;font-size:clamp(38px,5.4vw,62px);font-weight:850}.hl{background:linear-gradient(120deg, var(--brand), var(--brand-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--ink-2);max-width:34em;margin:0 0 28px;font-size:20px}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.fine{color:var(--muted);margin-top:14px;font-size:14px}.hero-demo{position:relative}.hero-demo:before{content:"";z-index:-1;background:radial-gradient(closest-side,#7c3aed2e,#0000);position:absolute;inset:-30px}.demo-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;transform:rotate(-1.2deg);box-shadow:0 30px 60px -30px #0f172a59}.demo-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;display:flex}.fit b{color:var(--ok);font-size:18px}.fit-from{text-decoration:line-through}.meter{background:#f1f5f9;border-radius:99px;height:8px;margin:12px 0 18px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--warn), var(--ok));border-radius:99px;width:81%;height:100%;animation:1.6s ease-out both grow;display:block}@keyframes grow{0%{width:52%}}@media (prefers-reduced-motion:reduce){.meter span{animation:none}html{scroll-behavior:auto}}.demo-lines{gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.demo-lines li{background:var(--bg-alt);border-radius:10px;padding:10px 12px}.demo-lines em{color:var(--muted);font-size:12px;font-style:normal;display:block}.demo-lines .miss{background:#fffbeb}.demo-lines mark{background:#fde68a;border-radius:4px;padding:0 4px}.demo-lines .gap{color:var(--muted)}.ok{color:var(--ok);margin-right:6px;font-weight:800}.warn{color:var(--warn);margin-right:6px;font-weight:800}.gap-i{color:var(--gap);margin-right:6px}.band{background:var(--ink);color:#fff}.stats{text-align:center;grid-template-columns:repeat(3,1fr);max-width:1140px;margin:0 auto;padding:34px 24px;display:grid}.stats b{font-size:36px;display:block}.stats span{color:#cbd5e1;font-size:15px}.section{max-width:1140px;margin:0 auto;padding:80px 24px}.section.alt{background:var(--bg-alt);max-width:none}.section.alt>*{max-width:1092px;margin-left:auto;margin-right:auto}.section h2{text-align:center;margin:0 0 12px;font-size:clamp(28px,3.6vw,40px)}.sub{text-align:center;color:var(--ink-2);max-width:44em;margin:0 auto 44px;font-size:18px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.steps li>span{width:34px;height:34px;color:var(--brand);background:#eef2ff;border-radius:10px;place-items:center;font-weight:800;display:inline-grid}.steps h3{margin:12px 0 6px;font-size:19px}.steps p{color:var(--ink-2);margin:0;font-size:16px}.grid3,.grid2{gap:20px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.grid3 article,.grid2 article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.grid3 h3,.grid2 h3{margin:0 0 8px;font-size:19px}.grid3 p,.grid2 p{color:var(--ink-2);margin:0;font-size:16px}.grid2 small{color:var(--brand);vertical-align:middle;background:#eef2ff;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.table-wrap{overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:16px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}.compare th:last-child,.compare td:last-child{background:#eef2ff;font-weight:600}.compare td:first-child{font-weight:700}.compare td:nth-child(2){color:var(--muted)}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan{border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:28px;display:flex;position:relative}.plan.featured{border:2px solid var(--brand);box-shadow:0 24px 50px -30px #4f46e599}.plan h3{margin:0}.plan .price{margin:8px 0 12px;font-size:34px;font-weight:800}.plan .price small{color:var(--muted);font-size:15px;font-weight:500}.alt-price{color:var(--muted);font-size:14px;font-weight:500;display:block}.plan ul{color:var(--ink-2);flex:1;padding-left:18px}.badge{background:var(--brand);color:#fff;border-radius:99px;margin:0;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:24px}.faq{max-width:780px}.faq details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:650}.faq p{color:var(--ink-2);margin:10px 0 0}.final{text-align:center;background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;padding:80px 24px}.final h2{max-width:22em;margin:0 auto 26px;font-size:clamp(26px,3.4vw,38px)}.footer{max-width:1140px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:28px 24px;font-size:14px;display:flex}.footer nav{gap:18px;display:flex}.footer a{color:var(--muted)}.prose{max-width:760px;margin:0 auto;padding:40px 24px 80px}.prose h1{font-size:40px}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:24px}.steps,.grid3,.plans,.grid2{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}.stats b{font-size:26px}}
