.tab-list,[role="tablist"]{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-2);width:fit-content;max-width:100%}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:var(--r-md);background:var(--sheen-0);color:var(--muted);font-weight:650}
[role="tab"][aria-selected="true"]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-soft),var(--hl)}
[role="tabpanel"]{margin-top:24px;min-width:0}
.toc-tabs{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 16px;border-radius:var(--r-pill);white-space:nowrap;font-size:var(--text-sm);color:var(--muted)}
.toc-tabs a.is-current{background:var(--ink);color:var(--panel)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-space)}
.faq-item{border-bottom:1px solid var(--border);padding-block:8px}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-weight:650;min-height:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:16px;font-size:var(--h3-size);color:var(--accent)}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding-bottom:20px;color:var(--muted);max-width:70ch}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);color:var(--muted);font-size:var(--text-xs);font-weight:650;max-width:100%;overflow-wrap:anywhere}
.badge-accent{background:var(--lilac-soft);color:var(--accent);border-color:var(--lilac)}
.badge-success{background:var(--success-soft);color:var(--success)}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:var(--r-pill);background:var(--success);flex-shrink:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-soft),var(--hl);min-width:0}
.plan-card.is-current{border:2px solid var(--accent);box-shadow:var(--shadow-card),var(--hl)}
.plan-card .best-value{margin-bottom:16px}
.plan-card h3{font-size:var(--h3-size)}
.plan-price{margin-block:20px 12px;font-family:var(--font-display);font-size:40px;font-weight:850;letter-spacing:-.02em;line-height:1.2}
.plan-price small{font-size:var(--text-sm);font-weight:500;color:var(--muted);letter-spacing:normal}
.plan-card ul{margin-block:20px 28px;padding-left:20px;color:var(--muted)}
.plan-card li+li{margin-top:8px}
.plan-card .btn{margin-top:auto;max-width:100%}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-soft)}
.data-table,.route-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}
.data-table caption,.route-table caption{text-align:left;padding:16px 20px;font-weight:750;color:var(--ink)}
.data-table th,.route-table th{background:var(--panel-2);color:var(--ink);font-weight:700;white-space:nowrap}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:650}
.route-table .region-group th{background:var(--lilac-soft);color:var(--ink-2)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-soft),var(--hl);min-width:0}
.platform-card svg{width:32px;height:32px;color:var(--ink)}
.platform-card h3{font-size:var(--text-base)}
.platform-card .btn{padding-inline:16px;font-size:var(--text-sm)}
.article-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border-top:3px solid var(--accent);border-bottom:1px solid var(--border);min-width:0}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:var(--text-xs);color:var(--muted);margin-bottom:16px}
.article-card h3{font-size:var(--h3-size);margin-bottom:16px}
.article-card p{color:var(--muted);margin-bottom:24px}
.article-card>a:last-child{margin-top:auto;min-height:28px;color:var(--accent);font-weight:650}
.blog-masthead{border-top:4px solid var(--accent);padding-top:24px;padding-bottom:32px;border-bottom:1px solid var(--border)}
.callout{padding:22px 26px;border-left:4px solid var(--accent);border-radius:var(--r-xs) var(--r-lg) var(--r-lg) var(--r-xs);background:var(--lilac-soft);color:var(--ink-2);margin-block:24px}
.callout p+p{margin-top:12px}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:32px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-card),var(--hl);margin-block:40px}
.promo-block p{margin-top:10px;max-width:45em;color:var(--muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{background:var(--ink);color:var(--panel);border-radius:var(--r-xl);padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band p{margin-top:12px;color:var(--lilac)}
.inspector{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px}
.inspector [role="tablist"]{display:flex;flex-direction:column;align-items:stretch;width:100%;border:0;background:var(--panel-2)}
.inspector [role="tab"]{justify-content:flex-start;gap:12px;text-align:left}
.inspector [role="tab"][aria-selected="true"]{box-shadow:inset 3px 0 0 var(--accent),var(--shadow-soft)}
.inspector [role="tabpanel"]{margin-top:0}
.inspector-detail{padding:32px}
.inspector-detail p{margin-block:20px;line-height:1.85}
.inspector-mobile{display:none}
.ticker{overflow:hidden;max-width:100%;padding-block:20px;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;font-family:var(--font-mono);color:var(--muted)}
.top{background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 46%,var(--bg-bottom) 100%)}
.waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.w-crest{fill:var(--sky);opacity:.045}
.w-mid{fill:var(--accent);opacity:.05}
.w-low{fill:var(--sky);opacity:.06}
.hero{position:relative;padding-top:28px;padding-bottom:40px}
.hero-grid{display:grid;grid-template-columns:600px minmax(0,1fr);column-gap:32px;align-items:center}
.copy{position:relative;z-index:2}
.kicker{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:3px 16px 3px 5px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft),var(--hl);font-size:13px;font-weight:550;color:var(--muted)}
.kicker-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:var(--r-pill);background:var(--lilac-soft);color:var(--accent);flex-shrink:0}
.kicker-mark svg{width:15px;height:15px}
.kicker b{color:var(--text);font-weight:700}
.h1{margin:24px 0 32px;font-family:var(--font-display);font-weight:900;font-size:68px;line-height:1.06;letter-spacing:-.03em;color:var(--text)}
.h1-line{display:block}
.kw{background-image:linear-gradient(var(--lilac),var(--lilac));background-repeat:no-repeat;background-size:100% .24em;background-position:0 90%;padding:0 .05em;margin:0 -.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lede{margin:28px 0 22px;max-width:34em;font-size:17px;line-height:1.65;color:var(--muted)}
.lede strong{color:var(--text);font-weight:650}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;max-width:576px;list-style:none;margin:0;padding:0}
.trust li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:550;color:var(--text);white-space:nowrap}
.trust svg{width:17px;height:17px;color:var(--accent)}
.marks{display:grid;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border);max-width:576px}
.mark-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center}
.mark-label{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--faint)}
.mark-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.mark{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap}
.mark svg{width:18px;height:18px}
.mark-os svg{color:var(--ink)}
.stage-col{position:relative;z-index:1;display:flex;justify-content:flex-end}
.stage-fit{width:680px;height:656px;flex:none}
.stage{position:relative;width:680px;height:656px;margin:0}
.mac{position:absolute;left:96px;top:28px;width:576px;height:400px;padding:10px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ink-2) 0%,var(--ink) 18%);box-shadow:var(--shadow-device),inset 0 1px 0 var(--bezel-hl)}
.mac-cam{position:absolute;top:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:var(--r-pill);background:var(--bezel-cam)}
.mac-base{position:absolute;left:76px;top:428px;width:604px;height:14px;border-radius:var(--r-base);background:linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 62%,var(--metal-3) 100%);box-shadow:var(--shadow-base),var(--hl)}
.mac-base::before{content:"";position:absolute;top:0;left:50%;width:112px;height:5px;margin-left:-56px;border-radius:var(--r-notch);background:linear-gradient(180deg,var(--metal-3),var(--metal-2))}
.screen{position:relative;display:grid;grid-template-rows:36px minmax(0,1fr);height:100%;border-radius:var(--r-screen);overflow:hidden;background:var(--panel)}
.screen::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,var(--sheen-0) 26%,var(--sheen-mid) 40%,var(--sheen-0) 54%);pointer-events:none}
.titlebar{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 14px;background:linear-gradient(180deg,var(--panel),var(--panel-3));border-bottom:1px solid var(--border)}
.lights{display:flex;gap:7px}
.lights i{display:block;width:11px;height:11px;border-radius:var(--r-pill)}
.l-r{background:var(--error)}.l-y{background:var(--warn)}.l-g{background:var(--success)}
.tb-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap}
.tb-title img,.tb-title svg{width:15px;height:15px}
.tb-sync{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap}
.tb-sync svg{width:13px;height:13px;color:var(--success)}
.app{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:0}
.side{padding:10px 8px;background:linear-gradient(180deg,var(--panel-2),var(--panel-3));border-right:1px solid var(--border)}
.side-label{margin:0 8px 6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--faint)}
.side-list{display:grid;gap:2px}
.side-item{position:relative;display:flex;align-items:center;gap:8px;height:26px;padding:0 10px 0 12px;border-radius:var(--r-sm);font-size:12px;font-weight:550;color:var(--muted);white-space:nowrap}
.side-item svg{width:14px;height:14px}
.side-item.is-on{background:var(--panel);color:var(--text);font-weight:700;box-shadow:var(--shadow-soft)}
.side-item.is-on::before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:3px;border-radius:var(--r-pill);background:var(--accent)}
.main{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;background:var(--bg);min-width:0}
.main::before{content:"";position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(180deg,var(--sheen),var(--sheen-0));pointer-events:none}
.main>*{position:relative}
.toolbar{display:flex;align-items:center;justify-content:space-between;height:28px}
.switch{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:650;color:var(--text);white-space:nowrap}
.switch-track{position:relative;width:28px;height:16px;border-radius:var(--r-pill);background:var(--success);flex:none}
.switch-knob{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:var(--r-pill);background:var(--panel);box-shadow:0 1px 2px var(--flag-edge)}
.plan{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.plan-label{font-size:10.5px;color:var(--faint)}
.plan-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-pill);background:var(--lilac-soft);border:1px solid var(--lilac);font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--accent)}
.protos{display:flex;align-items:center;gap:6px;height:22px}
.protos-label{margin-right:2px;font-size:10.5px;color:var(--faint)}
.chip-p{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:var(--r-xs);background:var(--panel);border:1px solid var(--border);font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--muted)}
.chip-p.is-on{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.table{flex:1;min-height:0;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden}
.tr{display:grid;grid-template-columns:84px 70px minmax(0,1fr) 62px;align-items:center;height:32px;padding:0 12px;border-top:1px solid var(--border-soft);font-size:11.5px;color:var(--text);white-space:nowrap}
.tr.th{height:26px;border-top:0;background:var(--panel-3);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--faint)}
.tr.is-on{background:var(--lilac-soft)}
.td-region{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.td-region svg{width:14px;height:14px}
.td-city{color:var(--muted)}
.lt{justify-self:start;display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:var(--r-xs);font-size:10.5px;font-weight:600}
.lt-iepl{background:var(--lilac-soft);color:var(--accent)}
.lt-relay{background:var(--sky-soft);color:var(--ink-2)}
.lt-direct{background:var(--panel);border:1px solid var(--border);color:var(--muted)}
.td-media{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted)}
.td-media svg{width:12px;height:12px;color:var(--success)}
.conn{display:flex;align-items:center;gap:9px;height:40px;padding:0 8px 0 12px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);white-space:nowrap}
.conn-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--success);box-shadow:0 0 0 4px var(--success-ring);flex:none}
.conn-state{font-size:11.5px;font-weight:700;color:var(--success)}
.conn-line{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text)}
.conn-line svg{width:14px;height:14px}
.conn-btn{margin-left:auto;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel-3);font-size:10.5px;font-weight:600;color:var(--muted)}
.phone{position:absolute;left:0;top:248px;z-index:3;width:196px;height:404px;padding:7px;border-radius:var(--r-phone);background:var(--panel);box-shadow:0 0 0 1.5px var(--ink),var(--shadow-phone),var(--hl)}
.phone::before{content:"";position:absolute;left:-3px;top:96px;width:2px;height:28px;border-radius:var(--r-phone-left);background:var(--ink)}
.phone::after{content:"";position:absolute;right:-3px;top:120px;width:2px;height:44px;border-radius:var(--r-phone-right);background:var(--ink)}
.ph-screen{position:relative;display:flex;flex-direction:column;gap:9px;height:100%;padding:38px 11px 18px;border-radius:var(--r-phone-screen);overflow:hidden;background:linear-gradient(180deg,var(--lilac-soft) 0%,var(--bg-top) 34%,var(--bg-bottom) 100%)}
.ph-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(126deg,var(--sheen-0) 30%,var(--sheen-mid) 44%,var(--sheen-0) 58%);pointer-events:none}
.ph-island{position:absolute;top:10px;left:50%;width:62px;height:18px;margin-left:-31px;border-radius:var(--r-pill);background:var(--ink)}
.ph-head{display:flex;align-items:center;gap:6px;height:18px;padding:0 2px;font-family:var(--font-display);font-size:12.5px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.ph-head img,.ph-head svg{width:15px;height:15px}
.ph-head-tag{margin-left:auto;font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--faint)}
.ph-card{border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}
.ph-status{display:flex;align-items:center;gap:9px;padding:10px}
.ph-check{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-pill);background:var(--success-soft);color:var(--success);flex:none}
.ph-check svg{width:15px;height:15px}
.ph-status b{display:block;font-size:12.5px;font-weight:750;line-height:1.3;color:var(--text)}
.ph-status small{display:block;font-size:9.5px;line-height:1.35;color:var(--muted);white-space:nowrap}
.ph-line{display:flex;align-items:center;justify-content:space-between;padding:9px 10px}
.ph-line small{display:block;font-size:9.5px;color:var(--faint)}
.ph-line b{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text);white-space:nowrap}
.ph-line b svg{width:12px;height:12px}
.ph-pack{padding:10px 10px 11px}
.ph-pack-top{display:flex;align-items:center;justify-content:space-between}
.ph-pack small{font-size:9.5px;font-weight:600;color:var(--faint)}
.ph-tag{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--success-soft);font-size:9.5px;font-weight:700;color:var(--success)}
.ph-price{display:block;margin-top:4px;font-family:var(--font-display);font-size:21px;font-weight:850;letter-spacing:-.02em;line-height:1.2;color:var(--text)}
.ph-price span{font-size:12px;font-weight:650;letter-spacing:0;color:var(--muted)}
.ph-bar{display:block;height:5px;margin-top:8px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.ph-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;font-size:10.5px;color:var(--muted)}
.ph-row b{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:750;color:var(--text)}
.ph-row b svg{width:13px;height:13px;color:var(--accent)}
.ph-pay small{display:block;margin:0 2px 6px;font-size:9.5px;font-weight:600;color:var(--faint)}
.ph-pay-list{display:flex;flex-wrap:wrap;gap:5px}
.pay{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px 0 4px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);font-size:10px;font-weight:650;color:var(--text);white-space:nowrap}
.pay i{display:grid;place-items:center;width:16px;height:16px;border-radius:var(--r-pill);background:var(--ink);font-style:normal;font-size:8.5px;font-weight:800;color:var(--panel)}
.ph-home{position:absolute;bottom:7px;left:50%;width:64px;height:4px;margin-left:-32px;border-radius:var(--r-pill);background:var(--ink)}
.float{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 7px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-card),var(--hl);font-size:13px;font-weight:750;color:var(--text);white-space:nowrap}
.float-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-md);background:var(--lilac-soft);color:var(--accent);flex:none}
.float-ic svg{width:17px;height:17px}
.float-ic.is-ok{background:var(--success-soft);color:var(--success)}
.float small{display:block;font-size:10px;font-weight:550;color:var(--faint);line-height:1.2}
.float b{display:block;line-height:1.25}
.float-cover{top:-10px;right:28px}
.float-refund{top:402px;right:-18px}
.f-red{fill:var(--flag-red)}.f-white{fill:var(--flag-white)}.f-blue{fill:var(--flag-blue)}
.f-edge{fill:none;stroke:var(--flag-edge);stroke-width:1}
.flag-shape{clip-path:url(#flag-clip)}
.compat{position:relative;padding-top:56px;padding-bottom:104px;text-align:center;background:linear-gradient(180deg,var(--bg-bottom),var(--bg) 60%)}
.compat h2{margin-bottom:36px}
.compat .mark-list{justify-content:center;gap:24px 40px;margin-top:24px}
.compat .mark{font-size:var(--text-lg)}
.compat .mark svg{width:28px;height:28px}
.preview-section{padding-top:64px;padding-bottom:64px;border-top:1px solid var(--border)}
.preview-section>h2{margin-bottom:28px}
.preview-stack{display:grid;gap:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.swatch{min-height:80px;border:1px solid var(--border);border-radius:var(--r-md);padding:12px;display:flex;align-items:flex-end;font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}
.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-2{background:var(--panel-2)}.sw-panel-3{background:var(--panel-3)}
.sw-border{background:var(--border)}.sw-border-soft{background:var(--border-soft)}
.sw-accent{background:var(--accent);color:var(--panel)}.sw-accent-2{background:var(--accent-2);color:var(--ink)}
.sw-lilac{background:var(--lilac)}.sw-lilac-soft{background:var(--lilac-soft)}
.sw-sky{background:var(--sky);color:var(--ink)}.sw-sky-soft{background:var(--sky-soft)}
.sw-ink{background:var(--ink);color:var(--panel)}.sw-ink-2{background:var(--ink-2);color:var(--panel)}
.sw-text{background:var(--text);color:var(--panel)}.sw-muted{background:var(--muted);color:var(--panel)}
.sw-faint{background:var(--faint);color:var(--ink)}
.sw-success{background:var(--success);color:var(--ink)}.sw-success-soft{background:var(--success-soft)}
.sw-warn{background:var(--warn);color:var(--ink)}.sw-error{background:var(--error);color:var(--panel)}
.sw-metal-1{background:var(--metal-1)}.sw-metal-2{background:var(--metal-2)}.sw-metal-3{background:var(--metal-3)}
.sw-flag-red{background:var(--flag-red);color:var(--panel)}.sw-flag-blue{background:var(--flag-blue);color:var(--panel)}
.sw-flag-white{background:var(--flag-white)}.sw-flag-edge{background:var(--flag-edge)}
.sw-sheen{background:var(--sheen)}.sw-sheen-mid{background:var(--sheen-mid)}.sw-sheen-0{background:var(--sheen-0)}
.sw-bezel-hl{background:var(--bezel-hl)}.sw-bezel-cam{background:var(--bezel-cam);color:var(--panel)}
.sw-veil{background:var(--veil)}.sw-success-ring{background:var(--success-ring)}
.type-display{font:900 52px/1.12 var(--font-display);letter-spacing:-.02em}
@media(max-width:1320px) and (min-width:1101px){
  .hero-grid{grid-template-columns:46% minmax(0,1fr)}
  .stage-fit{width:558px;height:538px}
  .stage{transform:scale(.82);transform-origin:top left}
  .h1{font-size:60px}
  .trust{gap:12px}
  .mark-list{gap:8px 14px}
}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:46% minmax(0,1fr);gap:20px}
  .h1{font-size:52px}
  .stage-fit{width:442px;height:426px}
  .stage{transform:scale(.65);transform-origin:top left}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mark-row{grid-template-columns:1fr;gap:8px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .h1{font-size:40px}
  .stage-col{justify-content:center}
  .stage-fit{width:558px;height:538px}
  .stage{transform:scale(.82)}
  .plan-grid{grid-template-columns:1fr}
  .inspector{display:none}
  .inspector-mobile{display:block}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .type-display{font-size:36px}
  .ticker-track{max-width:none}
}
@media(max-width:640px){
  .hero{padding-top:24px;padding-bottom:32px}
  .h1{font-size:40px;margin-block:20px 24px}
  .lede{font-size:16px;margin-top:22px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .trust li{font-size:12px;white-space:normal}
  .marks{margin-top:22px;padding-top:18px}
  .mark{font-size:12px;gap:5px}
  .mark-list{gap:10px 14px}
  .stage-fit{width:340px;height:328px;max-width:100%}
  .stage{transform:scale(.5);transform-origin:top left}
  .float-refund{right:0}
  .compat{padding-top:40px;padding-bottom:56px}
  .compat .mark-list{gap:20px}
  .compat .mark{font-size:14px}
  .cta-row{gap:10px}
  .cta-row .btn{padding-inline:24px;min-height:50px}
  .plan-card{padding:26px}
  .promo-block,.cta-band{padding:24px}
  .platform-card{padding-inline:12px}
  .platform-card .btn{padding-inline:12px;font-size:12px}
}
@media(max-width:379px){
  .stage-fit{width:280px;height:271px}
  .stage{transform:scale(.412)}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:100%;transform:none!important}
  .ticker-group{flex-wrap:wrap;white-space:normal;gap:16px;padding-right:0}
  .ticker-group[data-ticker-copy]{display:none}
}