.shell{position:relative;overflow-x:clip;max-width:100%;padding-bottom:72px}
.atmo{position:absolute;inset:0 0 auto;height:1010px;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 46%,var(--bg) 90%)}
.atmo .sun{position:absolute;inset:-34% -22% 38% 44%;background:radial-gradient(closest-side,rgba(var(--sun-rgb),.9),rgba(var(--sun-rgb),.38) 46%,rgba(var(--sun-rgb),0) 100%)}
.atmo .haze{position:absolute;inset:auto 0 260px;height:260px;background:linear-gradient(180deg,rgba(var(--white-rgb),0),rgba(var(--white-rgb),.28) 60%,rgba(var(--white-rgb),0))}
.atmo .fade{position:absolute;inset:auto 0 0;height:350px;z-index:6;background:linear-gradient(180deg,rgba(var(--bg-rgb),0),rgba(var(--bg-rgb),.72) 46%,var(--bg) 82%)}
.clouds{position:absolute;inset:0;z-index:1}
.cloud{position:absolute;animation:drift 70s ease-in-out infinite alternate;will-change:transform}
.cloud i,.cloud b{position:absolute;display:block}
.cloud i{aspect-ratio:1;border-radius:var(--r-circle);background:radial-gradient(circle at 64% 30%,var(--sun) 0,var(--white) 30%,var(--cloud-mid) 62%,var(--cloud-shade) 100%)}
.cloud b{left:5%;right:3%;bottom:0;height:36%;border-radius:var(--r-pill);background:linear-gradient(0deg,var(--cloud-shade),var(--cloud-mid) 58%,var(--white))}
.cloud i:nth-child(1){left:0;bottom:2%;width:32%}
.cloud i:nth-child(2){left:17%;bottom:12%;width:40%}
.cloud i:nth-child(3){left:41%;bottom:20%;width:40%}
.cloud i:nth-child(4){left:68%;bottom:6%;width:30%}
.cloud.alt i:nth-child(1){left:2%;bottom:6%;width:28%}
.cloud.alt i:nth-child(2){left:22%;bottom:16%;width:44%}
.cloud.alt i:nth-child(3){left:56%;bottom:10%;width:34%}
.cloud.alt i:nth-child(4){left:78%;bottom:2%;width:22%}
.c1{right:1vw;top:470px;width:380px;height:172px;animation-duration:74s}
.c2{left:4vw;top:600px;width:380px;height:170px;animation-duration:64s;animation-direction:alternate-reverse}
.c3{left:58%;top:62px;width:230px;height:100px;opacity:.9;animation-duration:86s}
.c4{left:1vw;top:150px;width:250px;height:110px;opacity:.85;animation-duration:78s;animation-direction:alternate-reverse}
.c5{right:7vw;top:296px;width:200px;height:88px;opacity:.8;animation-duration:92s}
@keyframes drift{from{transform:translateX(-34px)}to{transform:translateX(34px)}}
.city{position:absolute;bottom:150px;height:720px;z-index:2}
.city-l{left:0;width:21vw}
.city-r{right:0;width:26vw}
.bld{position:absolute;bottom:0;background:linear-gradient(90deg,rgba(var(--shade-rgb),.16),rgba(var(--shade-rgb),0) 46%),var(--face);box-shadow:inset -2px 0 0 rgba(var(--sun-rgb),.95),inset 0 2px 0 rgba(var(--sun-rgb),.8)}
.bld::before{content:"";position:absolute;top:26px;left:14%;right:16%;bottom:0;background-color:var(--win);background-image:linear-gradient(115deg,rgba(var(--white-rgb),0) 36%,rgba(var(--white-rgb),.3) 48%,rgba(var(--white-rgb),0) 61%),linear-gradient(90deg,var(--face) 0 3px,transparent 3px),linear-gradient(180deg,var(--face) 0 6px,transparent 6px);background-size:100% 100%,13px 100%,100% 17px}
.bld.stripe::before{background-image:linear-gradient(115deg,rgba(var(--white-rgb),0) 36%,rgba(var(--white-rgb),.3) 48%,rgba(var(--white-rgb),0) 61%),repeating-linear-gradient(90deg,var(--face) 0 4px,var(--win) 4px 12px);background-size:100% 100%,auto}
.bld.band::before{background-image:linear-gradient(115deg,rgba(var(--white-rgb),0) 36%,rgba(var(--white-rgb),.3) 48%,rgba(var(--white-rgb),0) 61%),repeating-linear-gradient(180deg,var(--win) 0 8px,var(--face) 8px 15px);background-size:100% 100%,auto}
.bld::after{content:"";position:absolute;left:-4px;right:-4px;top:0;height:9px;background:var(--face);border-radius:var(--r-roof) var(--r-roof) 0 0;box-shadow:inset 0 2px 0 rgba(var(--sun-rgb),.9),inset -2px 0 0 rgba(var(--sun-rgb),.9)}
.far{--face:var(--city-far);--win:var(--win-far);z-index:1}
.mid{--face:var(--city-mid);--win:var(--win-mid);z-index:2}
.near{--face:var(--city-near);--win:var(--win-near);z-index:3}
.l1{left:36%;width:26%;height:520px}.l2{left:68%;width:24%;height:390px}
.l3{left:6%;width:30%;height:600px}.l4{left:54%;width:24%;height:440px}
.l5{left:-6%;width:28%;height:670px}.l6{left:28%;width:30%;height:330px}
.r1{right:50%;width:22%;height:480px}.r2{right:10%;width:20%;height:580px}
.r3{right:28%;width:25%;height:530px}.r4{right:72%;width:22%;height:350px}
.r5{right:-4%;width:30%;height:640px}.r6{right:46%;width:28%;height:290px}
.tank{position:absolute;bottom:calc(100% + 5px);left:22%;width:24px;height:16px;background:var(--face);border-radius:var(--r-xs) var(--r-xs) var(--r-roof) var(--r-roof);box-shadow:inset -2px 0 0 rgba(var(--sun-rgb),.9),inset 0 2px 0 rgba(var(--sun-rgb),.7)}
.tank::after{content:"";position:absolute;top:100%;left:4px;right:4px;height:5px;border-left:2px solid var(--face);border-right:2px solid var(--face)}
.mast{position:absolute;bottom:100%;right:24%;width:2px;height:44px;background:var(--face)}
.mast::after{content:"";position:absolute;top:-3px;left:-2px;width:6px;height:6px;border-radius:var(--r-circle);background:var(--sun)}
.setback{position:absolute;bottom:100%;left:18%;width:56%;height:56px;background:var(--face);box-shadow:inset -2px 0 0 rgba(var(--sun-rgb),.95),inset 0 2px 0 rgba(var(--sun-rgb),.85)}
.setback .mast{right:40%}
.trees{position:absolute;bottom:-34px;height:170px;z-index:5}
.city-l .trees{left:-30px;right:-60px}.city-r .trees{left:-60px;right:-30px}
.trees i{position:absolute;display:block;aspect-ratio:1;border-radius:var(--r-circle);background:radial-gradient(circle at 64% 30%,var(--tree-light),var(--tree-mid) 42%,var(--tree-dark));box-shadow:inset -3px 3px 0 rgba(var(--sun-rgb),.35)}
.trees i:nth-child(1){left:0;bottom:-6%;width:30%}.trees i:nth-child(2){left:18%;bottom:-14%;width:38%}
.trees i:nth-child(3){left:44%;bottom:0;width:26%}.trees i:nth-child(4){left:60%;bottom:-10%;width:34%}
.trees i:nth-child(5){left:82%;bottom:-4%;width:22%}.trees i:nth-child(6){left:30%;bottom:32%;width:22%}
.hero{position:relative;z-index:5;padding:44px 24px 0;text-align:center}
.hero-inner{max-width:var(--wrap);margin:0 auto;display:flex;flex-direction:column;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;min-height:34px;margin:0;padding:4px 16px 4px 12px;border-radius:var(--r-pill);background:rgba(var(--white-rgb),.62);border:1px solid rgba(var(--white-rgb),.85);box-shadow:0 8px 20px -12px rgba(var(--sky-rgb),.45);backdrop-filter:blur(8px);font-size:var(--fs-small);font-weight:var(--weight-medium)}
.kicker-dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 3px rgba(var(--success-rgb),.18)}
.kicker-new{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-dark);font-size:var(--fs-caption);font-weight:var(--weight-heavy)}
.display{margin:22px 0 0;font-family:var(--f-display);font-weight:var(--weight-heavy);font-size:var(--fs-h1);line-height:var(--leading-title);letter-spacing:var(--tracking-title);color:var(--text);text-shadow:0 0 28px rgba(var(--white-rgb),.9),0 2px 0 rgba(var(--white-rgb),.55)}
.brand-word{letter-spacing:var(--tracking-title)}
.dest{position:relative;width:min(728px,100%);margin-top:26px;padding:18px 18px 14px;text-align:left;border-radius:var(--r-m);background:linear-gradient(180deg,var(--white),var(--white) 62%,var(--panel));box-shadow:0 0 0 1px var(--white),0 0 0 5px var(--ring),inset 0 1px 0 var(--white),var(--shadow-sky)}
.dest-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-caption);font-weight:var(--weight-bold);color:var(--muted);letter-spacing:.02em}
.dest-head svg{width:15px;height:15px;flex-shrink:0}
.dest-route{margin-left:auto;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:var(--weight-medium);color:var(--muted);background:var(--panel-2);padding:2px 8px;border-radius:var(--r-xs);letter-spacing:0}
.dest-prompt{margin:10px 0 0;padding-bottom:22px;font-size:var(--fs-prompt);line-height:1.5;color:var(--placeholder)}
.dest-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid var(--line)}
.dest-tools{display:flex;align-items:center;gap:12px;min-width:0}
.arrow-key{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-s);background:var(--white);border:1px solid var(--border);color:var(--text);box-shadow:0 3px 8px -4px rgba(var(--sky-rgb),.35)}
.arrow-key svg{width:18px;height:18px}
.plats{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid var(--border);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.plats li{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption);font-weight:var(--weight-medium);color:var(--muted);white-space:nowrap}
.plat-ico{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-xs);background:var(--white);border:1px solid var(--border);color:var(--text);overflow:hidden}
.plat-ico svg{width:13px;height:13px}
.dest-cta{display:flex;gap:8px;flex-shrink:0}
.eg-pills{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.eg-pills a{display:inline-flex;align-items:center;min-height:34px;padding:4px 16px;border-radius:var(--r-pill);background:var(--ring);border:1px solid rgba(var(--white-rgb),.65);color:var(--text);font-size:var(--fs-nav);font-weight:var(--weight-medium);text-decoration:none;box-shadow:0 8px 16px -12px rgba(var(--sky-rgb),.55);transition:background var(--transition),transform var(--transition)}
.eg-pills a:hover{background:var(--ring-hover);transform:translateY(-1px)}
.lede{margin:22px 0 0;max-width:740px;font-size:var(--fs-lede);line-height:1.65;color:var(--muted);text-shadow:0 0 18px rgba(var(--white-rgb),.8)}
.lede strong{color:var(--text);font-weight:var(--weight-bold)}
.hotlines{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.hl-label{font-size:var(--fs-caption);font-weight:var(--weight-bold);color:var(--muted);letter-spacing:.06em}
.hotlines ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.hotlines li{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:var(--weight-medium);color:var(--text);white-space:nowrap}
.flag{width:24px;height:16px;flex-shrink:0;border-radius:var(--r-roof);overflow:hidden;box-shadow:0 2px 5px -2px rgba(var(--sky-rgb),.45)}
.fr{fill:var(--flag-red)}.fw{fill:var(--white)}.fb{fill:var(--flag-blue)}
.fedge{fill:none;stroke:rgba(var(--ink-rgb),.14);stroke-width:1}
.trust{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px}
.trust li{font-size:var(--fs-small);font-weight:var(--weight-medium);color:var(--muted)}
.trust li+li::before{content:"·";margin:0 10px;color:var(--ring-line)}
.floaters{position:absolute;inset:0;pointer-events:none;z-index:4}
.flo{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:var(--r-float);text-align:left;background:rgba(var(--white-rgb),.86);border:1px solid rgba(var(--white-rgb),.95);box-shadow:inset 0 1px 0 var(--white),var(--shadow-float);backdrop-filter:blur(10px)}
.flo-tr{top:60px;right:max(24px,4vw);flex-direction:column;align-items:flex-start;gap:8px;transform:rotate(1.5deg)}
.flo-bl{top:380px;left:max(24px,4vw);transform:rotate(-1.5deg)}
.flo-br{top:300px;right:max(24px,4vw);transform:rotate(-1deg)}
.flo-ico{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-s);background:var(--panel-2);color:var(--text)}
.flo-ico svg{width:18px;height:18px}
.flo-ico.sunny{background:var(--sun);color:var(--warn)}
.flo-k{display:block;font-size:var(--fs-xs);font-weight:var(--weight-bold);color:var(--muted);letter-spacing:.04em;line-height:1.4}
.flo-v{display:block;font-size:var(--fs-nav);font-weight:var(--weight-heavy);color:var(--text);line-height:1.4}
.flo-v.mono{font-size:var(--fs-small);font-weight:var(--weight-bold)}
.devs{display:flex;gap:6px}
.devs span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-device);background:var(--panel);border:1px solid var(--line);color:var(--ink-2)}
.devs svg{width:16px;height:16px}
.statsband{display:flex;justify-content:center;flex-wrap:wrap;margin:30px auto 0;padding:8px 20px;width:max-content;max-width:100%;border-radius:var(--r-pill);background:rgba(var(--white-rgb),.45);border:1px solid rgba(var(--white-rgb),.7);font-family:var(--f-mono);font-size:var(--fs-caption);letter-spacing:.03em;color:var(--muted)}
.statsband span+span::before{content:"·";margin:0 12px;color:var(--warn)}
.feat{position:relative;z-index:6;width:min(var(--wrap),calc(100% - 48px));margin:22px auto 0}
.feat-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 10px;padding:6px 6px 8px;border-radius:var(--r-m) var(--r-m) 0 0;background:rgba(var(--ring-rgb),.58);border:1px solid rgba(var(--white-rgb),.65);border-bottom:0;backdrop-filter:blur(12px)}
.feat-tabs a,.feat-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;border-radius:var(--r-s);background:transparent;font-size:var(--fs-button);font-weight:var(--weight-bold);color:rgba(var(--ink-rgb),.6);text-decoration:none;white-space:nowrap;transition:color var(--transition),background var(--transition)}
.feat-tabs a:hover,.feat-tabs button:hover{color:var(--text);background:rgba(var(--white-rgb),.4)}
.feat-tabs [aria-current="true"],.feat-tabs [aria-selected="true"]{background:var(--white);color:var(--text);box-shadow:0 6px 14px -8px rgba(var(--sky-rgb),.45)}
.feat-tabs svg{width:17px;height:17px}
.feat-card{display:grid;grid-template-columns:40% minmax(0,1fr);gap:28px;padding:40px 24px 24px 44px;background:var(--panel);border-radius:var(--r-m);box-shadow:0 0 0 1px rgba(var(--white-rgb),.95),var(--shadow-sky)}
.feat-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:4px;min-width:0}
.feat-copy h2{margin:0;font-size:var(--fs-h2)}
.feat-points{list-style:none;margin:28px 0 28px;padding:0;display:flex;flex-direction:column;gap:18px}
.feat-points li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.point-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-xs)}
.screenshot-stage{position:relative;min-height:360px;border-radius:var(--r-m);background:var(--panel-2);padding:32px 24px;overflow:hidden}
.chrome-window{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--r-s);box-shadow:var(--shadow-float);overflow:hidden}
.chrome-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted);background:var(--panel)}
.chrome-dot{width:6px;height:6px;border-radius:var(--r-circle);background:var(--border);flex-shrink:0}
.chrome-dot:first-child{background:var(--accent)}.chrome-dot:nth-child(2){background:var(--sun-yellow)}.chrome-dot:nth-child(3){background:var(--success)}
.chrome-title{margin-left:8px}
.window-body{padding:18px}
.window-body p{font-size:var(--fs-small)}
.route-choice{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xs);font-size:var(--fs-small)}
.route-choice.is-current{background:var(--ring);border-color:var(--ring-line)}
.import-window{width:75%;margin:24px 0 0 auto}
.connect-arrow{position:absolute;left:30%;top:46%;width:50%;height:40px;border-bottom:2px dashed var(--sun-yellow);border-right:2px dashed var(--sun-yellow);pointer-events:none}
.connect-arrow::after{content:"";position:absolute;right:-5px;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--sun-yellow)}
.trust-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.trust-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.trust-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-sky)}
.trust-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-s);background:var(--accent-tint);color:var(--accent-dark);margin-bottom:20px}
.trust-card strong{display:block;font-size:var(--fs-h3);line-height:1.3}
.trust-card p{margin-top:10px;font-size:var(--fs-small);color:var(--muted)}
.tab-group{min-width:0}
.tab-bar,[role="tablist"].tab-bar{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--panel-2);border:1px solid var(--white);border-radius:var(--r-m)}
.tab-bar [role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--r-s);font-size:var(--fs-nav);font-weight:var(--weight-bold);color:var(--muted);background:transparent;text-decoration:none}
.tab-bar [aria-selected="true"]{background:var(--white);color:var(--text);box-shadow:var(--shadow-sky)}
.tab-panel{padding-top:24px}
.toc-tabs{position:sticky;top:12px;z-index:30;display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:8px;border:1px solid var(--white);border-radius:var(--r-pill);background:var(--panel-2);box-shadow:var(--shadow-sky);overscroll-behavior-x:contain}
.toc-tabs a{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);color:var(--muted);text-decoration:none;font-size:var(--fs-nav);font-weight:var(--weight-bold);white-space:nowrap}
.toc-tabs a.is-active{color:var(--text);background:var(--white)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-list{display:grid;gap:12px}
.faq-item{background:var(--panel);border:1px solid var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-sky)}
.faq-item summary{position:relative;list-style:none;min-height:56px;padding:18px 52px 18px 22px;font-weight:var(--weight-bold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:16px;font-family:var(--f-mono);font-size:var(--fs-brand);color:var(--ink-2)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 22px 20px;color:var(--muted)}
.faq-answer p:last-child{margin:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:18px}
.plan-card{position:relative;padding:28px;background:var(--panel);border:1px solid var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-sky);min-width:0}
.plan-card.is-current{border:2px solid var(--ink-2);padding:27px;box-shadow:0 0 0 4px var(--ring),var(--shadow-sky)}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;background:var(--sun);color:var(--text);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--weight-bold);margin-bottom:12px}
.plan-card h3{margin:0 0 14px}
.plan-price{font-family:var(--f-mono);font-size:var(--fs-h2);font-weight:var(--weight-bold);line-height:1.2;margin:0 0 16px}
.plan-price small{font-family:var(--f-body);font-size:var(--fs-small);font-weight:var(--weight-normal);color:var(--muted)}
.plan-facts{padding-left:20px;margin:20px 0 28px;color:var(--muted)}
.plan-facts li{margin-bottom:8px}
.plan-card .btn-ink{width:100%}
.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-m);background:var(--panel)}
.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--fs-nav)}
.data-table th,.data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);word-break:keep-all;color:var(--text)}
.table-scroll th{white-space:nowrap;background:var(--panel-2);color:var(--text);font-weight:var(--weight-bold)}
.data-table tr:last-child td{border-bottom:0}
.data-table .region-row th{background:var(--ring);color:var(--ink-2)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.prose>.data-table th{white-space:nowrap}
.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;padding:24px;background:var(--panel);border:1px solid var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-sky);min-width:0}
.platform-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-s);overflow:hidden}
.platform-icon svg{width:26px;height:26px}
.platform-card h3{font-size:var(--fs-body);margin:16px 0 20px}
.platform-card .btn-ghost{font-size:var(--fs-small);padding-inline:12px;margin-top:auto}
.article-card{display:flex;flex-direction:column;gap:16px;padding:26px;background:var(--panel);border:1px solid var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-sky);min-width:0}
.article-card h3{font-size:var(--fs-h3);margin:0}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{text-decoration:underline}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:var(--fs-caption)}
.article-card p{color:var(--muted);margin:0}
.article-card>a{margin-top:auto;min-height:28px}
.callout{margin:24px 0;padding:20px 24px;border-left:4px solid var(--sun-yellow);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--cream-field);color:var(--text)}
.callout p:last-child{margin:0}
.promo-block{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;background:var(--panel-2);border:1px solid var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-sky)}
.promo-block h2,.promo-block h3{margin:0 0 8px;font-size:var(--fs-h3)}
.promo-block p{margin:0;color:var(--muted)}
.promo-block .btn,.promo-block .btn-ink,.promo-block .btn-secondary{flex-shrink:0;white-space:nowrap}
.preview-section{padding-top:56px;padding-bottom:16px}
.preview-title{margin-top:0;margin-bottom:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--r-s);background:var(--panel);font-size:var(--fs-caption)}
.swatch i{display:block;width:40px;height:40px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--swatch)}
.sw-bg{--swatch:var(--bg)}.sw-panel{--swatch:var(--panel)}.sw-panel2{--swatch:var(--panel-2)}.sw-border{--swatch:var(--border)}
.sw-accent{--swatch:var(--accent)}.sw-accent-dark{--swatch:var(--accent-dark)}.sw-text{--swatch:var(--text)}.sw-muted{--swatch:var(--muted)}
.sw-success{--swatch:var(--success)}.sw-warn{--swatch:var(--warn)}.sw-error{--swatch:var(--error)}.sw-white{--swatch:var(--white)}
.sw-ring{--swatch:var(--ring)}.sw-ring-hover{--swatch:var(--ring-hover)}.sw-ring-line{--swatch:var(--ring-line)}.sw-line{--swatch:var(--line)}
.sw-placeholder{--swatch:var(--placeholder)}.sw-ink2{--swatch:var(--ink-2)}.sw-inkhi{--swatch:var(--ink-hi)}
.sw-accent-tint{--swatch:var(--accent-tint)}.sw-success-tint{--swatch:var(--success-tint)}.sw-cream{--swatch:var(--cream-field)}
.sw-skytop{--swatch:var(--sky-top)}.sw-skymid{--swatch:var(--sky-mid)}.sw-sun{--swatch:var(--sun)}.sw-yellow{--swatch:var(--sun-yellow)}
.sw-far{--swatch:var(--city-far)}.sw-mid{--swatch:var(--city-mid)}.sw-near{--swatch:var(--city-near)}
.sw-wfar{--swatch:var(--win-far)}.sw-wmid{--swatch:var(--win-mid)}.sw-wnear{--swatch:var(--win-near)}
.sw-tdark{--swatch:var(--tree-dark)}.sw-tmid{--swatch:var(--tree-mid)}.sw-tlight{--swatch:var(--tree-light)}
.sw-cloud{--swatch:var(--cloud-mid)}.sw-shade{--swatch:var(--cloud-shade)}.sw-red{--swatch:var(--flag-red)}.sw-blue{--swatch:var(--flag-blue)}
.button-samples{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.type-sample{padding:24px;background:var(--panel);border-radius:var(--r-m);margin-bottom:16px}
.type-sample h2,.type-sample h3{margin-top:0}
.preview-hover{transform:translateY(-1px);box-shadow:var(--shadow-float)}
.preview-focus{outline:2px solid var(--text);outline-offset:3px}
.preview-active{transform:translateY(1px)}
.preview-tab-panels{display:grid;gap:16px;margin-top:20px}
@media(max-width:1200px){
  .flo-tr{right:24px;top:48px}
  .flo-br{right:24px;top:390px}
  .flo-bl{left:24px;top:390px}
  .flo{padding:10px;gap:8px}
  .flo-v{font-size:var(--fs-caption)}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:769px) and (max-width:1000px){
  .flo-tr,.flo-br{display:none}
  .flo-bl{top:455px}
  .hero{padding-top:36px}
}
@media(max-width:768px){
  .hero{padding:32px var(--gutter) 0}
  .display{font-size:var(--fs-mobile-h1)}
  .dest-foot{flex-direction:column;align-items:stretch}
  .dest-tools{justify-content:center}
  .dest-cta{justify-content:center}
  .plats{justify-content:center}
  .dest-prompt{font-size:var(--fs-lede)}
  .flo-tr,.flo-br{display:none}
  .floaters{position:static;display:flex;justify-content:center;margin-top:22px}
  .flo-bl{position:static;transform:none}
  .feat{width:calc(100% - 32px)}
  .feat-tabs{display:flex;overflow-x:auto;max-width:100%;margin-inline:0}
  .feat-tabs a,.feat-tabs button{flex-shrink:0;padding-inline:14px}
  .feat-card{grid-template-columns:minmax(0,1fr);padding:28px;gap:24px}
  .trust-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .plan-grid{grid-template-columns:minmax(0,1fr)}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{flex-direction:column;align-items:flex-start}
  .city-l{width:24vw}.city-r{width:28vw}
}
@media(max-width:640px){
  .hero{padding-top:28px}
  .dest{padding:16px 12px 12px}
  .dest-route{font-size:var(--fs-xs)}
  .dest-tools{gap:8px}
  .plats{gap:6px;padding-left:8px}
  .plats li{font-size:var(--fs-xs)}
  .arrow-key{width:30px;height:30px}
  .dest-cta .btn-ink,.dest-cta .btn-ghost{padding-inline:16px}
  .eg-pills{gap:6px}
  .eg-pills a{font-size:var(--fs-caption);padding-inline:10px}
  .lede{font-size:var(--fs-nav)}
  .hotlines{gap:8px}
  .hotlines ul{gap:10px 14px}
  .trust li{font-size:var(--fs-caption)}
  .statsband{padding:8px 12px;font-size:var(--fs-xs)}
  .statsband span+span::before{margin:0 6px}
  .flo{max-width:100%;transform:none}
  .cloud{max-width:100%}
  .feat-card{padding:24px 20px}
  .screenshot-stage{padding:20px 12px}
  .trust-cards{gap:12px}
  .trust-card{padding:20px 16px}
  .trust-card strong{font-size:var(--fs-brand)}
  .platform-card{padding:18px}
  .swatch{padding:8px;gap:8px;overflow-wrap:anywhere}
  .swatch i{width:28px;height:32px}
}
@media(prefers-reduced-motion:reduce){.cloud{animation:none;will-change:auto}}