:root{--bg: #f7f6f2;--surface: #ffffff;--text: #16181d;--muted: #5d6270;--border: #e3e1da;--accent: #e8552a;--code-bg: #16181d;--code-text: #f1efe8;--radius: 14px;--gutter: clamp(16px, 5vw, 40px);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #171a20;--text: #eceae4;--muted: #9aa0ad;--border: #262a33;--accent: #ff6b3d;--code-bg: #0a0b0e}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}main,footer{max-width:860px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}main{padding-top:clamp(40px,10vw,96px)}section{margin-top:clamp(40px,8vw,72px)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}h1{font-size:clamp(2.4rem,8vw,4.2rem);font-weight:750}h1 span{color:var(--accent)}h2{font-size:1.35rem;margin-bottom:20px}h3{font-size:1.05rem}.eyebrow{margin:0 0 16px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lede{font-size:1.15rem;color:var(--muted);max-width:38em;margin:24px 0 0}code{font:.9em/1.5 ui-monospace,SF Mono,Menlo,monospace}p code,li>p code,article code{padding:.1em .35em;border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,transparent)}pre{position:relative;margin:12px 0 0;padding:16px 18px;overflow-x:auto;border-radius:10px;background:var(--code-bg);color:var(--code-text);cursor:copy}pre[data-copied]:after{content:"Copied";position:absolute;top:8px;right:10px;font:600 .75rem/1 system-ui,sans-serif;color:var(--accent)}.panel{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.device{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:0}.device dt{font-size:.8rem;color:var(--muted)}.device dd{margin:2px 0 0;font:600 1.05rem/1.3 ui-monospace,SF Mono,Menlo,monospace}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 32px 48px;border-left:2px solid var(--border);margin-left:15px}.steps li:last-child{border-left-color:transparent;padding-bottom:0}.steps li:before{content:counter(step);position:absolute;left:-16px;top:-4px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem}.steps p{margin:10px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid article{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.grid p{margin:8px 0 0;color:var(--muted);font-size:.95rem}footer{display:flex;justify-content:space-between;gap:16px;margin-top:72px;padding-top:24px;padding-bottom:max(32px,env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}footer a{color:inherit}