.stage{position:relative;overflow-x:clip;max-width:100%;background:radial-gradient(ellipse 42% 38% at 24% 14%,var(--glow),var(--clear) 70%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}
.hero{position:relative;padding-top:28px}
.hero-inner{position:relative;z-index:2;text-align:center}
.hero-copy{position:relative;z-index:3}
.pf-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:10px;min-height:32px;max-width:100%;padding:5px 16px 5px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);font-size:13px;line-height:20px;color:var(--muted);margin-bottom:14px;box-shadow:0 6px 18px -12px var(--shadow-cool);overflow-wrap:anywhere}
.badge-dot{width:8px;height:8px;border-radius:var(--r-dot);background:var(--success);box-shadow:0 0 0 3px var(--success-ring);flex-shrink:0}
.hero .h1{font-size:var(--size-h1)}
.kw{position:relative;display:inline-block}
.kw-ul{position:absolute;left:-2%;bottom:-6px;width:104%;height:14px;overflow:visible}
.kw-ul path{fill:none;stroke:url(#g-ul);stroke-width:5;stroke-linecap:round}
.st-a{stop-color:var(--accent)}
.st-b{stop-color:var(--amber)}
.platforms{display:flex;justify-content:center;gap:28px;height:52px;margin-bottom:20px}
.pf{position:relative;display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;color:var(--faint);transition:color var(--speed)}
.pf:hover{color:var(--text)}
.pf-rays{width:40px;height:10px;opacity:0;transition:opacity .25s}
.pf-rays path,.pf-arc path{fill:none;stroke:var(--sketch);stroke-width:1.8;stroke-linecap:round}
.pf-main{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 4px}
.pf-ico{width:22px;height:22px;flex-shrink:0;fill:currentColor}
.pf-name{font-size:17px;font-weight:var(--weight-medium);letter-spacing:-.01em}
.pf-arc{width:100%;height:10px;opacity:0;transition:opacity .25s}
#pf-win:checked~.hero-inner .pf--win,#pf-mac:checked~.hero-inner .pf--mac,#pf-ios:checked~.hero-inner .pf--ios,#pf-and:checked~.hero-inner .pf--and,#pf-lnx:checked~.hero-inner .pf--lnx{color:var(--text)}
#pf-win:checked~.hero-inner .pf--win :is(.pf-rays,.pf-arc),#pf-mac:checked~.hero-inner .pf--mac :is(.pf-rays,.pf-arc),#pf-ios:checked~.hero-inner .pf--ios :is(.pf-rays,.pf-arc),#pf-and:checked~.hero-inner .pf--and :is(.pf-rays,.pf-arc),#pf-lnx:checked~.hero-inner .pf--lnx :is(.pf-rays,.pf-arc){opacity:1}
#pf-win:focus-visible~.hero-inner .pf--win .pf-main,#pf-mac:focus-visible~.hero-inner .pf--mac .pf-main,#pf-ios:focus-visible~.hero-inner .pf--ios .pf-main,#pf-and:focus-visible~.hero-inner .pf--and .pf-main,#pf-lnx:focus-visible~.hero-inner .pf--lnx .pf-main{outline:2px solid var(--accent-dark);outline-offset:3px;border-radius:var(--r-small)}
.tb-plat{display:none}
#pf-win:checked~.hero-inner .tb-plat--win,#pf-mac:checked~.hero-inner .tb-plat--mac,#pf-ios:checked~.hero-inner .tb-plat--ios,#pf-and:checked~.hero-inner .tb-plat--and,#pf-lnx:checked~.hero-inner .tb-plat--lnx{display:inline}
.lede{max-width:880px;margin:0 auto 12px;font-size:16px;line-height:1.6;color:var(--muted)}
.lede strong{color:var(--text);font-weight:var(--weight-semibold)}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:10px;padding:0;list-style:none;font-size:14px;line-height:22px;color:var(--muted)}
.trust li{display:inline-flex;align-items:center;gap:6px}
.trust svg{width:14px;height:14px;flex-shrink:0;color:var(--success)}
.hotlines{display:flex;justify-content:center;align-items:center;gap:16px;min-height:26px;margin-bottom:30px;font-size:13.5px;color:var(--muted)}
.hl-cap{font-size:12px;letter-spacing:.06em;color:var(--faint)}
.hotlines ul{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0}
.hotlines li{display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.flag-hero{width:24px;height:16px;flex-shrink:0}
.flag-sq{width:16px;height:16px;flex-shrink:0}
.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.4}
.sketch{position:absolute;z-index:1;pointer-events:none}
.sk{fill:none;stroke:var(--sketch);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sk-fill{fill:var(--sketch-fill)}
.sk-dash{stroke-dasharray:3 7}
.sk-plane{top:40px;left:calc(50% - 690px);width:230px;height:170px}
.sk-globe{top:30px;right:calc(50% - 670px);width:130px;height:130px}
.sk-star{width:24px;height:24px;animation:breathe 4.8s ease-in-out infinite}
.sk-star path{fill:var(--sketch-fill);stroke:var(--sketch);stroke-width:1.4;stroke-linejoin:round}
.sk-star1{top:230px;left:calc(50% - 520px);width:26px;height:26px}
.sk-star2{top:204px;right:calc(50% - 562px);width:18px;height:18px;animation-delay:1.6s}
.device{position:relative;width:82%;margin:0 auto;text-align:left}
.win{position:relative;display:grid;grid-template-columns:196px 300px minmax(0,1fr);grid-template-rows:44px auto;border-radius:var(--r-win);overflow:hidden;background:var(--white);box-shadow:0 60px 100px -40px var(--shadow-cool),0 34px 70px -26px var(--shadow-accent),0 2px 8px var(--shadow-soft)}
.win>*{min-width:0}
.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--hi-line),inset 0 0 0 1px var(--win-edge)}
.win-corner{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--side)}
.win-corner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--sheen),var(--clear));pointer-events:none}
.tl{width:11px;height:11px;border-radius:var(--r-dot);flex-shrink:0}
.tl-r{background:var(--error)}.tl-y{background:var(--warn)}.tl-g{background:var(--success)}
.corner-ico{margin-left:auto;width:16px;height:16px;color:var(--side-cap)}
.win-bar{grid-column:2/4;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--white),var(--panel));border-bottom:1px solid var(--border)}
.win-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.win-title b{color:var(--text);font-weight:var(--weight-semibold)}
.win-title svg{width:13px;height:13px;color:var(--success)}
.bar-tools{position:absolute;right:16px;top:50%;display:flex;gap:14px;transform:translateY(-50%);color:var(--faint)}
.bar-tools svg{width:16px;height:16px}
.side{grid-column:1;grid-row:2;padding:10px 12px 24px;background:var(--side);color:var(--side-text)}
.side-cap{padding:10px 10px 6px;font-size:11px;letter-spacing:.08em;color:var(--side-cap)}
.side-list{list-style:none;padding:0;margin:0}
.side-list+.side-cap{margin-top:8px}
.side-item{display:flex;align-items:center;gap:10px;min-height:32px;padding:4px 10px;border-radius:var(--r-pill);font-size:13.5px}
.side-item svg{width:15px;height:15px;flex-shrink:0;color:var(--side-cap)}
.side-item.is-on{background:var(--side-raise);color:var(--white)}
.side-item.is-on svg{color:var(--side-text)}
.list{grid-column:2;grid-row:2;padding:0 12px 14px;background:var(--panel);border-right:1px solid var(--border)}
.l-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 4px}
.l-title{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;font-weight:var(--weight-bold)}
.l-title svg{width:12px;height:12px;color:var(--faint)}
.l-head>svg{width:16px;height:16px;color:var(--faint)}
.lines{display:flex;flex-direction:column;gap:6px}
.line{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px 8px 18px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--white)}
.line-bar{position:absolute;left:6px;top:10px;bottom:10px;width:4px;border-radius:var(--r-small)}
.line--iepl .line-bar{background:var(--success)}
.line--relay .line-bar{background:var(--warn)}
.line--direct .line-bar{background:var(--muted)}
.line.is-on{background:var(--selected);border-color:var(--panel-2);box-shadow:0 10px 22px -16px var(--shadow-cool)}
.line.is-on .line-bar{background:var(--success-deep)}
.lf{display:flex;align-items:center;justify-content:center;width:30px;height:20px;flex-shrink:0;overflow:hidden;border-radius:var(--r-small)}
.flag-thumb{width:30px;height:20px}
.flag-thumb-sq{width:20px;height:20px}
.line-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.line-name{font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text)}
.line-use{font-size:12px;color:var(--muted)}
.line-end{margin-left:auto;width:14px;height:14px;flex-shrink:0;color:var(--sketch)}
.line-ok{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:var(--weight-semibold);color:var(--success-deep);white-space:nowrap}
.line-ok::before{content:"";width:6px;height:6px;border-radius:var(--r-dot);background:var(--success)}
.detail{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px;background:var(--white)}
.d-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.d-title{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-display);letter-spacing:-.02em;line-height:1.25}
.d-sub{font-size:13px;color:var(--muted)}
.d-flag{width:36px;height:24px;flex-shrink:0}
.conn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-card);background:linear-gradient(180deg,var(--white),var(--selected))}
.conn-info{display:flex;flex-direction:column;line-height:1.35}
.conn-cap{font-size:12px;color:var(--faint)}
.conn-state{display:inline-flex;align-items:center;gap:8px;margin:2px 0;font-size:19px;font-weight:var(--weight-bold);color:var(--text)}
.dot-on{width:9px;height:9px;border-radius:var(--r-dot);background:var(--success);box-shadow:0 0 0 4px var(--success-ring);flex-shrink:0}
.conn-note{font-size:12.5px;color:var(--muted)}
.switch{position:relative;display:flex;align-items:center;width:92px;height:48px;padding:4px;border-radius:var(--r-pill);flex-shrink:0;background:linear-gradient(180deg,var(--success-deep),var(--success));box-shadow:inset 0 2px 5px var(--switch-inset)}
.switch-knob{position:relative;width:40px;height:40px;margin-left:auto;border-radius:var(--r-dot);background:linear-gradient(160deg,var(--warm-1),var(--warm-2));box-shadow:0 4px 10px var(--knob-shadow),inset 0 1px 0 var(--hi-line)}
.knob-glint{position:absolute;top:8px;left:10px;width:10px;height:6px;border-radius:var(--r-dot);background:var(--white);opacity:.95;transform:rotate(-24deg)}
.tbl{border:1px solid var(--border);border-radius:var(--r-btn);overflow:hidden;font-size:13px}
.tr{display:grid;grid-template-columns:1fr 1fr 1.2fr}
.tr span{padding:8px 12px;min-width:0}
.tr span+span{border-left:1px solid var(--border)}
.th{background:var(--panel-2);font-weight:var(--weight-semibold);color:var(--text)}
.tr+.tr{border-top:1px solid var(--border)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip,.tag{display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;padding:4px 12px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.chip b{color:var(--text);font-weight:var(--weight-semibold)}
.chip svg{width:13px;height:13px;color:var(--success);flex-shrink:0}
.bubble{position:absolute;z-index:4;top:-30px;right:-72px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r-win);background:var(--white);font-size:14px;font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap;box-shadow:0 18px 34px -16px var(--shadow-accent),0 12px 26px -14px var(--shadow-cool);animation:bob 5.2s ease-in-out infinite}
.bubble::after{content:"";position:absolute;left:22px;bottom:-7px;width:12px;height:12px;background:var(--white);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg);border-bottom-right-radius:var(--r-small)}
.bubble-hi{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-dot);background:var(--selected);border:1px solid var(--panel-2);font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-bold);color:var(--success-deep);flex-shrink:0}
.ticket{position:absolute;z-index:4;top:300px;left:-156px;width:176px;padding:12px 14px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--border);transform:rotate(-2deg);box-shadow:0 20px 36px -18px var(--shadow-accent),0 14px 28px -16px var(--shadow-cool);-webkit-mask:radial-gradient(circle 6px at 0 52%,var(--clear) 98%,var(--mask-solid) 100%) left/51% 100% no-repeat,radial-gradient(circle 6px at 100% 52%,var(--clear) 98%,var(--mask-solid) 100%) right/51% 100% no-repeat;mask:radial-gradient(circle 6px at 0 52%,var(--clear) 98%,var(--mask-solid) 100%) left/51% 100% no-repeat,radial-gradient(circle 6px at 100% 52%,var(--clear) 98%,var(--mask-solid) 100%) right/51% 100% no-repeat}
.tk-row{display:flex;align-items:baseline;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}
.tk-num{font-family:var(--font-mono);font-size:15px;font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em}
.tk-sep{margin:0 3px;color:var(--sketch)}
.tk-cut{margin:10px 0 8px;border-top:1px dashed var(--border)}
.tk-foot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.tk-foot svg{width:13px;height:13px;color:var(--success)}
.laurels{padding-top:96px;padding-bottom:72px;background:var(--bg-bottom)}
.laurel-row{display:flex;justify-content:center;gap:72px}
.laurel{display:flex;align-items:center;gap:6px}
.lr{width:40px;height:80px;flex-shrink:0}
.lr use{fill:none;stroke:var(--sketch);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lr-r{transform:scaleX(-1)}
.lr-txt{display:flex;flex-direction:column;align-items:center;min-width:120px;line-height:1.3}
.lr-num{font-family:var(--font-mono);font-size:24px;font-weight:var(--weight-bold);color:var(--muted);letter-spacing:-.02em}
.lr-cap{font-size:14px;color:var(--faint)}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:6px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel-2);margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;flex-shrink:0;border:1px solid var(--clear);border-radius:var(--r-btn);background:var(--clear);color:var(--muted);font-size:var(--size-small)}
[role="tab"][aria-selected="true"]{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:var(--panel-shadow)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:20;display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--panel-shadow);margin-bottom:32px;overscroll-behavior-inline:contain}
.toc-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;white-space:nowrap;flex-shrink:0;border-radius:var(--r-pill);color:var(--muted)}
.toc-tabs a.is-current,.toc-tabs a[aria-current]{background:var(--panel-2);color:var(--text);font-weight:var(--weight-semibold)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--chapter-offset)}
.faq-item{border-bottom:1px solid var(--border);background:var(--panel)}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-item summary{position:relative;min-height:56px;padding:18px 48px 18px 20px;cursor:pointer;list-style:none;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:17px;color:var(--muted)}
.faq-item[open] summary::after{content:"−"}
.faq-body{padding:0 20px 20px;color:var(--muted)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;min-width:0;padding:28px 24px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--panel-shadow)}
.plan-card.is-current{border-color:var(--sketch);background:var(--white);box-shadow:0 24px 64px -30px var(--shadow-accent),0 16px 32px -20px var(--shadow-cool)}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;margin-bottom:16px;background:var(--panel-2);border-radius:var(--r-pill);font-size:12px;font-weight:var(--weight-semibold);color:var(--text)}
.plan-price{margin:16px 0;font-family:var(--font-mono);font-size:36px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:-.02em}
.plan-price small{font-family:var(--font-body);font-size:14px;color:var(--muted);font-weight:var(--weight-normal)}
.plan-facts{padding-left:18px;margin:20px 0;color:var(--muted);font-size:14px}
.plan-facts li+li{margin-top:8px}
.plan-card .btn{width:100%}
.table-scroll{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;border-collapse:collapse;font-size:14px;text-align:left}
.data-table caption,.route-table caption{text-align:left;padding:16px;font-weight:var(--weight-bold);color:var(--text)}
.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;color:var(--text)}
.table-scroll th{white-space:nowrap;color:var(--text)}
.data-table th,.route-table th{background:var(--panel-2);font-weight:var(--weight-semibold)}
.route-table .region-row th{background:var(--selected)}
.route-table td:first-child{font-weight:var(--weight-semibold)}
.route-table svg{width:24px;height:16px;margin-right:8px}
.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{min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 12px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel);text-align:center}
.platform-card svg{width:28px;height:28px;fill:currentColor;color:var(--muted)}
.platform-card h3{font-size:16px;margin:0}
.platform-card .btn{font-size:14px;padding-inline:12px;min-width:0;max-width:100%}
.article-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--panel-shadow)}
.article-card h3{font-size:22px;margin:0}
.article-card p{color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted)}
.callout{padding:20px 24px;border-left:4px solid var(--sketch);border-radius:var(--r-btn);background:var(--panel-2);color:var(--text)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid var(--border);border-radius:var(--r-win);background:var(--panel);box-shadow:var(--panel-shadow)}
.promo-block p{color:var(--muted);margin-top:8px}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.bubble-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 28px;border-radius:var(--r-win);background:linear-gradient(105deg,var(--accent-dark),var(--accent),var(--amber));color:var(--white);font-weight:var(--weight-semibold);box-shadow:var(--panel-shadow)}
.bubble-button::after{content:"";position:absolute;left:30px;bottom:-8px;width:18px;height:18px;transform:rotate(45deg);background:var(--accent);border-radius:var(--r-small)}
.feature-browser{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);gap:32px}
.feature-browser [role="tablist"]{display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:visible;padding:0;margin:0;background:var(--clear);border:0}
.feature-browser [role="tab"]{position:relative;justify-content:flex-start;gap:14px;text-align:left;white-space:normal;padding:16px 16px 16px 24px;min-width:0}
.feature-browser [role="tab"]::before{content:"";position:absolute;left:8px;top:16px;bottom:16px;width:4px;border-radius:var(--r-small);background:var(--muted)}
.feature-browser [role="tab"].category-speed::before{background:var(--success)}
.feature-browser [role="tab"].category-privacy::before{background:var(--muted)}
.feature-browser [role="tab"].category-refund::before{background:var(--warn)}
.feature-browser [role="tab"].category-access::before{background:var(--accent-dark)}
.feature-icon{width:24px;height:24px;fill:none;stroke:var(--sketch);stroke-width:1.6;flex-shrink:0}
.feature-label{display:flex;flex-direction:column;gap:4px}
.feature-label strong{color:var(--text)}
.feature-label small{font-size:13px;color:var(--muted)}
.feature-detail{padding:32px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--panel-shadow)}
.feature-detail p{margin-bottom:24px;color:var(--muted)}
.feature-detail .chips{margin-bottom:24px}
.feature-mobile{display:none}
.preview-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{min-width:0;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-btn);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}
.swatch::before{content:"";display:block;height:44px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--r-small)}
.sw-bg::before{background:var(--bg)}.sw-top::before{background:var(--bg-top)}.sw-bottom::before{background:var(--bg-bottom)}
.sw-panel::before{background:var(--panel)}.sw-panel2::before{background:var(--panel-2)}.sw-white::before{background:var(--white)}.sw-selected::before{background:var(--selected)}
.sw-border::before{background:var(--border)}.sw-accent::before{background:var(--accent)}.sw-dark::before{background:var(--accent-dark)}.sw-amber::before{background:var(--amber)}
.sw-text::before{background:var(--text)}.sw-muted::before{background:var(--muted)}.sw-faint::before{background:var(--faint)}
.sw-success::before{background:var(--success)}.sw-deep::before{background:var(--success-deep)}.sw-warn::before{background:var(--warn)}.sw-error::before{background:var(--error)}
.sw-sketch::before{background:var(--sketch)}.sw-sketchfill::before{background:var(--sketch-fill)}
.sw-side::before{background:var(--side)}.sw-raise::before{background:var(--side-raise)}.sw-sidetext::before{background:var(--side-text)}.sw-sidecap::before{background:var(--side-cap)}
.sw-warm1::before{background:var(--warm-1)}.sw-warm2::before{background:var(--warm-2)}
.sw-red::before{background:var(--flag-red)}.sw-blue::before{background:var(--flag-blue)}.sw-flagwhite::before{background:var(--flag-white)}
.sw-edge::before{background:var(--flag-edge)}.sw-shadowa::before{background:var(--shadow-accent)}.sw-shadowc::before{background:var(--shadow-cool)}.sw-shadows::before{background:var(--shadow-soft)}
.sw-glow::before{background:var(--glow)}.sw-hi::before{background:var(--hi-line)}.sw-winedge::before{background:var(--win-edge)}.sw-sheen::before{background:var(--sheen)}
.sw-ring::before{background:var(--success-ring)}.sw-inset::before{background:var(--switch-inset)}.sw-knob::before{background:var(--knob-shadow)}.sw-button::before{background:var(--btn-shadow)}
.sw-glint::before{background:var(--btn-glint)}.sw-veil::before{background:var(--veil)}.sw-clear::before{background:var(--clear)}.sw-mask::before{background:var(--mask-solid)}
.preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.type-display{font-family:var(--font-display);font-size:40px;font-weight:var(--weight-display);line-height:1.2}
.type-body{font-family:var(--font-body);font-size:16px}
.type-mono{font-family:var(--font-mono);font-size:14px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes breathe{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}
@media(max-width:1180px){
  .sk-plane,.sk-globe{display:none}.device{width:90%}.win{grid-template-columns:180px 280px minmax(0,1fr)}.bubble{right:-24px}.ticket{left:-60px}
}
@media(min-width:769px) and (max-width:980px){
  .win{grid-template-columns:140px 250px minmax(0,1fr)}.detail{padding:16px 12px}.conn{padding:12px;gap:8px}.switch{width:66px}.tr span{padding:8px 6px}.bar-tools{display:none}.ticket{left:-24px}
}
@media(max-width:768px){
  .sketch{display:none}.hero{padding-top:20px}.hero .h1{font-size:clamp(30px,9vw,40px);margin-bottom:14px}
  .platforms{gap:10px;height:auto;margin-bottom:18px}.pf-main{flex-direction:column;gap:2px;height:auto}.pf-ico{width:20px;height:20px}.pf-name{font-size:12.5px}
  .cta-row{margin-bottom:14px}.lede{font-size:14px}.trust{font-size:12px;gap:4px 12px}
  .hotlines{flex-wrap:wrap;gap:6px;margin-bottom:38px}.hotlines ul{gap:10px;flex-wrap:wrap;justify-content:center}.hl-cap{display:none}
  .device{width:100%}.win{display:flex;flex-direction:column;padding-top:44px}
  .win-corner{position:absolute;top:0;left:0;height:44px;width:96px;padding-inline:12px}
  .corner-ico{display:none}.win-bar{position:absolute;top:0;left:96px;right:0;height:44px}.bar-tools{display:none}
  .side{padding:8px;overflow-x:auto}.side-cap,.side-list+.side-cap,.side-list:last-child{display:none}.side-list{display:flex;gap:4px;min-width:max-content}.side-item{white-space:nowrap}
  .list{border-right:0;padding-bottom:12px}.line:nth-child(n+4){display:none}.detail{padding:16px}.d-head,.detail .tbl,.detail .chips{display:none}
  .bubble{top:9px;right:10px;max-width:calc(100% - 110px);font-size:11px;padding:5px 8px;animation:none}.bubble-hi{width:18px;height:18px;font-size:9px}.bubble::after{display:none}
  .win-title{visibility:hidden}.ticket{display:none}
  .laurels{padding-top:48px;padding-bottom:40px}.laurel-row{gap:20px;flex-wrap:wrap}.lr{width:24px;height:56px}.lr-txt{min-width:76px}.lr-num{font-size:18px}.lr-cap{font-size:12px}
  .plan-grid{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .feature-browser{display:none}.feature-mobile{display:block}
  .preview-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){.ticket{transform:none}.type-display{font-size:30px}.feature-detail{padding:20px}}
@media(prefers-reduced-motion:reduce){.bubble,.sk-star{animation:none}}