.stage { position:relative; isolation:isolate; overflow-x:clip; max-width:100%; background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 52%,var(--bg-bottom) 100%) }
.stage::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px); background-size:40px 40px; background-position:center top; mask-image:linear-gradient(180deg,var(--text) 0%,var(--text) 72%,transparent 100%) }
.stage::after { content:""; position:absolute; inset:-16% -10% 32% 52%; z-index:-1; pointer-events:none; background:radial-gradient(closest-side,var(--glow),transparent) }
.sprite { position:absolute; width:0; height:0; overflow:hidden }
.hero { position:relative; padding:24px }
.hero-copy { position:relative; z-index:2; max-width:1000px; margin:0 auto; text-align:center }
.eyebrow { margin-bottom:12px; font-size:13px; line-height:16px; font-weight:var(--weight-semibold); letter-spacing:.14em; color:var(--text-muted) }
.hero-title { margin:0; font-family:var(--font-display); font-weight:var(--weight-display); font-size:66px; line-height:1.06; letter-spacing:-.03em; color:var(--text) }
.hero-line { display:block }
.kw-gap { margin-left:.14em }
.kw { color:var(--accent) }
.hero-sub { max-width:820px; margin:18px auto 0; font-size:17px; line-height:26px; color:var(--text-muted) }
.hero-sub strong { color:var(--text); font-weight:var(--weight-semibold) }
.trust-row { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; column-gap:14px; row-gap:6px; margin-top:12px; font-size:14px; line-height:22px; color:var(--text-muted) }
.trust-row li { display:inline-flex; align-items:center; gap:6px }
.trust-row li+li::before { content:""; width:3px; height:3px; border-radius:var(--r-circle); background:var(--border-strong); margin-right:8px; flex-shrink:0 }
.trust-ico { display:block; flex:none; width:15px; height:15px; color:var(--accent) }
.meta-row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px 14px; margin-top:12px; font-size:13px; line-height:20px; color:var(--text-muted) }
.meta-row+.meta-row { margin-top:8px }
.meta-label { padding-right:14px; border-right:1px solid var(--border-strong); font-size:12px; font-weight:var(--weight-semibold); letter-spacing:.06em; color:var(--text) }
.meta-list { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px }
.meta-list li { display:inline-flex; align-items:center; gap:6px; white-space:nowrap }
.plat-ico { display:block; flex:none; width:16px; height:16px; color:var(--text-muted) }
.flag { display:block; flex:none; width:20px; height:14px; border-radius:3px; overflow:hidden }
.fl-white { fill:var(--flag-white) }
.fl-red { fill:var(--flag-red) }
.fl-blue { fill:var(--flag-blue) }
.fl-green { fill:var(--flag-green) }
.fl-edge { fill:none; stroke:var(--flag-edge); stroke-width:1 }
.rig { position:relative; z-index:1; width:min(1000px,100%); height:350px; margin:28px auto 0 }
.rig-tray { position:absolute; top:22px; right:7%; bottom:0; left:7%; border-radius:var(--r-tray); background:linear-gradient(180deg,var(--panel-2-hi) 0%,var(--panel-2) 62%); border:1px solid var(--border); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-tray) }
.rig-tray::after { content:""; position:absolute; left:0; right:0; top:0; height:60%; border-radius:inherit; pointer-events:none; background:radial-gradient(60% 100% at 50% 0%,var(--tray-sheen),transparent) }
.win { position:absolute; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden }
.win-main { left:19%; top:46px; width:62%; height:284px; z-index:1; box-shadow:var(--shadow-mid) }
.win-phone { left:3%; top:92px; width:17.8%; height:248px; z-index:3; box-shadow:var(--shadow-front) }
.win-set { left:75.4%; top:64px; width:22%; z-index:3; box-shadow:var(--shadow-front) }
.win-bar { display:grid; grid-template-columns:64px 1fr 64px; align-items:center; height:34px; padding:0 12px; background:linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%); border-bottom:1px solid var(--border); box-shadow:inset 0 1px 0 var(--hairline-hi) }
.dots { display:flex; gap:6px }
.dots i { display:block; width:9px; height:9px; border-radius:var(--r-circle); flex-shrink:0 }
.dots i:nth-child(1) { background:var(--error) }
.dots i:nth-child(2) { background:var(--warn) }
.dots i:nth-child(3) { background:var(--success) }
.win-title { text-align:center; font-size:12.5px; font-weight:var(--weight-semibold); color:var(--text-muted); white-space:nowrap }
.win-meta { justify-self:end; font-family:var(--font-mono); font-size:10.5px; color:var(--text-muted) }
.main-body { display:grid; grid-template-columns:160px 170px 1fr; height:calc(100% - 34px) }
.main-body>* { min-width:0 }
.side { position:relative; padding:14px 12px 14px 22px; background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%); color:var(--on-dark-86) }
.side::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(90% 55% at 20% 0%,var(--on-dark-18),transparent 70%) }
.side>* { position:relative }
.side-label { margin-bottom:6px; padding:0 10px; font-size:10.5px; line-height:15px; font-weight:var(--weight-semibold); letter-spacing:.12em; color:var(--on-dark-72) }
.side-list li { display:flex; align-items:center; gap:8px; height:30px; padding:0 10px; border-radius:var(--r-sm); font-size:13px; white-space:nowrap }
.side-list li+li { margin-top:2px }
.side-list .is-on { background:var(--on-dark-18); color:var(--on-dark); font-weight:var(--weight-bold); box-shadow:inset 0 1px 0 var(--on-dark-18) }
.side-list svg { display:block; flex:none; width:15px; height:15px }
.side-foot { position:absolute; left:22px; right:12px; bottom:12px; display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:var(--r-sm); background:var(--on-dark-10); font-size:11.5px; line-height:16px; color:var(--on-dark); white-space:nowrap }
.live-dot { display:block; flex:none; width:7px; height:7px; border-radius:var(--r-circle); background:var(--success); box-shadow:0 0 0 3px var(--success-ring) }
.filter { padding:14px 12px; background:var(--panel-soft); border-right:1px solid var(--border) }
.f-group+.f-group { margin-top:14px }
.f-label { margin-bottom:8px; font-size:10.5px; line-height:15px; font-weight:var(--weight-bold); letter-spacing:.1em; color:var(--text-muted) }
.search { display:flex; align-items:center; gap:6px; height:30px; padding:0 10px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-sm); font-size:12px; color:var(--text-muted); white-space:nowrap }
.search svg { display:block; flex:none; width:13px; height:13px }
.chips { display:flex; flex-wrap:wrap; gap:6px }
.chip { display:inline-flex; align-items:center; gap:4px; min-height:26px; padding:2px 10px; border-radius:var(--r-pill); border:1px solid var(--border); background:var(--panel); font-size:12px; color:var(--text-muted); max-width:100%; overflow-wrap:anywhere }
.chip svg { display:block; width:11px; height:11px }
.chip.is-on { background:var(--accent-soft); border-color:var(--accent-line); color:var(--accent-dark); font-weight:var(--weight-semibold) }
.select { display:flex; align-items:center; justify-content:space-between; height:30px; padding:0 10px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-sm); font-size:12px; color:var(--text) }
.select svg { display:block; width:11px; height:11px; color:var(--text-muted) }
.list { padding:12px 14px; min-width:0 }
.list-head { display:flex; align-items:baseline; gap:8px; margin-bottom:6px; padding:0 4px 8px; border-bottom:1px solid var(--border); white-space:nowrap }
.list-head b { font-size:14px; color:var(--text) }
.list-head span { font-size:11.5px; color:var(--text-muted) }
.route { display:flex; align-items:center; gap:10px; height:32px; padding:0 10px; border-radius:var(--r-sm); font-size:13px; color:var(--text); white-space:nowrap }
.route+.route { margin-top:2px }
.route.is-on { background:var(--accent-soft); box-shadow:inset 0 0 0 1px var(--accent-line) }
.pick { display:block; flex:none; width:14px; height:14px; border-radius:var(--r-circle); border:1.5px solid var(--border-strong); background:var(--panel) }
.route.is-on .pick { border-color:var(--accent); background:radial-gradient(circle,var(--accent) 0 3px,var(--panel) 3.5px) }
.city { min-width:42px; font-weight:var(--weight-semibold) }
.type { display:inline-flex; align-items:center; min-height:20px; padding:0 8px; border-radius:var(--r-pill); font-size:11px; font-weight:var(--weight-semibold); white-space:nowrap; max-width:100%; overflow:hidden }
.type-iepl { background:var(--accent-soft); color:var(--accent-dark) }
.route.is-on .type-iepl { background:var(--accent); color:var(--on-dark) }
.type-relay { background:var(--panel-2); color:var(--text-muted) }
.type-direct { box-shadow:inset 0 0 0 1px var(--border-strong); color:var(--text-muted) }
.win-phone { display:flex; flex-direction:column; padding:12px 12px 0 }
.phone-head { display:flex; align-items:center; justify-content:space-between; height:20px; margin-bottom:10px }
.phone-head b { font-size:14px; font-weight:var(--weight-display); letter-spacing:-.01em }
.phone-brand { font-family:var(--font-mono); font-size:10px; color:var(--text-muted) }
.phone-card { padding:10px; border-radius:var(--r); background:var(--panel-2); box-shadow:inset 0 1px 0 var(--hairline-hi) }
.pc-label { display:block; font-size:10.5px; line-height:15px; color:var(--text-muted) }
.pc-line { display:flex; align-items:center; gap:6px; margin-top:4px; font-size:12px; line-height:18px; font-weight:var(--weight-bold); color:var(--text); white-space:nowrap }
.pc-use { display:block; margin-top:4px; font-size:10.5px; line-height:15px; color:var(--accent-dark) }
.phone-toggle { display:flex; align-items:center; justify-content:space-between; height:42px; margin-top:8px; padding:0 10px; border:1px solid var(--border); border-radius:var(--r); background:var(--panel) }
.phone-toggle>span:first-child { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:var(--weight-bold) }
.phone-tabs { display:grid; grid-template-columns:repeat(3,1fr); height:46px; margin:auto -12px 0; border-top:1px solid var(--border); background:var(--panel-soft) }
.phone-tabs span { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-size:10.5px; color:var(--text-muted) }
.phone-tabs .is-on { color:var(--accent); font-weight:var(--weight-bold) }
.phone-tabs svg { display:block; width:15px; height:15px }
.switch { position:relative; display:inline-block; flex:none; width:32px; height:18px; border-radius:var(--r-pill); background:var(--accent); box-shadow:inset 0 1px 2px var(--ink-inset) }
.switch::after { content:""; position:absolute; top:2px; left:16px; width:14px; height:14px; border-radius:var(--r-circle); background:var(--panel); box-shadow:0 1px 2px var(--ink-inset) }
.set-body { padding:6px 14px 14px }
.set-row { display:flex; align-items:center; gap:8px; min-height:38px; border-bottom:1px solid var(--panel-2); font-size:12.5px; white-space:nowrap }
.set-row svg { display:block; flex:none; width:14px; height:14px; color:var(--accent) }
.set-k { color:var(--text-muted) }
.set-v { margin-left:auto; font-weight:var(--weight-bold); color:var(--text) }
.set-v.mono { font-family:var(--font-mono); font-size:12px }
.set-row .switch { margin-left:auto }
.set-cta { display:flex; align-items:center; justify-content:center; height:34px; margin-top:12px; border-radius:var(--r-pill); background:var(--accent); color:var(--on-dark); font-size:13px; font-weight:var(--weight-bold); box-shadow:inset 0 1px 0 var(--on-dark-18),var(--shadow-btn) }
.float-chip { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-pill); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-chip); white-space:nowrap }
.chip-email { left:0; top:30px; padding:7px 16px 7px 8px }
.chip-ico { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:var(--r-circle); background:var(--accent-soft); color:var(--accent) }
.chip-ico svg { display:block; width:15px; height:15px }
.chip-email b { display:block; font-size:13px; line-height:17px; color:var(--text) }
.chip-email small { display:block; font-size:11px; line-height:15px; color:var(--text-muted) }
.chip-facts { right:0; top:296px; padding:8px 16px 8px 12px; border-color:var(--accent-line); font-family:var(--font-mono); font-size:12.5px; line-height:18px; font-weight:var(--weight-semibold); color:var(--accent-dark) }
.chip-facts svg { display:block; flex:none; width:15px; height:15px; color:var(--accent) }
.statband { position:relative; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--panel-2) }
.statband-in { max-width:1200px; margin:0 auto; padding:16px 24px; display:flex; justify-content:center; flex-wrap:wrap; gap:8px 28px; font-family:var(--font-mono); font-size:13px; line-height:20px; letter-spacing:.04em; color:var(--text-muted) }
.statband b { font-weight:var(--weight-bold); color:var(--accent-dark) }
.statband i { font-style:normal; color:var(--border-strong) }
.promise-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:64px }
.promise-card { padding:32px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-mid) }
.promise-card p { color:var(--text-muted) }
.tabs-shell { min-width:0 }
.feature-browser { display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px }
.feature-browser [role="tablist"] { display:flex; flex-direction:column; gap:8px; min-width:0 }
[role="tablist"] { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px }
[role="tab"] { min-height:44px; padding:10px 18px; border:1px solid var(--border); border-radius:var(--r-sm); background:var(--panel); color:var(--text-muted); text-align:left }
[role="tab"][aria-selected="true"] { background:var(--accent-soft); color:var(--accent-dark); border-color:var(--accent-line); font-weight:var(--weight-bold); box-shadow:inset 3px 0 0 var(--accent) }
[role="tabpanel"] { min-width:0 }
.feature-window { background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-mid); overflow:hidden }
.feature-content { padding:32px }
.feature-content p { margin-bottom:24px; color:var(--text-muted) }
.fact-row { display:flex; flex-wrap:wrap; gap:8px }
.badge,.tag { display:inline-flex; align-items:center; min-height:26px; padding:3px 10px; max-width:100%; overflow:hidden; border:1px solid var(--accent-line); border-radius:var(--r-pill); background:var(--accent-soft); color:var(--accent-dark); font-size:12px; overflow-wrap:anywhere }
.shield-row { display:flex; justify-content:center; flex-wrap:wrap; gap:24px; padding-top:32px; padding-bottom:32px }
.shield-badge { display:flex; flex-direction:column; align-items:center; justify-content:center; width:124px; min-height:116px; padding:16px 12px 24px; background:var(--panel); color:var(--accent-dark); font-size:13px; text-align:center; font-weight:var(--weight-bold); clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%); box-shadow:inset 0 4px 0 var(--accent) }
.shield-badge small { font-size:11px; font-weight:var(--weight-medium); color:var(--text-muted) }
.toc-tabs { position:sticky; top:var(--toc-offset); z-index:15; display:flex; gap:8px; overflow-x:auto; max-width:100%; padding:12px; margin-bottom:32px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:var(--shadow-nav); overscroll-behavior-x:contain }
.toc-tabs a { display:inline-flex; align-items:center; flex-shrink:0; min-height:40px; padding:8px 16px; border-radius:var(--r-pill); font-size:14px; white-space:nowrap }
.toc-tabs a.is-current { background:var(--accent); color:var(--on-dark) }
.toc-tabs.toc-static { position:static }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--anchor-offset) }
.faq-list { border-top:1px solid var(--border-strong) }
.faq-item { border-bottom:1px solid var(--border-strong); padding:8px 0 }
.faq-item summary { position:relative; padding:16px 40px 16px 0; min-height:48px; font-weight:var(--weight-semibold); cursor:pointer; list-style:none }
.faq-item summary::-webkit-details-marker { display:none }
.faq-item summary::after { content:"+"; position:absolute; right:8px; top:14px; color:var(--accent); font-size:22px }
.faq-item[open] summary::after { content:"−" }
.faq-item p { padding-bottom:16px; color:var(--text-muted) }
.plan-card { position:relative; display:flex; flex-direction:column; padding:32px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-mid); min-width:0 }
.plan-card.is-current { border-color:var(--accent); box-shadow:inset 0 3px 0 var(--accent),var(--shadow-tray) }
.plan-badge { align-self:flex-start; display:inline-flex; min-height:26px; padding:3px 12px; margin-bottom:16px; border-radius:var(--r-pill); background:var(--accent); color:var(--on-dark); font-size:12px; font-weight:var(--weight-bold) }
.plan-price { margin:8px 0 16px; font-size:40px; font-weight:var(--weight-display); letter-spacing:-.02em; font-variant-numeric:tabular-nums }
.plan-price small { font-size:14px; color:var(--text-muted); font-weight:var(--weight-medium) }
.plan-facts { display:grid; gap:12px; margin-bottom:24px; color:var(--text-muted) }
.plan-card .btn { margin-top:auto; width:100%; padding-inline:16px }
.plan-note { margin-top:24px; color:var(--text-muted) }
.table-scroll { overflow-x:auto; max-width:100%; min-width:0; -webkit-overflow-scrolling:touch; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--panel) }
.data-table,.route-table { width:100%; min-width:640px; border-collapse:collapse; font-size:14px }
.data-table caption,.route-table caption { text-align:left; padding:16px 20px; font-weight:var(--weight-bold); color:var(--accent-dark) }
.data-table th,.data-table td,.route-table th,.route-table td { padding:16px 20px; border-bottom:1px solid var(--border); text-align:left; word-break:keep-all; color:var(--text) }
.table-scroll th,.data-table th,.route-table th { background:var(--panel-2); color:var(--text); white-space:nowrap; font-weight:var(--weight-bold) }
.data-table tr:last-child td,.route-table tr:last-child td { border-bottom:0 }
.route-table .region-row th { background:var(--accent-soft); color:var(--accent-dark) }
.prose>.data-table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; min-width:0 }
.platform-card { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:24px; min-width:0; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-mid) }
.platform-card svg { width:28px; height:28px; color:var(--accent) }
.platform-card h3 { font-size:18px; margin:0 }
.platform-card .btn { margin-top:auto; height:40px; font-size:13px; padding-inline:14px; max-width:100% }
.article-card { display:flex; flex-direction:column; gap:16px; padding:32px; background:var(--panel); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-mid); min-width:0 }
.article-card h3 { margin:0 }
.article-card h3 a:hover { color:var(--accent-dark) }
.article-card p { color:var(--text-muted) }
.article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--text-muted); font-size:12px }
.article-card>a { align-self:flex-start; min-height:32px; color:var(--accent-dark); margin-top:auto; font-weight:var(--weight-semibold) }
.blog-hero { position:relative; isolation:isolate; overflow-x:clip; padding-top:64px; padding-bottom:48px }
.blog-hero::before { content:""; position:absolute; inset:24px 28% 24px 0; z-index:-1; background:var(--accent-soft); border-radius:var(--r-lg) }
.blog-hero p,.blog-hero .article-meta { margin-top:24px; margin-left:24px; max-width:720px }
.callout { margin:24px 0; padding:24px; border-left:4px solid var(--accent); border-radius:var(--r-sm); background:var(--accent-soft); color:var(--accent-dark) }
.promo-block { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:32px; background:var(--bar); color:var(--on-dark); border-radius:var(--r-lg); box-shadow:var(--shadow-tray) }
.promo-block h2,.promo-block h3 { color:var(--on-dark); margin-bottom:8px }
.promo-block p { color:var(--on-dark-86); max-width:680px }
.promo-block .btn { flex-shrink:0; white-space:nowrap }
.ticker { overflow:hidden; max-width:100%; padding-top:24px; padding-bottom:24px; background:var(--panel-2); border-block:1px solid var(--border) }
.ticker-track { display:flex; width:max-content; min-width:100% }
.ticker-group { display:flex; align-items:center; gap:32px; flex-shrink:0; padding-right:32px }
.ticker-group span { white-space:nowrap; color:var(--accent-dark); font-family:var(--font-mono); font-size:14px }
.ticker.is-static .ticker-track { width:100%; flex-wrap:wrap }
.ticker.is-static .ticker-group { flex-wrap:wrap; justify-content:center; width:100%; padding-inline:16px }
.ticker.is-static .ticker-group[data-ticker-copy] { display:none }
.preview-section { padding-top:64px; padding-bottom:64px; border-bottom:1px solid var(--border) }
.preview-swatches { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px }
.swatch { overflow:hidden; background:var(--panel); border:1px solid var(--border); border-radius:var(--r); font-family:var(--font-mono); font-size:12px }
.swatch-color { display:block; height:64px; border-bottom:1px solid var(--border) }
.swatch code { display:block; padding:12px }
.sw-bg { background:var(--bg) }
.sw-bg-top { background:var(--bg-top) }
.sw-bg-bottom { background:var(--bg-bottom) }
.sw-panel { background:var(--panel) }
.sw-panel-soft { background:var(--panel-soft) }
.sw-panel-2 { background:var(--panel-2) }
.sw-panel-2-hi { background:var(--panel-2-hi) }
.sw-border { background:var(--border) }
.sw-border-strong { background:var(--border-strong) }
.sw-accent { background:var(--accent) }
.sw-accent-dark { background:var(--accent-dark) }
.sw-accent-soft { background:var(--accent-soft) }
.sw-accent-line { background:var(--accent-line) }
.sw-text { background:var(--text) }
.sw-muted { background:var(--text-muted) }
.sw-success { background:var(--success) }
.sw-warn { background:var(--warn) }
.sw-error { background:var(--error) }
.sw-bar { background:var(--bar) }
.sw-on-dark { background:var(--on-dark) }
.sw-grid { background:var(--grid-line) }
.sw-glow { background:var(--glow) }
.preview-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:24px }
.type-display { font-family:var(--font-display); font-size:48px; font-weight:var(--weight-display); line-height:1.2; color:var(--text); margin-bottom:24px }
.preview-note { margin-top:16px; margin-bottom:24px; color:var(--text-muted); font-size:14px }
@media (max-width:1080px) {
  .hero-title { font-size:56px }
  .main-body { grid-template-columns:150px 1fr }
  .filter { display:none }
}
@media (max-width:768px) {
  .hero { padding:24px 16px 32px }
  .hero-title { font-size:38px; line-height:1.14 }
  .hero-sub { font-size:16px; line-height:24px }
  .rig { height:auto; display:flex; flex-wrap:wrap; gap:10px; padding:14px; border-radius:var(--r-tray); background:var(--panel-2); border:1px solid var(--border); box-shadow:inset 0 1px 0 var(--hairline-hi),var(--shadow-tray) }
  .rig-tray,.win-phone,.win-set { display:none }
  .win { position:relative }
  .win-main { left:auto; top:auto; width:100%; height:auto }
  .main-body { height:auto }
  .side-foot { position:static; margin-top:12px }
  .float-chip { position:relative; left:auto; right:auto; top:auto; max-width:100% }
  .promise-strip { grid-template-columns:minmax(0,1fr); margin-bottom:40px }
  .feature-browser { grid-template-columns:minmax(0,1fr) }
  .feature-browser [role="tablist"] { flex-direction:row; flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:8px; margin-bottom:0 }
  .feature-browser [role="tab"] { flex-shrink:0; white-space:nowrap; border-radius:var(--r-pill) }
  .feature-content { padding:24px }
  .type-display { font-size:32px }
}
@media (max-width:640px) {
  .eyebrow { font-size:11px; letter-spacing:.08em }
  .trust-row { column-gap:8px; font-size:12px }
  .trust-row li+li::before { margin-right:2px }
  .meta-label { border:0; padding-right:0; width:100% }
  .meta-list { gap:8px 12px }
  .cta-pair { gap:10px }
  .btn { padding-inline:22px }
  .rig { padding:8px }
  .main-body { grid-template-columns:100px minmax(0,1fr) }
  .side { padding:12px 6px }
  .side-label { padding-inline:4px; letter-spacing:0 }
  .side-list li { padding-inline:6px; gap:5px; font-size:11px }
  .side-list svg { width:12px; height:12px }
  .side-foot { padding:8px 4px; gap:5px; font-size:10px }
  .list { padding:12px 6px }
  .list-head { gap:4px; padding-inline:2px }
  .list-head b { font-size:12px }
  .list-head span { font-size:10px }
  .route { gap:5px; padding-inline:4px; font-size:11px }
  .route .pick { display:none }
  .city { min-width:34px }
  .route .flag { width:16px; height:12px }
  .type { font-size:9px; padding-inline:5px }
  .win-bar { grid-template-columns:42px minmax(0,1fr) 52px; column-gap:6px; padding-inline:8px }
  .dots { gap:4px }
  .dots i { width:7px; height:7px }
  .win-title { font-size:11px }
  .win-meta { font-size:9px }
  .chip-email { padding-right:12px }
  .chip-facts { font-size:11px; padding-inline:10px }
  .promise-card,.plan-card,.article-card { padding:24px }
  .promo-block { padding:24px }
  .preview-section { padding-top:48px; padding-bottom:48px }
  .table-scroll { max-width:100% }
}
@media (prefers-reduced-motion:reduce) {
  .ticker-track { transform:none !important; width:100%; flex-wrap:wrap }
  .ticker-group { flex-wrap:wrap; justify-content:center; width:100%; padding-inline:16px }
  .ticker-group[data-ticker-copy] { display:none }
}