.connection-page .sync-hero{align-items:start;gap:32px}
.connection-page .sync-hero h1{font-size:clamp(2.2rem,4vw,3.5rem)!important;line-height:1.1!important;max-width:15ch;margin:16px 0 22px}
.connection-page .connection-countdown{grid-template-columns:70px minmax(0,1fr)}
.connection-page .connection-countdown b{width:70px;height:70px;font-size:32px}
.connection-page .connection-countdown span{font-size:1.15rem;line-height:1.4;overflow-wrap:anywhere}
.connection-page .connection-gate>strong{font-size:1.5rem}
.connection-page .sync-alert,.connection-page #connectStatus{overflow-wrap:anywhere}
.connection-page #connectionRevealText{font-size:1rem;line-height:1.5}
.connection-page .connect-focus-button{white-space:normal;line-height:1.4;min-height:52px}
.connection-page .connection-help a{display:inline-flex;margin-top:12px}
@media(max-width:900px){.connection-page .sync-hero{grid-template-columns:1fr!important}.connection-page .sync-hero h1{max-width:20ch}.connection-page .connection-gate{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.connection-page .connection-gate{transition:none}}