/* Final responsive overrides keep the first screen focused on purpose and action. */
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:32px;gap:24px}.hero h1{font-size:2.2rem;margin-bottom:14px}.hero .tagline{font-size:1.65rem;margin-bottom:16px}.hero .lead{font-size:1rem}.hero .actions{margin-top:20px;gap:14px}.hero .fine{margin-bottom:0}.preview dl{margin:16px 0}.mini-screen{min-height:0}.demos h3{min-height:0}.section{padding-top:40px;padding-bottom:40px}}
