:root { color-scheme: dark; --bg:#09090b; --text:#eeeef3; --muted:#9a98a6; --line:rgba(213,211,225,.10); --accent:#bcb5d2; --green:#94b5a5; --offline:#c0a88d; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:'DM Sans',sans-serif; font-size:14px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body::before { content:''; position:absolute; inset:0 0 auto; height:640px; pointer-events:none; z-index:-1; background:linear-gradient(rgba(205,201,225,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(205,201,225,.024) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(#000,transparent); }
body::after { content:''; position:absolute; z-index:-1; pointer-events:none; top:0; left:15%; width:70%; height:520px; background:radial-gradient(ellipse at 50% 0,rgba(154,142,191,.055),transparent 70%); }
a { color:inherit; text-decoration:none; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:6px; border-radius:4px; }
svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:'Instrument Sans','DM Sans',sans-serif; }
.wrap { width:min(1100px,calc(100% - 64px)); margin-inline:auto; }
.site-header { border-bottom:1px solid rgba(213,211,225,.075); }
.header-inner { display:flex; align-items:center; min-height:94px; gap:25px; }
.brand { display:flex; align-items:center; gap:13px; }
.brand img { object-fit:contain; }
.brand span { font-family:'Instrument Sans',sans-serif; font-size:23px; font-weight:600; letter-spacing:-.035em; }
.page-label { border-left:1px solid var(--line); padding-left:25px; color:#918c9e; font-size:13px; }
.back-link { display:inline-flex; align-items:center; gap:9px; margin-left:auto; color:#b8b4c2; font-size:13px; }
.back-link svg { width:15px; height:15px; }
.back-link:hover,.refresh-link:hover,.product-action a:hover,.support-note a:hover,.site-footer a:hover { color:#fff; }
.page-intro { padding:63px 0 36px; }
.eyebrow { display:block; font-size:12px; font-weight:500; color:#a8a2b9; margin-bottom:13px; }
h1 { font-size:clamp(42px,5.2vw,64px); line-height:1.06; letter-spacing:-.055em; font-weight:600; }
h1 span { color:#bcb5d2; background:linear-gradient(105deg,#e3e0ee,#ada4c7); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.intro-copy { margin-top:18px; font-size:15px; line-height:1.7; color:var(--muted); }
.intro-copy br { display:none; }
.overview { display:flex; align-items:center; gap:19px; padding:25px 27px; border:1px solid rgba(200,196,220,.14); border-radius:13px; background:linear-gradient(120deg,rgba(202,196,225,.048),rgba(202,196,225,.012)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.overview-icon { display:grid; place-items:center; width:44px; height:48px; flex-shrink:0; color:#c3bdd4; }
.overview-icon svg { width:32px; height:32px; stroke-width:1.3; }
.overview h2 { font-size:17px; font-weight:500; letter-spacing:-.02em; }
.overview-copy p { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); margin-top:5px; }
.overview-count { margin-left:auto; padding-left:28px; border-left:1px solid var(--line); min-width:151px; }
.overview-count>span { color:#777381; font-size:22px; line-height:1.2; font-variant-numeric:tabular-nums; }
.overview-count strong { color:#e4e1ec; font-size:31px; font-weight:500; }
.overview-count p { color:#9994a5; font-size:11px; margin-top:4px; }
.dot { width:6px; height:6px; border-radius:50%; display:inline-block; flex-shrink:0; background:currentColor; }
.dot.available { background:var(--green); }
.dot.offline { background:var(--offline); }
.dot.caution { background:#c1a46c; }.dot.updating { background:#aaa1c9; }.dot.banwave { background:#c18287; }
.products { margin-top:42px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:17px; }
.section-heading h2 { font-size:17px; font-weight:500; letter-spacing:-.025em; }
.section-heading h2 span { margin-left:8px; color:#777180; font:11px 'DM Sans',sans-serif; }
.refresh-link { color:#97929f; display:inline-flex; align-items:center; gap:7px; font-size:12px; }
.refresh-link svg { width:14px; height:14px; }
.product-table { border:1px solid var(--line); border-radius:14px; overflow:hidden; background:linear-gradient(140deg,rgba(205,200,222,.025),transparent 60%),rgba(15,15,19,.66); }
.product-row { display:grid; grid-template-columns:minmax(240px,1.6fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(108px,.7fr); align-items:center; gap:16px; padding:28px; }
.product-row+.product-row { border-top:1px solid var(--line); }
.table-head { padding-top:15px; padding-bottom:15px; font-size:11px; color:#8e889c; background:rgba(214,210,230,.018); }
.product-name { display:flex; align-items:center; gap:16px; min-width:0; }
.product-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(202,195,225,.11); border-radius:10px; background:linear-gradient(140deg,rgba(199,189,222,.07),rgba(199,189,222,.025)); color:var(--accent); flex-shrink:0; }
.product-icon svg { width:23px; height:23px; stroke-width:1.45; }
.product-name h3 { font-size:17px; font-weight:500; letter-spacing:-.025em; }
.product-name p { margin-top:2px; color:#918a9e; font-size:12px; }
.status-pill { display:inline-flex; align-items:center; gap:6px; min-height:29px; padding:4px 9px; border:1px solid rgba(143,180,159,.14); border-radius:6px; background:rgba(130,162,146,.055); color:#a1bbaf; font-size:11px; font-weight:500; }
.status-pill svg { width:13px; height:13px; }
.availability { display:inline-flex; align-items:center; gap:8px; color:#c2bdcd; font-size:12px; }
.availability.is-offline { color:#c0ad98; }
.not-reported { color:#807a8b; font-size:12px; }
.product-action a { display:flex; align-items:center; justify-content:flex-end; gap:9px; font-size:12px; color:#b4adbf; }
.product-action svg { width:15px; height:15px; }
.row-offline .product-icon { color:#9892a4; background:rgba(202,195,225,.02); }
.mobile-label { display:none; }
.page-bottom { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:48px; padding:35px 0 49px; }
.status-guide { border-bottom:1px solid var(--line); align-self:start; }
summary { display:flex; align-items:center; justify-content:space-between; gap:25px; cursor:pointer; list-style:none; padding:6px 0 25px; }
summary::-webkit-details-marker { display:none; }
summary strong { font-size:17px; font-weight:500; letter-spacing:-.025em; }
summary .eyebrow { font-size:11px; color:#93899f; margin-bottom:7px; }
summary>svg { color:#8f869f; width:16px; height:16px; transition:transform .2s ease; }
details[open] summary>svg { transform:rotate(180deg); }
dl { margin:0 0 20px; }
dl>div { display:grid; grid-template-columns:140px 1fr; gap:15px; padding:11px 0; border-top:1px solid rgba(213,211,225,.06); }
dt { display:flex; gap:8px; align-items:baseline; font-size:12px; color:#c2bccc; }
dd { margin:0; font-size:12px; color:#91899e; }
.support-note { border-left:1px solid var(--line); padding-left:35px; }
.support-note .eyebrow { margin-bottom:6px; font-size:11px; color:#93899f; }
.support-note h2 { font-size:20px; font-weight:500; letter-spacing:-.03em; }
.support-note p { margin-top:7px; font-size:12px; color:#9991a6; }
.support-note a { display:inline-flex; align-items:center; gap:8px; color:#c7bfd9; font-size:12px; font-weight:500; margin-top:14px; }
.support-note a svg { width:14px; height:14px; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding:25px 0 32px; font-size:11px; color:#827a8e; }
.site-footer a { display:flex; align-items:center; gap:6px; color:#a49caf; }.site-footer svg { width:12px; height:12px; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { position:fixed; top:10px; left:10px; z-index:10; background:#24212c; padding:12px; }
@media (max-width:900px) { .product-row { grid-template-columns:minmax(200px,1.5fr) minmax(120px,1fr) minmax(100px,.8fr) 96px; gap:12px; padding-inline:20px; }.product-name { gap:11px; }.product-name h3 { font-size:16px; }.product-icon { width:38px; height:38px; }.product-name p { font-size:11px; }.overview h2 { font-size:16px; }.overview-count { min-width:130px; padding-left:20px; } }
@media (max-width:700px) {
  .wrap { width:calc(100% - 40px); }.header-inner { min-height:78px; gap:16px; }.brand { gap:8px; }.brand img { width:44px; height:44px; }.brand span { font-size:20px; }.page-label { display:none; }.back-link { font-size:11px; gap:6px; }.back-link svg { width:13px; }
  .page-intro { padding:43px 0 27px; }.eyebrow { font-size:11px; }h1 { font-size:46px; }.intro-copy { font-size:13px; margin-top:14px; }.intro-copy br { display:block; }
  .overview { padding:19px; gap:12px; align-items:flex-start; flex-wrap:wrap; }.overview-icon { width:28px; height:28px; }.overview-icon svg { width:27px; height:27px; }.overview-copy { flex:1; }.overview h2 { font-size:15px; line-height:1.45; }.overview-copy p { font-size:11px; align-items:baseline; line-height:1.5; margin-top:7px; }.overview-count { width:100%; display:flex; gap:8px; align-items:baseline; border-left:0; border-top:1px solid var(--line); padding:12px 0 0; margin-top:3px; }.overview-count>span { font-size:15px; }.overview-count strong { font-size:18px; }.overview-count p { margin:0; }
  .products { margin-top:31px; }.section-heading h2 { font-size:16px; }.section-heading h2 span { display:none; }.refresh-link { font-size:11px; gap:5px; }
  .table-head { display:none; }.product-row { grid-template-columns:1fr 1fr; gap:20px 10px; padding:23px 20px; }.product-row:nth-child(2) { border-top:0; }.product-name { grid-column:1/-1; gap:13px; }.product-name h3 { font-size:18px; }.product-name p { font-size:12px; }.product-icon { width:42px; height:42px; }.mobile-label { display:block; font-size:10px; color:#8f879c; margin-bottom:6px; }.availability-cell { align-self:start; }.availability { min-height:29px; }.not-reported { display:inline-block; line-height:29px; }.product-action { grid-column:1/-1; border-top:1px solid rgba(213,211,225,.065); padding-top:13px; }.product-action a { justify-content:space-between; font-size:12px; }
  .page-bottom { grid-template-columns:1fr; gap:25px; padding:28px 0 32px; }.support-note { border:0; padding-left:0; }.support-note h2 { font-size:19px; }dl>div { grid-template-columns:1fr; gap:4px; }.site-footer { flex-wrap:wrap; gap:12px; padding:22px 0; }.site-footer>span:nth-child(2) { display:none; }
}
@media (max-width:360px) { h1 { font-size:41px; }.brand span { font-size:18px; }.back-link span { max-width:66px; line-height:1.35; }.product-row { padding-inline:16px; }.overview { padding:16px; }.overview-icon { display:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }