.stage{position:relative;width:88%;margin:0 auto;text-align:left}
.device{position:relative;z-index:1;padding:10px;border-radius:var(--r-xl);background:var(--frame);box-shadow:inset 0 1px 0 rgb(var(--white-rgb) / .18),inset 0 0 0 1px rgb(var(--white-rgb) / .05),0 44px 96px -12px rgb(var(--accent-rgb) / .16),0 22px 44px -18px rgb(var(--frame-rgb) / .38)}
.wallpaper{position:relative;overflow:hidden;padding:26px 56px 40px;border-radius:var(--r-wall);background:radial-gradient(55% 60% at 16% 0%,rgb(var(--white-rgb) / .34),rgb(var(--white-rgb) / 0) 70%),linear-gradient(172deg,var(--accent-2),var(--wall-mid) 46%,var(--sand))}
.hills{position:absolute;left:0;bottom:0;width:100%;height:72%;display:block}
.hill-far{fill:var(--hill-far);opacity:.85}
.hill-mid{fill:var(--hill-mid);opacity:.9}
.hill-near{fill:var(--hill-near)}
.app{position:relative;z-index:1;display:grid;grid-template-columns:214px 320px 1fr;height:432px;overflow:hidden;border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:0 0 0 1px rgb(var(--frame-rgb) / .18),0 30px 60px -20px rgb(var(--frame-rgb) / .42),0 10px 22px -8px rgb(var(--accent-dark-rgb) / .28)}
.app::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgb(var(--white-rgb)),inset 0 0 0 1px rgb(var(--white-rgb) / .6)}
.pane{display:flex;flex-direction:column;min-width:0}
.pane-side{background:var(--panel-soft);border-right:1px solid var(--border)}
.pane-list{border-right:1px solid var(--border)}
.pane-head{flex:none;display:flex;align-items:center;gap:10px;height:42px;padding-inline:14px;border-bottom:1px solid var(--border)}
.traffic{display:flex;gap:7px}
.traffic span{width:11px;height:11px;border-radius:var(--r-round);display:block;flex-shrink:0;box-shadow:inset 0 0 0 1px rgb(var(--frame-rgb) / .12)}
.traffic span:nth-child(1){background:var(--chrome-red)}
.traffic span:nth-child(2){background:var(--chrome-yellow)}
.traffic span:nth-child(3){background:var(--chrome-green)}
.tiny-btn{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted)}
.tiny-btn svg{width:12px;height:12px;display:block}
.side-body{padding:8px 10px 0}
.side-cap{display:flex;align-items:center;height:22px;padding-inline:8px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-faint)}
.side-list{margin:0;padding:0;list-style:none}
.side-item{display:flex;align-items:center;gap:9px;height:30px;padding-inline:8px;border-radius:var(--r-sm);font-size:13px;color:var(--text)}
.side-item.is-current{background:var(--bg-panel-2);font-weight:600;box-shadow:inset 0 1px 0 rgb(var(--white-rgb) / .6)}
.side-ico{width:15px;height:15px;display:block;flex:none;color:var(--accent)}
.count{margin-left:auto;padding-inline:6px;border-radius:var(--r-xs);font-size:11px;line-height:18px;font-weight:500;white-space:nowrap}
.count-num{font-family:var(--font-mono);background:var(--tint-blue);color:var(--accent-dark)}
.count-dedicated{background:var(--tint-blue);color:var(--accent-dark)}
.count-relay{background:var(--bg-panel-2);color:var(--text-muted)}
.count-direct{background:var(--tint-success);color:var(--ink-success)}
.side-sub{margin:8px 10px 0;padding-top:8px;border-top:1px solid var(--border)}
.side-sub .side-cap{height:20px}
.plan-card{display:grid;gap:4px;padding:7px 10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:0 4px 10px -6px rgb(var(--accent-rgb) / .3)}
.plan-row{display:flex;align-items:center;justify-content:space-between;gap:8px;height:18px;font-size:12px}
.plan-row b{font-weight:600}
.mono{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}
.finder{flex:1;display:flex;align-items:center;gap:7px;height:28px;padding-inline:10px;border-radius:var(--r-sm);background:var(--bg-panel-2);font-size:12px;color:var(--text-faint);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .06)}
.finder svg{width:13px;height:13px;display:block;color:var(--text-muted)}
.list-body{padding:8px 10px}
.list-cap{display:flex;align-items:center;justify-content:space-between;height:22px;padding-inline:6px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-faint)}
.list-cap span:last-child{font-weight:400;letter-spacing:0}
.routes{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.route{display:flex;align-items:center;gap:10px;height:52px;padding-inline:10px;border-radius:var(--r-md);border:1px solid rgb(var(--border-rgb) / .7);background:var(--bg-panel)}
.route-main{flex:1;display:grid;gap:2px;min-width:0}
.route-main b{font-size:13.5px;font-weight:600}
.route-main span{font-size:12px;color:var(--text-muted)}
.proto{flex:none;padding-inline:7px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:11px;line-height:20px}
.proto-hy{background:var(--tint-violet);color:var(--ink-violet)}
.proto-vl{background:var(--tint-success);color:var(--ink-success)}
.proto-tj{background:var(--tint-warn);color:var(--ink-warn)}
.proto-ss{background:var(--tint-blue);color:var(--accent-dark)}
.route.is-current{border-color:var(--accent);background:var(--accent);color:var(--white);box-shadow:inset 0 1px 0 rgb(var(--white-rgb) / .18),0 8px 16px -8px rgb(var(--accent-rgb) / .7)}
.route.is-current .route-main span{color:rgb(var(--white-rgb) / .82)}
.route.is-current .proto{background:rgb(var(--white-rgb) / .2);color:var(--white)}
.head-title{font-size:13px;font-weight:600}
.head-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);white-space:nowrap}
.switch{position:relative;display:inline-block;flex:none;width:30px;height:18px;border-radius:var(--r-pill);background:var(--accent);box-shadow:inset 0 1px 2px rgb(var(--accent-dark-rgb) / .45)}
.switch::after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:var(--r-round);background:var(--white);box-shadow:0 1px 2px rgb(var(--ink-rgb) / .25)}
.detail{padding:14px 18px}
.detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.detail-name{margin:0;font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:-.01em}
.chip{display:inline-flex;align-items:center;gap:5px;padding-inline:8px;border-radius:var(--r-xs);font-size:11px;line-height:20px;font-weight:500;max-width:100%;overflow-wrap:anywhere}
.chip-ok{background:var(--tint-success);color:var(--ink-success)}
.chip-ok::before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:var(--r-round);background:var(--success)}
.chip-warn{background:var(--tint-warn);color:var(--ink-warn)}
.chip-blue{background:var(--tint-blue);color:var(--accent-dark)}
.chip-error{background:var(--tint-error);color:var(--ink-error)}
.chip-violet{background:var(--tint-violet);color:var(--ink-violet)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.detail-cap{margin:12px 0 8px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-faint);line-height:16px}
.relay{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:4px}
.hop{display:grid;gap:2px;padding:8px 9px;border-radius:var(--r-md);background:var(--bg-panel-2);box-shadow:inset 0 1px 0 rgb(var(--white-rgb) / .7);min-width:0}
.hop small{font-size:10.5px;color:var(--text-faint);letter-spacing:.04em}
.hop b{font-size:13px;font-weight:600;white-space:nowrap}
.hop span{font-size:11px;color:var(--text-muted);white-space:nowrap}
.hop-exit{background:var(--tint-blue);box-shadow:inset 0 0 0 1px var(--tint-blue-line),0 6px 14px -8px rgb(var(--accent-rgb) / .55)}
.hop-exit b{color:var(--accent-dark)}
.relay-arrow{width:16px;height:16px;display:block;color:var(--accent)}
.detail-rows{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid var(--border)}
.detail-row{display:flex;align-items:center;gap:9px;min-height:42px;border-bottom:1px solid var(--border);font-size:13px}
.detail-row svg{width:14px;height:14px;display:block;flex:none;color:var(--text-muted)}
.row-end{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}
.tags{position:absolute;inset:0;z-index:2;pointer-events:none}
.tag{position:absolute;display:flex;align-items:center}
.tag-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 12px 4px 10px;border-radius:var(--r-pill);border:1px solid var(--tag-edge);background:var(--tag-bg);color:var(--tag-ink);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;box-shadow:inset 0 1px 0 rgb(var(--white-rgb) / .75),0 12px 26px -12px rgb(var(--accent-rgb) / .5),0 2px 4px rgb(var(--ink-rgb) / .06)}
.tag-pill svg{width:14px;height:14px;display:block;flex:none}
.lead{position:absolute;background:var(--tag-line)}
.lead::after{content:"";position:absolute;width:5px;height:5px;border-radius:var(--r-round);background:var(--tag-line);box-shadow:0 0 0 2px rgb(var(--white-rgb) / .55)}
.lead-v{top:30px;width:1px;height:22px}
.lead-v::after{left:-2px;bottom:-2.5px}
.lead-h{position:relative;width:22px;height:1px;flex:none}
.lead-h::after{top:-2px;right:-2.5px}
.tag-a{top:-14px;left:-40px;--tag-bg:var(--tint-blue);--tag-edge:var(--tint-blue-line);--tag-ink:var(--accent-dark);--tag-line:var(--line-blue)}
.tag-a .lead-v{left:148px}
.tag-b{top:-14px;right:-40px;--tag-bg:var(--tint-warn);--tag-edge:var(--tint-warn-line);--tag-ink:var(--ink-warn);--tag-line:var(--line-warn)}
.tag-b .lead-v{right:118px}
.tag-c{top:340px;left:-96px;--tag-bg:var(--tint-error);--tag-edge:var(--tint-error-line);--tag-ink:var(--ink-error);--tag-line:var(--line-error)}
.tag-d{top:322px;right:-77px;flex-direction:row-reverse;--tag-bg:var(--tint-violet);--tag-edge:var(--tint-violet-line);--tag-ink:var(--ink-violet);--tag-line:var(--line-violet)}
.tag-d .lead-h::after{right:auto;left:-2.5px}
.tabs{min-width:0}
.tab-list,[role="tablist"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tab-list [role="tab"]{min-height:44px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel);color:var(--text-muted);box-shadow:var(--shadow-paper)}
.tab-list [aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--white)}
.tab-panel{min-width:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:10;display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-paper);margin-bottom:32px;overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;padding:6px 12px;border-radius:var(--r-sm);color:var(--text-muted);white-space:nowrap;font-size:14px}
.toc-tabs a.is-active{background:var(--tint-blue);color:var(--accent-dark);font-weight:600}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id],body:has(.toc-tabs) h2[id],body:has(.toc-tabs) h3[id]{scroll-margin-top:var(--toc-landing)}
.faq-item{border-bottom:1px solid var(--border);background:var(--bg-panel)}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:20px 48px 20px 20px;min-height:44px;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:18px;color:var(--accent);font-size:22px}
.faq-item[open] summary::after{content:"−"}
.faq-item>p,.faq-answer{padding:0 20px 20px;margin:0;color:var(--text-muted)}
.faq-group{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-paper)}
.faq-group .faq-item:last-child{border-bottom:0}
.period-card{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px 24px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-paper)}
.period-card h3{margin:0}
.period-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-paper)}
.plan-badge{align-self:flex-start;display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-xs);background:var(--tint-blue);color:var(--accent-dark);font-size:12px;font-weight:600}
.price{font-family:var(--font-mono);font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}
.price small{font-family:var(--font-body);font-size:14px;color:var(--text-muted)}
.plan-spec{color:var(--text-muted);margin:0}
.plan-includes{padding-left:20px;margin:0;font-size:14px}
.period-card .btn{margin-top:auto}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-paper)}
.data-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.data-table caption{text-align:left;padding:16px 20px;color:var(--text);font-weight:600}
.data-table th,.data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);word-break:keep-all;color:var(--text)}
.data-table th{font-weight:600;background:var(--bg-panel-2);white-space:nowrap}
.data-table td:first-child{font-weight:500}
.data-table tr:last-child td{border-bottom:0}
.data-table .region-row th{background:var(--panel-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;min-width:0;padding:24px 20px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-paper)}
.platform-card h3{font-family:var(--font-body);font-size:18px;margin:0}
.platform-card .plat-ico{width:28px;height:28px;color:var(--text)}
.platform-card .btn{font-size:14px;padding-inline:12px;min-height:44px;margin-top:auto}
.article-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border-top:3px solid var(--accent);border-radius:var(--r-sm);background:var(--bg-panel);box-shadow:var(--shadow-paper);min-width:0}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-muted)}
.article-card h3{font-size:24px;margin:0}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{font-size:14px;color:var(--text-muted);margin:0}
.article-card>a{min-height:28px;display:inline-flex;align-items:center;color:var(--accent-dark);margin-top:auto}
.callout{padding:20px 24px;border-left:3px solid var(--accent);background:var(--tint-blue);border-radius:var(--r-sm);color:var(--accent-dark);min-width:0}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel-2);box-shadow:var(--shadow-paper)}
.promo-copy{min-width:0}
.promo-copy h3{font-family:var(--font-body);font-weight:600;font-size:20px;margin:0 0 8px}
.promo-copy p{margin:0;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.summary-band{padding-top:28px;padding-bottom:28px;background:var(--text);color:var(--bg-panel);text-align:center}
.summary-band p{margin:0;font-size:20px;font-weight:600}
.cta-band{padding-top:48px;padding-bottom:48px;background:var(--text);color:var(--bg-panel);text-align:center}
.cta-band h2{font-size:32px}
.cta-band p{color:var(--bg-panel-2)}
.handoff-browser{position:relative;min-height:456px;padding-right:54%;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel-2);box-shadow:var(--shadow-paper)}
.feature-entry{border-bottom:1px solid var(--border)}
.feature-entry:last-child{border-bottom:0}
.feature-entry summary{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;list-style:none;cursor:pointer;padding:14px 20px;border-left:3px solid var(--bg-panel-2)}
.feature-entry summary::-webkit-details-marker{display:none}
.feature-entry[open] summary{border-left-color:var(--accent);background:var(--bg-panel)}
.feature-summary{flex:1;min-width:0}
.feature-summary b{display:block;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.3}
.feature-summary small{display:block;color:var(--text-muted);font-size:12px;margin-top:4px}
.feature-detail{position:absolute;top:0;right:0;bottom:0;width:54%;border-left:1px solid var(--border);background:var(--bg-panel);border-radius:0 var(--r-md) var(--r-md) 0;overflow-y:auto}
.feature-detail .pane-head{height:42px}
.feature-body{padding:32px}
.feature-body h3{font-size:28px}
.feature-body p{color:var(--text-muted);line-height:1.85}
.facts-band{padding-top:20px;padding-bottom:20px;background:var(--bg-panel-2);border-block:1px solid var(--border)}
.facts-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;font-family:var(--font-mono);font-size:14px}
.ticker{max-width:100%;overflow:hidden;background:var(--bg-panel-2);padding-block:18px;border-block:1px solid var(--border)}
.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;white-space:nowrap;color:var(--text-muted);font-size:14px}
.ticker-group span{display:inline-flex;align-items:center;gap:12px}
.ticker-group span::before{content:"";width:5px;height:5px;border-radius:var(--r-round);background:var(--accent);flex-shrink:0}
.ticker.is-static .ticker-track{width:100%;flex-wrap:wrap;transform:none!important}
.ticker.is-static .ticker-group{flex-wrap:wrap;justify-content:center;white-space:normal;gap:12px 24px;padding-inline:var(--gutter)}
.ticker.is-static .ticker-group~.ticker-group{display:none}
.preview-section{padding-top:56px;padding-bottom:56px;border-bottom:1px solid var(--border)}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:24px}
.preview-note{font-size:14px;color:var(--text-muted)}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.swatch{min-width:0;padding:8px;border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--r-sm)}
.swatch::before{content:"";display:block;height:48px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--swatch)}
.swatch code{font-size:11px;color:var(--text)}
.swatch[data-token="bg"]{--swatch:var(--bg)}
.swatch[data-token="bg-panel"]{--swatch:var(--bg-panel)}
.swatch[data-token="bg-panel-2"]{--swatch:var(--bg-panel-2)}
.swatch[data-token="border"]{--swatch:var(--border)}
.swatch[data-token="accent"]{--swatch:var(--accent)}
.swatch[data-token="accent-dark"]{--swatch:var(--accent-dark)}
.swatch[data-token="accent-2"]{--swatch:var(--accent-2)}
.swatch[data-token="text"]{--swatch:var(--text)}
.swatch[data-token="text-muted"]{--swatch:var(--text-muted)}
.swatch[data-token="text-faint"]{--swatch:var(--text-faint)}
.swatch[data-token="success"]{--swatch:var(--success)}
.swatch[data-token="warn"]{--swatch:var(--warn)}
.swatch[data-token="error"]{--swatch:var(--error)}
.swatch[data-token="white"]{--swatch:var(--white)}
.swatch[data-token="hero-top"]{--swatch:var(--hero-top)}
.swatch[data-token="hero-bottom"]{--swatch:var(--hero-bottom)}
.swatch[data-token="panel-soft"]{--swatch:var(--panel-soft)}
.swatch[data-token="frame"]{--swatch:var(--frame)}
.swatch[data-token="sand"]{--swatch:var(--sand)}
.swatch[data-token="wall-mid"]{--swatch:var(--wall-mid)}
.swatch[data-token="hill-far"]{--swatch:var(--hill-far)}
.swatch[data-token="hill-mid"]{--swatch:var(--hill-mid)}
.swatch[data-token="hill-near"]{--swatch:var(--hill-near)}
.swatch[data-token="tint-blue"]{--swatch:var(--tint-blue)}
.swatch[data-token="tint-blue-line"]{--swatch:var(--tint-blue-line)}
.swatch[data-token="tint-success"]{--swatch:var(--tint-success)}
.swatch[data-token="tint-warn"]{--swatch:var(--tint-warn)}
.swatch[data-token="tint-warn-line"]{--swatch:var(--tint-warn-line)}
.swatch[data-token="tint-error"]{--swatch:var(--tint-error)}
.swatch[data-token="tint-error-line"]{--swatch:var(--tint-error-line)}
.swatch[data-token="tint-violet"]{--swatch:var(--tint-violet)}
.swatch[data-token="tint-violet-line"]{--swatch:var(--tint-violet-line)}
.swatch[data-token="ink-success"]{--swatch:var(--ink-success)}
.swatch[data-token="ink-warn"]{--swatch:var(--ink-warn)}
.swatch[data-token="ink-error"]{--swatch:var(--ink-error)}
.swatch[data-token="ink-violet"]{--swatch:var(--ink-violet)}
.swatch[data-token="line-blue"]{--swatch:var(--line-blue)}
.swatch[data-token="line-warn"]{--swatch:var(--line-warn)}
.swatch[data-token="line-error"]{--swatch:var(--line-error)}
.swatch[data-token="line-violet"]{--swatch:var(--line-violet)}
.swatch[data-token="chrome-red"]{--swatch:var(--chrome-red)}
.swatch[data-token="chrome-yellow"]{--swatch:var(--chrome-yellow)}
.swatch[data-token="chrome-green"]{--swatch:var(--chrome-green)}
.swatch[data-token="flag-red"]{--swatch:var(--flag-red)}
.swatch[data-token="flag-blue"]{--swatch:var(--flag-blue)}
.swatch[data-token="flag-white"]{--swatch:var(--flag-white)}
.swatch[data-token="flag-green"]{--swatch:var(--flag-green)}
.type-display{font-family:var(--font-display);font-size:36px;line-height:1.2}
.type-body{font-family:var(--font-body)}
.type-mono{font-family:var(--font-mono)}
.blog-band{background:var(--bg-panel-2);border-block:1px solid var(--border);padding-top:48px;padding-bottom:48px}
@media(max-width:1100px){
  .stage{width:100%}
  .wallpaper{padding:22px 28px 30px}
  .app{grid-template-columns:200px 280px 1fr}
  .tags{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
  .tag{position:static}
  .lead{display:none}
}
@media(max-width:960px){
  .app{grid-template-columns:170px 235px 1fr}
  .wallpaper{padding:22px 18px 30px}
  .detail{padding-inline:12px}
  .head-toggle{gap:4px;font-size:11px}
  .hop{padding:8px 5px}
  .hop b{font-size:12px}
  .hop span{font-size:10px}
  .handoff-browser{padding-right:50%}
  .feature-detail{width:50%}
  .feature-body{padding:24px}
}
@media(max-width:768px){
  .app{grid-template-columns:190px 1fr;height:auto}
  .pane-list{display:none}
  .pane-side{padding-bottom:12px}
  .handoff-browser{padding-right:0;min-height:0}
  .feature-detail{position:static;width:100%;border-left:0;border-top:1px solid var(--border);border-radius:0}
  .feature-entry summary{min-height:76px}
  .promo-block{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .device{padding:7px;border-radius:var(--r-device-mobile)}
  .wallpaper{padding:14px 12px 20px;border-radius:var(--r-wall-mobile)}
  .app{grid-template-columns:1fr}
  .pane-side{border-right:0;border-bottom:1px solid var(--border)}
  .relay{grid-template-columns:1fr;gap:6px}
  .relay-arrow{justify-self:center;transform:rotate(90deg)}
  .feature-entry summary{padding-inline:14px}
  .feature-body{padding:20px}
  .tag-pill{white-space:normal;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:100%;flex-wrap:wrap;transform:none!important}
  .ticker-group{flex-wrap:wrap;justify-content:center;white-space:normal;gap:12px 24px;padding-inline:var(--gutter)}
  .ticker-group~.ticker-group{display:none}
}