:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf7;--surface:#fff;--accent:#1f5fd1;--accent-pale:#e6eefb;--text:#14161b;--text-2:#4a4f5c;--border:#d9dce3;--code-bg:#f3f4f7;--warn:#c2560a;--warn-bg:#fbede3;--warn-text:#9a4308;--good:#1e7a3c;--good-bg:#e6f2ea;--ops:#2b2f38;--ops-bg:#ecedf0;--font-title:"Segoe UI Semibold", "Segoe UI", system-ui, -apple-system, sans-serif;--font-text:"Segoe UI", system-ui, -apple-system, sans-serif;--font-code:Consolas, "Liberation Mono", monospace;--radius:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-text);margin:0;font-size:18px;line-height:1.55}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:600;line-height:1.2}a{color:var(--accent)}.container{max-width:1180px;margin:0 auto;padding:0 16px}@media (min-width:720px){.container{padding:0 48px}}.nav{background:var(--surface);border-bottom:1px solid var(--border)}.nav .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{font-family:var(--font-title);color:var(--text);align-items:center;gap:10px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.nav-links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-2);font-size:17px;text-decoration:none}.nav-links a:hover{color:var(--accent)}@media (max-width:719px){.nav-links{display:none}}.btn{font-family:var(--font-title);border-radius:999px;padding:12px 22px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#194fb0}.btn-ghost{background:var(--accent-pale);color:var(--accent)}.btn-white{color:var(--accent);background:#fff}.hero{padding:72px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";background:var(--accent);width:14px;position:absolute;top:0;bottom:0;left:0}@media (max-width:719px){.hero:before{width:6px}}.hero .container{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:900px){.hero .container{grid-template-columns:1.15fr 1fr}}.eyebrow{color:var(--accent);font-family:var(--font-title);letter-spacing:.02em;margin-bottom:14px;font-size:17px;font-weight:600}.hero h1{margin-bottom:20px;font-size:clamp(38px,6vw,58px)}.hero p.lead{color:var(--text-2);max-width:34ch;margin:0 0 28px;font-size:21px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.pill{background:var(--accent-pale);color:var(--accent);font-size:15px;font-family:var(--font-title);border-radius:999px;margin-top:28px;padding:6px 14px;font-weight:600;display:inline-block}.loop{justify-self:center;width:100%;max-width:520px}.loop text{font-family:var(--font-title);fill:var(--text);font-size:30px;font-weight:600}section{padding:72px 0}.section-surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{margin-bottom:36px}.section-head h2{align-items:center;gap:14px;font-size:clamp(30px,4vw,40px);display:flex}.section-head h2:before{content:"";background:var(--accent);border-radius:3px;flex:none;width:28px;height:5px}.section-head p{color:var(--text-2);max-width:60ch;margin:10px 0 0}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card .num{font-family:var(--font-title);color:var(--accent);margin-bottom:10px;font-size:30px;font-weight:600}.card h3{margin-bottom:8px;font-size:20px}.card p{color:var(--text-2);margin:0;font-size:17px}.steps{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}@media (min-width:900px){.steps{grid-template-columns:1fr auto 1fr auto 1fr}}.step{background:var(--accent-pale);border-radius:var(--radius);padding:26px}.step .circle{background:var(--accent);color:#fff;width:44px;height:44px;font-family:var(--font-title);border-radius:50%;place-items:center;margin-bottom:14px;font-size:20px;font-weight:600;display:grid}.step h3{margin-bottom:6px;font-size:21px}.step p{color:var(--text-2);margin:0;font-size:17px}.arrow{color:var(--accent);place-self:center;font-size:32px;line-height:1}@media (max-width:899px){.arrow{transform:rotate(90deg)}}.banner{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-title);margin-top:20px;padding:18px 24px;font-size:19px;font-weight:600}.grid-2{grid-template-columns:1fr;gap:16px;margin-top:32px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.tile{border-radius:var(--radius);padding:24px}.tile h3{margin-bottom:8px;font-size:20px}.tile p{margin:0;font-size:17px}.tile.good{background:var(--good-bg)}.tile.good h3{color:var(--good)}.tile.warn{background:var(--warn-bg)}.tile.warn h3,.tile.warn p{color:var(--warn-text)}.tile.ops{background:var(--ops-bg)}.tile.ops h3{color:var(--ops)}.tile.accent{background:var(--accent-pale)}.tile.accent h3{color:var(--accent)}.code{background:var(--code-bg);border-radius:var(--radius);font-family:var(--font-code);white-space:pre;margin:0;padding:20px 24px;font-size:16px;line-height:1.7;overflow-x:auto}.code .hl{background:var(--accent-pale);border-radius:4px;width:100%;display:inline-block}.code .c{color:var(--text-2)}.split{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (min-width:900px){.split{grid-template-columns:1fr 1fr}}.checks{margin:0;padding:0;list-style:none}.checks li{align-items:flex-start;gap:12px;padding:10px 0;font-size:19px;display:flex}.checks li:before{content:"✓";background:var(--good-bg);width:28px;height:28px;color:var(--good);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:15px;font-weight:700;display:grid}.quote{background:var(--accent);color:#fff;position:relative;overflow:hidden}.quote .watermark{opacity:.12;pointer-events:none;width:520px;position:absolute;top:50%;right:-60px;transform:translateY(-50%)}.quote blockquote{font-family:var(--font-title);max-width:24ch;margin:0;font-size:clamp(26px,4vw,40px);font-weight:600;line-height:1.3;position:relative}.quote .actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex;position:relative}footer{border-top:1px solid var(--border);color:var(--text-2);padding:28px 0;font-size:15px}footer .container{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}