*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#101113;color:#e8e8ea;font:16px/1.75 system-ui,-apple-system,sans-serif}a{color:var(--accent,#ffd60a);text-underline-offset:4px}header,.layout,footer,.home{max-width:1120px;margin:auto;padding:32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #2c2d31}.brand{display:flex;gap:18px;align-items:center;text-decoration:none;color:inherit}.icon{width:76px;height:76px;border-radius:20px;box-shadow:0 8px 28px #0006}.brand strong{font-size:27px;letter-spacing:-1px;display:block}.muted{color:#a3a4ac;font-size:14px}.langs{display:flex;gap:8px}.langs a{padding:7px 12px;border-radius:10px;text-decoration:none;color:#b8bac2}.langs a.active{background:#27282d;color:white}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 40px}.tabs a{padding:8px 16px;border:1px solid #303137;border-radius:24px;color:#c8c9d0;text-decoration:none;font-size:14px}.tabs a.active{background:var(--accent);border-color:var(--accent);color:#141414;font-weight:650}.layout{display:grid;grid-template-columns:230px minmax(0,720px);gap:64px;padding-top:44px}aside{align-self:start;position:sticky;top:32px}aside a{display:block;color:#a3a4ac;font-size:13px;text-decoration:none;padding:7px 0;line-height:1.5}aside a:hover{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--accent)}h1{font-size:clamp(34px,5vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:12px 0 28px}h2{font-size:23px;line-height:1.35;margin:40px 0 12px;letter-spacing:-.5px}p{color:#c5c6ce;margin:16px 0}article p:first-child{font-size:13px;color:#92949e}footer{border-top:1px solid #2c2d31;margin-top:40px;display:flex;justify-content:space-between;gap:20px;color:#92949e;font-size:13px}.card{display:flex;gap:20px;align-items:center;background:#1b1c20;border:1px solid #303137;border-radius:24px;padding:28px;text-decoration:none;color:white;max-width:480px}.card:hover{border-color:var(--accent)}.home{padding-top:72px}.home h1{margin-bottom:20px}.home p{margin-bottom:40px}@media(max-width:800px){header,.layout,footer,.home{padding:24px}.layout{display:block}aside{display:none}.icon{width:60px;height:60px;border-radius:16px}.brand strong{font-size:23px}.brand{gap:12px}.brand .muted{font-size:12px}footer{flex-direction:column}.tabs{gap:6px}.tabs a{padding:7px 12px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}