:root{--bg:#0d1420;--bg-2:#141921;--surface:#131922;--surface-2:#0e141c;--text:#e4e8ec;--muted:#9aa3b1;--brand:#3b82f6;--brand-2:#0e4c6f;--brand-3:#1d0336;--brand-4:#061c2a;--violet:#979a61;--maxw:1120px;--radius:16px;--radius-md:14px;--shadow:0 20px 60px #0006;--border:#ffffff14;--border-2:#ffffff26}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:linear-gradient(#ffffff08,#ffffff05);border-radius:12px;padding:12px 18px;font-weight:650;transition:transform .18s,filter .18s,background .18s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand-3),var(--brand),var(--brand-2));color:#06121b;border-color:#0000;box-shadow:0 8px 28px #22c55e3d,0 6px 20px #60a5fa2e}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{color:var(--text);border-color:var(--border-2);background:#ffffff0a}.btn-ghost:hover{background:#ffffff12}.muted{color:var(--muted)}.mt-16{margin-top:16px}.mt-14{margin-top:14px}header{z-index:70;-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);background:radial-gradient(120% 120% at -10% -30%,#60a5fa1a,#0000 40%),radial-gradient(110% 120% at 110% -30%,#2256c51a,#0000 38%),linear-gradient(#111827bf,#1118278c 65%,#1118277a);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.logo{letter-spacing:.2px;align-items:center;gap:10px;font-weight:800;display:flex}.logo-mark{border-radius:10px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.logo-type{letter-spacing:.2px;background:linear-gradient(90deg,#e5e7eb,#cbd5e1 60%,#94a3b8);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}nav .nav-links{gap:2px;display:flex}.nav-link{opacity:.9;border-radius:8px;padding:10px 12px;line-height:1;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,var(--brand-3),var(--brand),var(--brand-2));transform-origin:0;opacity:.85;border-radius:2px;height:2px;transition:transform .18s;position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.nav-link:hover{opacity:1}.nav-link:hover:after{transform:scaleX(1)}.nav-link.is-active{opacity:1}.nav-link.is-active:after{transform:scaleX(1)}.mobile-menu{border:1px solid var(--border-2);cursor:pointer;background:#ffffff08;border-radius:10px;width:36px;height:36px;display:none;position:relative}.mobile-menu .burger,.mobile-menu .burger:before,.mobile-menu .burger:after{content:"";background:#cbd5e1;border-radius:2px;height:2px;transition:transform .2s,top .2s,opacity .2s;position:absolute;left:8px;right:8px}.mobile-menu .burger{top:17px}.mobile-menu .burger:before{top:-7px}.mobile-menu .burger:after{top:7px}.mobile-menu .burger.open{background:0 0}.mobile-menu .burger.open:before{top:0;transform:rotate(45deg)}.mobile-menu .burger.open:after{top:0;transform:rotate(-45deg)}.backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:85;background:#0206178c;position:fixed;inset:0}.mobile-drawer{border:1px solid var(--border);box-shadow:var(--shadow);z-index:90;opacity:0;background:linear-gradient(#111827fa,#111827f0);border-radius:14px;padding:12px;transition:transform .18s,opacity .18s;display:none;position:fixed;top:64px;left:14px;right:14px;transform:translateY(-6px)}.mobile-drawer.open{opacity:1;gap:6px;display:grid;transform:translateY(0)}.mobile-link{color:var(--text);opacity:.95;border:1px solid #0000;border-radius:10px;padding:12px;position:relative}.mobile-link:hover{border-color:var(--border-2);opacity:1;background:#ffffff0d}.mobile-link.is-active{border-color:var(--border-2);background:#ffffff12}.hero-new{background:radial-gradient(120% 80% at 10% 0%,#60a5fa2e,transparent 55%),radial-gradient(120% 80% at 100% 0%,#22a5c529,transparent 45%),radial-gradient(90% 70% at 30% 100%,#3c6ffb1b,transparent 40%),linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--border);padding:96px 0 56px;position:relative}.hero-title{letter-spacing:-.02em;text-shadow:0 2px 24px #22d3ee1f;margin:10px 0 14px;font-size:clamp(34px,6vw,58px);line-height:1.05}.hero-sub{color:var(--muted);max-width:760px;font-size:clamp(16px,2.2vw,20px)}.chip-new{color:#c7d2fe;letter-spacing:.24px;background:#6366f11f;border:1px solid #6366f159;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.section{padding:72px 0}.section h2{margin:0 0 10px;font-size:clamp(26px,4.5vw,36px);line-height:1.15}.section p.lead{color:var(--muted);max-width:800px;margin-top:6px}.grid{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#ffffff05);height:100%;padding:22px}.card h3{margin-top:0}.chip{color:#93c5fd;letter-spacing:.2px;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.showcase{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.mock{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#ffffff05);padding:16px}.window{border:1px solid var(--border);background:linear-gradient(#1f2937,#0f172a);border-radius:12px;height:280px;position:relative;overflow:hidden}.window:after{content:"";opacity:.8;background:radial-gradient(120% 90% at 0 0,#60a5fa2e,#0000 45%),radial-gradient(80% 60% at 100% 100%,#2269c529,#0000 35%);position:absolute;inset:0}.caption{color:var(--muted);padding:10px 4px 0}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.step{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#ffffff05);border-radius:14px;padding:18px}.step .num{color:#93c5fd;font-weight:800}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.price{font-size:34px;font-weight:800}.plan .features{margin:14px 0 0;padding:0;list-style:none}.plan .features li{color:var(--muted);margin:10px 0}.plan.featured{background:linear-gradient(#6366f114,#6366f105);outline:2px solid #60a5fa59}form{gap:12px;margin-top:12px;display:grid}label span{margin-bottom:6px;font-weight:650;display:block}input,textarea{border:1px solid var(--border-2);width:100%;color:var(--text);background:#0f172a;border-radius:12px;padding:12px 14px}input:focus,textarea:focus{border-color:#60a5fa;outline:2px solid #60a5fa}textarea{min-height:120px}.disclaimer{color:var(--muted);margin-top:8px;font-size:14px}footer{border-top:1px solid var(--border);color:var(--muted);background:linear-gradient(#111827cc,#111827f2);padding:26px 0}.footerwrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.footerwrap .links{gap:12px;display:flex}@media (max-width:960px){.grid-3{grid-template-columns:1fr 1fr}.grid-2,.showcase{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.mobile-menu{display:block}nav .nav-links{display:none}}@media (max-width:720px){.hero-new{padding-top:82px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}