/* The opening composition is shared with the approved preview. */
.hero{position:relative;isolation:isolate;overflow-x:clip;max-width:100%;padding-top:48px;padding-bottom:56px}
.hero-atmos{position:absolute;inset:0;z-index:-3;background:radial-gradient(64% 78% at 2% 0%,var(--fog-blue) 0%,var(--clear) 64%),radial-gradient(52% 70% at 98% 96%,var(--fog-pink) 0%,var(--clear) 66%),radial-gradient(34% 46% at 74% 58%,var(--fog-blue) 0%,var(--clear) 72%),var(--bg)}
.grain{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.03;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;background:linear-gradient(180deg,var(--clear),var(--bg))}
.hero-grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:40px;align-items:center}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:6px 16px 6px 12px;border-radius:var(--r-pill);background:var(--glass-strong);box-shadow:var(--edge-panel);font-size:13.5px;font-weight:500;color:var(--text)}
.eyebrow-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}
.hero-title{margin:24px 0 0;font-family:var(--font-display);font-weight:700;font-size:var(--title-size);line-height:1.12;letter-spacing:-.02em;color:var(--text)}
.kw{position:relative;z-index:0;display:inline-block}
.kw::after{content:"";position:absolute;z-index:-1;left:.02em;right:.04em;bottom:-.04em;height:.13em;border-radius:var(--r-xs);background:var(--accent)}
.lede{margin:32px 0 0;max-width:33em;font-size:18px;line-height:1.75;color:var(--muted)}
.lede strong{color:var(--text);font-weight:600}
.trust{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 28px;margin:24px 0 0;padding:0;list-style:none;font-size:14.5px;line-height:1.5;color:var(--text)}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:16px;height:16px;flex-shrink:0}
.tk-bg{fill:var(--accent-tint)}
.tk-ck{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reach{margin-top:32px;padding:4px 20px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-panel),var(--edge-panel)}
.reach-row{display:flex;align-items:center;gap:16px;padding:12px 0}
.reach-row + .reach-row{box-shadow:0 -1px 0 var(--panel-2)}
.reach-label{flex-shrink:0;width:64px;font-size:12.5px;font-weight:500;color:var(--muted)}
.reach-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.reach-list li{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--text);line-height:1.4}
.pf-ico{width:16px;height:16px;flex-shrink:0;color:var(--text);fill:currentColor}
.flag{position:relative;display:inline-flex;flex-shrink:0;width:21px;height:14px;border-radius:var(--r-xs);overflow:hidden}
.flag svg{width:100%;height:100%;display:block}
.flag::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--flag-edge)}
.f-red{fill:var(--flag-red)}
.f-blue{fill:var(--flag-blue)}
.f-white{fill:var(--flag-white)}
.stage-wrap{position:relative;z-index:1;margin:0;min-width:0}
.stage-crop{position:relative}
.stage{position:relative;width:100%;aspect-ratio:680/600;container-type:inline-size;--u:calc(100cqw / 680)}
.stage > *{position:absolute}
.layer{inset:0;width:100%;height:100%;overflow:visible}
.routes{z-index:1}
.coop{z-index:2}
.stage-halo{left:calc(250 * var(--u));top:calc(196 * var(--u));width:calc(420 * var(--u));height:calc(360 * var(--u));border-radius:var(--r-pill);background:radial-gradient(closest-side,var(--peri-halo),var(--clear))}
.balloon{border-radius:50% 50% 47% 47% / 60% 60% 40% 40%;filter:blur(calc(9 * var(--u)))}
.balloon::after{content:"";position:absolute;left:41%;top:100%;width:18%;height:12%;border-radius:var(--r-xs);background:inherit}
.b1{left:calc(446 * var(--u));top:calc(468 * var(--u));width:calc(84 * var(--u));height:calc(104 * var(--u));background:radial-gradient(circle at 40% 34%,var(--peri-mist),var(--peri-soft));opacity:.4}
.b2{left:calc(600 * var(--u));top:calc(504 * var(--u));width:calc(60 * var(--u));height:calc(76 * var(--u));background:radial-gradient(circle at 40% 34%,var(--fog-pink),var(--coral));opacity:.55}
.rib{fill:none;stroke-width:12;stroke-linecap:round;stroke-opacity:.72}
.rib-hl{fill:none;stroke:var(--panel);stroke-width:2;stroke-linecap:round;opacity:.5}
.dash{fill:none;stroke:var(--peri-mist);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:2 5}
.node{fill:var(--panel);stroke:var(--mint);stroke-width:2.2}
.coop-shadow{fill:var(--accent);opacity:.12}
.dot-core{fill:var(--panel)}
.dot{opacity:.9}
.d1{animation:run1 5.6s linear infinite}
.d2{animation:run2 5.6s linear infinite;animation-delay:-2.1s}
.d3{animation:run3 5.6s linear infinite;animation-delay:-3.6s}
.d4{animation:run4 5.6s linear infinite;animation-delay:-1.1s}
.s-coral{stop-color:var(--coral)}
.s-coral-lite{stop-color:var(--coral-lite)}
.s-mint{stop-color:var(--mint)}
.s-mint-lite{stop-color:var(--mint-lite)}
.s-mist{stop-color:var(--peri-mist)}
.s-mist-lite{stop-color:var(--peri-mist-lite)}
.s-peri{stop-color:var(--peri)}
.s-peri-soft{stop-color:var(--peri-soft)}
.s-peri-deep{stop-color:var(--peri-deep)}
.s-peri-wash{stop-color:var(--peri-wash)}
.s-peri-top{stop-color:var(--peri-top)}
.s-white{stop-color:var(--panel)}
.coop-body{animation:floatSvg 6s ease-in-out infinite}
.face-top{fill:var(--peri-top)}
.face-front{fill:url(#gFront)}
.face-side{fill:url(#gSide)}
.sheen{fill:var(--panel);opacity:.13}
.slot{fill:var(--slot)}
.vent{fill:var(--peri-deep);opacity:.5}
.edge-hl{fill:none;stroke:var(--panel);stroke-width:1.1;stroke-linejoin:round;opacity:.9}
.edge-soft{fill:none;stroke:var(--panel);stroke-width:1;opacity:.45}
.eye-w,.eye-g{fill:var(--panel)}
.eye-p{fill:var(--text)}
.beak{fill:var(--coral)}
.wing-covert{fill:var(--panel)}
.pg-white{fill:var(--panel)}
.pg-shade,.pg-belly{fill:var(--peri-wash)}
.pg-neck{fill:var(--accent);opacity:.32}
.pg-beak,.pg-foot{fill:var(--coral)}
.pg-eye{fill:var(--text)}
.p-wing{transform-box:fill-box;transform-origin:88% 30%;animation:flap 5.2s ease-in-out infinite}
.pg-b .p-wing{animation-delay:2.6s}
.rules{z-index:3;left:calc(238 * var(--u));top:calc(246 * var(--u));width:calc(156 * var(--u));padding:calc(9 * var(--u)) calc(11 * var(--u)) calc(11 * var(--u));border-radius:var(--r-md);background:var(--panel);box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-8 * var(--u)) var(--peri-shadow),var(--edge-panel);animation:floatHtml 6s ease-in-out infinite}
.rules-h{display:flex;align-items:center;gap:calc(4 * var(--u));padding-bottom:calc(7 * var(--u));margin-bottom:calc(7 * var(--u));box-shadow:0 1px 0 var(--panel-2)}
.chrome{width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:var(--r-pill);flex-shrink:0}
.ch-1{background:var(--coral)}
.ch-2{background:var(--mint)}
.ch-3{background:var(--peri-mist)}
.rules-title{margin-left:calc(5 * var(--u));font-size:calc(10.5 * var(--u));font-weight:600;color:var(--muted);line-height:1.3}
.rule-list{margin:0;padding:0;list-style:none;display:grid;gap:calc(4 * var(--u))}
.rule{display:grid;align-items:center;grid-template-columns:calc(7 * var(--u)) 1fr auto calc(36 * var(--u));column-gap:calc(5 * var(--u));height:calc(22 * var(--u));padding:0 calc(6 * var(--u));border-radius:var(--r-sm);background:var(--panel-2);font-size:calc(11.5 * var(--u));line-height:1}
.rule-dot{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--dot-edge)}
.rd-mint{background:var(--mint)}
.rd-coral{background:var(--coral)}
.rd-accent{background:var(--accent)}
.rule-src{font-weight:500;color:var(--text);white-space:nowrap}
.rule-arrow{color:var(--muted)}
.rule-dst{justify-self:end;font-weight:600;color:var(--text);white-space:nowrap}
.seal{position:absolute;right:calc(-12 * var(--u));bottom:calc(-13 * var(--u));display:flex;align-items:center;gap:calc(3 * var(--u));padding:calc(3.5 * var(--u)) calc(7 * var(--u));border-radius:var(--r-sm);background:var(--panel);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent),0 calc(6 * var(--u)) calc(12 * var(--u)) calc(-6 * var(--u)) var(--accent-glow);font-size:calc(10 * var(--u));font-weight:600;line-height:1.2;white-space:nowrap;transform:rotate(-6deg)}
.signup{z-index:3;left:calc(340 * var(--u));top:calc(428 * var(--u));transform:translateX(-50%);display:flex;align-items:center;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-chip),var(--edge-panel);font-size:calc(11 * var(--u));font-weight:500;line-height:1.3;color:var(--text);white-space:nowrap}
.city{z-index:3;display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(11 * var(--u)) calc(6 * var(--u)) calc(8 * var(--u));border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-chip),var(--edge-panel)}
.city .flag{width:calc(21 * var(--u));height:calc(14 * var(--u))}
.city-name{display:block;font-size:calc(12.5 * var(--u));font-weight:600;line-height:1.2;color:var(--text);white-space:nowrap}
.city-code{display:block;margin-top:calc(2 * var(--u));font-family:var(--font-mono);font-size:calc(9 * var(--u));line-height:1.25;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.c-left{right:calc(558 * var(--u))}
.c-right{left:calc(560 * var(--u))}
.c-tyo{top:calc(220 * var(--u))}
.c-sin{top:calc(400 * var(--u))}
.c-hkg{top:calc(248 * var(--u))}
.c-lax{top:calc(352 * var(--u))}
.c-ams{top:calc(458 * var(--u))}
.fact{z-index:4;left:calc(18 * var(--u));top:calc(522 * var(--u));display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-panel),var(--edge-panel);font-family:var(--font-mono);font-size:calc(12 * var(--u));font-weight:500;line-height:1.3;color:var(--text);white-space:nowrap}
.pf-card{z-index:4;left:calc(448 * var(--u));top:calc(26 * var(--u));width:calc(212 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u));border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-panel),var(--edge-panel)}
.pf-card-h{margin:0 0 calc(8 * var(--u));font-size:calc(10.5 * var(--u));font-weight:600;color:var(--muted);line-height:1.3}
.pf-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(6 * var(--u));margin:0;padding:0;list-style:none}
.pf-tiles li{display:flex;align-items:center;justify-content:center;height:calc(30 * var(--u));border-radius:var(--r-sm);background:var(--panel-2);color:var(--text);font-size:calc(9 * var(--u))}
.pf-tiles svg{width:calc(16 * var(--u));height:calc(16 * var(--u));fill:currentColor}
.paper{position:absolute;right:calc(14 * var(--u));top:calc(-19 * var(--u));width:calc(58 * var(--u));height:calc(24 * var(--u))}
.pp-body{fill:var(--peri-wash)}
.pp-wing{fill:var(--panel)}
.route-chips{display:none}
.peek{position:relative;padding-top:8px;padding-bottom:32px}
.peek-card{padding:28px 32px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-panel),var(--edge-panel)}
.peek-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.peek-head h2{margin:8px 0 0}
.badge,.chip,.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--accent-wash);color:var(--accent-dark);overflow-wrap:anywhere}
.tag{background:var(--panel-2);color:var(--muted)}
.badge-success{background:var(--mint-lite);color:var(--accent-dark)}
.badge-warn{background:var(--coral-lite);color:var(--text)}
.tab-set{min-width:0}
.tab-list,[role="tablist"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 18px;border:0;border-radius:var(--r-md);background:var(--panel-2);color:var(--muted);font-weight:600}
[role="tab"][aria-selected="true"]{background:var(--accent);color:var(--panel);box-shadow:inset 0 1px 0 var(--btn-sheen)}
[role="tabpanel"]{min-width:0}
.tab-panel{padding-top:24px}
.toc-tabs{position:sticky;top:var(--header-h);z-index:25;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:12px 8px;background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-chip),var(--edge-panel);scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;flex-shrink:0;padding:8px 14px;text-decoration:none;font-size:14px;border-radius:var(--r-sm);white-space:nowrap;color:var(--muted)}
.toc-tabs a.is-current{background:var(--accent-wash);color:var(--accent-dark);box-shadow:inset 0 -2px 0 var(--accent)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-list{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border);padding:0}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-size:16px;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:18px;min-width:24px;text-align:center;color:var(--accent);font-size:24px;line-height:1.2}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 32px 20px 0;color:var(--muted);max-width:70em}
.faq-answer p:last-child{margin-bottom:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.plan-card{position:relative;display:flex;flex-direction:column;background:var(--panel);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-panel),var(--edge-panel);min-width:0}
.plan-card.is-current{box-shadow:0 0 0 2px var(--accent),var(--shadow-panel),inset 0 1px 0 var(--highlight)}
.plan-card h3{margin:0 0 16px}
.plan-best{align-self:flex-start;margin-bottom:16px;background:var(--accent);color:var(--panel)}
.plan-price{font-family:var(--font-mono);font-size:40px;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}
.plan-price small{font-family:var(--font-body);font-size:14px;color:var(--muted);letter-spacing:normal}
.plan-includes{list-style:none;padding:0;margin:0 0 24px;color:var(--muted);font-size:14px}
.plan-includes li{padding:8px 0;border-bottom:1px solid var(--panel-2)}
.plan-card .btn{margin-top:auto;flex-shrink:0;white-space:nowrap}
.table-scroll{overflow-x:auto;max-width:100%;width:100%;-webkit-overflow-scrolling:touch;border-radius:var(--r-md);background:var(--panel);box-shadow:var(--edge-panel);margin-block:24px}
.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;text-align:left}
.data-table caption{text-align:left;padding:16px 20px;font-weight:600;color:var(--text)}
.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top;color:var(--text)}
.table-scroll th{white-space:nowrap;background:var(--panel-2);font-weight:600;color:var(--text)}
.data-table .region-row th{background:var(--accent-wash);color:var(--accent-dark)}
.prose > .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-chip),var(--edge-panel);min-width:0}
.platform-card h3{margin:0;font-size:16px}
.platform-card .pf-ico{width:28px;height:28px}
.platform-card .btn{margin-top:auto;padding-inline:12px;font-size:13px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{display:flex;flex-direction:column;padding:28px;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-panel),var(--edge-panel)}
.article-card h3{margin:16px 0;font-family:var(--font-display);font-size:23px;line-height:1.4}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{font-size:14px;color:var(--muted)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.article-card .article-meta{margin-top:auto}
.callout{margin:24px 0;padding:24px 28px;border-left:4px solid var(--accent);background:var(--accent-wash);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:var(--mint-lite);border-radius:var(--r-lg);box-shadow:var(--shadow-panel),var(--edge-panel);margin-block:40px}
.promo-block h3{margin:0 0 8px;font-family:var(--font-display);font-size:28px}
.promo-block p{margin:0;color:var(--accent-dark)}
.promo-block .btn,.btn-secondary{flex-shrink:0;white-space:nowrap}
.feature-journal{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-panel),var(--edge-panel);overflow:hidden}
.journal-banner{position:relative;isolation:isolate;padding:56px 64px 48px;background:linear-gradient(125deg,var(--fog-pink),var(--fog-blue) 62%,var(--mint-lite));min-height:320px}
.journal-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.04;background-image:radial-gradient(var(--text) 1px,var(--clear) 1px);background-size:6px 6px}
.journal-banner h2{margin:8px 0 24px}
.journal-banner p{max-width:40em;color:var(--muted)}
.journal-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}
.circle-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:var(--r-pill);background:var(--accent);color:var(--panel);font-size:24px}
.journal-dots{display:flex;gap:4px;justify-content:center;padding:12px}
.journal-dots [role="tab"]{min-width:28px;min-height:28px;padding:8px;background:var(--clear);box-shadow:none}
.journal-dots [role="tab"]::after{content:"";width:8px;height:8px;border-radius:var(--r-pill);background:var(--border)}
.journal-dots [aria-selected="true"]::after{background:var(--accent)}
.journal-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-detail{padding:32px;min-width:0}
.journal-detail + .journal-detail{border-left:1px solid var(--border)}
.journal-detail h3{margin-top:0}
.journal-detail p{font-size:14px;line-height:1.85;color:var(--muted)}
.mini-art{width:112px;height:80px;display:block;margin-top:24px}
.mini-art-base{fill:var(--mint)}
.mini-art-shade{fill:var(--peri)}
.mini-art-light{fill:var(--panel)}
.stat-band{display:flex;flex-wrap:wrap;gap:24px 40px;padding:24px 32px;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-chip),var(--edge-panel)}
.stat-value,[data-counter]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:inline-block;min-width:3ch;text-align:right}
.stat-value{font-size:28px;color:var(--accent-dark)}
.ticker{overflow:hidden;max-width:100%;width:100%;background:var(--panel-2);border-radius:var(--r-md);padding-block:16px}
.ticker-track{display:flex;width:max-content;max-width:none;align-items:center;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:40px;flex-shrink:0;padding-inline:20px}
.ticker-group span{white-space:nowrap;font-family:var(--font-mono);font-size:14px;color:var(--muted)}
.preview-stack{display:grid;gap:32px}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.swatch{border-radius:var(--r-md);background:var(--panel);box-shadow:var(--edge-panel);overflow:hidden}
.swatch-color{display:block;height:56px}
.swatch code{display:block;margin:8px;background:var(--clear);font-size:12px}
.sw-bg{background:var(--bg)}
.sw-panel{background:var(--panel)}
.sw-panel2{background:var(--panel-2)}
.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}
.sw-dark{background:var(--accent-dark)}
.sw-text{background:var(--text)}
.sw-muted{background:var(--muted)}
.sw-success{background:var(--success)}
.sw-warn{background:var(--warn)}
.sw-error{background:var(--error)}
.sw-peri{background:var(--peri)}
.sw-peri-soft{background:var(--peri-soft)}
.sw-peri-deep{background:var(--peri-deep)}
.sw-peri-top{background:var(--peri-top)}
.sw-peri-mist{background:var(--peri-mist)}
.sw-peri-mist-lite{background:var(--peri-mist-lite)}
.sw-peri-wash{background:var(--peri-wash)}
.sw-coral{background:var(--coral)}
.sw-coral-lite{background:var(--coral-lite)}
.sw-mint{background:var(--mint)}
.sw-mint-lite{background:var(--mint-lite)}
.sw-blue{background:var(--fog-blue)}
.sw-pink{background:var(--fog-pink)}
.type-display{font-family:var(--font-display);font-size:40px;line-height:1.2}
.type-body{font-family:var(--font-body);font-size:18px}
.type-mono{font-family:var(--font-mono);font-size:16px}
.preview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@keyframes floatSvg{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes floatHtml{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-6 * var(--u)))}}
@keyframes flap{0%,8%,16%,100%{transform:rotate(0)}12%{transform:rotate(-8deg)}}
@keyframes run1{0%{transform:translate(122px,240px)}100%{transform:translate(238px,286px)}}
@keyframes run2{0%{transform:translate(122px,418px)}100%{transform:translate(258px,354px)}}
@keyframes run3{0%{transform:translate(416px,294px)}100%{transform:translate(560px,266px)}}
@keyframes run4{0%{transform:translate(416px,338px)}100%{transform:translate(560px,372px)}}
@media(max-width:1200px){
  .trust{grid-template-columns:repeat(2,max-content);gap:12px 20px}
  .hero-grid{gap:24px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{padding-top:32px;padding-bottom:32px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .hero-title{font-size:var(--title-size)}
  .stage-wrap{width:92%;margin-inline:auto;max-width:100%}
  .stage{aspect-ratio:680/490}
  .balloon,.pf-card,.stage .city{display:none}
  .fact{top:calc(460 * var(--u))}
  .route-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
  .route-chips li{padding:6px 10px;background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-chip);font-size:12px}
  .signup{font-size:calc(14 * var(--u))}
  .journal-banner{padding:32px}
  .journal-details{grid-template-columns:1fr}
  .journal-detail + .journal-detail{border-left:0;border-top:1px solid var(--border)}
  .plan-grid,.article-grid,.preview-grid{grid-template-columns:1fr}
  .promo-block{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .hero,.stage-wrap,.peek{max-width:100%}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;gap:12px}
  .trust li{align-items:flex-start}
  .lede{font-size:18px;margin-top:24px}
  .reach{padding-inline:16px;margin-top:24px}
  .reach-row{gap:12px;align-items:flex-start}
  .reach-label{width:48px;font-size:12px}
  .reach-list{gap:10px 12px}
  .reach-list li{font-size:12px}
  .peek-card{padding:24px}
  .peek-head{align-items:flex-start;flex-direction:column}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card{padding:20px 16px}
  .plan-card{padding:24px}
  .journal-banner{padding:32px 24px}
  .journal-detail{padding:24px}
  .stat-band{padding:24px;gap:16px}
  .seal{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{width:100%;flex-wrap:wrap;transform:none!important;will-change:auto}
  .ticker-group{flex-wrap:wrap;gap:16px;padding-inline:20px}
  .ticker-group[aria-hidden="true"]{display:none}
  .dot{display:none}
}