.status-intro{background:var(--navy);color:#fff;padding:52px 0 46px}
.status-intro-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.status-intro .breadcrumb{margin-bottom:13px}
.status-intro h1{font:800 clamp(36px,5vw,58px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-1.8px;margin:12px 0 13px}
.status-intro p{max-width:720px;margin:0;color:#c3d1db;font-size:17px}
.status-intro .button{flex:0 0 auto;margin-bottom:4px;gap:8px}
.status-content{padding:44px 0 72px;background:#eef3f4}
.status-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;color:var(--muted);font-size:13px}
.status-heading>div{display:flex;align-items:center;gap:11px}
.status-heading h2{font:800 21px/1.2 Manrope,Arial,sans-serif;color:var(--navy);margin:0}
.live-dot{width:10px;height:10px;border-radius:50%;background:#22b573;box-shadow:0 0 0 5px rgba(34,181,115,.12)}
.status-frame-wrap{overflow:hidden;background:#fff;border:1px solid #cedcdf;border-radius:18px;box-shadow:0 18px 55px rgba(8,29,47,.09)}
.status-frame{display:block;width:100%;height:clamp(680px,78vh,980px);border:0;background:#fff}
.status-help,.status-fallback{margin:15px 4px 0;color:var(--muted);font-size:13px}
.status-help a,.status-fallback a{color:#087aa8;font-weight:800}
@media(max-width:760px){.status-intro{padding:40px 0 36px}.status-intro-inner{align-items:flex-start;flex-direction:column;gap:24px}.status-intro .button{width:100%}.status-heading{align-items:flex-start;flex-direction:column;gap:7px}.status-frame{height:760px}.status-content{padding:30px 0 55px}}