/* Supplementary styles for expanded content sections (coverage, why, faq, terms). Loaded after styles.css. */
.coverage{padding:9vw 8vw;border-bottom:1px solid var(--line)}
.coverage-lede{max-width:640px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:0 0 2.2rem}
.coverage-grid{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem 1.4rem}
.coverage-grid li{position:relative;padding-left:1.1rem;font-size:.92rem;line-height:1.4;color:var(--ink)}
.coverage-grid li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--violet);border-radius:50%}
.coverage-note{max-width:640px;font-size:.95rem;line-height:1.6;color:#55525f;margin:0}

.why{background:#13111d;color:#fff;padding:9vw 8vw}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.2rem 2rem;margin-top:2.5rem}
.why-grid article h3{font:700 1.2rem/1.3 var(--display);margin:0 0 .5rem;color:#fff}
.why-grid article p{margin:0;color:#cac7d3;font-size:.95rem;line-height:1.55}

.faq{padding:9vw 8vw;border-bottom:1px solid var(--line)}
.faq-list{max-width:820px;margin-top:2.2rem;display:flex;flex-direction:column;gap:.6rem}
.faq-list details{border:1px solid var(--line);padding:1rem 1.2rem;background:#fff}
.faq-list summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:1.3rem;color:var(--violet);flex-shrink:0}
.faq-list details[open] summary:after{content:"–"}
.faq-list p{margin:.8rem 0 0;color:#33313d;line-height:1.55;font-size:.95rem}

#terms-view h2{font:700 1.3rem/1.4 var(--display);margin:1.6rem 0 .5rem;color:var(--ink)}
#terms-view p{margin:0 0 .9rem;line-height:1.6;color:#33313d;max-width:760px}
#terms-view a{color:var(--azure);text-decoration:underline}

/* Generated imagery */
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;border-radius:inherit}
.hero-field{position:relative;overflow:hidden}
.hero-field .signal{z-index:2}
.statement{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.statement-art{width:100%;max-width:420px;justify-self:end;border-radius:6px;box-shadow:0 24px 60px rgba(124,58,237,.18)}
.case-shot{width:100%;margin-top:1.4rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.35);display:block}
.process-art{width:100%;max-width:1100px;margin:3rem auto 0;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.1)}
.mersoid-intro{padding:9vw 8vw;border-bottom:1px solid var(--line);text-align:left}
.mersoid-lede{max-width:640px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2.4rem}
.mersoid-art{width:100%;max-width:960px;display:block;margin:0 0 2.4rem;border-radius:8px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(37,99,235,.12)}

/* Floating chat launcher */
.chat-fab{position:fixed;right:1.6rem;bottom:1.6rem;z-index:60;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;border:0;border-radius:999px;cursor:pointer;font:600 .95rem/1 var(--display,inherit);color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 32px rgba(124,58,237,.45);transition:transform .2s ease,box-shadow .2s ease}
.chat-fab:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,58,237,.55)}
.chat-fab-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3);animation:fabPulse 2s infinite}
@keyframes fabPulse{0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,.3)}50%{box-shadow:0 0 0 6px rgba(74,222,128,.12)}}
body.chat-open .chat-fab{opacity:0;pointer-events:none}

/* Chat streaming, typing indicator, markdown */
.message.typing{display:inline-flex;gap:5px;align-items:center;padding:.9rem 1.1rem}
.message.typing .dot{width:7px;height:7px;border-radius:50%;background:#7c3aed;opacity:.4;animation:typingDot 1.2s infinite}
.message.typing .dot:nth-child(2){animation-delay:.2s}
.message.typing .dot:nth-child(3){animation-delay:.4s}
@keyframes typingDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.cursor-blink{display:inline-block;width:2px;height:1em;margin-left:2px;background:#7c3aed;vertical-align:text-bottom;animation:cursorBlink .8s steps(1) infinite}
@keyframes cursorBlink{50%{opacity:0}}
.message.assistant p{margin:.25rem 0}
.message.assistant h4{margin:.7rem 0 .3rem;font-size:1rem;color:#2a2140}
.message.assistant ul,.message.assistant ol{margin:.35rem 0;padding-left:1.25rem}
.message.assistant li{margin:.2rem 0}
.message.assistant .md-gap{height:.45rem}
.message.assistant .md-inline{background:rgba(124,58,237,.1);border-radius:4px;padding:.1em .35em;font-size:.88em;font-family:ui-monospace,Consolas,monospace}
.message.assistant .md-code{background:#12101c;color:#e6e2f5;border-radius:8px;padding:.8rem 1rem;margin:.5rem 0;overflow-x:auto;font-size:.85em;font-family:ui-monospace,Consolas,monospace;line-height:1.5}
.message.assistant a{color:#2563eb;text-decoration:underline}
.message.assistant strong{font-weight:700}

/* Hero particle canvas */
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* Tech ticker */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0f1d;padding:.85rem 0;white-space:nowrap}
.ticker-track{display:inline-flex;align-items:center;gap:2.2rem;animation:tickerScroll 36s linear infinite;will-change:transform}
.ticker-track span{font:600 .8rem/1 var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;color:#8b93b8}
.ticker-track i{color:#7c3aed;font-style:normal;font-size:.6rem}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Stats strip */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:5rem 8vw;border-bottom:1px solid var(--line)}
.stat-number{display:block;font:800 clamp(2rem,4vw,3.2rem)/1 var(--display,inherit);background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.6rem}
.stats-strip .stat p{font-size:.9rem;color:#5a5768;max-width:220px}

/* Capability artwork */
.capability-list article{position:relative}
.capability-art{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--line);flex:0 0 auto}

/* Technology radar */
.radar{padding:9vw 8vw;border-bottom:1px solid var(--line)}
.radar-lede{max-width:620px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2.6rem}
.radar-art{width:100%;max-width:1050px;display:block;border-radius:10px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(37,99,235,.14)}

/* Security & trust */
.security{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;padding:9vw 8vw;background:#070b16;border-bottom:1px solid rgba(255,255,255,.08)}
.security .section-label{color:#8b93b8}
.security h2{color:#f4f2fb;font:800 clamp(1.8rem,3.4vw,2.6rem)/1.15 var(--display,inherit);margin:.8rem 0 1.6rem}
.security-list{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}
.security-list li{color:#aab1cf;font-size:.98rem;line-height:1.55;padding-left:1.4rem;position:relative}
.security-list li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,#7c3aed,#2563eb)}
.security-list strong{color:#e8e5f5}
.security-art{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(124,58,237,.25)}

/* Global presence */
.presence{padding:9vw 8vw;border-bottom:1px solid var(--line);text-align:left}
.presence-art{width:100%;max-width:1050px;display:block;margin:2.4rem 0;border-radius:10px;border:1px solid var(--line)}
.clock-row{display:flex;gap:3.5rem;flex-wrap:wrap}
.clock span{font:700 1.7rem/1 ui-monospace,Consolas,monospace;color:#2a2140;letter-spacing:.04em}
.clock p{margin:.35rem 0 0;font-size:.85rem;color:#5a5768;text-transform:uppercase;letter-spacing:.1em}

/* Live console */
.syscheck{padding:9vw 8vw;background:#070b16;border-bottom:1px solid rgba(255,255,255,.08)}
.section-heading.light h2{color:#f4f2ff}
.section-heading.light .section-label{color:#8b93b8}
.syscheck-lede{max-width:640px;color:#aab1cf;font-size:1.02rem;line-height:1.6;margin:1.4rem 0 2.4rem}
.console{max-width:860px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.5)}
.console-bar{display:flex;align-items:center;gap:.5rem;background:#141827;padding:.7rem 1rem}
.console-bar span{width:11px;height:11px;border-radius:50%;background:#3a4060}
.console-bar span:nth-child(1){background:#f87171}.console-bar span:nth-child(2){background:#fbbf24}.console-bar span:nth-child(3){background:#4ade80}
.console-bar p{margin:0 0 0 .8rem;font:500 .75rem/1 ui-monospace,Consolas,monospace;color:#8b93b8}
#console-body{margin:0;padding:1.3rem 1.4rem;background:#0b0e1a;color:#b7f04a;font:400 .85rem/1.8 ui-monospace,Consolas,monospace;min-height:190px;white-space:pre-wrap}

/* Closing with art */
.closing{position:relative;overflow:hidden}
.closing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.closing-copy{position:relative;z-index:2}

/* Chat avatars */
.chat-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:.6rem;vertical-align:middle}
.fab-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}

/* Audience selector */
.audiences{padding:7vw 8vw;border-bottom:1px solid var(--line)}
.audiences-lede{max-width:620px;font-size:1.02rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2rem}
.audience-chips{display:flex;flex-wrap:wrap;gap:.7rem}
.chip{padding:.7rem 1.3rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:#33313d;font:600 .88rem/1 var(--display,inherit);cursor:pointer;transition:all .2s ease}
.chip:hover{border-color:#7c3aed;color:#7c3aed}
.chip.active{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(124,58,237,.35)}
.audience-note{margin:1.4rem 0 0;font-size:.95rem;color:#5b21b6;min-height:1.4em}
[data-industries]{transition:opacity .35s ease,filter .35s ease}
[data-industries].dimmed{opacity:.25;filter:grayscale(.8)}
[data-industries].spotlit{opacity:1}

/* MERSO Lab */
.lab{padding:9vw 8vw;border-bottom:1px solid var(--line);background:#faf9fd}
.lab-lede{max-width:640px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2.6rem}
.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.lab-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.8rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .25s ease,box-shadow .25s ease}
.lab-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(124,58,237,.14)}
.lab-tag{font:700 .68rem/1 var(--display,inherit);letter-spacing:.14em;color:#7c3aed}
.lab-card h3{margin:0;font-size:1.15rem;color:#1c1830}
.lab-card p{margin:0;font-size:.93rem;line-height:1.55;color:#4b4860}
.lab-meta{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin-top:auto}
.lab-meta li{font:600 .72rem/1 var(--display,inherit);color:#4c1d95;background:rgba(124,58,237,.08);border-radius:999px;padding:.4rem .75rem}

/* Weather */
.clock .weather{display:block;margin-top:.3rem;font-size:.8rem;color:#7c3aed;font-weight:600}

/* Merso name meaning */
.statement-meaning{margin-top:1.8rem;font-size:1.05rem;line-height:1.7;color:#4b4860;max-width:560px}
.statement-meaning strong{color:#7c3aed}
.statement-meaning em{color:#2563eb;font-style:italic}

/* Chat markdown tables */
[hidden]{display:none!important}
.message.assistant:has(.md-table-wrap){max-width:100%}
.message .md-table-wrap{overflow-x:auto;margin:.6rem 0;max-width:100%}
.message table.md-table{border-collapse:collapse;width:100%;font-size:.83rem;line-height:1.45}
.message .md-table th,.message .md-table td{border:1px solid rgba(17,17,24,.14);padding:.45rem .6rem;text-align:left;vertical-align:top}
.message .md-table th{background:rgba(124,58,237,.09);font-weight:700;white-space:nowrap}
.message .md-table tr:nth-child(even) td{background:rgba(17,17,24,.03)}

/* Compact chat once a conversation is underway */
.messages{min-height:3.4rem}
.chat-panel.compact .chat-intro{padding:.5rem 0 .3rem}
.chat-panel.compact .chat-intro h2{font-size:1rem;margin:0}
.chat-panel.compact .chat-intro p{display:none}
@media (max-width:720px){
  .chat-panel.compact .chat-intro{display:none}
  .message .md-table th,.message .md-table td{padding:.35rem .45rem;font-size:.78rem}
  .hero-field{display:none}
}

@media (max-width:900px){.stats-strip{grid-template-columns:repeat(2,1fr);padding:4rem 6vw}.security{grid-template-columns:1fr;gap:2.4rem}.lab-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.coverage,.why,.faq,.mersoid-intro{padding:16vw 6vw}.statement{grid-template-columns:1fr}.statement-art{justify-self:start;max-width:100%}.chat-fab{right:1rem;bottom:1rem;padding:.8rem 1.2rem}.capability-art{display:none}.clock-row{gap:2rem}.radar,.presence,.syscheck,.security,.lab,.audiences{padding:16vw 6vw}.lab-grid{grid-template-columns:1fr}}

.suggest-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 10px}
.s-chip{background:rgba(124,77,255,.08);border:1px solid rgba(124,77,255,.3);color:#b9a8e8;border-radius:999px;padding:6px 13px;font:inherit;font-size:.78rem;cursor:pointer;text-align:left;transition:all .2s}
.s-chip:hover{border-color:rgba(124,77,255,.75);color:#efe9ff;background:rgba(124,77,255,.16)}

/* Featured insights on homepage */
.insights-feature{padding:9vw 8vw;border-bottom:1px solid var(--line)}.insights-lede{max-width:640px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2.4rem}
.insights-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.6rem;margin-bottom:2rem}
.insight-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.insight-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(124,58,237,.16)}
.insight-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.insight-tag{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin:1.1rem 1.2rem .4rem;font-weight:600}
.insight-card h3{font:700 1.08rem/1.35 var(--display);margin:0 1.2rem .5rem;color:var(--ink)}
.insight-card p{margin:0 1.2rem 1.3rem;font-size:.9rem;line-height:1.55;color:#55525f}
.insights-all{font-weight:600}
@media (max-width:720px){.insights-feature{padding:16vw 6vw}}

/* Brand wordmark under logo (header sits on dark hero) */
.brand{text-decoration:none}
.brand-word{display:block;margin-top:5px;font:800 .7rem/1 var(--display);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}
.brand-word .m{color:#a78bfa}
.brand-word .it{color:#4db2ff}
@media (max-width:720px){.brand-word{font-size:.6rem;letter-spacing:.22em}}

/* Solutions router (homepage) */
.solutions-router{padding:9vw 8vw;border-bottom:1px solid var(--line)}
.solutions-lede{max-width:640px;font-size:1.05rem;line-height:1.6;color:#33313d;margin:1.4rem 0 2.4rem}
.router-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem}
.router-card{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:1.8rem;transition:transform .25s ease,box-shadow .25s ease}
.router-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(37,99,235,.14)}
.router-card .r-tag{font:700 .68rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#2563eb}
.router-card h3{margin:0;font:700 1.15rem/1.3 var(--display);color:#1c1830}
.router-card p{margin:0;font-size:.92rem;line-height:1.55;color:#4b4860}
.router-card .r-go{margin-top:auto;font:600 .88rem/1 var(--display);color:#7c3aed}
.router-card:hover .r-go{color:#2563eb}
@media (max-width:720px){.solutions-router{padding:16vw 6vw}}

/* Dedicated solution pages */
a.primary{display:inline-block;text-decoration:none;text-align:center}
a.nav-cta{text-decoration:none}
.sol-hero{background:#13111d;color:#fff;padding:clamp(150px,18vw,200px) 8vw clamp(60px,8vw,100px);position:relative;overflow:hidden}
.sol-hero:after{content:"";position:absolute;right:-20%;top:-30%;width:60%;height:160%;background:radial-gradient(circle,rgba(124,58,237,.28),transparent 65%);pointer-events:none}
.sol-hero .eyebrow{font:700 .72rem/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#a78bfa;margin:0 0 1.2rem}
.sol-hero h1{font:800 clamp(2rem,4.6vw,3.4rem)/1.12 var(--display);margin:0 0 1.4rem;max-width:820px}
.sol-hero h1 span{background:linear-gradient(135deg,#a78bfa,#4db2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sol-hero .sol-lede{max-width:640px;font-size:1.08rem;line-height:1.65;color:#c6c2d6;margin:0 0 2.2rem}
.sol-hero .hero-actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.sol-section{padding:7vw 8vw;border-bottom:1px solid var(--line)}
.sol-section h2{font:800 clamp(1.5rem,3vw,2.2rem)/1.2 var(--display);margin:.6rem 0 1.2rem;max-width:720px}
.sol-section .sol-body{max-width:680px;font-size:1.02rem;line-height:1.65;color:#33313d}
.sol-list{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem 1.4rem}
.sol-list li{position:relative;padding-left:1.1rem;font-size:.93rem;line-height:1.45;color:var(--ink)}
.sol-list li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--violet);border-radius:50%}
.sol-proof{background:#13111d;color:#fff}
.sol-proof h2{color:#fff}
.sol-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin-top:2rem}
.sol-proof-grid article{border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:1.6rem;background:rgba(255,255,255,.03)}
.sol-proof-grid .r-tag{display:block;font:700 .66rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#a78bfa;margin-bottom:.7rem}
.sol-proof-grid h3{margin:0 0 .6rem;font:700 1.08rem/1.35 var(--display);color:#fff}
.sol-proof-grid p{margin:0;font-size:.9rem;line-height:1.55;color:#cac7d3}
.sol-steps{list-style:none;counter-reset:s;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;max-width:980px}
.sol-steps li{counter-increment:s;border:1px solid var(--line);border-radius:10px;padding:1.4rem;background:#fff}
.sol-steps li:before{content:"0" counter(s);display:block;font:800 .8rem/1 var(--display);color:#7c3aed;margin-bottom:.6rem}
.sol-steps strong{display:block;margin-bottom:.4rem;font-family:var(--display)}
.sol-steps p{margin:0;font-size:.9rem;line-height:1.5;color:#4b4860}
.sol-cta{padding:7vw 8vw;display:grid;gap:1.6rem;justify-items:start}
@media (max-width:720px){.sol-section,.sol-cta{padding:14vw 6vw}}

/* Desktop polish: align section ledes under the offset headline column */
@media (min-width:1000px){
  .solutions-lede,.audiences-lede,.coverage-lede,.coverage-note,.radar-lede,.lab-lede,.insights-lede,.mersoid-lede,.syscheck-lede{margin-left:33%;font-size:1.15rem;max-width:680px}
  .hero-ctas .primary,.hero .primary{padding:1.15rem 1.8rem;font-size:1.05rem}
}
/* Security headline was capped far below the site heading scale */
.security h2{font:800 clamp(2rem,3.6vw,3.8rem)/1.12 var(--display,inherit)}

/* Mobile: nav was display:none with no menu — restore as a scrollable row */
@media (max-width:800px){
  .site-header{height:auto;padding-top:.65rem;padding-bottom:.5rem}
  .site-header nav{display:flex;grid-column:1 / -1;grid-row:2;overflow-x:auto;gap:1.15rem;padding:.55rem 0 .15rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{font-size:.8rem;white-space:nowrap;opacity:.92}
  .hero{padding-top:175px}
  .sol-hero{padding-top:175px}
  footer{padding-bottom:5.5rem} /* keep chat FAB clear of footer links */
}

/* Status page */
.status-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;max-width:680px}
.status-item{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.3rem;border:1px solid var(--line,rgba(17,17,24,.16));border-radius:14px;background:#fff;font-weight:600}
.status-state{font:700 .8rem/1 var(--display,inherit);letter-spacing:.08em;text-transform:uppercase}
.state-operational{color:#15803d}
.state-degraded{color:#b45309}
.status-meta{color:rgba(17,17,24,.62);font-size:.9rem;max-width:680px}