:root{--palette-white: #ffffff;--palette-black: #000000;--palette-gray: #808080;--palette-blue: #14213d;--palette-blue-light: #4a6fa5;--palette-green: #1d7648;--palette-yellow: #f7b801;--palette-orange: #f18701;--palette-red: #f35b04;--bg: #fafafa;--paper: var(--palette-white);--ink: var(--palette-blue);--muted: hsl(215 16% 44%);--line: hsl(215 25% 90%);--brand: var(--palette-blue);--brand-soft: color-mix(in srgb, var(--palette-blue) 8%, var(--palette-white));--brand-soft-2: color-mix(in srgb, var(--palette-blue) 16%, var(--palette-white));--cta: var(--palette-orange);--cta-ink: var(--palette-blue);--warning: color-mix(in srgb, var(--palette-yellow) 18%, var(--palette-white));--warning-line: color-mix(in srgb, var(--palette-orange) 40%, var(--palette-white));--max: 1080px;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:linear-gradient(to bottom,color-mix(in srgb,var(--palette-blue) 2%,white),color-mix(in srgb,var(--palette-blue) 0%,white) 220px),var(--bg);color:var(--ink);line-height:1.55}a{color:color-mix(in srgb,var(--palette-blue) 88%,var(--palette-blue-light))}a:hover{text-decoration-thickness:2px}img{max-width:100%}.wrap{width:min(var(--max),92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 88%,white 12%);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700}.brand img{width:44px;height:44px}nav ul{list-style:none;display:flex;gap:16px;margin:0;padding:0;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:600}nav a:hover{color:color-mix(in srgb,var(--palette-blue) 70%,var(--palette-orange))}main{padding:36px 0 56px}.hero{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg,color-mix(in srgb,var(--palette-blue) 2%,white) 0,#fff 55%);padding:clamp(24px,4vw,56px);box-shadow:0 12px 40px #14213d14;animation:reveal .42s ease;box-shadow:0 12px 40px #14213d14,inset 0 1px color-mix(in srgb,var(--palette-blue-light) 18%,white)}h1,h2,h3{line-height:1.15;margin-top:0}h1{font-size:clamp(2rem,4.5vw,3.35rem);letter-spacing:-.03em}section{margin-top:34px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px #14213d0a}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step{padding:16px;border-radius:12px;background:var(--brand-soft);border:1px solid var(--brand-soft-2)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.col{border-radius:14px;border:1px solid var(--line);padding:16px;background:#fff}.col h3{margin-bottom:8px}.badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--palette-blue) 10%,white);color:var(--palette-blue)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;border-radius:12px;border:1px solid transparent;padding:11px 15px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn:focus-visible{outline:3px solid color-mix(in srgb,var(--palette-blue-light) 45%,white);outline-offset:2px}.btn.primary{background:var(--cta);color:var(--cta-ink);border-color:color-mix(in srgb,var(--palette-orange) 70%,var(--palette-black));box-shadow:0 10px 20px color-mix(in srgb,var(--palette-orange) 28%,transparent)}.btn.secondary{background:color-mix(in srgb,var(--palette-blue) 8%,white);color:var(--palette-blue);border-color:color-mix(in srgb,var(--palette-blue) 16%,white)}.btn.ghost{border-color:color-mix(in srgb,var(--palette-blue-light) 40%,white);color:var(--palette-blue);background:color-mix(in srgb,var(--palette-blue-light) 4%,white)}.callout{background:var(--warning);border:1px solid var(--warning-line);border-radius:12px;padding:12px 14px}.doc{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(20px,3vw,36px);box-shadow:0 8px 28px #14213d0a}.doc>*{margin-block:0}.doc>*+*{margin-top:.95rem}.doc>h2,.doc>h3{margin-top:1.6rem}.doc>h1+p{margin-top:.65rem}.doc h1{font-size:clamp(1.7rem,3.5vw,2.5rem)}.doc code{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace}.doc code:not(pre code){background:color-mix(in srgb,var(--palette-blue) 5%,white);border:1px solid color-mix(in srgb,var(--palette-blue) 12%,white);border-radius:6px;padding:1px 5px}.doc .buttons{margin-top:.75rem}.doc .callout{margin-top:.9rem}pre{background:color-mix(in srgb,var(--palette-blue) 3%,white);border:1px solid var(--line);border-radius:10px;padding:12px;overflow-x:auto;margin:.6rem 0 0}pre code{background:none;border:0;padding:0}table{width:100%;border-collapse:collapse;margin-top:.6rem;display:block;overflow-x:auto;white-space:nowrap}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{background:color-mix(in srgb,var(--palette-blue) 4%,white)}.site-footer{border-top:1px solid var(--line);padding:24px 0 32px}.site-footer .links{display:flex;gap:14px;flex-wrap:wrap}.site-footer p{color:var(--muted)}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.card-grid,.steps,.compare{grid-template-columns:1fr}.site-header .wrap{flex-direction:column;align-items:flex-start}}