.stage{position:relative;overflow-x:clip;max-width:100%;background:linear-gradient(180deg,var(--bg-top) 0,var(--bg-bottom) 760px,var(--bg) 1080px)}
.atmo{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.atmo-waves{position:absolute;top:0;left:0;width:100%;height:1000px}
.w-a{fill:var(--wave-apricot);opacity:.62}.w-b{fill:var(--wave-lilac);opacity:.58}.w-c{fill:var(--wave-apricot-2);opacity:.8}
.grain{position:absolute;inset:0;width:100%;height:100%;opacity:.03;mix-blend-mode:multiply}
.hero,.compat{position:relative;z-index:1}
.hero{padding-top:48px;padding-bottom:80px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:56px;align-items:center}
.hero-copy{position:relative;z-index:2;min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:4px 14px 4px 4px;border-radius:var(--r-pill);background:var(--panel);font-size:13px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}
.eyebrow-key{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--ink);background:var(--hl);padding:3px 10px;border-radius:var(--r-pill);flex-shrink:0}
.hero-title{margin:24px 0 0;font-family:var(--font-display);font-size:66px;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.lead{margin:28px 0 0;max-width:30em;font-size:17px;line-height:1.75;color:var(--muted)}
.lead strong{color:var(--text);font-weight:600}
.trust{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;font-size:14px;color:var(--text)}
.trust li{display:flex;align-items:center;gap:8px;white-space:nowrap;line-height:22px}
.trust svg{width:16px;height:16px;flex:none;color:var(--success)}
.spec{margin-top:28px;padding-top:20px;border-top:1px dashed var(--border-strong);display:grid;gap:14px}
.spec-row{display:flex;align-items:center;gap:18px}
.spec-label{flex:none;width:64px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.spec-items{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}
.spec-items li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--text);line-height:24px}
.hero-visual{justify-self:end;position:relative;min-width:0}
.device{position:relative;width:640px;height:520px}
.laptop{position:absolute;left:134px;top:28px;width:506px;z-index:1}
.lid{position:relative;padding:10px;border-radius:var(--r-win);background:linear-gradient(180deg,var(--ink),var(--ink-deep));box-shadow:inset 0 1px 0 var(--hairline-light),inset 0 0 0 1px var(--ink-edge),0 30px 56px -14px var(--shadow-1),0 72px 120px -40px var(--shadow-2)}
.lid::before{content:"";position:absolute;top:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:var(--r-round);background:var(--cam)}
.screen{height:342px;border-radius:var(--r-screen);background:var(--panel);overflow:hidden;display:grid;grid-template-rows:34px minmax(0,1fr) 40px}
.titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px 0 16px;background:linear-gradient(180deg,var(--panel),var(--bar));border-bottom:1px solid var(--border)}
.dots{display:flex;gap:6px}
.dots i{width:9px;height:9px;border-radius:var(--r-round)}
.dots i:nth-child(1){background:var(--dot-1)}.dots i:nth-child(2){background:var(--dot-2)}.dots i:nth-child(3){background:var(--dot-3)}
.tb-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}
.tb-title img{width:15px;height:15px}
.tb-meta{justify-self:end;font-family:var(--font-mono);font-size:10px;color:var(--muted);white-space:nowrap}
.win-body{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:0}
.side{background:var(--panel-2);border-right:1px solid var(--border);padding:12px 8px 8px 20px;display:flex;flex-direction:column;gap:1px;overflow:hidden}
.side-label{margin:0 0 6px 8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--muted)}
.side-label-2{margin-top:9px}
.side-item{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;border-radius:var(--r-small);font-size:12px;color:var(--text);white-space:nowrap}
.side-item svg{width:18px;height:12px;flex:none}
.side-item svg.flag-sq{width:12px;height:12px}
.side-item.is-on{background:var(--panel);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--border),0 2px 6px -2px var(--shadow-3)}
.side-check{display:flex;align-items:center;gap:7px;height:20px;padding:0 8px;font-size:10.5px;color:var(--text);white-space:nowrap}
.side-check i{position:relative;width:10px;height:10px;border-radius:var(--r-mini);flex:none;background:var(--ink)}
.side-check i::after{content:"";position:absolute;left:3px;top:1px;width:3px;height:5px;border:solid var(--on-ink);border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.main{padding:12px 14px 8px;display:flex;flex-direction:column;gap:10px;min-width:0}
.toolbar{display:flex;align-items:center;justify-content:space-between;height:26px}
.tool-title{font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.tool-title small{margin-left:6px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;color:var(--muted)}
.seg{display:flex;gap:2px;padding:2px;border-radius:var(--r-ctl);background:var(--panel-2)}
.seg span{padding:3px 8px;border-radius:var(--r-mini);font-size:10.5px;color:var(--muted);white-space:nowrap}
.seg .is-on{background:var(--panel);color:var(--ink);font-weight:700;box-shadow:0 1px 3px var(--shadow-3)}
.gt{border-radius:var(--r-ctl);overflow:hidden;background:var(--panel);box-shadow:inset 0 0 0 1px var(--border)}
.gt-row{display:grid;grid-template-columns:56px 60px max-content minmax(0,1fr);column-gap:4px;align-items:center;height:31px;padding:0 10px;border-top:1px solid var(--border-soft);font-size:11.5px;color:var(--text);white-space:nowrap}
.gt-head{height:28px;border-top:0;background:linear-gradient(90deg,var(--ink) 0,var(--ink) 30%,var(--wisteria) 100%);color:var(--on-ink);font-size:10.5px;font-weight:600;letter-spacing:.04em}
.gt-row b{font-weight:700;color:var(--ink)}
.gt-row.is-picked{background:var(--hl);box-shadow:inset 3px 0 0 var(--ink)}
.lt{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:var(--r-mini);font-size:10.5px;font-weight:600;white-space:nowrap}
.lt-iepl{background:var(--ink);color:var(--on-ink)}
.lt-relay{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.lt-direct{color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}
.use{display:flex;gap:4px}
.use span{padding:2px 6px;border-radius:var(--r-mini);background:var(--panel-2);font-size:10px;color:var(--muted);white-space:nowrap}
.is-picked .use span{background:var(--panel);color:var(--ink)}
.gt-foot{margin:0;text-align:right;font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}
.statusbar{display:flex;align-items:center;gap:12px;padding:0 14px 0 32px;border-top:1px solid var(--border);background:var(--panel-2);font-size:10px;color:var(--muted);white-space:nowrap}
.sb-item{display:flex;align-items:center;gap:6px}
.sb-item b{font-weight:700;color:var(--ink)}
.sw{position:relative;width:24px;height:13px;border-radius:var(--r-pill);background:var(--success);flex:none}
.sw::after{content:"";position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:var(--r-round);background:var(--panel)}
.sb-sep{width:1px;height:12px;background:var(--border-strong)}
.sb-plan{margin-left:auto;font-family:var(--font-mono);font-weight:600;color:var(--ink)}
.base{position:relative;height:14px;margin:0 -26px;border-radius:var(--r-mini) var(--r-mini) var(--r-win) var(--r-win);background:linear-gradient(180deg,var(--metal-2) 0,var(--metal-1) 72%,var(--metal-3) 100%);box-shadow:inset 0 1px 0 var(--metal-hi),0 18px 30px -12px var(--shadow-1)}
.base::before{content:"";position:absolute;top:0;left:50%;width:84px;height:5px;margin-left:-42px;border-radius:0 0 var(--r-ctl) var(--r-ctl);background:var(--metal-3);opacity:.55}
.phone{position:absolute;left:0;top:168px;z-index:3;width:160px;height:340px;padding:7px;border-radius:var(--r-phone);background:linear-gradient(180deg,var(--ink),var(--ink-deep));box-shadow:inset 0 1px 0 var(--hairline-light),inset 0 0 0 1px var(--ink-edge),0 26px 52px -12px var(--shadow-1),0 50px 96px -30px var(--shadow-2)}
.ph-screen{height:100%;border-radius:var(--r-phone-screen);background:var(--panel);overflow:hidden;padding:9px 12px 12px;display:flex;flex-direction:column;align-items:center}
.ph-notch{width:44px;height:12px;border-radius:var(--r-pill);background:var(--ink);flex:none}
.ph-top{display:flex;align-items:center;gap:5px;width:100%;margin-top:10px;font-size:10.5px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.ph-top img{width:13px;height:13px}
.ph-state{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:10.5px;font-weight:700;color:var(--success)}
.ph-state i{width:6px;height:6px;border-radius:var(--r-round);background:var(--success)}
.power{margin-top:8px;width:78px;height:78px;border-radius:var(--r-round);flex:none;display:grid;place-items:center;background:var(--hl);box-shadow:inset 0 0 0 1px var(--hl-edge)}
.power-core{width:58px;height:58px;border-radius:var(--r-round);display:grid;place-items:center;background:linear-gradient(150deg,var(--wisteria) 0,var(--ink) 72%);box-shadow:inset 0 1px 0 var(--hairline-light),0 10px 20px -8px var(--shadow-cta)}
.power-core svg{width:24px;height:24px;color:var(--on-ink)}
.ph-route{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.ph-route svg{width:16px;height:11px;flex:none}
.ph-card{width:100%;margin-top:10px;padding:7px 8px;border-radius:var(--r-card);background:var(--panel-2);display:flex;flex-direction:column;gap:1px}
.ph-card small{font-size:9px;color:var(--muted);line-height:1.4}
.ph-card b{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--ink);line-height:1.4}
.ph-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:9px;width:100%}
.ph-chips span{padding:1px 4px;border-radius:var(--r-mini);font-size:9px;line-height:14px;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.float{position:absolute;z-index:4}
.float-ticket{top:-18px;right:-20px;filter:drop-shadow(0 16px 24px var(--shadow-1))}
.ticket{display:flex;align-items:stretch;background:var(--panel);border-radius:var(--r-card);overflow:hidden}
.ticket-stub{width:44px;display:grid;place-items:center;flex:none;background:var(--hl);color:var(--ink);border-right:1px dashed var(--border-strong)}
.ticket-stub svg{width:16px;height:16px}
.ticket-main{display:flex;flex-direction:column;padding:8px 14px 8px 12px;font-size:14px;font-weight:800;line-height:1.35;color:var(--ink);white-space:nowrap}
.ticket-main small{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.08em;color:var(--muted)}
.float-pay{top:392px;right:6px;display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:var(--r-pill);background:var(--panel);font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--border),0 18px 48px -14px var(--shadow-1)}
.pay-label{padding:3px 9px;border-radius:var(--r-pill);background:var(--hl);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em}
.float-pay i{width:3px;height:3px;border-radius:var(--r-round);background:var(--border-strong)}
.float-mail{top:112px;left:2px;display:flex;align-items:center;gap:7px;padding:7px 13px 7px 9px;border-radius:var(--r-pill);background:var(--panel);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--border),0 18px 48px -14px var(--shadow-1)}
.float-mail svg{width:16px;height:16px;flex:none}
.compat{padding-top:0;padding-bottom:120px;text-align:center}
.compat-title{margin:0;font-size:40px;font-weight:900;line-height:1.2;letter-spacing:-.02em}
.compat-platforms,.compat-flags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.compat-platforms{gap:20px 56px;margin-top:48px}
.compat-platforms li{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--ink)}
.compat-platforms svg{width:30px;height:30px}
.compat-flags{gap:18px 48px;margin-top:32px}
.compat-flags li{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600}
.compat-flags .flag{width:34px;height:23px}
.compat-flags .flag-sq{width:23px;height:23px}
.compat-note{margin:36px auto 0;max-width:40em;font-size:15px;color:var(--muted)}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:6px;background:var(--panel-2);border-radius:var(--r-card)}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:10px 22px;border:0;border-radius:var(--r-ctl);background:var(--clear);color:var(--text);font-weight:600;white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--ink);color:var(--on-ink);box-shadow:inset 0 1px 0 var(--hairline-light),0 8px 24px -12px var(--shadow-1)}
[role="tabpanel"]{margin-top:24px;min-width:0}
.inspector{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px}
.inspector [role="tablist"]{display:flex;flex-direction:column;align-items:stretch;gap:4px;background:var(--panel-2);overflow:visible}
.inspector [role="tab"]{justify-content:flex-start;white-space:normal;text-align:left;gap:14px;padding:16px}
.field-tag{font-family:var(--font-mono);font-size:11px;white-space:nowrap;flex-shrink:0}
.field-arrow{margin-left:auto;flex-shrink:0}
.inspector [role="tabpanel"]{margin:0;padding:36px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:0 28px 56px -32px var(--shadow-1)}
.inspector h2{margin-top:0}
.key-values{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 24px;font-family:var(--font-mono);font-size:14px;border-top:1px solid var(--border);padding-top:20px}
.key-values dt{color:var(--muted)}.key-values dd{margin:0;overflow-wrap:anywhere}
.inspector-mobile{display:none}
.toc-tabs{display:flex;align-items:center;gap:8px;position:sticky;top:12px;z-index:20;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:0 16px 48px -24px var(--shadow-1)}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;min-height:40px;padding:8px 16px;border-radius:var(--r-ctl);font-size:14px;color:var(--text)}
.toc-tabs a.is-current{background:var(--ink);color:var(--on-ink)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{border-bottom:1px solid var(--border-strong);background:var(--panel)}
.faq-item:first-child{border-top:1px solid var(--border-strong)}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:22px 48px 22px 20px;font-weight:700;color:var(--ink);min-height:56px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:20px;font-family:var(--font-mono);font-size:20px}
.faq-item[open] summary::after{content:"−"}
.faq-body{padding:0 20px 24px;color:var(--muted)}
.faq-body p{margin-block:0 12px}
.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;min-width:0;padding:30px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:0 24px 56px -32px var(--shadow-1)}
.plan-card.is-current{border:2px solid var(--ink);padding:29px;box-shadow:0 28px 56px -24px var(--shadow-1)}
.plan-card h3{margin:12px 0}
.plan-card .btn{margin-top:auto;width:100%}
.plan-price{font-family:var(--font-display);font-size:40px;font-weight:900;color:var(--ink);line-height:1.2;margin-block:12px 20px;font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--muted)}
.plan-facts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px;font-size:14px}
.badge,.tag{display:inline-flex;align-items:center;min-height:26px;max-width:100%;overflow:hidden;overflow-wrap:anywhere;padding:3px 10px;border-radius:var(--r-mini);background:var(--hl);color:var(--ink);font-size:12px;font-weight:700}
.badge-best{align-self:flex-start;background:var(--ink);color:var(--on-ink)}
.badge-success{background:var(--panel-2);color:var(--success)}
.badge-warn{background:var(--panel-2);color:var(--warn)}
.badge-error{background:var(--panel-2);color:var(--error)}
.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-card);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:640px;font-size:14px;text-align:left}
.data-table caption,.route-table caption{text-align:left;padding:18px 20px;font-weight:800;color:var(--ink)}
.data-table th,.route-table th{background:var(--panel-2);color:var(--ink);font-weight:700;white-space:nowrap}
.data-table :is(th,td),.route-table :is(th,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(--ink);font-weight:600}
.route-table .region-row th{background:var(--ink);color:var(--on-ink)}
.route-table td svg{vertical-align:middle;margin-right:7px}
.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:flex-start;gap:16px;min-width:0;padding:24px 20px;border-radius:var(--r-card);background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 48px -32px var(--shadow-1)}
.platform-card svg{width:30px;height:30px;color:var(--ink)}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{margin-top:auto;font-size:13px;padding-inline:14px;min-height:42px;max-width:100%}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.article-card{min-width:0;padding:28px 0;border-top:2px solid var(--ink)}
.article-card h3{margin:16px 0;font-size:22px}
.article-card p{color:var(--muted);font-size:15px}
.article-meta{font-size:13px;color:var(--muted)}
.article-band{padding-block:48px;background:var(--panel-2);border-block:1px solid var(--border)}
.callout{margin:24px 0;padding:22px 24px;border-left:4px solid var(--wisteria);border-radius:0 var(--r-ctl) var(--r-ctl) 0;background:var(--hl);color:var(--text)}
.callout p{margin:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-block:40px;padding:32px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:inset 0 1px 0 var(--panel),0 24px 56px -32px var(--shadow-1)}
.promo-copy{min-width:0}
.promo-copy strong{font-size:22px;color:var(--ink)}
.promo-copy p{margin:8px 0 0;color:var(--muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.preview-section{padding-top:64px;padding-bottom:64px;border-top:1px solid var(--border)}
.preview-heading{margin-top:0;margin-bottom:28px}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.token-swatch{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-ctl);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}
.token-swatch::before{content:"";width:36px;height:36px;flex-shrink:0;border-radius:var(--r-small);background:var(--swatch);box-shadow:inset 0 0 0 1px var(--flag-edge)}
.sw-bg{--swatch:var(--bg)}.sw-top{--swatch:var(--bg-top)}.sw-bottom{--swatch:var(--bg-bottom)}.sw-panel{--swatch:var(--panel)}.sw-panel2{--swatch:var(--panel-2)}.sw-bar{--swatch:var(--bar)}
.sw-border{--swatch:var(--border)}.sw-border-soft{--swatch:var(--border-soft)}.sw-border-strong{--swatch:var(--border-strong)}
.sw-ink{--swatch:var(--ink)}.sw-deep{--swatch:var(--ink-deep)}.sw-text{--swatch:var(--text)}.sw-muted{--swatch:var(--muted)}.sw-wisteria{--swatch:var(--wisteria)}.sw-hl{--swatch:var(--hl)}.sw-hl-edge{--swatch:var(--hl-edge)}
.sw-success{--swatch:var(--success)}.sw-warn{--swatch:var(--warn)}.sw-error{--swatch:var(--error)}
.sw-on{--swatch:var(--on-ink)}.sw-on-muted{--swatch:var(--on-ink-muted)}.sw-hairline{--swatch:var(--hairline-light)}.sw-edge{--swatch:var(--ink-edge)}.sw-cam{--swatch:var(--cam)}
.sw-apricot{--swatch:var(--wave-apricot)}.sw-apricot2{--swatch:var(--wave-apricot-2)}.sw-lilac{--swatch:var(--wave-lilac)}
.sw-dot1{--swatch:var(--dot-1)}.sw-dot2{--swatch:var(--dot-2)}.sw-dot3{--swatch:var(--dot-3)}
.sw-metal-hi{--swatch:var(--metal-hi)}.sw-metal1{--swatch:var(--metal-1)}.sw-metal2{--swatch:var(--metal-2)}.sw-metal3{--swatch:var(--metal-3)}
.sw-red{--swatch:var(--flag-red)}.sw-white{--swatch:var(--flag-white)}.sw-blue{--swatch:var(--flag-blue)}.sw-flag-edge{--swatch:var(--flag-edge)}
.sw-shadow1{--swatch:var(--shadow-1)}.sw-shadow2{--swatch:var(--shadow-2)}.sw-shadow3{--swatch:var(--shadow-3)}.sw-shadow-cta{--swatch:var(--shadow-cta)}.sw-veil{--swatch:var(--veil)}.sw-mask{--swatch:var(--mask)}.sw-clear{--swatch:var(--clear)}
@media(max-width:1120px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .hero-visual{justify-self:center}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{padding-top:32px;padding-bottom:64px}
  .hero-title{font-size:40px}
  .cta-row .btn{flex:1 1 140px;padding-inline:20px}
  .lead{font-size:16px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-row{align-items:flex-start}
  .spec-label{width:56px;line-height:24px}
  .hero-visual{width:100%;max-width:640px}
  .device{width:100%;height:auto;aspect-ratio:640/520;container-type:inline-size}
  .laptop{left:20.9375%;top:5.3846%;width:79.0625%}
  .lid{padding:1.5625cqw;border-radius:3.125cqw}
  .screen{height:53.4375cqw;border-radius:1.72cqw;grid-template-rows:5.3125cqw minmax(0,1fr) 6.25cqw}
  .titlebar{padding-inline:2.2cqw}
  .dots{gap:.9375cqw}.dots i{width:1.406cqw;height:1.406cqw}
  .tb-title{gap:.9375cqw;font-size:1.875cqw}.tb-title img{width:2.34cqw;height:2.34cqw}
  .tb-meta{font-size:1.5625cqw}
  .win-body{grid-template-columns:17.5cqw minmax(0,1fr)}
  .side{padding:1.875cqw 1.25cqw 1.25cqw 3.125cqw;gap:.156cqw}
  .side-label{margin:0 0 .9375cqw 1.25cqw;font-size:1.484cqw}
  .side-label-2{margin-top:1.406cqw}
  .side-item{gap:1.09cqw;height:4.06cqw;padding-inline:1.25cqw;font-size:1.875cqw}
  .side-item svg{width:2.8125cqw;height:1.875cqw}
  .side-item svg.flag-sq{width:1.875cqw;height:1.875cqw}
  .side-check{gap:1.09cqw;height:3.125cqw;padding-inline:1.25cqw;font-size:1.64cqw}
  .side-check i{width:1.5625cqw;height:1.5625cqw}
  .side-check i::after{left:.47cqw;top:.156cqw;width:.47cqw;height:.78cqw;border-width:0 .22cqw .22cqw 0}
  .main{padding:1.875cqw 2.1875cqw 1.25cqw;gap:1.5625cqw}
  .toolbar{height:4.0625cqw}.tool-title{font-size:2.03cqw}.tool-title small{font-size:1.484cqw;margin-left:.9375cqw}
  .seg{gap:.3125cqw;padding:.3125cqw}.seg span{padding:.47cqw 1.25cqw;font-size:1.64cqw}
  .gt-row{grid-template-columns:8.75cqw 9.375cqw max-content minmax(0,1fr);column-gap:.625cqw;height:4.844cqw;padding-inline:1.5625cqw;font-size:1.797cqw}
  .gt-head{height:4.375cqw;font-size:1.64cqw}
  .lt{height:2.969cqw;padding-inline:1.09cqw;font-size:1.64cqw}
  .use{gap:.625cqw}.use span{padding:.3125cqw .9375cqw;font-size:1.5625cqw}
  .gt-foot{font-size:1.484cqw}
  .statusbar{gap:1.875cqw;padding:0 2.1875cqw 0 5cqw;font-size:1.5625cqw}
  .sb-item{gap:.9375cqw}.sb-sep{height:1.875cqw}.sw{width:3.75cqw;height:2.03cqw}.sw::after{top:.3125cqw;right:.3125cqw;width:1.406cqw;height:1.406cqw}
  .base{height:2.1875cqw;margin-inline:-4.06cqw}.base::before{width:13.125cqw;height:.78cqw;margin-left:-6.5625cqw}
  .phone{top:32.3077%;width:25%;height:65.3846%;padding:1.094cqw;border-radius:4.6875cqw}
  .ph-screen{border-radius:3.594cqw;padding:1.406cqw 1.875cqw 1.875cqw}
  .ph-notch{width:6.875cqw;height:1.875cqw}
  .ph-top{gap:.78cqw;margin-top:1.5625cqw;font-size:1.64cqw}.ph-top img{width:2.03cqw;height:2.03cqw}
  .ph-state{gap:.78cqw;margin-top:1.875cqw;font-size:1.64cqw}.ph-state i{width:.9375cqw;height:.9375cqw}
  .power{margin-top:1.25cqw;width:12.1875cqw;height:12.1875cqw}.power-core{width:9.06cqw;height:9.06cqw}.power-core svg{width:3.75cqw;height:3.75cqw}
  .ph-route{gap:.78cqw;margin-top:1.5625cqw;font-size:1.64cqw}.ph-route svg{width:2.5cqw;height:1.719cqw}
  .ph-card{margin-top:1.5625cqw;padding:1.09cqw 1.25cqw;gap:.156cqw}.ph-card small{font-size:1.406cqw}.ph-card b{font-size:1.64cqw}
  .ph-chips{gap:.625cqw;margin-top:1.406cqw}.ph-chips span{padding:.156cqw .625cqw;font-size:1.406cqw;line-height:2.1875cqw}
  .float-ticket,.float-pay,.float-mail{display:none}
  .compat{padding-bottom:64px}
  .compat-title{font-size:30px}
  .compat-platforms{gap:20px 28px;margin-top:32px}
  .compat-flags{gap:18px 24px}
  .compat-platforms li{font-size:17px}
  .plan-grid,.article-grid{grid-template-columns:1fr}
  .inspector{display:none}
  .inspector-mobile{display:block}
  .promo-block{align-items:flex-start;flex-direction:column;padding:24px}
}
@media(max-width:640px){
  .trust{gap:10px;font-size:12px}
  .trust li{gap:5px;white-space:normal}
  .spec-items{gap:8px 14px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card{padding:18px 14px}
  .key-values{grid-template-columns:1fr;gap:4px}
  .key-values dd{margin-bottom:12px}
  .preview-section{padding-top:48px;padding-bottom:48px}
}