:root{--bg: #fbfaf7;--surface: #ffffff;--surface-2: #f3f1ec;--ink: #0f1b33;--ink-2: #3d4a63;--ink-3: #5a6680;--line: #e4e1d8;--accent: #1f5eff;--accent-text: #1747c9;--accent-ink: #ffffff;--accent-soft: #e8eeff;--ok: #17794a;--ok-soft: #e2f4ea;--warn: #8a5a00;--warn-soft: #fbf0d8;--plan: #5b4bb7;--plan-soft: #eceaf9;--radius: 14px;--shadow: 0 1px 2px rgba(15,27,51,.06), 0 8px 24px rgba(15,27,51,.06);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1222;--surface: #121b30;--surface-2: #17223b;--ink: #eef2fb;--ink-2: #b7c2d9;--ink-3: #8795b0;--line: #26324d;--accent: #7aa2ff;--accent-text: #7aa2ff;--accent-ink: #08101f;--accent-soft: #1a2747;--ok: #62d49b;--ok-soft: #12301f;--warn: #f0c36a;--warn-soft: #33270c;--plan: #b3a8ff;--plan-soft: #241f4a;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3)}}:root[data-theme=dark]{--bg: #0b1222;--surface: #121b30;--surface-2: #17223b;--ink: #eef2fb;--ink-2: #b7c2d9;--ink-3: #8795b0;--line: #26324d;--accent: #7aa2ff;--accent-text: #7aa2ff;--accent-ink: #08101f;--accent-soft: #1a2747;--ok: #62d49b;--ok-soft: #12301f;--warn: #f0c36a;--warn-soft: #33270c;--plan: #b3a8ff;--plan-soft: #241f4a;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:8px;z-index:10}.skip:focus{left:12px}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}@media(min-width:720px){.wrap{padding:0 28px}}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2.2rem,5.4vw,3.8rem);font-weight:750}h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700}h3{font-size:1.15rem;font-weight:650;letter-spacing:-.01em}p{margin:0 0 1em}.lede{font-size:1.2rem;color:var(--ink-2);max-width:62ch}.eyebrow{font:600 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;display:block}section{padding:64px 0}section+section{border-top:1px solid var(--line)}.muted{color:var(--ink-2)}.small{font-size:.9rem;color:var(--ink-3)}header.site{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}.brand{font-weight:750;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.brand img{width:28px;height:28px;border-radius:7px}nav.main{display:flex;gap:4px 16px;flex-wrap:wrap;margin-left:auto;align-items:center}nav.main a{color:var(--ink-2);text-decoration:none;padding:6px 4px;font-size:.95rem}nav.main a:hover,nav.main a[aria-current=page]{color:var(--ink)}nav.main a[aria-current=page]{border-bottom:2px solid var(--accent)}button,.btn{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn:hover{box-shadow:var(--shadow)}.theme{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:10px;padding:6px 10px;font-size:.85rem}.hero{padding:72px 0 56px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-shot{margin-top:40px}figure{margin:0}figure img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);display:block}figcaption{font-size:.85rem;color:var(--ink-3);margin-top:10px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}a.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.card h3{margin:0}.card p{margin:0;color:var(--ink-2);font-size:.98rem}.card .more{margin-top:auto;padding-top:8px;color:var(--accent);font-weight:600;font-size:.95rem}.badge{display:inline-flex;align-items:center;gap:6px;font:600 .74rem/1 var(--mono);padding:5px 9px;border-radius:999px;width:fit-content;letter-spacing:.02em}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.available{background:var(--ok-soft);color:var(--ok)}.badge.sandbox{background:var(--warn-soft);color:var(--warn)}.badge.preview{background:var(--accent-soft);color:var(--accent-text)}.badge.planned{background:var(--plan-soft);color:var(--plan)}.fig{font-weight:750;color:var(--ink)}.vendor{font-size:.8em;color:var(--ink-3)}sup a{text-decoration:none;font-size:.75em;padding:0 1px}.sources{font-size:.88rem;color:var(--ink-2);border-top:1px solid var(--line);margin-top:40px;padding-top:16px}.sources ol{padding-left:20px;margin:8px 0 0}.sources li{margin-bottom:8px}.tag{font:600 .7rem/1 var(--mono);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--ink-3);margin-left:6px}code,pre{font-family:var(--mono);font-size:.88rem}pre{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;overflow-x:auto;margin:0}.copy{position:relative}.copy button{position:absolute;top:8px;right:8px;font-size:.78rem;padding:4px 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}ul.plain{list-style:none;padding:0;margin:0}ul.check li,ul.dot li{padding-left:22px;position:relative;margin:6px 0}ul.check li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}ul.dot li:before{content:"•";position:absolute;left:6px;color:var(--ink-3)}.wont{background:var(--surface-2);border-left:4px solid var(--accent);padding:12px 16px;border-radius:8px;margin:16px 0}.steps{counter-reset:s;display:grid;gap:12px;padding:0;list-style:none}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 56px;position:relative}.steps li:before{content:counter(s);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:.9rem}.steps .receipt{display:block;font:.8rem var(--mono);color:var(--ink-3);margin-top:4px}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--ink-3);font:600 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.table-scroll{overflow-x:auto}.callout{background:var(--warn-soft);color:var(--ink);border-radius:12px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line))}footer.site{border-top:1px solid var(--line);padding:40px 0 56px;color:var(--ink-2);font-size:.93rem}footer.site .cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}footer.site .fh{margin:0 0 8px;font:600 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}footer.site .cols>div>a{display:block;padding:2px 0}footer.site a{color:var(--ink-2)}form.stack{display:grid;gap:10px;position:relative}form.stack label{font-weight:600}form.stack label.check{font-weight:400;display:flex;gap:8px;align-items:flex-start}form.stack input:not([type=checkbox]),form.stack textarea{font:inherit;padding:10px 12px;border:1px solid var(--line, #c8ccd4);border-radius:8px;background:transparent;color:inherit}form.stack input:focus-visible,form.stack textarea:focus-visible,.btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}.form-msg{min-height:1.4em;margin:4px 0 0}.form-msg.ok{font-weight:600}.form-msg.err{font-weight:600;text-decoration:underline wavy}fieldset{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:8px}legend{font-weight:700;padding:0 6px}select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.plan-out{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;font:.85rem/1.55 var(--mono)}