.hero{position:relative;overflow-x:clip;max-width:100%;background:linear-gradient(180deg,var(--hero-top) 0%,var(--bg) 52%,var(--hero-bottom) 100%);padding-top:20px;padding-bottom:12px}
.hero-copy{position:relative;z-index:2;text-align:center}
.tagline{display:inline-flex;align-items:center;gap:10px;min-height:28px;padding:3px 14px 3px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--highlight);font-size:12.5px;color:var(--text-muted);margin:0 0 16px;max-width:100%}
.tagline-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--r-circle);background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-2)}
.tagline-mono{font-family:var(--font-mono);font-size:11.5px;color:var(--text);letter-spacing:.02em}
.tagline-bar{width:1px;height:12px;background:var(--border);flex-shrink:0}
.hero h1{font-family:var(--font-display);font-weight:800;font-size:66px;line-height:1.1;letter-spacing:var(--tracking-display);margin:0 0 20px;color:var(--text)}
.lede{font-size:20px;line-height:1.5;color:var(--text-muted);margin:0 auto 8px;max-width:820px}
.lede strong{color:var(--text);font-weight:650}
.trust{list-style:none;margin:0 0 20px;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:14px;line-height:22px;color:var(--text-muted)}
.trust li{display:flex;align-items:center;margin:0}
.trust li+li::before{content:"";width:10px;height:10px;flex-shrink:0;margin:0 14px;background:var(--accent);opacity:.5;border-radius:var(--r-leaf);transform:rotate(-12deg)}
.stores{display:grid;grid-template-columns:repeat(5,168px);gap:12px;justify-content:center;margin:0 0 12px}
.store{display:flex;align-items:center;gap:11px;height:48px;padding:0 14px;background:var(--text);color:var(--white);border-radius:var(--r-md);text-decoration:none;box-shadow:var(--shadow-badge);transition:transform var(--ease),background-color var(--ease);min-width:0}
.store:hover{background:var(--ink-soft);transform:translateY(-1px)}
.store svg{width:22px;height:22px;flex-shrink:0;display:block}
.store-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left;min-width:0}
.store-txt small{font-size:10.5px;opacity:.72;letter-spacing:.02em}
.store-txt b{font-size:15.5px;font-weight:650;letter-spacing:-.01em}
.routes{display:flex;justify-content:center;align-items:center;gap:18px;height:24px;margin:0}
.routes-label{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);letter-spacing:.06em}
.route{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text)}
.flag{display:inline-block;flex-shrink:0;width:18px;height:18px;border-radius:var(--r-circle);overflow:hidden;box-shadow:0 0 0 1px var(--border);background:var(--white)}
.flag svg{display:block;width:100%;height:100%}
.flag-14{width:14px;height:14px}
.flag-24{width:24px;height:24px}
.flag-28{width:28px;height:28px}
.fx-r{fill:var(--flag-red)}
.fx-w{fill:var(--flag-white)}
.fx-b{fill:var(--flag-blue)}
.rig{position:relative;z-index:1;width:1080px;height:404px;margin:18px auto 0}
.rig-glow{position:absolute;right:-70px;top:24px;width:580px;height:340px;z-index:0;background:radial-gradient(closest-side at 34% 46%,var(--peach),transparent 74%),radial-gradient(closest-side at 70% 58%,var(--ice),transparent 78%);filter:blur(34px);opacity:.9;pointer-events:none}
.laptop{position:absolute;left:190px;top:12px;width:840px;z-index:2}
.lid{height:368px;padding:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) var(--r-xs) var(--r-xs);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-deep)}
.screen{height:100%;border-radius:var(--r-screen-desktop);overflow:hidden;padding:14px 20px 14px 78px;background:linear-gradient(140deg,var(--ice) 0%,var(--bg-panel-2) 55%,var(--hero-top) 100%)}
.base{position:relative;height:16px;margin:0 -44px;border-radius:var(--r-base);background:linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 55%,var(--metal-3) 100%);box-shadow:inset 0 1px 0 var(--highlight)}
.base-notch{position:absolute;left:50%;top:0;width:120px;height:5px;margin-left:-60px;border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--metal-2)}
.app{height:100%;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-soft);overflow:hidden}
.app-bar{display:flex;align-items:center;height:30px;padding:0 12px;flex-shrink:0;border-bottom:1px solid var(--line-soft);background:var(--bg-panel)}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:var(--r-circle);display:block;flex-shrink:0}
.dots i:nth-child(1){background:var(--error)}
.dots i:nth-child(2){background:var(--warn)}
.dots i:nth-child(3){background:var(--success)}
.app-bar svg{width:14px;height:14px;color:var(--text-muted);display:block}
.side-ico{margin-left:14px}
.app-title{margin:0 auto;font-size:11.5px;font-weight:650;color:var(--text-muted);letter-spacing:.02em}
.app-tools{display:flex;gap:12px}
.app-body{flex:1;display:grid;grid-template-columns:152px 270px 1fr;min-height:0}
.app-body>*{min-width:0}
.side{display:flex;flex-direction:column;padding:12px 8px 10px;background:var(--bg-panel);border-right:1px solid var(--line-soft)}
.side-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);padding:0 8px;margin:0 0 4px}
.side-row{display:flex;align-items:center;gap:8px;height:27px;padding:0 8px;border-radius:var(--r-sm);font-size:12.5px;color:var(--text)}
.side-row.is-on{background:var(--bg-panel-2);font-weight:600}
.side-row em{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}
.side-all{width:14px;height:14px;border-radius:var(--r-xs);background:var(--text);flex-shrink:0}
.side-foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding:8px 8px 0;border-top:1px solid var(--line-soft);font-size:11px;color:var(--text-muted)}
.side-foot svg{width:12px;height:12px;display:block}
.list{padding:12px;border-right:1px solid var(--line-soft)}
.list-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.list-head b{font-size:13px;font-weight:700}
.seg{display:flex;padding:2px;border-radius:var(--r-sm);background:var(--bg-panel-2)}
.seg span{font-size:10.5px;padding:2px 7px;border-radius:var(--r-xs);color:var(--text-muted)}
.seg span.is-on{background:var(--white);color:var(--text);font-weight:600;box-shadow:var(--shadow-segment)}
.line{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;height:66px;padding:0 12px;margin:0 0 8px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--white)}
.line-name{font-size:13px;font-weight:650;line-height:1.3}
.line-sub{font-size:11.5px;color:var(--text-muted);line-height:1.35}
.line-go{font-size:16px;color:var(--text-muted);text-align:right}
.line.is-on{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-color:transparent;color:var(--white);box-shadow:var(--shadow-selection)}
.line.is-on .line-sub{color:var(--on-accent-soft)}
.line.is-on .flag{box-shadow:0 0 0 1.5px var(--on-accent-soft)}
.line.is-on svg.tick{width:16px;height:16px;display:block;color:var(--white)}
.detail{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.detail-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted)}
.detail-top{display:flex;align-items:center;gap:10px}
.detail-top b{display:block;font-size:15px;font-weight:750;letter-spacing:-.01em;line-height:1.25}
.detail-top small{font-size:11px;color:var(--text-muted)}
.conn{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--line-soft)}
.conn-state{display:flex;flex-direction:column;line-height:1.3}
.conn-state b{display:flex;align-items:center;gap:7px;font-size:13.5px}
.conn-state b::before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 3px var(--success-tint)}
.conn-state small{font-size:11px;color:var(--text-muted);padding-left:15px}
.toggle{position:relative;display:block;width:40px;height:24px;border-radius:var(--r-pill);background:var(--accent);box-shadow:var(--shadow-toggle);flex-shrink:0}
.toggle::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:var(--r-circle);background:var(--white);box-shadow:var(--shadow-knob)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag,.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:600;background:var(--bg-panel-2);color:var(--text-muted);max-width:100%;overflow:hidden;overflow-wrap:anywhere}
.tag-rose{background:var(--accent-tint);color:var(--accent-dark)}
.tag svg{width:12px;height:12px;display:block}
.plan{padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:linear-gradient(180deg,var(--white),var(--bg-panel));box-shadow:inset 0 1px 0 var(--highlight)}
.plan-row{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--text-muted)}
.plan-row span:last-child{font-family:var(--font-mono);font-size:10px}
.plan-price{font-family:var(--font-mono);font-size:17px;font-weight:700;letter-spacing:-.02em;margin:3px 0 2px;color:var(--text)}
.plan-note{font-size:10.5px;color:var(--text-muted)}
.phone{position:absolute;left:56px;bottom:0;width:206px;height:336px;z-index:3;padding:7px;border-radius:var(--r-device);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-deep)}
.phone-screen{position:relative;height:100%;border-radius:var(--r-screen);background:var(--white);overflow:hidden;padding:8px 10px 0}
.p-status{display:flex;justify-content:center;align-items:center;height:20px;position:relative}
.p-notch{width:52px;height:14px;border-radius:var(--r-pill);background:var(--text)}
.p-signal{position:absolute;right:6px;top:5px;display:flex;align-items:flex-end;gap:2px}
.p-signal i{display:block;width:3px;border-radius:var(--r-xs);background:var(--text)}
.p-signal i:nth-child(1){height:4px}
.p-signal i:nth-child(2){height:6px}
.p-signal i:nth-child(3){height:8px}
.p-head{display:flex;justify-content:space-between;align-items:center;height:28px;font-size:12.5px;font-weight:800;letter-spacing:-.01em}
.p-head span{font-weight:600;color:var(--text-muted);font-size:11px;letter-spacing:.1em}
.p-line{display:flex;align-items:center;gap:9px;height:52px;padding:0 10px;border:1px solid var(--line-soft);border-radius:var(--r-md);margin:0 0 8px}
.p-line b{display:block;font-size:12.5px;line-height:1.3}
.p-line small{font-size:10.5px;color:var(--text-muted)}
.p-conn{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 10px;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--line-soft);margin:0 0 8px}
.p-conn .conn-state b{font-size:12.5px}
.p-conn .conn-state small{font-size:10px}
.p-pack{padding:9px 10px;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--line-soft);margin:0 0 8px}
.p-pack-label{font-size:10px;color:var(--text-muted)}
.p-pack b{display:block;font-size:12.5px;margin:1px 0 7px;font-family:var(--font-mono);letter-spacing:-.02em}
.bar{height:6px;border-radius:var(--r-pill);background:var(--bg-panel-2);overflow:hidden}
.bar i{display:block;width:38%;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent-dark),var(--accent))}
.p-sync{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--text-muted);padding:2px 2px 0}
.p-sync svg{width:12px;height:12px;display:block;color:var(--accent)}
.p-home{position:absolute;left:50%;bottom:7px;width:64px;height:4px;margin-left:-32px;border-radius:var(--r-pill);background:var(--text)}
.chip-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-soft)}
.chip-ico{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-circle);background:var(--accent-tint);color:var(--accent)}
.chip-ico svg{width:17px;height:17px;display:block}
.chip-card b{display:block;font-size:14px;font-weight:750;line-height:1.25;letter-spacing:-.01em}
.chip-card small{display:block;font-size:11.5px;color:var(--text-muted);line-height:1.3}
.chip-refund{top:0;right:6px}
.chip-devices{left:-84px;bottom:24px}
[role="tablist"]{display:flex;align-items:center;gap:6px;padding:6px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--r-md);max-width:100%;overflow-x:auto}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;flex-shrink:0;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-weight:650}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);border-color:var(--border);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-soft)}
[role="tabpanel"]{padding-top:var(--space-3);min-width:0}
.toc-tabs{position:sticky;top:12px;z-index:30;display:flex;gap:8px;overflow-x:auto;max-width:100%;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-4);overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;min-height:40px;flex-shrink:0;white-space:nowrap;padding:8px 14px;border-radius:var(--r-sm);text-decoration:none;font-size:14px;color:var(--text-muted)}
.toc-tabs a.is-current{background:var(--accent-tint);color:var(--accent-dark);font-weight:700}
.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);background:var(--bg-panel);padding:0 var(--space-3)}
.faq-item:first-child{border-radius:var(--r-md) var(--r-md) 0 0}
.faq-item:last-child{border-radius:0 0 var(--r-md) var(--r-md)}
.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:16px;font-weight:650}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--font-mono);color:var(--accent-dark);font-size:22px;flex-shrink:0}
.faq-item[open] summary::after{content:"−"}
.faq-item p{color:var(--text-muted);padding-bottom:20px;max-width:76ch}
.pricing-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(--highlight),var(--shadow-soft)}
.pricing-card.is-current{border:2px solid var(--accent);padding:calc(var(--space-4) - 1px);box-shadow:var(--shadow-deep)}
.pricing-card h3{font-size:20px}
.pricing-period{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-2)}
.pricing-price{font-family:var(--font-mono);font-size:38px;font-weight:750;line-height:1.3;margin-bottom:var(--space-2)}
.pricing-price small{font-size:14px;font-weight:500;color:var(--text-muted)}
.pricing-features{list-style:none;padding:0;margin:var(--space-2) 0 var(--space-4);color:var(--text-muted)}
.pricing-card .btn{margin-top:auto;align-self:flex-start}
.value-badge{display:inline-flex;align-items:center;min-height:26px;align-self:flex-start;padding:3px 10px;margin-bottom:var(--space-2);border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-dark);font-size:12px;font-weight:700}
.table-scroll{overflow-x:auto;max-width:100%;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}
.data-table,.route-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:14px}
.data-table th,.data-table td,.route-table th,.route-table td{padding:14px 18px;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top}
.table-scroll th,.route-table th,.data-table th{color:var(--text);background:var(--bg-panel-2);font-weight:700;white-space:nowrap}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:600}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-group th{background:var(--bg);color:var(--text)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card{display:flex;align-items:flex-start;flex-direction:column;gap:16px;min-width:0;padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-soft)}
.platform-card>svg{width:28px;height:28px;color:var(--text)}
.platform-card h3{font-size:18px;margin:0}
.platform-card p{font-size:14px;color:var(--text-muted)}
.platform-card .btn{padding-inline:14px;font-size:13px;margin-top:auto;max-width:100%}
.article-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-soft)}
.article-card h3{font-size:22px;margin:0}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{color:var(--text-muted);font-size:15px}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}
.callout{border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--accent-tint);padding:20px 24px;color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-soft)}
.promo-brand{font-size:24px;font-weight:800;letter-spacing:-.02em}
.promo-block p{color:var(--text-muted);margin:8px 0 0}
.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;height:44px;padding:0 22px;border-radius:var(--r-pill);color:var(--white);font-weight:700;font-size:15px;text-decoration:none;background:linear-gradient(100deg,var(--accent-dark) 0%,var(--accent) 55%,var(--peach) 150%);box-shadow:var(--shadow-cta)}
.float-cta svg{width:16px;height:16px}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px));background:var(--bg-panel-2)}
.service-strip{padding-top:40px;padding-bottom:40px;background:var(--bg-panel-2);text-align:center}
.service-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 40px;font-size:20px;font-weight:750;color:var(--text-muted);margin-bottom:24px}
.service-strip p{font-style:italic;color:var(--text-muted);margin:0}
.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;padding-block:80px;border-bottom:1px solid var(--line-soft)}
.feature-row.is-reversed .mini-client{order:2}
.feature-copy p{color:var(--text-muted);margin-bottom:32px;line-height:1.85}
.feature-copy h2{font-size:38px;font-weight:800}
.mini-client{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);box-shadow:inset 0 1px 0 var(--highlight),var(--shadow-deep);overflow:hidden;min-width:0}
.mini-content{padding:32px}
.mini-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line-soft)}
.mini-row:last-child{border-bottom:0}
.fact-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.fact-pill{padding:12px 20px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel);color:var(--text-muted);font-size:14px}
.stat-number,[data-count-to]{display:inline-block;min-width:3ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--text)}
.draw-line{display:block;width:100%;height:36px;overflow:hidden;color:var(--border)}
.draw-line path{stroke:currentColor;fill:none;stroke-width:1.5}
.preview-section{padding-top:64px;padding-bottom:64px;border-bottom:1px solid var(--line-soft)}
.preview-heading{font-size:30px;margin-bottom:32px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.swatch{padding:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}
.swatch-sample{display:block;height:56px;border-radius:var(--r-xs);margin-bottom:12px;border:1px solid var(--border)}
.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-accent-dark{background:var(--accent-dark)}
.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-peach{background:var(--peach)}
.sw-ice{background:var(--ice)}
.sw-top{background:var(--hero-top)}
.sw-bottom{background:var(--hero-bottom)}
.sw-white{background:var(--white)}
.sw-ink{background:var(--ink-soft)}
.sw-metal1{background:var(--metal-1)}
.sw-metal2{background:var(--metal-2)}
.sw-metal3{background:var(--metal-3)}
.sw-sep{background:var(--sep)}
.sw-flag-red{background:var(--flag-red)}
.sw-flag-blue{background:var(--flag-blue)}
.sw-flag-white{background:var(--flag-white)}
.sw-line{background:var(--line-soft)}
.sw-tint{background:var(--accent-tint)}
.sw-tint2{background:var(--accent-tint-2)}
.sw-softwhite{background:var(--on-accent-soft)}
.sw-highlight{background:var(--highlight)}
.sw-highlight-dark{background:var(--highlight-dark)}
.sw-success-tint{background:var(--success-tint)}
.sw-veil{background:var(--veil)}
.type-display{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.2;letter-spacing:var(--tracking-cjk)}
.button-samples{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
@media(max-width:1160px) and (min-width:769px){.rig{zoom:.86}}
@media(max-width:1000px) and (min-width:769px){.rig{zoom:.72}.stores{grid-template-columns:repeat(3,168px)}}
@media(max-width:880px) and (min-width:769px){.rig{zoom:.64}}
@media(max-width:768px){
  .hero h1{font-size:38px}
  .lede{font-size:17px}
  .stores{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin-left:auto;margin-right:auto}
  .routes{flex-wrap:wrap;height:auto;gap:10px 14px}
  .rig{width:100%;height:auto;padding-bottom:180px}
  .rig-glow{right:-40px;width:80%;max-width:100%}
  .laptop{position:relative;left:auto;top:auto;width:100%}
  .lid{height:300px}
  .screen{padding:10px}
  .app-body{grid-template-columns:minmax(0,1fr)}
  .side,.detail{display:none}
  .list{border-right:0}
  .base{margin:0 -12px}
  .phone{left:50%;bottom:0;transform:translateX(-50%) scale(.82);transform-origin:bottom center}
  .chip-card{display:none}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .feature-row{gap:32px;grid-template-columns:minmax(0,1fr);padding-block:48px}
  .feature-row.is-reversed .mini-client{order:0}
  .feature-copy h2{font-size:30px}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:480px){
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:36px}
  .tagline{gap:7px;font-size:11.5px}
  .trust{gap:6px 0}
  .trust li+li::before{margin-inline:8px}
  .platform-card{padding:16px}
  .service-labels{gap:16px 24px;font-size:17px}
  .pricing-card{padding:24px}
  .pricing-card.is-current{padding:23px}
}