:root{color-scheme:dark;--bg:#10191d;--panel:#19272d;--ink:#edf4f2;--muted:#b8c8c8;--accent:#a7e2c9;--line:#34454b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.22em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:3px}
.skip{position:absolute;left:16px;top:-100px;background:var(--bg);padding:10px;z-index:2}.skip:focus{top:12px}
.wrap{width:min(1040px,calc(100% - 48px));margin:auto}
header{border-bottom:1px solid var(--line)}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.brand{font-size:22px;font-weight:750;letter-spacing:.04em;text-decoration:none;color:var(--ink);white-space:nowrap}
nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}nav a[aria-current=page]{color:var(--ink)}
main{padding:56px 0 64px}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
h1,h2,h3{line-height:1.16;letter-spacing:-.025em}h1{font-size:clamp(32px,5.5vw,56px);margin:0 0 24px;max-width:850px}h2{font-size:28px;margin:0 0 16px}h3{font-size:22px;margin:0 0 14px}
p{margin:0 0 18px}.lead{font-size:21px;color:var(--muted);max-width:760px}.muted{color:var(--muted)}
.apps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:38px 0}
.app{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:14px}.app p:last-child{margin-bottom:0}.label{font-size:13px;color:var(--accent);margin-bottom:12px}
section{margin-top:44px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;border-block:1px solid var(--line);list-style:none}.flow li{margin:0}.flow b{display:block;color:var(--accent);font-size:15px;margin-bottom:8px}.flow span{color:var(--muted)}
.button{display:inline-block;background:var(--accent);color:var(--bg);padding:12px 20px;border-radius:7px;text-decoration:none;font-weight:650;margin:8px 0}
.prose{max-width:800px}.prose h1{font-size:clamp(32px,5vw,46px)}.prose h2{font-size:24px;margin-top:34px}.prose li{margin:9px 0}.prose ul{padding-left:24px}
.note{border-left:3px solid var(--accent);padding:12px 18px;background:var(--panel);margin:26px 0}
code{font-size:.9em;overflow-wrap:anywhere;color:var(--accent)}
footer{border-top:1px solid var(--line);padding:26px 0 36px;color:var(--muted);font-size:14px}.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer p{margin:0}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header{align-items:flex-start;flex-direction:column;gap:14px}nav{gap:12px 18px}main{padding-top:36px}.apps,.flow{grid-template-columns:1fr}.apps{gap:16px}.app{padding:22px}.flow{gap:18px}.lead{font-size:19px}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light}body{background:#fff;color:#111}a{color:#111}header,.skip{display:none}.wrap{width:100%}main{padding:0}.note,.app{background:#fff;border-color:#777}.muted,footer{color:#333}}
.header{flex-wrap:wrap}.languages{display:flex;align-items:center;gap:4px}.languages a{font-size:11px;line-height:1;padding:10px 8px;border:1px solid transparent;border-radius:5px;text-decoration:none}.languages a[aria-current=page]{border-color:var(--line);color:var(--accent)}