:root{--bg: #ffffff;--bg-alt: #f4f6fb;--text: #0e1526;--muted: #5a6479;--border: #dfe4ee;--accent: #0057ff;--accent-strong: #1d6cff;--accent-contrast: #ffffff;--hero-from: #070b18;--hero-to: #0d1f4f;--hero-text: #f3f6ff;--hero-muted: #aab6d6;--radius: 16px;--max: 1120px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0a0f1d;--bg-alt: #0f1628;--text: #eef2ff;--muted: #98a3bf;--border: #1d2742;--accent: #3b82ff;--accent-strong: #5b9bff}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:var(--accent-strong)}h1,h2,h3{line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}p{margin:0 0 1em}.container{width:min(var(--max),100% - 2.5rem);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem 1rem;z-index:10;border-radius:8px}.site-header{position:absolute;inset:0 0 auto;z-index:5}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-block:1.25rem}.brand{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--hero-text);text-decoration:none}.brand span{color:var(--accent-strong)}.nav{display:flex;gap:1.5rem;align-items:center}.nav a{color:var(--hero-muted);text-decoration:none;font-size:.95rem}.nav a:hover,.nav a:focus-visible{color:var(--hero-text)}.hero{color:var(--hero-text);background:radial-gradient(1200px 600px at 80% -10%,rgba(29,108,255,.45),transparent 60%),linear-gradient(160deg,var(--hero-from),var(--hero-to));padding:9rem 0 6rem}.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800;max-width:16ch}.hero .eyebrow{color:var(--accent-strong);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin-bottom:1rem}.hero p.lead{color:var(--hero-muted);font-size:clamp(1.05rem,2vw,1.3rem);max-width:52ch}.actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:999px;font-weight:650;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{border-color:#ffffff59;color:var(--hero-text)}.btn-ghost:hover{background:#ffffff14}.on-light .btn-ghost{border-color:var(--border);color:var(--text)}section.block{padding:5rem 0}section.alt{background:var(--bg-alt)}.section-title{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800}.section-lead{color:var(--muted);max-width:60ch;margin-bottom:2.5rem}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem}.alt .card{background:var(--bg)}.card h3{font-size:1.25rem;margin-bottom:.4rem}.card p{color:var(--muted);margin-bottom:1rem}.card .tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;margin-bottom:.8rem}.card.featured{border-color:var(--accent);box-shadow:0 10px 40px -20px #0057ff99}.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps li{counter-increment:step;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;position:relative}.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:.8rem}.cta-band{background:linear-gradient(160deg,var(--hero-from),var(--hero-to));color:var(--hero-text);text-align:center;padding:4.5rem 0}.cta-band .actions{justify-content:center}.site-footer{padding:2rem 0;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border)}.site-footer .container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media(max-width:640px){.nav a:not(.btn){display:none}.hero{padding-top:7rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
