.hero { position:relative; isolation:isolate; overflow-x:clip; max-width:100%; background:linear-gradient(180deg,var(--bg),var(--slab-top) 65%,var(--bg)); padding-top:64px; padding-bottom:56px }
.hero::before { content:''; position:absolute; z-index:-1; inset:-8% 0 12% 24%; background:radial-gradient(ellipse at 48% 21%,var(--glow-blue),var(--clear) 62%),radial-gradient(ellipse at 96% 13%,var(--glow-orange),var(--clear) 48%); filter:blur(36px); pointer-events:none }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center }
.hero-copy { position:relative; z-index:1; min-width:0; padding-block:8px }
.eyebrow { display:inline-flex; gap:10px; align-items:center; color:var(--blue-dark); font-size:var(--text-xs); font-weight:var(--weight-semibold); letter-spacing:.06em; margin:0 0 24px }
.eyebrow svg { width:16px; height:16px }
.eyebrow::after { content:''; width:40px; height:1px; background:var(--blue); opacity:.35 }
.brand-line { display:block; margin-bottom:8px; letter-spacing:-.035em }
.description { max-width:490px; margin:0 0 20px; line-height:1.9; font-size:var(--text-base); color:var(--muted) }
.description strong { font-weight:var(--weight-semibold); color:var(--ink) }
.trust-row { display:flex; align-items:center; gap:20px; margin:0; padding:0; list-style:none; font-size:var(--text-xs); color:var(--muted) }
.trust-row li { display:flex; align-items:center; gap:6px; white-space:nowrap }
.trust-row svg { width:16px; height:16px; color:var(--blue-dark) }
.compatibility { margin-top:32px; border-top:1px solid var(--border); padding-top:24px }
.platform-row { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted) }
.platform-row span { display:inline-flex; align-items:center; gap:7px; font-size:var(--text-sm); font-weight:var(--weight-medium) }
.platform-row svg { width:21px; height:21px }
.flag-row { display:flex; align-items:center; gap:22px; margin-top:24px }
.flag-row span { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-size:var(--text-xs); color:var(--muted) }
.flag { width:24px; height:16px; overflow:hidden; border-radius:var(--r-sm); box-shadow:0 0 0 1px var(--border) }
.flag-white { fill:var(--flag-white) }
.flag-red { fill:var(--flag-red) }
.flag-blue { fill:var(--flag-blue) }
.flag-nl { fill:var(--flag-nl) }
.workbench { position:relative; min-width:0; padding:48px 8px 48px 0 }
.device-plinth { position:relative; background:linear-gradient(135deg,var(--panel),var(--slab-top) 24%,var(--slab-bottom) 76%,var(--blue-tint)); padding:16px; border:1px solid var(--panel); border-radius:var(--r-md); box-shadow:0 7px 0 var(--slab-edge),0 9px 0 var(--panel),0 32px 64px var(--glow-blue),0 8px 16px var(--shadow-blue) }
.catalog-window { background:var(--panel); border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; box-shadow:var(--shadow-panel) }
.window-chrome { height:44px; border-bottom:1px solid var(--border); background:linear-gradient(180deg,var(--panel),var(--bg)); display:flex; align-items:center; justify-content:space-between; padding:0 16px; color:var(--muted); font-size:var(--text-xs) }
.chrome-dots { display:flex; gap:5px }
.chrome-dots i { display:block; width:6px; height:6px; border-radius:var(--r-round); background:var(--border) }
.chrome-dots i:first-child { background:var(--slab-edge) }
.chrome-address { font-family:var(--mono); font-size:var(--text-mini) }
.chrome-icon { width:14px; height:14px }
.window-heading { padding:20px 20px 16px; display:flex; justify-content:space-between; align-items:center; gap:8px }
.window-heading h2 { font-size:var(--text-lg); letter-spacing:-.02em; font-weight:var(--weight-bold); margin:0 }
.catalog-label { padding:5px 8px; border-radius:var(--r-sm); background:var(--blue-tint); color:var(--blue-dark); font-size:var(--text-mini); white-space:nowrap }
.catalog-body { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:16px; padding:0 20px 20px }
.directory { border:1px solid var(--border); border-radius:var(--r-sm); background:var(--bg); padding:12px }
.module-heading { display:flex; align-items:center; justify-content:space-between; font-size:var(--text-mini); color:var(--muted); font-weight:var(--weight-medium); margin:0 0 8px; letter-spacing:.02em }
.module-heading svg { width:14px; height:14px }
.region-list { list-style:none; padding:0; margin:0 }
.region-list li { display:flex; align-items:center; gap:10px; min-height:40px; font-size:var(--text-sm) }
.region-list li+li { border-top:1px solid var(--border) }
.region-list .code { margin-left:auto; font-family:var(--mono); color:var(--muted); font-size:var(--text-tiny) }
.subscription-list { min-width:0 }
.subscription-list .module-heading { padding:1px 0 3px }
.plan-row { display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-sm); padding:12px; margin-top:8px }
.plan-row:first-of-type { background:var(--blue-tint); border-color:var(--slab-edge) }
.price { font-family:var(--mono); font-size:var(--text-2xl); font-weight:var(--weight-bold); letter-spacing:-.06em; white-space:nowrap }
.price small { font-size:var(--text-mini); font-family:var(--font); font-weight:var(--weight-normal); letter-spacing:0; color:var(--muted) }
.allowance { display:flex; flex-direction:column; align-items:flex-end; gap:3px; white-space:nowrap }
.allowance b { font-family:var(--mono); font-size:var(--text-md); font-weight:var(--weight-semibold) }
.allowance small { color:var(--muted); font-size:var(--text-tiny) }
.reset-note { font-size:var(--text-tiny); color:var(--muted); margin:10px 0 0; line-height:1.6 }
.window-facts { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; background:var(--bg); border-top:1px solid var(--border) }
.coverage-pair { display:flex; gap:18px }
.coverage-pair span { display:flex; flex-direction:column; gap:3px }
.coverage-pair b { font-family:var(--mono); font-size:var(--text-xl); letter-spacing:-.06em }
.coverage-pair small { font-size:var(--text-tiny); color:var(--muted) }
.device-fact { display:flex; align-items:center; gap:8px; padding-left:16px; border-left:1px solid var(--border); font-size:var(--text-mini); line-height:1.7; color:var(--muted) }
.device-fact svg { color:var(--blue-dark); width:24px; height:24px }
.device-fact strong { display:block; color:var(--ink); font-weight:var(--weight-semibold) }
.margin-card { position:absolute; z-index:1; display:flex; align-items:center; gap:12px; border:1px solid var(--panel); border-radius:var(--r-md); padding:12px 16px; background:linear-gradient(120deg,var(--panel),var(--bg)); box-shadow:0 12px 32px var(--shadow-blue),0 2px 4px var(--shadow-deep) }
.margin-card-top { top:-8px; right:32px }
.margin-card-bottom { bottom:-12px; left:32px }
.margin-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:var(--r-sm); background:var(--blue-tint); color:var(--blue-dark); flex-shrink:0 }
.margin-card-bottom .margin-icon { background:var(--orange-tint); color:var(--orange-dark) }
.margin-card strong { display:block; font-size:var(--text-xs); font-weight:var(--weight-semibold) }
.margin-card small { display:block; margin-top:4px; font-size:var(--text-tiny); color:var(--muted) }
.coverage-strip { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--panel) }
.coverage-strip-inner { height:64px; display:flex; align-items:center; justify-content:center; gap:24px; font-family:var(--mono); color:var(--muted); font-size:var(--text-sm) }
.coverage-strip b { font-weight:var(--weight-semibold); color:var(--blue-dark) }
.coverage-strip .separator { color:var(--border) }
.badge,.tag { display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:5px 9px; border:1px solid var(--slab-edge); border-radius:var(--r-sm); background:var(--blue-tint); color:var(--blue-dark); font-size:var(--text-xs); font-weight:var(--weight-semibold); overflow-wrap:anywhere; white-space:normal }
.badge-warm { background:var(--orange-tint); border-color:var(--orange-tint); color:var(--orange-dark) }
.badge-success { color:var(--success); background:var(--panel); border-color:var(--success) }
.badge-warn { color:var(--warn); background:var(--panel); border-color:var(--warn) }
.badge-error { color:var(--error); background:var(--panel); border-color:var(--error) }
.status-dot { display:inline-block; width:6px; height:6px; border-radius:var(--r-round); background:currentColor; flex-shrink:0 }
.tabs { min-width:0 }
.tab-list,[role=tablist] { display:flex; gap:8px; padding:8px; margin-bottom:24px; overflow-x:auto; max-width:100%; background:var(--panel-alt); border:1px solid var(--border); border-radius:var(--r-md) }
[role=tab] { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:44px; padding:10px 20px; border:1px solid var(--clear); border-radius:var(--r-sm); background:var(--clear); color:var(--muted); font-weight:var(--weight-semibold) }
[role=tab][aria-selected=true] { background:var(--panel); border-color:var(--slab-edge); color:var(--blue-dark); box-shadow:0 2px 6px var(--shadow-deep) }
[role=tabpanel] { min-width:0 }
.tabs:not(.tabs-ready) [role=tabpanel] { display:block }
.toc-tabs { position:sticky; top:16px; z-index:8; display:flex; gap:8px; max-width:100%; margin-block:24px 32px; padding:8px; overflow-x:auto; overscroll-behavior-inline:contain; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-md); box-shadow:var(--shadow-panel) }
.toc-tabs a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:44px; padding:10px 16px; border-radius:var(--r-sm); color:var(--muted); font-size:var(--text-sm); white-space:nowrap }
.toc-tabs a.is-current { background:var(--blue-tint); color:var(--blue-dark); font-weight:var(--weight-semibold) }
.toc-tabs.toc-static { position:static }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--toc-offset) }
.faq-item { border-bottom:1px solid var(--border); background:var(--panel) }
.faq-item:first-child { border-top:1px solid var(--border) }
.faq-item summary { position:relative; cursor:pointer; min-height:56px; padding:20px 48px 20px 20px; font-weight:var(--weight-semibold); list-style:none }
.faq-item summary::-webkit-details-marker { display:none }
.faq-item summary::after { content:'+'; position:absolute; right:20px; top:18px; font-family:var(--mono); color:var(--blue-dark) }
.faq-item[open] summary::after { content:'−' }
.faq-answer { padding:0 20px 20px; color:var(--muted) }
.faq-answer p:last-child { margin-bottom:0 }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px }
.plan-card { position:relative; min-width:0; padding:24px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-md); box-shadow:var(--shadow-panel); display:flex; flex-direction:column; gap:16px }
.plan-card.is-current { border-color:var(--blue); box-shadow:inset 0 3px 0 var(--blue),var(--shadow-card); background:linear-gradient(180deg,var(--blue-tint),var(--panel) 45%) }
.plan-card h3 { margin:0; font-size:var(--text-xl) }
.plan-card .badge { align-self:flex-start }
.plan-card .plan-price { font-family:var(--mono); font-size:var(--text-h2); font-weight:var(--weight-bold); line-height:1.3; margin:0 }
.plan-price small { font-family:var(--font); color:var(--muted); font-weight:var(--weight-normal); font-size:var(--text-sm) }
.plan-details { margin:0; padding:0; list-style:none; color:var(--muted); font-size:var(--text-md) }
.plan-details li { padding-block:8px; border-bottom:1px solid var(--border) }
.plan-card .button { margin-top:auto }
.plan-note { margin:16px 0 0; color:var(--muted); font-size:var(--text-sm) }
.table-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--border); border-radius:var(--r-md); background:var(--panel) }
.data-table { width:100%; min-width:640px; border-collapse:collapse; font-size:var(--text-md); text-align:left }
.data-table caption { padding:16px; text-align:left; font-size:var(--text-lg); font-weight:var(--weight-semibold); color:var(--ink) }
.data-table th,.data-table td { padding:16px 20px; border-bottom:1px solid var(--border); vertical-align:top }
.data-table th { background:var(--panel-alt); color:var(--ink); font-weight:var(--weight-semibold) }
.data-table tbody th { background:var(--panel); color:var(--ink) }
.data-table tbody:last-child tr:last-child > * { border-bottom:0 }
.data-table .region-heading th { background:var(--blue-tint); color:var(--blue-dark) }
.prose > .data-table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; min-width:0 }
.platform-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px }
.platform-card { min-width:0; display:flex; flex-direction:column; align-items:center; gap:16px; padding:24px 16px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-md); text-align:center }
.platform-card > svg { width:32px; height:32px; color:var(--muted) }
.platform-card h3 { margin:0; font-size:var(--text-base) }
.platform-card .button { margin-top:auto; width:100%; padding-inline:8px; gap:6px; font-size:var(--text-xs) }
.article-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px }
.article-card { min-width:0; border:1px solid var(--border); border-radius:var(--r-md); background:var(--panel); overflow:hidden; box-shadow:var(--shadow-panel) }
.article-chrome { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; border-bottom:1px solid var(--border); background:var(--bg); color:var(--muted); font-family:var(--mono); font-size:var(--text-xs) }
.article-chrome::before { content:''; flex-shrink:0; width:30px; height:6px; background:linear-gradient(90deg,var(--slab-edge) 0 20%,var(--clear) 20% 40%,var(--border) 40% 60%,var(--clear) 60% 80%,var(--border) 80%) }
.article-content { padding:24px }
.article-content h3 { margin-block:16px; font-size:var(--text-xl) }
.article-content p { color:var(--muted); font-size:var(--text-md) }
.article-content > a:last-child { display:inline-flex; align-items:center; min-height:32px; color:var(--blue-dark); font-weight:var(--weight-semibold); font-size:var(--text-sm) }
.article-hero { border:1px solid var(--border); border-radius:var(--r-md); background:var(--panel); overflow:hidden }
.article-hero .article-content { padding:32px }
.article-hero h1 { font-size:40px; line-height:1.3 }
.callout { margin:24px 0; border-left:4px solid var(--blue); padding:20px 24px; background:var(--blue-tint); border-radius:var(--r-sm); color:var(--ink) }
.callout p:last-child { margin-bottom:0 }
.article-promo { margin-top:40px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding:32px; background:linear-gradient(120deg,var(--blue-tint),var(--panel)); border:1px solid var(--slab-edge); border-radius:var(--r-md); box-shadow:var(--shadow-panel) }
.article-promo h2 { font-size:var(--text-2xl); margin-bottom:12px }
.article-promo p { margin:0; color:var(--muted); font-size:var(--text-md) }
.float-cta { position:fixed; right:24px; bottom:calc(24px + env(safe-area-inset-bottom,0px)); z-index:15; display:flex; align-items:center; justify-content:center; gap:12px; padding:13px 18px; min-height:44px; color:var(--blue-dark); background:var(--panel); border:1px solid var(--slab-edge); border-radius:var(--r-sm); box-shadow:0 8px 24px var(--shadow-blue); font-size:var(--text-sm); font-weight:var(--weight-semibold) }
.float-cta svg { width:16px; height:16px }
.float-cta:hover { border-color:var(--blue) }
body:has(.float-cta)::after { content:''; display:block; height:calc(88px + env(safe-area-inset-bottom,0px)); background:var(--bg) }
.evidence-layout { display:grid; grid-template-columns:minmax(160px,.28fr) minmax(0,1fr); gap:32px }
.scenario-index { border-top:3px solid var(--blue); padding-top:20px }
.scenario-index a { display:flex; align-items:center; min-height:44px; padding-block:8px; color:var(--blue-dark); font-size:var(--text-md) }
.evidence-ledger { border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden }
.evidence-row { display:grid; grid-template-columns:minmax(120px,.3fr) minmax(0,1fr); gap:24px; padding:24px; background:var(--panel); border-bottom:1px solid var(--border) }
.evidence-row:nth-child(even) { background:var(--panel-alt) }
.evidence-row:last-child { border-bottom:0 }
.evidence-row h3 { font-size:var(--text-lg); margin:0 }
.evidence-row p { margin-bottom:12px; font-size:var(--text-md); color:var(--muted) }
.evidence-row a { color:var(--blue-dark); font-size:var(--text-sm); text-decoration:underline; text-underline-offset:4px }
.route-ticker { overflow:hidden; max-width:100%; border-block:1px solid var(--border); background:var(--panel-alt); padding-block:20px }
.ticker-track { display:flex; width:max-content; max-width:none }
.ticker-group { display:flex; align-items:center; gap:40px; padding-right:40px; flex-shrink:0 }
.ticker-group span { font-family:var(--mono); font-size:var(--text-sm); color:var(--muted); white-space:nowrap }
.ticker-clone { display:flex }
.token-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px }
.token-swatch { border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; background:var(--panel); min-width:0 }
.token-swatch::before { content:''; display:block; height:56px; background:var(--swatch) }
.token-swatch code { display:block; margin:8px; font-size:var(--text-xs); background:var(--clear) }
.sw-bg { --swatch:var(--bg) }
.sw-panel { --swatch:var(--panel) }
.sw-panel-alt { --swatch:var(--panel-alt) }
.sw-border { --swatch:var(--border) }
.sw-blue { --swatch:var(--blue) }
.sw-blue-dark { --swatch:var(--blue-dark) }
.sw-orange { --swatch:var(--orange) }
.sw-orange-dark { --swatch:var(--orange-dark) }
.sw-blue-tint { --swatch:var(--blue-tint) }
.sw-orange-tint { --swatch:var(--orange-tint) }
.sw-ink { --swatch:var(--ink) }
.sw-muted { --swatch:var(--muted) }
.sw-success { --swatch:var(--success) }
.sw-warn { --swatch:var(--warn) }
.sw-error { --swatch:var(--error) }
.sw-slab-top { --swatch:var(--slab-top) }
.sw-slab-bottom { --swatch:var(--slab-bottom) }
.sw-slab-edge { --swatch:var(--slab-edge) }
.sw-glow-blue { --swatch:var(--glow-blue) }
.sw-glow-orange { --swatch:var(--glow-orange) }
.sw-shadow-blue { --swatch:var(--shadow-blue) }
.sw-shadow-deep { --swatch:var(--shadow-deep) }
.sw-veil { --swatch:var(--veil) }
.sw-clear { --swatch:var(--clear) }
.sw-flag-red { --swatch:var(--flag-red) }
.sw-flag-white { --swatch:var(--flag-white) }
.sw-flag-blue { --swatch:var(--flag-blue) }
.sw-flag-nl { --swatch:var(--flag-nl) }
.specimen-row { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-block:24px }
.type-sample { border-bottom:1px solid var(--border); padding-block:24px }
.type-sample:last-child { border-bottom:0 }
.type-display { font-family:var(--font-display); font-size:var(--display); font-weight:var(--weight-heavy); line-height:1.18; letter-spacing:-.02em }
.preview-note { margin:0 0 24px; color:var(--muted); font-size:var(--text-sm) }
@media (min-width:1400px) {
  .hero { padding-top:80px; padding-bottom:72px }
}
@media (max-width:1250px) {
  .hero-grid { gap:32px }
  .catalog-body { padding-inline:12px; gap:10px }
  .window-heading,.window-facts { padding-inline:12px }
  .price { font-size:22px }
  .trust-row { gap:12px }
  .flag-row { gap:16px }
  .platform-row { gap:8px }
  .platform-row span { gap:5px; font-size:var(--text-xs) }
}
@media (max-width:1000px) {
  .hero-grid { grid-template-columns:1fr; max-width:704px; gap:48px }
  .hero { padding-top:48px; padding-bottom:48px }
  .hero-copy { padding:0 }
  .description { max-width:none }
  .platform-row { justify-content:center; gap:24px }
  .flag-row { justify-content:center; gap:28px }
  .workbench { padding-right:0 }
  .window-heading { padding:20px }
  .catalog-body { padding:0 20px 20px; gap:16px }
  .window-facts { padding:16px 20px }
  .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .plan-grid { gap:16px }
  .plan-card { padding:20px }
}
@media (max-width:768px) {
  .plan-grid { grid-template-columns:1fr }
  .article-grid { grid-template-columns:1fr }
  .evidence-layout { grid-template-columns:1fr }
  .scenario-index { display:flex; flex-wrap:wrap; gap:8px 20px }
  .article-promo { grid-template-columns:1fr }
  .article-promo .button { justify-self:start }
  .article-hero h1 { font-size:var(--display-mobile) }
  .type-display { font-size:var(--display-mobile) }
}
@media (max-width:640px) {
  .hero { padding-top:32px; padding-bottom:40px }
  .hero-grid { gap:32px }
  .eyebrow { margin-bottom:20px; font-size:var(--text-mini) }
  .hero h1 { margin-bottom:24px }
  .brand-line { margin-bottom:4px }
  .description { font-size:var(--text-md); line-height:1.9; margin-bottom:16px }
  .trust-row { flex-wrap:wrap; gap:10px 16px; justify-content:flex-start; font-size:var(--text-tiny) }
  .trust-row li { min-width:0; gap:3px; white-space:normal }
  .trust-row svg { width:13px; height:13px; flex:0 0 13px }
  .compatibility { margin-top:24px; padding-top:20px }
  .platform-row { justify-content:space-between; gap:6px }
  .platform-row span { font-size:var(--text-tiny); gap:4px }
  .platform-row svg { width:16px; height:16px }
  .flag-row { flex-wrap:wrap; justify-content:flex-start; gap:10px 16px; margin-top:20px }
  .flag-row span { gap:4px; font-size:var(--text-tiny) }
  .flag-row .flag { width:20px; height:14px }
  .workbench { padding:0; display:grid; gap:16px }
  .device-plinth { order:2; padding:10px }
  .margin-card { position:static; width:fit-content; max-width:100%; padding:10px 12px }
  .margin-card-top { order:1; justify-self:end }
  .margin-card-bottom { order:3; margin-left:8px }
  .window-chrome { padding:0 12px; height:36px }
  .window-heading { padding:16px 12px }
  .window-heading h2 { font-size:var(--text-md) }
  .catalog-label { font-size:9px; padding:4px 6px }
  .catalog-body { padding:0 10px 14px; gap:10px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) }
  .directory { padding:9px }
  .region-list li { gap:7px; font-size:var(--text-xs); min-height:40px }
  .region-list .code { display:none }
  .module-heading { font-size:var(--text-tiny) }
  .plan-row { padding:10px 7px; gap:5px; min-height:60px }
  .price { font-size:19px }
  .price small { font-size:9px }
  .allowance b { font-size:var(--text-mini) }
  .allowance small,.reset-note { font-size:9px }
  .window-facts { padding:12px 10px; gap:8px }
  .coverage-pair { gap:14px }
  .coverage-pair b { font-size:var(--text-lg) }
  .device-fact { font-size:var(--text-tiny); padding-left:10px; gap:5px }
  .device-fact svg { width:20px; height:20px }
  .coverage-strip-inner { height:56px; font-size:var(--text-xs); gap:16px }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .platform-card { padding:20px 12px }
  .evidence-row { grid-template-columns:1fr; gap:12px; padding:20px }
  .float-cta { right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); padding:10px 12px; font-size:var(--text-xs) }
  .article-promo,.article-hero .article-content { padding:24px }
  .token-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width:360px) {
  .platform-row { gap:3px }
  .platform-row span { gap:2px; font-size:9px }
  .platform-row svg { width:14px; height:14px }
  .trust-row { gap:4px; font-size:9px }
  .catalog-body { grid-template-columns:1fr }
  .directory .region-list { display:grid; grid-template-columns:1fr 1fr; gap:0 12px }
  .region-list li+li { border-top:0 }
  .window-heading { flex-wrap:wrap }
  .window-facts { flex-wrap:wrap }
}
@media (prefers-reduced-motion:reduce) {
  .ticker-track { width:auto; transform:none!important }
  .ticker-group { flex-wrap:wrap; flex-shrink:1; gap:16px; padding-inline:20px }
  .ticker-clone { display:none }
}