/* Hospo iOS demo viewer, scoped to .hospo-native-demo */
.hospo-native-demo{padding:clamp(3rem,7vw,7rem) clamp(1.25rem,5vw,5rem);background:#061428;color:#fff;scroll-margin-block-start:6rem;overflow-x:clip}
.hospo-native-demo .section-label{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.75rem;letter-spacing:.12em;opacity:.7;margin-bottom:clamp(2rem,4vw,3.5rem)}
.hospo-native-demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.hospo-native-demo h2{margin:0 0 1.5rem}
.hospo-native-demo h2 span{opacity:.55}
.hospo-native-demo p{max-inline-size:60ch;line-height:1.65}
.hospo-native-demo-note{font-size:.9rem;opacity:.75}
.hospo-native-demo-note a{color:inherit;text-decoration:underline}
.hospo-native-demo .text-link{color:#fff}
.hospo-native-demo-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-block:2rem 1rem}
.hospo-native-demo-status{font-size:.85rem;opacity:.75;min-block-size:1.4em}
.hospo-native-demo [hidden]{display:none!important}
.hospo-native-demo-stage{display:flex;justify-content:center;min-inline-size:0}
.hospo-native-demo-viewer,.hospo-native-demo-placeholder{inline-size:min(100%,378px);aspect-ratio:378/800;max-block-size:85svh;border-radius:2rem;overflow:hidden}
.hospo-native-demo-viewer{background:#000}
.hospo-native-demo-placeholder{border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:1.5rem;box-sizing:border-box}
.hospo-native-demo-placeholder span{letter-spacing:.3em;font-size:1.1rem}
.hospo-native-demo-placeholder small{opacity:.6}
.hospo-native-demo-frame{display:block;inline-size:100%;block-size:100%;border:0}
.hospo-native-demo :focus-visible{outline:3px solid #00ebd3;outline-offset:4px}
.hospo-native-demo .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:860px){.hospo-native-demo-grid{grid-template-columns:minmax(0,1fr)}.hospo-native-demo-viewer,.hospo-native-demo-placeholder{max-block-size:80svh}}
/* Contrast pass 10 Nov 2026: lighter muted text on navy (WCAG AA) */
.hospo-native-demo .section-label{color:#a8b6c6;opacity:1}
.hospo-native-demo h2 span{color:#a8b6c6;opacity:1}