.hero{position:relative;margin:4px 20px 0;max-width:100%;border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;overflow:clip;box-shadow:inset 0 1px 0 var(--hl),var(--shadow-panel);background:linear-gradient(var(--grid-line) 1px,var(--transparent) 1px) 0 0/var(--grid-size) var(--grid-size),linear-gradient(90deg,var(--grid-line) 1px,var(--transparent) 1px) 0 0/var(--grid-size) var(--grid-size),radial-gradient(52% 64% at 82% 14%,var(--accent-a08),var(--transparent) 72%),radial-gradient(30% 40% at 70% 40%,var(--accent-a06),var(--transparent) 70%),linear-gradient(28deg,var(--hero-paper) 42%,var(--hero-cool) 100%)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,48%);gap:48px;align-items:center;padding:40px 64px}
.hero-inner>*{min-width:0}
.hero-copy{position:relative;z-index:2}
.badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 6px;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-soft);font-size:13px;color:var(--text-muted);overflow-wrap:anywhere}
.badge-dot{width:22px;height:22px;border-radius:var(--r-round);display:grid;place-items:center;background:var(--accent-a10);flex-shrink:0}
.badge-dot i{width:7px;height:7px;border-radius:var(--r-round);background:var(--accent)}
.badge .mono{color:var(--text);font-weight:var(--weight-strong);font-size:12.5px}
.badge-sep{color:var(--border)}
.hero h1{margin:32px 0 0;font-size:var(--size-h1);line-height:1.1;font-weight:var(--weight-heading);letter-spacing:var(--tracking-cjk)}
.h1-brand{display:block;letter-spacing:var(--tracking-display)}
.h1-kw{color:var(--accent)}
.lede{margin:32px 0 0;max-width:33em;font-size:17px;line-height:1.7;color:var(--text-muted)}
.lede strong{color:var(--text)}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:10px 24px;margin:28px 0 0;padding:0;list-style:none}
.trust li{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--text);white-space:nowrap}
.ti-ic{width:16px;height:16px;flex-shrink:0}
.ti-bg{fill:var(--accent-a10)}
.ti-ck{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-meta{display:grid;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.meta-label{width:64px;flex-shrink:0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--text-muted)}
.meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-muted);white-space:nowrap}
.os-ic{width:16px;height:16px;flex-shrink:0;color:var(--text);fill:currentColor}
.flag{width:21px;height:14px;flex-shrink:0;display:block;overflow:hidden;border-radius:var(--r-xs)}
.fl-red{fill:var(--flag-red)}
.fl-white{fill:var(--flag-white)}
.fl-navy{fill:var(--flag-navy)}
.fl-green{fill:var(--flag-green)}
.fl-edge{fill:none;stroke:var(--border);stroke-width:1}
.fl-sw-d{fill:none;stroke:var(--flag-white);stroke-width:1.8}
.fl-sr-d{fill:none;stroke:var(--flag-red);stroke-width:.6}
.fl-sw-c{fill:none;stroke:var(--flag-white);stroke-width:2.6}
.fl-sr-c{fill:none;stroke:var(--flag-red);stroke-width:1.3}
.device{position:relative;width:100%;max-width:620px;margin-left:auto;aspect-ratio:600/640;container-type:inline-size;--u:calc(100cqw / 600)}
.globe{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.s-core{stop-color:var(--globe-core)}
.s-mid{stop-color:var(--globe-mid)}
.s-rim{stop-color:var(--globe-rim)}
.s-a04{stop-color:var(--accent);stop-opacity:.04}
.s-a08{stop-color:var(--accent);stop-opacity:.08}
.s-a20{stop-color:var(--accent);stop-opacity:.2}
.s-a36{stop-color:var(--accent);stop-opacity:.36}
.s-a50{stop-color:var(--accent);stop-opacity:.5}
.s-a72{stop-color:var(--accent);stop-opacity:.72}
.s-w70{stop-color:var(--bg-panel);stop-opacity:.72}
.s-w40{stop-color:var(--bg-panel);stop-opacity:.42}
.s-w0{stop-color:var(--bg-panel);stop-opacity:0}
.sh-accent{fill:var(--accent);opacity:.12}
.sh-ground{fill:var(--accent-dark);opacity:.16}
.sphere-edge{fill:none;stroke:var(--accent);stroke-opacity:.22;stroke-width:1.5}
.sphere-hl{fill:none;stroke:var(--bg-panel);stroke-opacity:.9;stroke-width:2.5}
.rim-arc{fill:none;stroke:var(--bg-panel);stroke-opacity:.8;stroke-width:5;stroke-linecap:round}
.back{fill:none;stroke:var(--accent);stroke-opacity:.22;stroke-width:1;stroke-dasharray:2 5}
.band{fill:none;stroke-linecap:round}
.band-mer{stroke:url(#g-mer);stroke-width:7}
.band-par{stroke:url(#g-par);stroke-width:7}
.band-eq{stroke:url(#g-eq);stroke-width:12}
.conn{fill:none;stroke:var(--accent);stroke-opacity:.5;stroke-width:1.2;stroke-dasharray:3 4}
.node-ring{fill:var(--accent);opacity:.16}
.node{fill:var(--accent);stroke:var(--bg-panel);stroke-width:2.5}
.node-sm{fill:var(--accent-hi);stroke:var(--bg-panel);stroke-width:2}
.halo-outer{fill:var(--accent);opacity:.07}
.halo{fill:var(--accent);opacity:.14;animation:breathe 4.8s ease-in-out infinite}
.halo-disc{fill:var(--bg-panel);fill-opacity:.62;stroke:var(--accent);stroke-opacity:.18;stroke-width:1}
.glass-arc{fill:none;stroke:var(--bg-panel);stroke-opacity:.9;stroke-width:4;stroke-linecap:round}
.eq-glow{fill:var(--accent);opacity:.22}
.eq-dot{fill:var(--accent)}
.eq-core{fill:var(--bg-panel)}
.orb-rot{transform-box:view-box;transform-origin:0 0;animation:orbit 22s linear infinite}
.orb-counter{transform-box:view-box;transform-origin:0 0;animation:orbit-back 22s linear infinite}
.orb-dot{animation:orbit-fade 22s linear infinite}
.dcard{position:absolute;z-index:2;font-size:max(11px,calc(var(--u) * 13));line-height:1.35;padding:.78em .92em;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-card);white-space:nowrap;color:var(--text)}
.dc-row{display:flex;align-items:center;gap:.6em}
.dc-flag{width:1.7em;height:1.13em}
.dc-city{font-weight:var(--weight-strong);font-size:1.08em;letter-spacing:-.01em}
.dc-tz{margin-left:auto;font-family:var(--font-mono);font-size:.8em;color:var(--text-muted);padding:.12em .55em;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--hero-paper)}
.dc-type{display:flex;align-items:center;gap:.5em;margin-top:.6em;padding:.38em .7em;border-radius:var(--r-sm);font-size:.9em;background:var(--bg-panel-2);color:var(--text)}
.dc-type::before{content:"";width:.45em;height:.45em;border-radius:var(--r-xs);background:var(--text-muted);flex-shrink:0}
.dc-type--hot{background:var(--wine-a10);color:var(--wine);font-weight:var(--weight-strong)}
.dc-type--hot::before{background:var(--wine);border-radius:var(--r-round)}
.dc-plan{display:flex;align-items:center;gap:.9em}
.dc-plan-k{display:block;font-size:.78em;color:var(--text-muted)}
.dc-price{font-family:var(--font-mono);font-size:1.85em;font-weight:var(--weight-strong);letter-spacing:-.03em;line-height:1.1}
.dc-per{font-size:.48em;font-weight:var(--weight-heading);color:var(--text-muted);letter-spacing:0;margin-left:.15em}
.dc-chip{font-family:var(--font-mono);font-size:.82em;padding:.3em .7em;border-radius:var(--r-pill);background:var(--accent-a10);color:var(--accent-dark)}
.dc-chrome{display:flex;align-items:center;gap:.38em;padding-bottom:.55em;margin-bottom:.62em;border-bottom:1px solid var(--border)}
.dc-chrome i{width:.52em;height:.52em;border-radius:var(--r-round);background:var(--border)}
.dc-chrome span{margin-left:.45em;font-family:var(--font-mono);font-size:.74em;color:var(--text-muted);letter-spacing:.04em}
.dc-status-body{display:flex;align-items:center;gap:.6em}
.live{display:inline-flex;align-items:center;gap:.35em;padding:.22em .6em;border-radius:var(--r-pill);background:var(--success-a12);color:var(--success);font-family:var(--font-mono);font-size:.72em;font-weight:var(--weight-strong);letter-spacing:.06em}
.live i{width:.5em;height:.5em;border-radius:var(--r-round);background:var(--success);flex-shrink:0}
.dc-st-text b{font-weight:var(--weight-strong);color:var(--accent-dark)}
.toggle{position:relative;flex-shrink:0;margin-left:auto;width:2.3em;height:1.3em;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:inset 0 1px 0 var(--hl-soft)}
.toggle i{position:absolute;right:.18em;top:.175em;width:.95em;height:.95em;border-radius:var(--r-round);background:var(--bg-panel)}
.dc-tokyo{right:calc(var(--u) * 8);top:calc(var(--u) * 36);min-width:calc(var(--u) * 190);animation:floatY 7s ease-in-out -1s infinite}
.dc-hk{left:calc(var(--u) * 8);top:calc(var(--u) * 100);min-width:calc(var(--u) * 160);animation:floatY 6.4s ease-in-out -3s infinite}
.dc-sg{right:calc(var(--u) * 8);top:calc(var(--u) * 374);min-width:calc(var(--u) * 170);animation:floatY 7.6s ease-in-out -2s infinite}
.dc-plan{left:0;top:calc(var(--u) * 474);min-width:calc(var(--u) * 172);animation:floatY 6s ease-in-out -4s infinite}
.dc-status{right:calc(var(--u) * 30);top:calc(var(--u) * 478);min-width:calc(var(--u) * 222);animation:floatY 8s ease-in-out -5s infinite}
.d-gmt,.d-fact,.d-os{position:absolute;z-index:2;white-space:nowrap}
.d-gmt{left:0;top:calc(var(--u) * 6);display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:max(10.5px,calc(var(--u) * 12));padding:.45em .9em;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-soft);color:var(--text-muted)}
.d-gmt svg{width:1.1em;height:1.1em}
.d-gmt b,.d-fact b{color:var(--text);font-weight:var(--weight-strong)}
.gmt-ring{fill:none;stroke:var(--accent);stroke-width:1.6}
.gmt-line{stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}
.d-fact{left:50%;top:calc(var(--u) * 566);transform:translateX(-50%);display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:max(11px,calc(var(--u) * 13));padding:.5em 1.05em;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-soft);color:var(--text-muted)}
.d-fact .sl{color:var(--border)}
.d-fact .pt{width:.5em;height:.5em;border-radius:var(--r-round);background:var(--accent)}
.d-os{right:calc(var(--u) * 6);top:calc(var(--u) * 608);transform:rotate(3deg);font-family:var(--font-mono);font-size:max(10px,calc(var(--u) * 11));padding:.45em .9em;border-radius:var(--r-sm);background:var(--bg-panel-2);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--text-muted)}
.wall{max-width:1080px;margin:22px auto 0;padding-inline:24px;display:flex;align-items:center;gap:40px}
.wall-label{flex-shrink:0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--text-muted)}
.wall-list{flex:1;display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.wall-list li{margin:0;font-family:var(--font-display);font-weight:var(--weight-strong);font-size:20px;letter-spacing:-.01em;color:var(--text-muted);opacity:.7}
.tab-list,[role="tablist"]{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:6px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel-2);width:max-content}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid var(--transparent);border-radius:var(--r-pill);background:var(--transparent);color:var(--text-muted);white-space:nowrap;flex-shrink:0}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent);border-color:var(--border);box-shadow:var(--shadow-soft)}
[role="tabpanel"]{min-width:0;padding-top:var(--space-4)}
.toc-tabs{position:sticky;top:var(--header-height);z-index:30;display:flex;align-items:center;gap:8px;min-height:var(--toc-height);max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-soft);margin-bottom:var(--space-5)}
.toc-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;color:var(--text-muted)}
.toc-tabs a.is-current{color:var(--accent);background:var(--accent-a10);text-decoration:none}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--anchor-offset)}
.faq-item{border-bottom:1px solid var(--border);padding:var(--space-2) 0}
.faq-item summary{position:relative;min-height:44px;padding:8px 40px 8px 0;font-weight:var(--weight-heading);cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:8px;font-family:var(--font-mono);font-size:20px;color:var(--accent)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding-top:var(--space-2);padding-right:var(--space-3);color:var(--text-muted)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--space-4);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-card)}
.plan-card.is-current,.plan-card[data-current="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-card)}
.plan-badge{align-self:flex-start;margin-bottom:var(--space-2);padding:4px 12px;font-size:var(--size-caption);border-radius:var(--r-pill);background:var(--accent-a10);color:var(--accent-dark)}
.plan-price{font-family:var(--font-mono);font-size:40px;line-height:1.2;letter-spacing:-.03em;margin-block:var(--space-3);font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:var(--size-small);color:var(--text-muted);letter-spacing:0}
.plan-facts{padding-left:1.2em;margin:0 0 var(--space-4);color:var(--text-muted)}
.plan-card .btn{margin-top:auto;align-self:flex-start}
.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}
.data-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:var(--size-small)}
.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table th{background:var(--bg-panel-2);color:var(--text);font-weight:var(--weight-strong);white-space:nowrap}
.data-table td:first-child{color:var(--text);font-weight:var(--weight-heading)}
.data-table tr:last-child td{border-bottom:0}
.data-table caption{text-align:left;padding:16px 20px;font-weight:var(--weight-strong);color:var(--text)}
.data-table .region-row th{background:var(--accent-a06);color:var(--accent-dark)}
.data-table .route-highlight td{background:var(--wine-a10);color:var(--wine)}
.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:var(--space-2)}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-3);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}
.platform-card .os-ic{width:28px;height:28px}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{margin-top:auto;font-size:13px;padding-inline:14px;min-height:44px}
.platform-label{font-family:var(--font-mono);font-size:18px;color:var(--text)}
.article-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-4);border-top:3px solid var(--accent);border-radius:var(--r-sm);background:var(--bg-panel);box-shadow:var(--shadow-soft)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--size-caption);margin-bottom:var(--space-3)}
.article-card h3 a{color:var(--text)}
.article-card p{color:var(--text-muted)}
.article-card>a{margin-top:auto;min-height:28px;display:inline-flex;align-items:center}
.tag{display:inline-block;max-width:100%;overflow:hidden;overflow-wrap:anywhere;vertical-align:middle;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-a06);color:var(--accent-dark);font-size:var(--size-caption)}
.tag-success{background:var(--success-a12);color:var(--success)}
.tag-warn{background:var(--warn-a12);color:var(--text)}
.tag-error{background:var(--error-a12);color:var(--error)}
.callout{margin:var(--space-4) 0;padding:var(--space-3);border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--accent-a06)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-6);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-card)}
.promo-copy{min-width:0}
.promo-copy strong{display:block;font-size:var(--size-h3);margin-bottom:8px}
.promo-copy p{margin:0;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:var(--r-pill);font-size:15px;font-weight:var(--weight-heading);color:var(--bg-panel);background:linear-gradient(180deg,var(--accent-hi) 0%,var(--accent) 55%,var(--accent-dark) 140%);box-shadow:inset 0 1px 0 var(--hl-soft),var(--shadow-btn);white-space:nowrap}
.float-cta:hover{text-decoration:none}
.float-cta svg{width:16px;height:16px;fill:currentColor}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.feature-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}
.feature-list{min-width:0}
.feature-item{border-bottom:1px solid var(--border)}
.feature-item summary{display:flex;align-items:center;gap:16px;min-height:80px;padding:20px 24px;cursor:pointer;list-style:none}
.feature-item summary::-webkit-details-marker{display:none}
.feature-item summary::after{content:"⌄";margin-left:auto;font-family:var(--font-mono)}
.feature-icon{width:22px;height:22px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--wine));clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%)}
.feature-item[open]{background:var(--wine);color:var(--bg-panel);border-radius:var(--r-lg);border-color:var(--transparent);margin-bottom:8px}
.feature-item[open] summary::after{content:"⌃"}
.feature-detail{padding:0 32px 32px;line-height:1.85}
.feature-detail p{color:inherit}
.circle-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-round);background:var(--bg-panel);color:var(--wine);font-size:22px}
.circle-link:hover{text-decoration:none}
.feature-product{position:sticky;top:calc(var(--header-height) + 24px);min-width:0;padding:var(--space-5);border-radius:var(--r-lg);background-color:var(--hero-paper)}
.client-window{padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),var(--shadow-card)}
.client-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 12px;border-bottom:1px solid var(--border);font-size:var(--size-small)}
.client-row.is-highlight{color:var(--wine);background:var(--wine-a10);border-radius:var(--r-sm);border-color:var(--transparent)}
.feature-inline{display:none}
.ticker{overflow:hidden;max-width:100%;width:100%;padding-block:var(--space-3);border-block:1px solid var(--border)}
.ticker-track{display:flex;width:max-content;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:48px;flex-shrink:0;padding-right:48px;font-family:var(--font-mono);font-size:18px;color:var(--text-muted)}
.draw-line{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round}
.preview-section{padding-top:var(--space-10);padding-bottom:var(--space-10);border-bottom:1px solid var(--border)}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{min-width:0;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--bg-panel)}
.swatch-color{height:64px;border-bottom:1px solid var(--border)}
.swatch code{display:block;padding:12px;font-size:12px;background:var(--transparent)}
.sw-bg{background:var(--bg)}
.sw-panel{background:var(--bg-panel)}
.sw-panel2{background:var(--bg-panel-2)}
.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}
.sw-dark{background:var(--accent-dark)}
.sw-hi{background:var(--accent-hi)}
.sw-wine{background:var(--wine)}
.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-paper{background:var(--hero-paper)}
.sw-cool{background:var(--hero-cool)}
.sw-rim{background:var(--globe-rim)}
.sw-core{background:var(--globe-core)}
.sw-mid{background:var(--globe-mid)}
.sw-grid{background:var(--grid-line)}
.sw-a06{background:var(--accent-a06)}
.sw-a08{background:var(--accent-a08)}
.sw-a10{background:var(--accent-a10)}
.sw-a12{background:var(--accent-a12)}
.sw-a22{background:var(--accent-a22)}
.sw-wa10{background:var(--wine-a10)}
.sw-sa12{background:var(--success-a12)}
.sw-warn12{background:var(--warn-a12)}
.sw-error12{background:var(--error-a12)}
.sw-hl{background:var(--hl)}
.sw-hlsoft{background:var(--hl-soft)}
.sw-veil{background:var(--veil)}
.sw-transparent{background:var(--transparent)}
.sw-fr{background:var(--flag-red)}
.sw-fw{background:var(--flag-white)}
.sw-fn{background:var(--flag-navy)}
.sw-fg{background:var(--flag-green)}
.type-display{font-size:var(--size-h1);font-family:var(--font-display);font-weight:var(--weight-heading);line-height:1.1;letter-spacing:var(--tracking-cjk)}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.preview-focus{outline:2px solid var(--accent);outline-offset:4px}
.preview-hover{transform:translateY(-1px)}
.preview-active{transform:translateY(1px)}
.preview-note{font-size:var(--size-small);color:var(--text-muted)}
@keyframes floatY{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@keyframes breathe{0%,100%{opacity:.1}50%{opacity:.26}}
@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbit-back{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes orbit-fade{0%{opacity:0}7%,43%{opacity:1}50%,100%{opacity:0}}
@media(max-width:1180px){
  .hero-inner{padding:36px 40px;gap:32px}
  .trust{grid-template-columns:repeat(2,minmax(0,max-content))}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-browser{gap:var(--space-4)}
}
@media(max-width:768px){
  .hero{margin:4px 12px 0}
  .hero-inner{grid-template-columns:1fr;padding:28px 20px 24px;gap:28px}
  .hero h1{font-size:clamp(30px,8.6vw,38px);margin-top:24px}
  .cta-row{margin-top:24px}
  .lede{margin-top:24px;font-size:16px}
  .device{width:92%;max-width:none;margin:0 auto}
  .dc-plan,.dc-status,.d-gmt,.d-os,.conn-plan,.conn-st{display:none}
  .wall{flex-direction:column;gap:12px;margin-top:20px}
  .wall-list{flex-wrap:wrap;justify-content:center;gap:10px 22px}
  .wall-list li{font-size:16px}
  .plan-grid{grid-template-columns:1fr}
  .feature-browser{grid-template-columns:1fr}
  .feature-product{display:none}
  .feature-inline{display:block;margin-top:24px;color:var(--text)}
  .promo-block{flex-direction:column;align-items:flex-start}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:640px){
  .trust{grid-template-columns:1fr 1fr;gap:10px 16px}
  .trust li{white-space:normal}
  .meta-label{width:100%}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-os{transform:none}
  .feature-detail{padding-inline:24px}
  .plan-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .dcard,.halo,.orb-rot,.orb-counter,.orb-dot{animation:none!important}
  .ticker-track{width:100%;transform:none!important;will-change:auto}
  .ticker-group{width:100%;flex-wrap:wrap;gap:16px 24px;padding-right:0;font-size:var(--size-small)}
  .ticker-group[data-ticker-copy]{display:none}
  .preview-hover,.preview-active{transform:none}
}