:root{--accent:#ff6b4a;--accent-ink:#c2410c;--accent-button-ink:#111827;--bg:#fff;--bg-soft:#f7f8fa;--text:#0f172a;--muted:#5b6472;--border:#e6e8ee;--card:#fff;--radius:16px;--maxw:1080px;--readw:780px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,sans-serif;line-height:1.7}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--text);outline-offset:2px;border-radius:6px}.skip-link{background:var(--text);color:#fff;z-index:100;border-radius:0 0 10px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);background:#ffffffe0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:68px;padding-top:10px;padding-bottom:10px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-logo{width:40px;height:40px;box-shadow:var(--shadow);border-radius:11px;display:block}.site-nav{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.site-nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:.95rem;font-weight:600;display:inline-block}.site-nav a:hover{background:var(--bg-soft);color:var(--text);text-decoration:none}.site-nav a.is-active{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 12%, white)}.hero{text-align:center;max-width:640px;margin:0 auto;padding:72px 0 84px}.hero-logo{width:96px;height:96px;box-shadow:var(--shadow);border-radius:24px}.hero h1{letter-spacing:-.02em;margin:22px 0 8px;font-size:clamp(1.9rem,5vw,2.6rem)}.hero .lede{color:var(--muted);max-width:34em;margin:0 auto 28px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{background:var(--accent);color:var(--accent-button-ink);box-shadow:var(--shadow);border-radius:12px;padding:12px 22px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(.96);text-decoration:none}.btn-ghost{color:var(--accent-ink);border:1px solid var(--border);background:#fff}.doc{max-width:var(--readw);margin:0 auto;padding:44px 0 72px}.doc-head{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:24px}.eyebrow{color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:700}.doc h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.8rem,4.5vw,2.4rem);line-height:1.2}.updated{color:var(--muted);margin:0 0 6px;font-size:.92rem}.meta{color:var(--muted);margin:0 0 16px;font-size:.9rem}code{background:var(--bg-soft);border:1px solid var(--border);word-break:break-all;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.lede{color:#374151;margin:0;font-size:1.08rem}.prose{padding-top:8px}.section{margin-top:34px}.section h2{letter-spacing:-.01em;margin:0 0 10px;scroll-margin-top:90px;font-size:1.3rem;line-height:1.3}.section h3{margin:20px 0 6px;font-size:1.03rem}.section p{color:#26303f;margin:0 0 14px}.section ul{margin:0 0 16px;padding-left:1.25em}.section li{margin:0 0 8px}.section strong{color:var(--text)}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-top:28px;padding-bottom:28px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{border-radius:10px;display:block}.footer-app{font-weight:800}.footer-copy{color:var(--muted);font-size:.88rem}.footer-pkg{color:var(--muted);margin-top:2px;font-size:.8rem}.footer-nav{flex-wrap:wrap;gap:6px 16px;display:flex}.footer-nav a{color:var(--muted);font-size:.92rem;font-weight:600}.footer-nav a:hover{color:var(--accent-ink)}@media (max-width:640px){.header-inner{min-height:60px}.brand-name{font-size:1rem}.doc{padding:30px 0 56px}.section{margin-top:28px}.hero{padding:48px 0 56px}.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-mark{background:linear-gradient(135deg,#26225c 0%,#111235 45%,#05060f 100%);border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid;overflow:hidden}.brand-mark img{width:28px;height:28px;display:block}.footer-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.social-links{align-items:center;gap:10px;display:flex}.social-link{border-radius:10px;place-items:center;width:36px;height:36px;transition:transform .15s;display:inline-grid}.social-link:hover{text-decoration:none;transform:translateY(-2px)scale(1.05)}.social-link img{width:30px;height:30px;display:block}@media (max-width:640px){.footer-right{align-items:flex-start}}