.hero { position:relative; overflow-x:clip; max-width:100%; padding-top:24px; padding-bottom:112px; background:linear-gradient(180deg,var(--hero-top) 0%,var(--hero-bottom) 100%); }
.hero-atmo { position:absolute; inset:0; z-index:0; pointer-events:none; }
.spot { position:absolute; border-radius:var(--r-circle); animation:drift 14s ease-in-out infinite alternate; }
.spot-a { inset:-24% 50% 28% -16%; background:radial-gradient(closest-side,rgb(var(--c-sky) / .07),rgb(var(--c-pink) / .055) 55%,rgb(var(--c-pink) / 0) 100%); }
.spot-b { inset:32% -14% -8% 48%; background:radial-gradient(closest-side,rgb(var(--c-leaf) / .065),rgb(var(--c-tang) / .05) 55%,rgb(var(--c-tang) / 0) 100%); animation-direction:alternate-reverse; animation-delay:-7s; }
@keyframes drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(4%,3%,0) scale(1.06); } }
.tiles { position:absolute; top:0; width:380px; height:700px; z-index:1; pointer-events:none; }
.tiles-l { left:0; transform-origin:0 0; }
.tiles-r { right:0; transform-origin:100% 0; }
.tile { position:absolute; width:var(--size); height:var(--size); border-radius:var(--r-block); background:linear-gradient(155deg,rgb(var(--white-rgb) / .34),rgb(var(--white-rgb) / 0) 52%),linear-gradient(155deg,rgb(var(--tile) / .60),rgb(var(--tile) / .82)); box-shadow:inset 0 0 0 1.5px rgb(var(--white-rgb) / .62),0 30px 70px -14px rgb(var(--tile) / .34),0 10px 26px -10px rgb(var(--tile) / .14); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%); transform:rotate(var(--rot)); }
.tile::before { content:""; position:absolute; inset:7px; border-radius:calc(var(--r-block) - 7px); border:2px solid rgb(var(--white-rgb) / .78); -webkit-mask-image:linear-gradient(135deg,var(--text),rgb(var(--text-rgb) / 0) 42%); mask-image:linear-gradient(135deg,var(--text),rgb(var(--text-rgb) / 0) 42%); }
.tile::after { content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(120% 80% at 8% 0%,rgb(var(--white-rgb) / .42),rgb(var(--white-rgb) / 0) 50%); }
.t-sky { --tile:var(--c-sky); }
.t-pink { --tile:var(--c-pink); }
.t-iris { --tile:var(--c-iris); }
.t-leaf { --tile:var(--c-leaf); }
.t-tang { --tile:var(--c-tang); }
.t-sun { --tile:var(--c-sun); }
.tile-a { --size:224px; --rot:-16deg; left:58px; top:38px; z-index:1; }
.tile-b { --size:168px; --rot:-12deg; left:166px; top:256px; z-index:2; }
.tile-c { --size:196px; --rot:-18deg; left:32px; top:422px; z-index:1; }
.tiles-r .tile-a { --rot:15deg; left:auto; right:58px; }
.tiles-r .tile-b { --rot:13deg; left:auto; right:166px; }
.tiles-r .tile-c { --rot:17deg; left:auto; right:32px; }
.tile-flag { position:absolute; z-index:2; top:22px; left:22px; width:58px; height:58px; padding:5px; border-radius:var(--r-circle); background:rgb(var(--white-rgb) / .92); box-shadow:0 10px 20px -6px rgb(var(--tile) / .55),inset 0 0 0 1px rgb(var(--white-rgb)); overflow:hidden; }
.tile-flag svg { display:block; width:48px; height:48px; }
.tile-lock { display:grid; place-items:center; padding:0; background:rgb(var(--white-rgb) / .26); box-shadow:inset 0 0 0 1.5px rgb(var(--white-rgb) / .8),0 10px 20px -6px rgb(var(--tile) / .55); }
.tile-lock svg { width:28px; height:28px; color:var(--panel); }
.tile-tag { position:absolute; z-index:2; left:20px; bottom:22px; display:inline-flex; align-items:center; gap:7px; padding:6px 12px 6px 10px; border-radius:var(--r-pill); background:var(--panel); color:var(--text); font-size:13px; font-weight:var(--weight-semibold); line-height:1.3; white-space:nowrap; box-shadow:0 8px 18px -8px rgb(var(--tile) / .7); }
.tile-tag::before { content:""; width:7px; height:7px; flex-shrink:0; border-radius:var(--r-circle); background:rgb(var(--tile)); }
.hero-copy { position:relative; z-index:3; max-width:820px; margin:0 auto; padding-inline:24px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.hero-title { margin:22px 0 0; font-family:var(--font-display); font-weight:var(--weight-display); font-size:clamp(52px,4.6vw,66px); line-height:1.06; letter-spacing:-.03em; color:var(--text); }
.ht-row { display:flex; align-items:center; justify-content:center; gap:24px; }
.ht-row2 { display:block; margin-top:4px; }
.app-icon { position:relative; flex:none; width:96px; height:96px; border-radius:var(--r-window); background:var(--panel); display:grid; place-items:center; box-shadow:0 22px 44px -14px rgb(var(--accent-rgb) / .38),0 6px 14px -6px rgb(var(--accent-rgb) / .18),inset 0 0 0 1px rgb(var(--accent-rgb) / .06); }
.app-icon::before { content:""; position:absolute; left:14px; right:14px; top:1px; height:2px; border-radius:var(--r-pill); background:linear-gradient(90deg,rgb(var(--white-rgb) / 0),rgb(var(--white-rgb)),rgb(var(--white-rgb) / 0)); }
.app-icon img { display:block; width:66px; height:66px; }
.kw { display:inline-block; margin-left:.04em; padding:0 .12em; border-radius:var(--r-keyword); background:var(--accent); color:var(--panel); line-height:1.12; box-shadow:0 14px 26px -12px rgb(var(--accent-rgb) / .7); }
.lede { max-width:620px; margin:22px 0 0; font-size:20px; line-height:1.55; color:var(--text-2); }
.lede strong { color:var(--text); font-weight:var(--weight-bold); }
.trust { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; margin:18px 0 0; padding:0; list-style:none; font-size:14px; font-weight:var(--weight-medium); color:var(--text-2); }
.trust li { display:inline-flex; align-items:center; gap:7px; line-height:22px; }
.trust svg { display:block; width:16px; height:16px; color:var(--accent); }
.platforms { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px 0 0; padding:0; list-style:none; }
.platforms li { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:6px 14px 6px 11px; border-radius:var(--r-tile); background:var(--panel); font-size:13px; font-weight:var(--weight-semibold); color:var(--text); box-shadow:var(--shadow-chip),inset 0 0 0 1px rgb(var(--border-rgb) / .75); }
.platforms svg { display:block; width:17px; height:17px; color:var(--text); }
.hot-routes { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 16px; margin-top:12px; }
.hr-label { font-size:12px; font-weight:var(--weight-semibold); color:var(--muted); letter-spacing:.04em; }
.hot-routes ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; margin:0; padding:0; list-style:none; }
.hot-routes li { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:var(--weight-semibold); color:var(--text-2); line-height:28px; }
.flag-ring { display:inline-flex; flex:none; width:20px; height:20px; border-radius:var(--r-circle); box-shadow:0 0 0 1.5px var(--panel),0 0 0 2.5px rgb(var(--border-rgb)),0 4px 8px -3px rgb(var(--accent-rgb) / .3); }
.flag-ring svg { display:block; width:20px; height:20px; }
.relay-stage { position:relative; z-index:3; width:760px; max-width:calc(100% - 32px); margin:72px auto 0; }
.win { position:relative; border-radius:var(--r-window); background:var(--panel); overflow:hidden; box-shadow:var(--shadow-panel),var(--edge-hi); transform:perspective(1600px) rotateX(2deg); transform-origin:50% 0; }
.win-bar { display:flex; align-items:center; gap:14px; height:50px; padding:0 20px; background:linear-gradient(180deg,var(--panel),rgb(var(--panel2-rgb) / .55)); box-shadow:inset 0 -1px 0 rgb(var(--border-rgb) / .8); }
.win-dots { display:flex; gap:8px; }
.win-dots span { width:12px; height:12px; border-radius:var(--r-circle); }
.d-r { background:var(--error); }
.d-y { background:var(--warn); }
.d-g { background:var(--success); }
.win-brand { display:inline-flex; align-items:center; gap:8px; margin-left:6px; font-size:13px; font-weight:var(--weight-bold); color:var(--text); }
.win-brand img { width:20px; height:20px; }
.win-meta { margin-left:auto; padding:4px 12px; border-radius:var(--r-pill); background:var(--panel-2); font-size:12px; font-weight:var(--weight-semibold); color:var(--muted); }
.win-body { padding:34px 36px 32px; }
.relay { display:grid; grid-template-columns:120px 1fr 120px 1fr 120px; align-items:start; }
.node { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:10px; }
.hex { display:block; width:56px; height:56px; filter:drop-shadow(0 10px 14px rgb(var(--accent-rgb) / .28)); }
.node-3 .hex { filter:drop-shadow(0 10px 14px rgb(var(--success-rgb) / .28)); }
.node-label { font-size:13px; font-weight:var(--weight-bold); color:var(--text); white-space:nowrap; line-height:1.4; }
.node-label span { font-weight:var(--weight-medium); color:var(--muted); }
.hop-link { position:relative; z-index:1; height:12px; margin:22px -34px 0; border-radius:var(--r-pill); background:linear-gradient(90deg,var(--accent),rgb(var(--c-leaf))); background-size:200% 100%; background-position:0 0; box-shadow:0 8px 16px -6px rgb(var(--accent-rgb) / .4); }
.hop-link.l2 { background-position:100% 0; box-shadow:0 8px 16px -6px rgb(var(--success-rgb) / .35); }
.hop-link::after { content:""; position:absolute; left:14px; right:14px; top:2px; height:3px; border-radius:var(--r-pill); background:rgb(var(--white-rgb) / .62); }
.hop-tag { position:absolute; left:50%; top:-30px; transform:translateX(-50%); padding:4px 10px; border-radius:var(--r-pill); background:var(--panel); font-size:11px; font-weight:var(--weight-bold); line-height:1.3; color:var(--accent-dark); white-space:nowrap; box-shadow:0 4px 10px -4px rgb(var(--accent-rgb) / .4),inset 0 0 0 1px rgb(var(--accent-rgb) / .18); }
.l2 .hop-tag { color:var(--success); }
.win-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:30px; }
.cell { display:flex; flex-direction:column; gap:4px; min-width:0; padding:14px 18px; border-radius:var(--r-cell); background:var(--panel-2); }
.cell-row { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; }
.cell-wide { grid-column:1 / -1; }
.cell-k { font-size:12px; font-weight:var(--weight-semibold); color:var(--muted); line-height:1.4; }
.cell-v { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:var(--weight-bold); color:var(--text); line-height:1.4; }
.cell-sub { font-size:12px; color:var(--muted); line-height:1.4; }
.status { display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:var(--weight-bold); color:var(--success); }
.switch { position:relative; flex-shrink:0; width:46px; height:26px; border-radius:var(--r-pill); background:var(--success); box-shadow:inset 0 1px 2px rgb(var(--text-rgb) / .18); }
.switch::after { content:""; position:absolute; top:3px; right:3px; width:20px; height:20px; border-radius:var(--r-circle); background:var(--panel); box-shadow:0 2px 6px rgb(var(--text-rgb) / .2); }
.float { position:absolute; z-index:4; background:var(--panel); box-shadow:0 20px 40px -14px rgb(var(--accent-rgb) / .32),0 4px 12px -4px rgb(var(--accent-rgb) / .12),inset 0 1px 0 rgb(var(--white-rgb)); }
.float-refund { top:-24px; left:-78px; display:flex; align-items:center; gap:10px; padding:7px 18px 7px 7px; border-radius:var(--r-pill); font-size:14px; font-weight:var(--weight-bold); color:var(--text); white-space:nowrap; transform:rotate(-6deg); }
.float-ico { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:var(--r-circle); background:rgb(var(--accent-rgb) / .12); color:var(--accent); }
.float-ico svg { display:block; width:18px; height:18px; }
.float-signup { top:104px; right:-170px; display:flex; align-items:center; gap:10px; padding:12px 18px 12px 12px; border-radius:var(--r-cell); transform:rotate(4deg); }
.float-signup .float-ico { background:rgb(var(--success-rgb) / .14); color:var(--success); }
.float-signup strong { display:block; font-size:14px; font-weight:var(--weight-bold); color:var(--text); line-height:1.35; }
.float-signup span { display:block; font-size:12px; color:var(--muted); line-height:1.35; }
.tabs { min-width:0; }
.tabs [role="tablist"] { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.tabs [role="tab"] { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:12px 22px; border:0; border-radius:var(--r-pill); background:var(--panel-2); color:var(--text-2); font-weight:var(--weight-semibold); white-space:nowrap; }
.tabs [role="tab"][aria-selected="true"] { background:var(--accent-dark); color:var(--panel); box-shadow:var(--shadow-chip); }
.tabs [role="tabpanel"] { min-width:0; }
.feature-board { display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; }
.feature-board [role="tablist"] { flex-direction:column; align-items:stretch; margin:0; }
.feature-board [role="tab"] { justify-content:flex-start; }
.tab-dot { width:10px; height:10px; border-radius:var(--r-circle); background:rgb(var(--tile)); flex-shrink:0; }
.feature-icon { display:grid; place-items:center; width:64px; height:64px; margin-bottom:24px; border-radius:var(--r-cell); color:var(--accent-dark); background:linear-gradient(135deg,rgb(var(--tile) / .3),rgb(var(--tile) / .65)); box-shadow:inset 0 1px 0 var(--panel),var(--shadow-chip); font-size:26px; }
.toc-tabs { position:sticky; top:var(--head-height); z-index:20; display:flex; align-items:center; gap:8px; overflow-x:auto; max-width:100%; padding:12px 4px; background:var(--bg); scrollbar-width:thin; }
.toc-tabs a { display:inline-flex; align-items:center; min-height:44px; flex-shrink:0; padding:8px 18px; border-radius:var(--r-pill); color:var(--text-2); background:var(--panel-2); text-decoration:none; white-space:nowrap; font-size:14px; }
.toc-tabs a.is-current { background:var(--accent-dark); color:var(--panel); }
.toc-tabs.is-static { position:static; }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--toc-space); }
.faq-list { display:grid; gap:12px; }
.faq-item { background:var(--panel); border-radius:var(--r-cell); box-shadow:var(--shadow-chip),var(--edge-hi); padding:0 24px; }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; padding:16px 0; cursor:pointer; font-weight:var(--weight-semibold); list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; flex-shrink:0; font-family:var(--font-mono); font-size:24px; color:var(--accent-dark); }
.faq-item[open] summary::after { content:"−"; }
.faq-item p { color:var(--text-2); padding-bottom:8px; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.plan-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px; background:var(--panel); border-radius:var(--r-panel); box-shadow:var(--shadow-panel),var(--edge-hi); }
.plan-card.is-current { box-shadow:var(--shadow-panel),inset 0 0 0 2px var(--accent); }
.plan-card h3 { margin-top:12px; }
.plan-price { margin:12px 0; font-family:var(--font-display); font-size:40px; font-weight:var(--weight-display); line-height:1.2; }
.plan-price small { font-size:15px; color:var(--muted); font-weight:var(--weight-medium); }
.plan-features { list-style:none; padding:0; margin:16px 0 28px; color:var(--text-2); }
.plan-features li { margin-bottom:10px; }
.plan-card .btn { margin-top:auto; width:100%; }
.plan-best { display:inline-flex; align-items:center; min-height:28px; padding:4px 12px; border-radius:var(--r-pill); background:var(--accent-dark); color:var(--panel); font-size:12px; font-weight:var(--weight-bold); }
.plan-cycle { color:var(--muted); font-size:13px; }
.table-scroll { overflow-x:auto; max-width:100%; min-width:0; -webkit-overflow-scrolling:touch; border-radius:var(--r-cell); background:var(--panel); box-shadow:var(--shadow-chip); }
.data-table { border-collapse:collapse; width:100%; min-width:640px; color:var(--text); font-size:14px; text-align:left; }
.data-table caption { text-align:left; padding:18px 20px; font-size:16px; color:var(--text); font-weight:var(--weight-bold); }
.data-table th,.data-table td { padding:16px 20px; border-bottom:1px solid var(--border); word-break:keep-all; }
.table-scroll th,.data-table th { color:var(--text); background:var(--panel-2); font-weight:var(--weight-bold); white-space:nowrap; }
.data-table td:first-child { color:var(--text); font-weight:var(--weight-semibold); }
.data-table .region-row th { background:rgb(var(--accent-rgb) / .1); color:var(--accent-dark); }
.prose > .data-table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; min-width:0; }
.download-band { background:rgb(var(--c-sun)); overflow-x:clip; }
.platform-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.platform-card { display:flex; align-items:center; flex-direction:column; gap:20px; text-align:center; min-width:0; padding:28px 16px; background:var(--panel); border-radius:var(--r-panel); box-shadow:var(--shadow-panel),var(--edge-hi); }
.platform-card svg { width:36px; height:36px; color:var(--text); }
.platform-card h3 { font-size:17px; margin:0; }
.platform-card .btn { max-width:100%; font-size:13px; padding-inline:14px; }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.article-card { min-width:0; padding:28px; border-radius:var(--r-panel); background:var(--panel); box-shadow:var(--shadow-panel),var(--edge-hi); }
.article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:20px; font-size:12px; color:var(--muted); }
.article-card h3 { font-size:21px; }
.article-card h3 a { color:var(--text); text-decoration:none; }
.article-card h3 a:hover { color:var(--accent-dark); }
.article-card p { font-size:15px; color:var(--text-2); }
.article-link { display:inline-flex; align-items:center; min-height:32px; text-decoration:none; font-weight:var(--weight-semibold); }
.callout,blockquote { margin:24px 0; padding:24px; border:0; border-left:4px solid var(--accent); border-radius:var(--r-tile); background:rgb(var(--accent-rgb) / .07); color:var(--text-2); }
.callout p:last-child,blockquote p:last-child { margin-bottom:0; }
.promo-block { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin-top:40px; padding:32px; border-radius:var(--r-panel); background:var(--panel); box-shadow:var(--shadow-panel),var(--edge-hi); }
.promo-block > div { flex:1; min-width:180px; }
.promo-block strong { font-family:var(--font-display); font-size:22px; }
.promo-block p { margin:8px 0 0; color:var(--text-2); }
.promo-block .btn { flex-shrink:0; white-space:nowrap; }
.cta-band { background:var(--accent-dark); color:var(--panel); }
.cta-band p { color:var(--panel); }
.fact-badges { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fact-badge { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:28px 20px; border-radius:var(--r-block); background:var(--panel-2); color:var(--text); text-align:center; font-weight:var(--weight-semibold); }
.fact-badge:first-child { background:var(--accent-dark); color:var(--panel); }
.fact-badge svg { width:32px; height:32px; }
.preview-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:16px; }
.swatch { min-width:0; padding:16px; background:var(--panel); border-radius:var(--r-cell); box-shadow:var(--shadow-chip); }
.swatch-color { height:72px; margin-bottom:12px; border-radius:var(--r-tile); background:var(--swatch); box-shadow:inset 0 0 0 1px rgb(var(--border-rgb) / .5); }
.swatch code { display:block; overflow-wrap:anywhere; background:none; padding:0; }
.sw-bg { --swatch:var(--bg); }
.sw-panel { --swatch:var(--panel); }
.sw-panel2 { --swatch:var(--panel-2); }
.sw-border { --swatch:var(--border); }
.sw-accent { --swatch:var(--accent); }
.sw-dark { --swatch:var(--accent-dark); }
.sw-text { --swatch:var(--text); }
.sw-text2 { --swatch:var(--text-2); }
.sw-muted { --swatch:var(--muted); }
.sw-success { --swatch:var(--success); }
.sw-warn { --swatch:var(--warn); }
.sw-error { --swatch:var(--error); }
.sw-sky { --swatch:rgb(var(--c-sky)); }
.sw-pink { --swatch:rgb(var(--c-pink)); }
.sw-iris { --swatch:rgb(var(--c-iris)); }
.sw-leaf { --swatch:rgb(var(--c-leaf)); }
.sw-tang { --swatch:rgb(var(--c-tang)); }
.sw-sun { --swatch:rgb(var(--c-sun)); }
.preview-stack { display:grid; gap:24px; }
.preview-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.type-display { font-family:var(--font-display); font-size:48px; font-weight:var(--weight-display); line-height:1.2; margin:0; }
.type-lede { font-size:20px; color:var(--text-2); }
@media (max-width:1320px) {
  .tiles { transform:scale(.84); }
  .float-signup { right:-120px; }
}
@media (max-width:1180px) {
  .tiles { transform:scale(.72); }
  .tile-b { display:none; }
  .float-signup { right:-36px; }
  .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:960px) {
  .tiles { transform:scale(.6); }
  .plan-grid,.article-grid { gap:16px; }
  .plan-card { padding:24px; }
}
@media (max-width:768px) {
  .hero { padding-top:136px; padding-bottom:72px; }
  .tiles { transform:none; width:140px; height:180px; }
  .tile { --size:96px; border-radius:calc(var(--r-window) - 2px); }
  .tile::before { border-radius:calc(var(--r-menu) - 1px); }
  .tile-c { display:none; }
  .tile-b { display:block; }
  .tile-tag { display:none; }
  .tile-flag { top:14px; left:14px; width:38px; height:38px; padding:3px; }
  .tile-flag svg { width:32px; height:32px; }
  .tile-lock svg { width:20px; height:20px; }
  .tiles .tile-a { left:-42px; top:-34px; right:auto; }
  .tiles .tile-b { left:-14px; top:24px; right:auto; }
  .tiles-r .tile-a { left:auto; right:-42px; }
  .tiles-r .tile-b { left:auto; right:-14px; }
  .hero-copy { padding-inline:16px; }
  .hero-title { font-size:clamp(28px,6vw,36px); }
  .ht-row { gap:14px; }
  .app-icon { width:64px; height:64px; border-radius:var(--r-menu); }
  .app-icon img { width:44px; height:44px; }
  .lede { font-size:17px; }
  .relay-stage { width:auto; max-width:none; margin:56px 16px 0; }
  .win-body { padding:30px 16px 20px; }
  .relay { grid-template-columns:76px 1fr 76px 1fr 76px; }
  .hex { width:44px; height:44px; }
  .hop-link { height:10px; margin:17px -22px 0; }
  .node-label { font-size:11px; white-space:normal; text-align:center; }
  .win-grid { grid-template-columns:1fr; }
  .cell-wide { grid-column:auto; }
  .win-meta { display:none; }
  .float-refund { left:8px; top:-22px; font-size:13px; }
  .float-signup { position:relative; top:auto; right:auto; margin:16px 0 0 auto; width:max-content; max-width:100%; transform:none; }
  .feature-board { grid-template-columns:minmax(0,1fr); gap:20px; }
  .feature-board [role="tablist"] { flex-direction:row; flex-wrap:nowrap; overflow-x:auto; padding:4px 4px 12px; }
  .feature-board [role="tab"] { flex-shrink:0; }
  .plan-grid,.article-grid { grid-template-columns:minmax(0,1fr); }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fact-badges { gap:12px; }
  .fact-badge { padding:24px 12px; font-size:13px; border-radius:var(--r-panel); }
  .type-display { font-size:32px; }
}
@media (max-width:640px) {
  .win,.float-refund,.float-signup { transform:none; }
  .tiles { max-width:100%; }
  .promo-block { padding:24px; }
  .fact-badges { grid-template-columns:1fr; }
  .cell-row { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) {
  .spot { animation:none; }
}