.hero{position:relative;z-index:2;overflow-x:clip;max-width:100%;background:linear-gradient(180deg,var(--clear) 0%,var(--t-accent-04) 46%,var(--t-coral-07) 100%),var(--c-bg)}
.hero-glow{position:absolute;inset:44% 3% -14% 46%;border-radius:var(--r-circle);background:radial-gradient(closest-side,var(--t-coral-22),var(--t-coral-12) 45%,var(--t-accent-04) 72%,var(--clear) 100%);pointer-events:none;z-index:0;animation:breathe 12s ease-in-out infinite;will-change:transform,opacity}
@keyframes breathe{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.hero-copy{position:relative;z-index:3;text-align:center;padding-top:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 14px 3px 12px;margin-bottom:16px;border-radius:var(--r-pill);background:var(--c-panel);border:1px solid var(--c-border);box-shadow:var(--sh-panel),var(--hl-inner);font-size:var(--fs-13);color:var(--c-muted)}
.eyebrow b{font-family:var(--f-mono);font-weight:var(--weight-semibold);color:var(--c-text);font-size:var(--fs-125)}
.dot-ok{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:var(--r-circle);background:var(--c-success);box-shadow:0 0 0 3px var(--t-success-12)}
.hero h1{margin:0 0 20px;font-family:var(--f-display);font-size:64px;line-height:1.1;font-weight:var(--weight-display);letter-spacing:-.02em;color:var(--c-text)}
.hero h1 .key{color:var(--c-accent)}
.desc{font-size:var(--fs-16);line-height:24px;color:var(--c-muted);margin-bottom:14px}
.desc strong{color:var(--c-text);font-weight:var(--weight-semibold)}
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin-bottom:16px;font-size:var(--fs-14);line-height:20px;color:var(--c-text)}
.trust li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.trust svg{color:var(--c-success)}
.chips{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.chips+.chips{margin-top:8px}
.chip-label{width:64px;text-align:right;margin-right:4px;font-family:var(--f-mono);font-size:var(--fs-11);letter-spacing:.04em;color:var(--c-muted)}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 12px 3px 10px;border-radius:var(--r-pill);background:var(--c-panel);border:1px solid var(--c-border);box-shadow:var(--hl-inner);font-size:var(--fs-125);font-weight:var(--weight-medium);color:var(--c-text);max-width:100%;overflow-wrap:anywhere}
.chip svg{color:var(--c-text)}
.chip .flag{border-radius:var(--r-flag)}
.badge,.tag{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 12px;border-radius:var(--r-pill);background:var(--c-panel-2);color:var(--c-text);font-size:var(--fs-12);font-weight:var(--weight-semibold);vertical-align:middle}
.badge-success{background:var(--t-success-12);color:var(--c-text)}
.badge-warn{color:var(--c-warn)}
.f-red{fill:var(--flag-red)}.f-blue{fill:var(--flag-blue)}.f-gold{fill:var(--flag-gold)}.f-black{fill:var(--flag-black)}.f-white{fill:var(--flag-white)}
.f-edge{fill:none;stroke:var(--t-ink-12);stroke-width:.8}
.flag{overflow:hidden;flex-shrink:0}
.flag-round{border-radius:var(--r-circle);clip-path:circle(50%)}
.stage{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:28px;padding-top:28px;margin-bottom:-36px}
.st{position:relative;flex:none;padding:12px;background:var(--c-panel);box-shadow:var(--sh-sticker)}
.st-left{width:304px;height:344px;border-radius:var(--r-left);transform:rotate(-4deg);transform-origin:50% 100%;z-index:1}
.st-center{width:448px;height:372px;border-radius:var(--r-center);z-index:2}
.st-right{width:236px;height:352px;border-radius:var(--r-right);transform:rotate(3deg);transform-origin:50% 100%;z-index:1}
.bed{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible}
.st-left .bed{border-radius:var(--r-bed-left);background:radial-gradient(circle,var(--t-dot) .9px,var(--clear) 1.25px) 0 0/6px 6px,linear-gradient(165deg,var(--c-cool) 0%,var(--c-panel-2) 55%,var(--c-mist) 100%)}
.st-center .bed{border-radius:var(--r-bed-center);background:radial-gradient(circle,var(--t-dot-warm) .9px,var(--clear) 1.25px) 0 0/6px 6px,linear-gradient(170deg,var(--c-mist) 0%,var(--c-mist-2) 60%,var(--c-cool) 100%)}
.st-right .bed{border-radius:var(--r-bed-right);background:radial-gradient(circle,var(--t-dot) .9px,var(--clear) 1.25px) 0 0/6px 6px,linear-gradient(160deg,var(--c-panel-2) 0%,var(--c-cool) 50%,var(--c-mist) 100%)}
.screen{position:relative;overflow:hidden;background:var(--c-panel);font-size:var(--fs-10);line-height:1.35;color:var(--c-text)}
.screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,var(--clear) 36%,var(--t-white-50) 45%,var(--t-coral-07) 50%,var(--clear) 60%)}
.laptop{position:relative;width:404px;display:flex;flex-direction:column;align-items:center}
.laptop::after{content:"";position:absolute;left:6%;right:6%;bottom:-12px;height:16px;border-radius:var(--r-circle);background:radial-gradient(closest-side,var(--t-ink-16),var(--clear));z-index:-1}
.lid{position:relative;width:372px;height:232px;padding:8px;border-radius:var(--r-lid);background:linear-gradient(160deg,var(--c-graphite) 0%,var(--c-graphite-2) 58%,var(--c-steel) 100%);box-shadow:inset 0 0 0 1px var(--t-white-20),inset 0 1px 0 var(--t-white-35)}
.lid::before{content:"";position:absolute;top:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:var(--r-circle);background:var(--c-graphite-2)}
.lid .screen{height:100%;border-radius:var(--r-xs);display:flex;flex-direction:column}
.deck{position:relative;width:404px;height:14px;border-radius:var(--r-deck);background:linear-gradient(180deg,var(--c-silver-2) 0%,var(--c-silver) 55%,var(--c-steel) 100%);box-shadow:var(--hl-inner)}
.deck::before{content:"";position:absolute;top:0;left:50%;width:66px;height:5px;margin-left:-33px;border-radius:var(--r-notch);background:linear-gradient(180deg,var(--c-steel),var(--c-silver))}
.win-bar{flex:none;position:relative;display:flex;align-items:center;height:22px;padding:0 9px;background:var(--c-panel-2);border-bottom:1px solid var(--c-border)}
.win-dots{display:flex;gap:5px}
.win-dots i{width:7px;height:7px;border-radius:var(--r-circle);background:var(--c-silver)}
.win-title{position:absolute;left:0;right:0;text-align:center;font-weight:var(--weight-bold);font-size:var(--fs-10);letter-spacing:.02em;color:var(--c-muted);pointer-events:none}
.win-body{flex:1;display:flex;min-height:0}
.cl-side{width:124px;flex:none;padding:8px 7px;background:var(--c-bg);border-right:1px solid var(--c-border)}
.cl-label{display:block;font-size:var(--fs-9);color:var(--c-muted);letter-spacing:.04em;margin:0 0 5px 4px}
.cl-region{display:flex;align-items:center;gap:6px;height:26px;padding:0 7px;border-radius:var(--r-row);font-size:var(--fs-10);font-weight:var(--weight-medium);white-space:nowrap}
.cl-region .flag{border-radius:var(--r-tiny)}
.cl-region.is-on{background:var(--c-accent);color:var(--c-on-ink);font-weight:650;box-shadow:var(--sh-route)}
.cl-main{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cl-current{display:flex;align-items:center;gap:7px;font-family:var(--f-display);font-size:var(--fs-15);font-weight:750;letter-spacing:-.01em}
.cl-current .flag{border-radius:var(--r-flag)}
.cl-main .cl-label{margin:0 0 -6px}
.cl-switch-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-border)}
.switch{position:relative;width:40px;height:22px;flex:none;border-radius:var(--r-pill);background:var(--c-success);box-shadow:var(--sh-switch)}
.switch::after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:var(--r-circle);background:var(--c-panel);box-shadow:var(--sh-knob)}
.cl-state{display:flex;flex-direction:column;font-size:var(--fs-9);color:var(--c-muted)}
.cl-state b{font-size:var(--fs-11);color:var(--c-success);font-weight:var(--weight-bold)}
.cl-chips{display:flex;gap:6px;flex-wrap:wrap}
.s-chip{display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 8px;border-radius:var(--r-pill);background:var(--c-panel-2);font-size:var(--fs-95);font-weight:650;white-space:nowrap}
.s-chip--lock{background:var(--c-mist);color:var(--c-accent-dark)}
.seg{display:inline-flex;align-self:flex-start;padding:2px;border-radius:var(--r-pill);background:var(--c-panel-2)}
.seg span{padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-95);color:var(--c-muted);white-space:nowrap}
.seg .is-sel{background:var(--c-panel);color:var(--c-text);font-weight:650;box-shadow:var(--sh-small)}
.frame{position:relative;background:linear-gradient(150deg,var(--c-frame-1) 0%,var(--c-silver-2) 55%,var(--c-frame-2) 100%);box-shadow:var(--sh-frame)}
.mob{width:152px;height:300px;padding:5px;border-radius:var(--r-card)}
.mob .screen{height:100%;border-radius:var(--r-mobile-screen);padding:8px 10px 10px;display:flex;flex-direction:column}
.mob-island{width:42px;height:11px;margin:0 auto 9px;border-radius:var(--r-pill);background:var(--c-graphite)}
.status{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;height:20px;padding:0 8px;border-radius:var(--r-pill);background:var(--t-success-12);font-size:var(--fs-95);font-weight:650;color:var(--c-text);white-space:nowrap}
.status .dot-ok{width:6px;height:6px;box-shadow:0 0 0 2px var(--t-success-24)}
.status .flag{border-radius:var(--r-tiny)}
.mob-title{margin:9px 0 7px;font-family:var(--f-display);font-size:var(--fs-13);font-weight:750;letter-spacing:-.01em}
.plans{display:flex;flex-direction:column;gap:6px}
.plan{position:relative;display:flex;justify-content:space-between;height:38px;padding:0 9px;border-radius:var(--r-sm);background:var(--c-bg);border:1.5px solid var(--c-border);align-items:center}
.plan b{font-family:var(--f-mono);font-size:var(--fs-12);font-weight:var(--weight-bold);letter-spacing:-.02em}
.plan b small{font-size:var(--fs-9);font-weight:var(--weight-medium);color:var(--c-muted)}
.plan em{font-style:normal;font-family:var(--f-mono);font-size:var(--fs-95);color:var(--c-muted)}
.plan.is-sel{background:var(--c-panel);border-color:var(--c-accent);box-shadow:var(--sh-selected)}
.plan.is-sel em{color:var(--c-text);font-weight:var(--weight-semibold)}
.mob-note{margin-top:8px;display:flex;align-items:center;gap:5px;font-size:var(--fs-9);color:var(--c-muted)}
.mob-note svg{color:var(--c-success)}
.mob-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:26px;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-on-ink);font-size:var(--fs-10);font-weight:650}
.tab{width:222px;height:290px;padding:7px;border-radius:var(--r-tablet)}
.tab .screen{height:100%;border-radius:var(--r-tablet-screen);padding:11px 12px;display:flex;flex-direction:column}
.tab-head{margin:9px 0 6px;font-family:var(--f-display);font-size:var(--fs-125);font-weight:750;letter-spacing:-.01em}
.tab-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;height:20px;padding:0 9px;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-on-ink);font-size:var(--fs-95);font-weight:650;white-space:nowrap}
.tab-list{margin-top:8px;border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-border);overflow:hidden}
.tab-list li{display:flex;align-items:center;gap:8px;height:28px;padding:0 9px;font-size:var(--fs-10);font-weight:550}
.tab-list li+li{border-top:1px solid var(--c-border)}
.tab-list li span{margin-left:auto;color:var(--c-muted);font-size:var(--fs-9);font-weight:var(--weight-medium)}
.tab-list li .here{display:inline-flex;align-items:center;gap:3px;color:var(--c-success);font-weight:650}
.tab-foot{margin-top:auto;display:flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:var(--fs-9);color:var(--c-muted);white-space:nowrap}
.pin{position:absolute;z-index:4;background:var(--c-panel);box-shadow:var(--sh-sticker)}
.pin-lock{top:-26px;right:-28px;width:88px;height:88px;padding:6px;border-radius:var(--r-circle);transform:rotate(10deg)}
.pin-lock .pin-face{width:100%;height:100%;border-radius:var(--r-circle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:radial-gradient(circle,var(--t-dot-warm) .8px,var(--clear) 1.1px) 0 0/5px 5px,radial-gradient(circle at 32% 26%,var(--c-panel) 0%,var(--c-mist) 62%,var(--c-mist-2) 100%);color:var(--c-text)}
.pin-lock b{font-size:var(--fs-11);font-weight:750;letter-spacing:.02em;white-space:nowrap}
.pin-refund{left:-26px;bottom:30px;padding:5px;border-radius:var(--r-pill);transform:rotate(-7deg)}
.pin-hk{right:-42px;top:62px;padding:5px;border-radius:var(--r-pill);transform:rotate(9deg)}
.pin-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px 0 10px;border-radius:var(--r-pill);background:var(--c-mist);font-size:var(--fs-125);font-weight:750;white-space:nowrap;color:var(--c-text)}
.pin-hk .pin-pill{background:var(--c-bg);padding-left:5px}
.band-nodes{position:relative;z-index:1;background:linear-gradient(180deg,var(--c-cool) 0%,var(--c-cool-2) 35%,var(--c-bg) 100%);padding-top:132px;padding-bottom:96px;text-align:center}
.band-nodes h2{margin:0 0 12px;font-family:var(--f-display);font-size:var(--fs-h2);line-height:1.1;font-weight:var(--weight-display);letter-spacing:-.02em}
.band-nodes p{font-size:var(--fs-18);color:var(--c-muted);margin-bottom:24px}
.band-nodes .cta-row{margin:0}
.feature-band{position:relative;overflow-x:clip;text-align:center;padding-top:96px;padding-bottom:96px}
.feature-band h2{margin-bottom:14px}
.feature-band p{max-width:720px;margin:0 auto 24px;color:var(--c-muted);font-size:var(--fs-18)}
.band-cool{background:linear-gradient(180deg,var(--c-bg),var(--c-cool))}
.band-mist{background:linear-gradient(180deg,var(--c-mist),var(--c-mist-2),var(--c-bg))}
.exploded-window{width:min(640px,100%);margin:48px auto 0;padding:32px 20px 28px;position:relative;border-radius:var(--r-card);background:linear-gradient(160deg,var(--c-silver-2),var(--c-panel-2));box-shadow:var(--hl-inner)}
.window-layer{position:relative;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-panel);box-shadow:var(--sh-panel);padding:18px;text-align:left}
.window-layer+.window-layer{margin-top:18px}
.window-layer:nth-child(2){transform:translateY(-8px);margin-inline:16px}
.window-layer:nth-child(3){transform:translateY(-16px);margin-inline:32px}
.layer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.layer-row+.layer-row{margin-top:12px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}
.feature-card{min-height:300px;display:flex;flex-direction:column}
.feature-card:nth-child(4n+1),.feature-card:nth-child(4n){min-height:360px}
.feature-card p{line-height:1.8;color:var(--c-muted);margin:16px 0 28px}
.sticker-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:6px solid var(--c-panel);border-radius:var(--r-tablet);background:var(--c-mist);box-shadow:var(--sh-sticker);margin-top:auto;align-self:flex-start}
.tabs{min-width:0}
.tabs [role="tablist"]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px;background:var(--c-panel-2);border:1px solid var(--c-border);border-radius:var(--r-card);width:fit-content;max-width:100%;margin-bottom:28px;box-shadow:var(--hl-inner)}
.tabs [role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 22px;border:0;border-radius:var(--r-pill);background:var(--clear);color:var(--c-muted);font-size:var(--fs-14);white-space:nowrap}
.tabs [role="tab"][aria-selected="true"]{background:var(--c-panel);color:var(--c-text);box-shadow:var(--sh-panel);font-weight:var(--weight-semibold)}
.tabs [role="tabpanel"]{min-width:0}
.toc-tabs{display:flex;align-items:center;gap:8px;position:sticky;top:var(--toc-offset);z-index:15;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:10px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-panel);box-shadow:var(--sh-panel);margin-bottom:32px;-webkit-overflow-scrolling:touch}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 18px;white-space:nowrap;border-radius:var(--r-pill);font-size:var(--fs-14);color:var(--c-muted)}
.toc-tabs a.is-current{background:var(--c-ink);color:var(--c-on-ink)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-landing)}
.faq-list{display:grid;gap:12px;min-width:0}
.faq-item{padding:0 24px;border:1px solid var(--c-border);border-radius:var(--r-tablet);background:var(--c-panel);box-shadow:var(--hl-inner)}
.faq-item summary{display:block;position:relative;list-style:none;cursor:pointer;min-height:64px;padding:20px 32px 20px 0;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:0;top:18px;font-family:var(--f-mono);font-size:var(--fs-20)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding-bottom:24px;color:var(--c-muted);line-height:1.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pricing-card{position:relative;display:flex;flex-direction:column;padding:32px 28px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--sh-panel),var(--hl-inner);min-width:0}
.pricing-card.is-current{border-color:var(--c-text);box-shadow:var(--sh-panel),inset 0 0 0 1px var(--c-text)}
.plan-badge{align-self:flex-start;margin-bottom:16px;background:var(--c-ink);color:var(--c-on-ink)}
.price{font-family:var(--f-mono);font-size:var(--fs-h2);font-weight:var(--weight-bold);line-height:1.2;margin:24px 0 12px;font-variant-numeric:tabular-nums}
.price small{font-family:var(--f-body);font-size:var(--fs-14);color:var(--c-muted);font-weight:var(--weight-body)}
.plan-facts{display:grid;gap:12px;margin:20px 0 28px;color:var(--c-muted);font-size:var(--fs-14)}
.pricing-card .btn{margin-top:auto;align-self:flex-start}
.plan-period{font-size:var(--fs-13);color:var(--c-muted)}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--c-border);border-radius:var(--r-tablet);background:var(--c-panel);box-shadow:var(--hl-inner);margin-top:24px;margin-bottom:24px}
.data-table,.route-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left;font-size:var(--fs-14)}
.table-scroll th,.table-scroll td,.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--c-border);word-break:keep-all;color:var(--c-text)}
.table-scroll th,.data-table th{background:var(--c-panel-2);font-weight:var(--weight-semibold);white-space:nowrap}
.data-table tr:last-child td{border-bottom:0}
.route-table .region-heading th{background:var(--c-cool);color:var(--c-text);font-weight:var(--weight-bold)}
.route-table .is-current td{background:var(--c-mist);color:var(--c-accent-dark)}
.table-caption{padding:14px 20px;text-align:left;font-size:var(--fs-13);color:var(--c-muted)}
.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:20px;min-width:0;padding:24px 20px;background:var(--c-panel);border-radius:var(--r-card);border:1px solid var(--c-border);box-shadow:var(--sh-panel),var(--hl-inner)}
.platform-card h3{font-size:var(--fs-18)}
.platform-card p{font-size:var(--fs-13);color:var(--c-muted)}
.platform-card .btn{height:auto;min-height:40px;font-size:var(--fs-13);padding:10px 14px;margin-top:auto}
.platform-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-sm);background:var(--c-panel-2);color:var(--c-text)}
.article-card{display:flex;flex-direction:column;gap:16px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--sh-panel),var(--hl-inner);padding:28px;min-width:0}
.article-card h3{font-size:var(--fs-24);line-height:1.4}
.article-card p{color:var(--c-muted);line-height:1.8}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:var(--fs-12);color:var(--c-muted)}
.article-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:32px;font-size:var(--fs-14);font-weight:var(--weight-semibold);margin-top:auto}
.article-hero{position:relative;isolation:isolate;overflow-x:clip;padding-top:64px;padding-bottom:48px}
.article-hero::before{content:"";position:absolute;inset:16px 10% 24px 0;background:var(--c-mist);border-radius:var(--r-card);z-index:-1}
.article-hero h1{font-size:var(--fs-h2);line-height:1.25}
.article-hero p,.article-hero .article-meta{margin-top:20px;margin-left:24px}
.callout{margin:24px 0;padding:24px;border:1px solid var(--c-border);border-left:4px solid var(--c-text);border-radius:var(--r-sm);background:var(--c-mist);line-height:1.8}
.callout strong{display:block;margin-bottom:8px}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:40px;padding:32px;border:1px solid var(--c-border);border-radius:var(--r-card);background:linear-gradient(120deg,var(--c-panel),var(--c-mist));box-shadow:var(--sh-panel),var(--hl-inner)}
.promo-copy{min-width:0}
.promo-copy strong{font-family:var(--f-display);font-size:var(--fs-24)}
.promo-copy p{margin-top:8px;color:var(--c-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.preview-section{padding-top:64px;padding-bottom:64px}
.preview-section h2{margin-bottom:24px;font-size:var(--fs-28)}
.preview-section h3{margin-bottom:12px}
.preview-stack{display:grid;gap:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-sm);font-family:var(--f-mono);font-size:var(--fs-12);overflow-wrap:anywhere}
.swatch::before{content:"";flex-shrink:0;width:32px;height:32px;border:1px solid var(--c-border);border-radius:var(--r-xs);background:var(--swatch-color)}
.sw-bg{--swatch-color:var(--c-bg)}.sw-panel{--swatch-color:var(--c-panel)}.sw-panel2{--swatch-color:var(--c-panel-2)}.sw-border{--swatch-color:var(--c-border)}
.sw-accent{--swatch-color:var(--c-accent)}.sw-accent-dark{--swatch-color:var(--c-accent-dark)}.sw-coral{--swatch-color:var(--c-coral)}.sw-text{--swatch-color:var(--c-text)}
.sw-muted{--swatch-color:var(--c-muted)}.sw-success{--swatch-color:var(--c-success)}.sw-warn{--swatch-color:var(--c-warn)}.sw-error{--swatch-color:var(--c-error)}
.sw-notice{--swatch-color:var(--c-notice)}.sw-mist{--swatch-color:var(--c-mist)}.sw-mist2{--swatch-color:var(--c-mist-2)}.sw-cool{--swatch-color:var(--c-cool)}
.sw-cool2{--swatch-color:var(--c-cool-2)}.sw-graphite{--swatch-color:var(--c-graphite)}.sw-graphite2{--swatch-color:var(--c-graphite-2)}.sw-silver{--swatch-color:var(--c-silver)}
.sw-silver2{--swatch-color:var(--c-silver-2)}.sw-steel{--swatch-color:var(--c-steel)}.sw-frame1{--swatch-color:var(--c-frame-1)}.sw-frame2{--swatch-color:var(--c-frame-2)}
.sw-flag-red{--swatch-color:var(--flag-red)}.sw-flag-blue{--swatch-color:var(--flag-blue)}.sw-flag-gold{--swatch-color:var(--flag-gold)}
.sw-ink{--swatch-color:var(--c-ink)}.sw-on-ink{--swatch-color:var(--c-on-ink)}
.sw-accent04{--swatch-color:var(--t-accent-04)}.sw-accent06{--swatch-color:var(--t-accent-06)}.sw-accent10{--swatch-color:var(--t-accent-10)}.sw-accent14{--swatch-color:var(--t-accent-14)}.sw-accent35{--swatch-color:var(--t-accent-35)}
.sw-coral07{--swatch-color:var(--t-coral-07)}.sw-coral12{--swatch-color:var(--t-coral-12)}.sw-coral22{--swatch-color:var(--t-coral-22)}
.sw-white20{--swatch-color:var(--t-white-20)}.sw-white35{--swatch-color:var(--t-white-35)}.sw-white50{--swatch-color:var(--t-white-50)}.sw-white82{--swatch-color:var(--t-white-82)}.sw-white95{--swatch-color:var(--t-white-95)}
.sw-ink06{--swatch-color:var(--t-ink-06)}.sw-ink08{--swatch-color:var(--t-ink-08)}.sw-ink12{--swatch-color:var(--t-ink-12)}.sw-ink16{--swatch-color:var(--t-ink-16)}.sw-ink24{--swatch-color:var(--t-ink-24)}
.sw-dot{--swatch-color:var(--t-dot)}.sw-dot-warm{--swatch-color:var(--t-dot-warm)}.sw-success12{--swatch-color:var(--t-success-12)}.sw-success24{--swatch-color:var(--t-success-24)}
.sw-flag-black{--swatch-color:var(--flag-black)}.sw-flag-white{--swatch-color:var(--flag-white)}.sw-clear{--swatch-color:var(--clear)}
.button-samples{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.type-display{font-family:var(--f-display);font-size:var(--fs-h2);font-weight:var(--weight-display);line-height:1.15}
@media(max-width:1100px){.stage{gap:16px;transform:scale(.88);transform-origin:center bottom;margin-top:-30px}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.stage{transform:scale(.76);margin-top:-70px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){
  .hero h1{font-size:var(--fs-mobile-h1)}
  .hero-copy{padding-top:28px}
  .trust{gap:8px 16px;font-size:var(--fs-12)}
  .chip-label{display:none}
  .stage{display:block;height:312px;width:100%;padding-top:0;margin-top:26px;margin-bottom:-28px;transform:none}
  .st{position:absolute;bottom:0}
  .st-center{left:50%;margin-left:-224px;transform:scale(.62);transform-origin:center bottom;z-index:3}
  .st-left{left:0;transform:scale(.53) rotate(-4deg);transform-origin:left bottom;bottom:18px}
  .st-right{right:0;transform:scale(.53) rotate(3deg);transform-origin:right bottom;bottom:18px}
  .pin-refund,.pin-hk{display:none}
  .pin-lock{right:12px;top:-16px}
  .band-nodes{padding-top:112px}
  .pricing-grid,.feature-grid{grid-template-columns:1fr}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-card,.feature-card:nth-child(4n+1),.feature-card:nth-child(4n){min-height:0}
  .promo-block{flex-direction:column;align-items:flex-start}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-hero p,.article-hero .article-meta{margin-left:0}
}
@media(max-width:640px){
  .hero-glow{max-width:100%}
  .hero .desc{font-size:var(--fs-14)}
  .stage{height:276px;max-width:100%}
  .st-center{transform:scale(.56)}
  .st-left{transform:scale(.42);bottom:14px}
  .st-right{transform:scale(.42);bottom:14px}
  .pin-lock{transform:none}
  .feature-band{padding-top:96px;padding-bottom:96px}
  .window-layer:nth-child(2),.window-layer:nth-child(3){margin-inline:0}
  .platform-grid{gap:12px}.platform-card{padding:20px 16px}
  .swatch{font-size:var(--fs-11);padding:10px}
  .swatch-grid{gap:10px}
}
@media(prefers-reduced-motion:reduce){.hero-glow{animation:none;will-change:auto}}