.demo-hero { width:100%; max-width:1280px; margin-inline:auto; padding-inline:16px; padding-bottom:64px; text-align:center; }
.demo-hero h1 { margin:0; }
.demo-tour-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin-top:24px; font-size:14px; }
.demo-tour-controls .download-button { position:relative; }
.demo-tour-controls .download-button::before { content:""; position:absolute; inset:-4px 0; }
.demo-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.demo-tour-controls select { max-width:100%; min-height:44px; padding:9px 32px 9px 12px; color:var(--preview-text); background:var(--preview-segment); border:0; border-radius:12px; font:inherit; }
.demo-hero .launch-hero-window { height:clamp(460px,calc(100svh - 320px),660px); margin-top:20px; }
@media(min-width:640px) { .demo-hero { padding-inline:24px; padding-bottom:80px; } }