/* A larger, usable app preview; phone visitors get the full viewport. */
.demo-page .demo-nav{min-height:72px;padding:16px 3vw}
.demo-page main{max-width:1600px;grid-template-columns:minmax(460px,1.3fr) minmax(320px,1fr);gap:4vw;padding:24px 4vw 40px;align-items:start}
.demo-page .phone-stage{height:clamp(860px,calc(100svh - 112px),1040px);max-height:none;min-height:0}
.demo-page .intro{padding-top:32px}
.demo-page .brand strong{font-size:clamp(58px,6vw,92px)}
.demo-page .demo-fullscreen{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;margin:0 0 22px;border-radius:999px;background:#f4f7ff;color:#12213d;font:600 15px -apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none}
@media(max-width:1000px){.demo-page main{grid-template-columns:1fr;gap:26px}.demo-page .phone-stage{height:960px}.demo-page .intro{justify-self:center;max-width:640px;width:100%}}
@media(max-width:600px){.demo-page .demo-nav{padding:12px 16px;min-height:64px;flex-wrap:wrap;gap:12px}.demo-page .demo-nav nav{display:none}.demo-page main{display:block;padding:0}.demo-page .phone-stage{height:calc(100svh - 64px);min-height:620px;width:100%;display:block}.demo-page .device-space{width:100%;height:100%}.demo-page .device{position:relative;width:100%;height:100%;padding:0;transform:none;border-radius:0;box-shadow:none}.demo-page .screen{width:100%;height:100%;border-radius:0}.demo-page .island,.demo-page .home-indicator{display:none}.demo-page .intro{padding:30px 22px;box-sizing:border-box}.demo-page .brand strong{font-size:58px}.demo-page .demo-footer{padding:22px}}