/* Shared finishing layer for the landing page and account shell. */
:root{--accent:#80c9ff}html{scroll-padding-top:130px}.brand{white-space:nowrap}.brand img{flex-shrink:0}.bar,.topbar{gap:20px}a,button{transition:color .18s,background .18s,border-color .18s}.bar nav a:hover,.topbar nav a:hover{color:#80c9ff}.button:hover{border-color:#80c9ff}.primary:hover{background:#a1d7ff}.hero{padding-top:64px;padding-bottom:72px}.section{padding-top:80px;padding-bottom:80px}#examples{padding-bottom:0}.site-footer{background:#0c0e11;border-top:1px solid #2b3035;padding:56px max(24px,calc((100vw - 1136px)/2)) 24px;color:#a8afb6;font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer .brand{color:#f3f4f5;font-size:24px;display:flex;align-items:center;gap:11px;text-decoration:none}.site-footer .brand img{width:34px;height:34px}.site-footer p{max-width:300px;font-size:14px;line-height:1.7}.site-footer h3{color:#f3f4f5;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px}.footer-column{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.site-footer a{text-decoration:none}.site-footer a:hover{color:#80c9ff}.footer-bottom{border-top:1px solid #24292f;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom span{max-width:640px}.language{white-space:nowrap}.top-actions{margin-left:auto}.topbar nav{margin-left:auto}#examples:focus-within .compare{outline-offset:-3px}@media(max-width:950px){.bar,.topbar{flex-wrap:wrap;height:auto;padding-top:16px;padding-bottom:16px}.bar nav,.topbar .nav{order:5;width:100%;display:flex!important;justify-content:flex-start;gap:24px;overflow:auto;margin:0;padding:5px 0;white-space:nowrap}.bar>.language{margin-left:auto}.bar>.button{font-size:12px;padding:9px 12px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:24px}}@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.hero{padding:36px 0 48px;gap:28px}.hero h1{font-size:clamp(34px,9.2vw,48px);line-height:1.06;margin:18px 0}.intro{font-size:16px}.architecture-reference{min-height:360px}.section{padding:56px 0}#examples{padding-bottom:0}h2{font-size:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.site-footer{padding-top:36px}.site-footer p{max-width:100%}.bar nav,.topbar .nav{gap:20px;font-size:12px}.topbar{padding-left:20px;padding-right:20px}.top-actions .btn{font-size:12px}.credit-panel{padding:22px}#video{min-height:510px}#video h2{font-size:38px}.tools{gap:16px}.tools>span[aria-hidden]{display:none}dl div{font-size:12px}.labels span{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}