.status-board{--status-green:#0e8a69;--status-green-soft:#e8f7f1;--status-amber:#c66a17;--status-amber-soft:#fff2e4;--status-red:#c73e45;--status-red-soft:#fff0f1;--status-ink:#17314f;display:grid;gap:1.5rem;width:min(100%,1220px);margin:auto}.status-breadcrumb{display:flex;gap:.55rem;padding-top:1.3rem;color:#8a95a3;font-size:.72rem}.status-breadcrumb a{color:#075f9d}.status-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:clamp(1.7rem,4vw,3.2rem);border:1px solid rgba(14,138,105,.12);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 5% 20%,rgba(22,165,182,.13),transparent 28%),linear-gradient(135deg,#f7fffc,#edf9f5);box-shadow:0 22px 65px rgba(4,44,113,.08)}.status-hero--degraded,.status-hero--unknown{border-color:rgba(198,106,23,.15);background:radial-gradient(circle at 5% 20%,rgba(245,163,79,.14),transparent 28%),linear-gradient(135deg,#fffdf9,#fff5e9)}.status-hero--outage{border-color:rgba(199,62,69,.15);background:radial-gradient(circle at 5% 20%,rgba(199,62,69,.12),transparent 28%),linear-gradient(135deg,#fffafa,#fff0f1)}.status-hero__signal{position:relative;display:grid;place-items:center;width:104px;height:104px}.status-hero__signal span,.status-hero__signal i,.status-hero__signal b{position:absolute;border-radius:50%}.status-hero__signal span{width:48px;height:48px;background:var(--status-green);box-shadow:0 12px 28px rgba(14,138,105,.24)}.status-hero__signal i,.status-hero__signal b{border:1px solid rgba(14,138,105,.2)}.status-hero__signal i{width:76px;height:76px}.status-hero__signal b{width:102px;height:102px}.status-hero--degraded .status-hero__signal span,.status-hero--unknown .status-hero__signal span{background:var(--status-amber);box-shadow:0 12px 28px rgba(198,106,23,.2)}.status-hero--degraded .status-hero__signal i,.status-hero--degraded .status-hero__signal b,.status-hero--unknown .status-hero__signal i,.status-hero--unknown .status-hero__signal b{border-color:rgba(198,106,23,.22)}.status-hero--outage .status-hero__signal span{background:var(--status-red);box-shadow:0 12px 28px rgba(199,62,69,.2)}.status-eyebrow,.status-section-heading>span,.status-history>div:first-child>span,.status-help>div:first-child>span,.status-incidents>div:first-child>span{color:#087d75;font-size:.68rem;font-weight:900}.status-hero h1{margin:.35rem 0;color:var(--status-ink);font-size:clamp(2rem,4vw,3.6rem);line-height:1.35}.status-hero__copy>p{max-width:760px;margin:0;color:#617286;font-size:.87rem;line-height:2}.status-hero__meta{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;margin-top:1rem;color:#718095;font-size:.67rem}.status-hero__meta span{display:flex;align-items:center;gap:.35rem}.status-hero__meta span:before{width:6px;height:6px;border-radius:50%;background:#16a58f;content:""}.status-hero__action{white-space:nowrap}.status-incidents{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.35rem;border:1px solid rgba(14,138,105,.1);border-radius:22px;background:#f4fbf8}.status-incidents__check{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:var(--status-green);font-weight:950}.status-incidents strong{color:#24415d;font-size:.85rem}.status-incidents p{margin:.2rem 0 0;color:#718095;font-size:.7rem}.status-incidents--active{display:grid;border-color:rgba(199,62,69,.13);background:#fff6f6}.status-incidents h2{margin:.3rem 0;color:#69363a;font-size:1.2rem}.status-incidents ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.status-incidents li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.8rem;border-radius:13px;background:#fff}.status-incidents li>span{width:9px;height:9px;border-radius:50%;background:var(--status-red)}.status-incidents li p{color:#60464a}.status-incidents time{color:#9a7779;font-size:.62rem}.status-services{display:grid;gap:1rem;padding:clamp(1.2rem,3vw,2.1rem);border:1px solid rgba(4,44,113,.08);border-radius:30px;background:#fff;box-shadow:0 18px 55px rgba(4,44,113,.055)}.status-section-heading{max-width:820px}.status-section-heading h2,.status-history h2,.status-help h2{margin:.35rem 0;color:var(--status-ink);font-size:clamp(1.55rem,3vw,2.3rem)}.status-section-heading p,.status-history>div:first-child>p,.status-help>div:first-child>p{margin:0;color:#69798b;font-size:.78rem;line-height:1.95}.status-group{padding-top:1.15rem;border-top:1px solid #edf1f4}.status-group>header>div{display:flex;gap:.75rem;align-items:center}.status-group>header span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#075f9d;background:#eaf4fa;font-size:.65rem;font-weight:900}.status-group h3{margin:0;color:#28465f;font-size:1rem}.status-group header p{margin:.2rem 0 0;color:#85909e;font-size:.66rem}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.85rem}.status-card{min-height:170px;padding:1.05rem;border:1px solid rgba(4,44,113,.08);border-radius:18px;background:#fbfcfd}.status-card__top{display:flex;gap:.42rem;align-items:center;color:var(--status-green);font-size:.64rem}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(14,138,105,.1)}.status-card h4{margin:.85rem 0 .35rem;color:#2a475f;font-size:.88rem}.status-card>p{margin:0;color:#718095;font-size:.69rem;line-height:1.8}.status-card small{display:block;margin-top:.75rem;padding-top:.65rem;border-top:1px solid #edf1f4;color:#8895a4;font-size:.61rem;line-height:1.65}.status-card--degraded .status-card__top,.status-card--unknown .status-card__top{color:var(--status-amber)}.status-card--degraded,.status-card--unknown{background:#fffbf6}.status-card--outage .status-card__top{color:var(--status-red)}.status-card--outage{background:#fff8f8}.status-history{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:center;padding:clamp(1.25rem,3vw,2rem);border-radius:27px;background:linear-gradient(135deg,#f2f7fa,#f8fbfc)}.status-history__rail{display:flex;gap:4px;align-items:center;min-height:54px;padding:1rem;border-radius:14px;overflow-x:auto;background:#fff}.status-history__point{flex:1 0 5px;min-width:5px;height:24px;border-radius:4px;background:#d7eee6}.status-history__point--degraded{background:#f5c896}.status-history__point--outage{background:#eaa7aa}.status-history__point i{display:none}.status-history__legend{display:flex;justify-content:flex-end;gap:1rem;margin-top:.45rem;color:#7a8795;font-size:.61rem}.status-history__legend span{display:flex;gap:.3rem;align-items:center}.status-history__legend i{width:7px;height:7px;border-radius:50%}.is-operational{background:var(--status-green)}.is-degraded{background:var(--status-amber)}.is-outage{background:var(--status-red)}.status-history__empty{padding:1rem;border-radius:14px;color:#7a8795;background:#fff;font-size:.72rem}.status-help{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:28px;color:#fff;background:linear-gradient(135deg,#031d4b,#075f82);box-shadow:0 22px 55px rgba(3,29,75,.18)}.status-help>div:first-child{max-width:760px}.status-help h2{color:#fff}.status-help>div:first-child>p{color:#d0dce8}.status-help__actions{display:flex;flex:0 0 auto;gap:.6rem}.status-help .button{color:#042c71;background:#fff;border-color:#fff}.status-help .button-secondary{color:#fff;background:transparent;border-color:rgba(255,255,255,.28)}
@media(max-width:940px){.status-hero{grid-template-columns:auto 1fr}.status-hero__action{grid-column:1/-1;justify-self:start}.status-grid{grid-template-columns:1fr 1fr}.status-history{grid-template-columns:1fr}.status-help{align-items:flex-start;flex-direction:column}.status-help__actions{width:100%}}@media(max-width:620px){.status-board{gap:1.1rem}.status-hero{grid-template-columns:1fr;padding:1.25rem;border-radius:24px}.status-hero__signal{width:70px;height:70px}.status-hero__signal span{width:34px;height:34px}.status-hero__signal i{width:52px;height:52px}.status-hero__signal b{width:68px;height:68px}.status-hero h1{font-size:2rem}.status-hero__action,.status-help__actions .button{width:100%}.status-grid{grid-template-columns:1fr}.status-card{min-height:auto}.status-incidents li{grid-template-columns:auto 1fr}.status-incidents time{grid-column:2}.status-services{padding:1rem;border-radius:22px}.status-help__actions{flex-direction:column}.status-history__legend{justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){.status-hero__signal i{animation:status-pulse 2.4s ease-out infinite}.status-hero__signal b{animation:status-pulse 2.4s .7s ease-out infinite}@keyframes status-pulse{0%{opacity:.8;transform:scale(.75)}80%,100%{opacity:0;transform:scale(1.08)}}}
