:root{color-scheme:dark;--bg:#080e1c;--surface:#111a2d;--surface2:#17223a;--border:#283752;--text:#f6f9ff;--muted:#aebbd2;--accent:#8ce8c2;--accent2:#90a9ff;--max:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,rgba(69,93,172,.17),transparent 44%),var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}.skip{position:absolute;left:1rem;top:-5rem;padding:.6rem 1rem;background:var(--accent);color:#08121e;z-index:10}.skip:focus{top:1rem}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.3rem}.topbar{border-bottom:1px solid var(--border);background:rgba(8,14,28,.85)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1rem}.brand{text-decoration:none;font-weight:850;letter-spacing:.12em;font-size:1.2rem}.brand span{color:var(--accent)}.nav{display:flex;gap:1.5rem;flex-wrap:wrap}.nav a,.footer a{text-decoration:none;color:var(--muted)}.nav a:hover,.footer a:hover{color:var(--accent)}.hero{padding:5.25rem 0 3rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.79rem;font-weight:750}.hero h1,h1{font-size:clamp(2.4rem,5.6vw,4.9rem);line-height:1.12;letter-spacing:-.05em;margin:.5rem 0 1.3rem;max-width:870px}h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.025em}h3{font-size:1.18rem}.lead{font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--muted);max-width:730px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-block;padding:.73rem 1.2rem;border:1px solid var(--accent);color:#07131a;background:var(--accent);border-radius:9px;text-decoration:none;font-weight:750}.button.secondary{color:var(--text);background:transparent;border-color:#7284a9}.button:hover{filter:brightness(1.1)}.section{padding:3rem 0}.section.intro{padding-top:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin:1.8rem 0}.card{background:linear-gradient(175deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:16px;padding:1.5rem}.card h3{margin:.2rem 0}.card p{color:var(--muted)}.card a.inline{color:var(--accent)}.price{font-size:1.85rem;font-weight:850;color:var(--text);letter-spacing:-.03em;margin:.9rem 0 .25rem}.price small{font-size:.88rem;font-weight:550;color:var(--muted)}.tag{font-size:.75rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tag.caution{color:#f6ce8a}.panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:1.5rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.steps strong{display:block;color:var(--accent);font-size:1.3rem}.prose{max-width:820px}.prose p,.prose li{color:var(--muted)}.prose h2{margin-top:2.4rem}.code{overflow-x:auto;padding:1rem 1.2rem;background:#040915;color:#dbebff;border:1px solid var(--border);border-radius:10px;font-size:.93rem}.callout{border-left:4px solid var(--accent);padding:1rem 1.4rem;background:var(--surface);border-radius:0 10px 10px 0}.callout p{margin:.2rem 0}.footer{margin-top:4rem;border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.9rem}.footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}ul.clean{padding-left:1.4rem}.metric{color:var(--accent);font-weight:700}@media(max-width:800px){.grid,.steps{grid-template-columns:1fr}.hero{padding-top:3rem}.topbar .wrap{align-items:flex-start;flex-direction:column}.nav{gap:1rem}.section{padding-block:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}