.hero { position:relative;padding:18px 32px 56px;text-align:center }
.hero-copy { position:relative;z-index:2;max-width:900px;margin:0 auto }
.badge { display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 13px 3px 11px;border-radius:var(--radius-pill);background:var(--bg-panel);border:1px solid var(--border);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-muted);box-shadow:inset 0 1px 0 var(--white),0 8px 20px -12px var(--accent-18);max-width:100%;overflow-wrap:anywhere }
.badge i { width:7px;height:7px;border-radius:var(--radius-round);background:var(--success);box-shadow:0 0 0 3px var(--success-16);flex-shrink:0 }
.hero h1 { margin:14px 0 18px;font-size:64px;font-weight:var(--weight-display);line-height:1.04;letter-spacing:var(--tracking-display) }
.hero h1 .ln { display:block }
.kw { background:var(--accent-12);border-radius:var(--radius-l);padding:0 .08em;margin:0 .03em;-webkit-box-decoration-break:clone;box-decoration-break:clone }
.lede { margin:14px 0 0;font-size:var(--text-body);line-height:24px;color:var(--text-muted) }
.lede strong { color:var(--text);font-weight:var(--weight-bold) }
.trust { list-style:none;margin:8px 0 0;padding:0;display:flex;justify-content:center;gap:22px;font-size:var(--text-label);line-height:20px;color:var(--text-muted) }
.trust li { display:inline-flex;align-items:center;gap:6px;margin:0 }
.trust svg { width:14px;height:14px;display:block;color:var(--success) }
.marks { margin:14px auto 0;display:grid;gap:8px;justify-content:center }
.mark-row { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,108px);justify-items:center }
.mark-row li { display:inline-flex;align-items:center;gap:7px;height:20px;font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap;margin:0 }
.mark-row.plat svg { width:17px;height:17px;display:block;color:var(--text) }
.flag { width:21px;height:14px;display:block;flex:none;border-radius:var(--radius-flag);overflow:hidden;box-shadow:0 2px 4px -2px var(--ink-16) }
.f-r { fill:var(--flag-red) }
.f-w { fill:var(--flag-white) }
.f-b { fill:var(--flag-navy) }
.f-edge { fill:none;stroke:var(--ink-16);stroke-width:1 }
.stage { position:relative;z-index:1;width:88%;max-width:1056px;margin:20px auto 0 }
.stage-aura { position:absolute;inset:-34% -14% 30% 36%;border-radius:var(--radius-round);background:radial-gradient(closest-side,var(--accent) 0%,var(--apricot) 55%,var(--clear) 100%);opacity:.09;filter:blur(36px);pointer-events:none;z-index:0 }
.win { position:relative;z-index:1;background:var(--bg-panel);border:2px solid var(--accent);border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--white-70),0 40px 90px -40px var(--accent-28),0 24px 60px -24px var(--accent-10) }
.win::before { content:"";position:absolute;inset:-2px;border-radius:var(--radius-glow);box-shadow:0 0 18px 1px var(--accent-18),0 0 84px 14px var(--accent-08);opacity:.55;animation:breath 6s ease-in-out infinite;pointer-events:none }
@keyframes breath { 0%,100% { opacity:.55 } 50% { opacity:1 } }
.win-bar { display:flex;align-items:center;gap:10px;height:40px;padding:0 9px 0 14px;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2) 260%) }
.win-bar .mk { width:20px;height:20px;display:block }
.win-title { font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.005em }
.win-title span { font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--text-muted) }
.win-plus { margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-s);background:var(--accent-10);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-18);font-size:var(--text-subtitle) }
.win-body { display:grid;grid-template-columns:64fr 36fr;height:372px }
.win-body>* { min-width:0 }
.canvas { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 18px;border-radius:0 0 0 var(--radius);background:radial-gradient(120% 90% at 72% 18%,var(--accent-06),var(--clear) 60%),var(--bg-panel) }
.canvas-head { width:100%;max-width:604px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);line-height:18px;color:var(--text-muted);letter-spacing:var(--tracking-mono) }
.legend { display:inline-flex;align-items:center;gap:8px }
.legend i { width:20px;height:0;border-top:1.5px dashed var(--accent);flex:none }
.shell { width:100%;max-width:604px;margin-top:12px;padding:14px;border-radius:var(--radius-l);background:var(--bg-panel-2);box-shadow:var(--shadow-recess),0 1px 0 var(--white) }
.shell svg { width:100%;height:auto;display:block }
.s-acc { stop-color:var(--accent) }
.s-accd { stop-color:var(--accent-dark) }
.s-glow { stop-color:var(--accent-glow) }
.s-m1 { stop-color:var(--metal-1) }
.s-m2 { stop-color:var(--metal-2) }
.k-slot { fill:var(--slot) }
.k-spring { fill:none;stroke:var(--text-muted);stroke-width:1.3;stroke-linejoin:round;opacity:.7 }
.k-cap { fill:var(--metal-edge) }
.k-edge { fill:none;stroke:var(--metal-edge);stroke-width:1 }
.k-groove { fill:var(--metal-2) }
.k-hl { fill:var(--white);opacity:.55 }
.k-shear { stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4 }
.fl-acc { flood-color:var(--accent) }
.facts { list-style:none;width:100%;max-width:576px;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px }
.facts li { max-width:100%;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-xs);line-height:16px;font-weight:var(--weight-semibold);color:var(--text);white-space:normal;padding:3px 5px;border-radius:var(--radius-s);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white),0 3px 8px -6px var(--accent-28);margin:0 }
.toolbar { display:inline-flex;align-items:center;gap:2px;height:36px;margin-top:12px;padding:0 4px;border-radius:var(--radius-l);background:var(--text);box-shadow:inset 0 1px 0 var(--paper-14),0 14px 26px -14px var(--accent-28),0 4px 10px -4px var(--ink-16) }
.mode { display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:var(--radius-tab);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--paper-60) }
.mode.on { background:var(--bg-panel);color:var(--text) }
.tb-sep { width:1px;height:16px;margin:0 6px;background:var(--paper-14);flex:none }
.tb-state { display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 4px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--bg-panel) }
.dot { display:inline-block;width:7px;height:7px;border-radius:var(--radius-round);background:var(--success);box-shadow:0 0 0 3px var(--success-16);flex:none }
.assist { display:flex;flex-direction:column;gap:10px;padding:14px;border-left:1px solid var(--border);border-radius:0 0 var(--radius) 0;background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2) 220%);text-align:left }
.tabs { display:flex;align-items:center;gap:4px }
.tab { display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:var(--radius-tab);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-muted) }
.tab.on { background:var(--bg-panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border) }
.tabs-note { margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted) }
.bubble { position:relative;padding:10px 40px 10px 12px;border-radius:var(--radius-l);background:var(--bg-panel);border:1px solid var(--border);font-size:var(--text-label);line-height:20px;color:var(--text);box-shadow:inset 0 1px 0 var(--white),0 8px 18px -12px var(--accent-18) }
.bubble .undo { position:absolute;right:8px;top:50%;width:22px;height:22px;margin-top:-11px;display:grid;place-items:center;border-radius:var(--radius-s);background:var(--bg-panel-2);color:var(--text-muted) }
.status { display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 10px;border-radius:var(--radius);background:var(--bg-panel);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text) }
.status .ico { width:14px;height:14px;display:block;flex:none;color:var(--accent) }
.status .dot { margin-left:auto }
.note { margin:0;padding:0 2px;font-size:var(--text-sm);line-height:18px;color:var(--text-muted) }
.composer { margin-top:auto;padding:10px 10px 8px;border-radius:var(--radius-l);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white) }
.composer .ph { min-height:28px;font-size:var(--text-label);color:var(--text-muted) }
.composer .row { display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--border) }
.select { display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:var(--radius-s);background:var(--bg-panel-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text) }
.send { margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent-glow));color:var(--white);box-shadow:0 6px 14px -6px var(--accent-28) }
.send svg { width:13px;height:13px;display:block }
.float-card { position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white),0 18px 36px -16px var(--accent-28),0 6px 14px -8px var(--ink-16) }
.fc-hk { top:-46px;right:-40px;padding:9px 14px 9px 11px;border-radius:var(--radius-l);transform:rotate(-2.5deg) }
.fc-hk .flag { width:24px;height:16px }
.fc-hk b { display:block;font-size:var(--text-label);line-height:18px;font-weight:var(--weight-bold) }
.fc-hk span { display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:16px;color:var(--text-muted) }
.fc-hk .dot { width:6px;height:6px }
.fc-price { left:-64px;bottom:44px;height:38px;padding:0 14px 0 6px;border-radius:var(--radius-pill);font-size:var(--text-label);color:var(--text) }
.fc-price .tag { display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);background:var(--bg-panel-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted) }
.fc-price b { font-weight:var(--weight-brand);letter-spacing:var(--tracking-body) }
.fc-price .gb { font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted) }
.float-cta { position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px 0 15px;border-radius:var(--radius-pill);background:var(--text);color:var(--bg-panel);font-size:var(--text-nav);font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-button);white-space:nowrap }
.float-cta i { width:8px;height:8px;border-radius:var(--radius-round);background:linear-gradient(135deg,var(--accent),var(--accent-glow));flex:none }
body:has(.float-cta)::after { content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px)) }
.tab-list,[role="tablist"] { display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:4px }
.tab-button,[role="tab"] { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-weight:var(--weight-semibold);white-space:nowrap;flex-shrink:0;text-decoration:none }
[role="tab"][aria-selected="true"],.tab-button.is-active { border-color:var(--accent);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--accent),0 8px 24px -16px var(--accent-28) }
.tab-panel,[role="tabpanel"] { margin-top:20px;min-width:0 }
.toc-tabs { position:sticky;top:0;z-index:30;display:flex;gap:8px;align-items:center;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:32px }
.toc-tabs a { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 14px;border-radius:var(--radius-pill);color:var(--text-muted);text-decoration:none;white-space:nowrap }
.toc-tabs a.is-current { background:var(--accent-12);color:var(--accent-dark);font-weight:var(--weight-bold) }
.toc-tabs.is-static { position:static }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--toc-offset) }
.faq-item { border-bottom:1px solid var(--border);background:var(--bg-panel) }
.faq-item:first-child { border-radius:var(--radius) var(--radius) 0 0 }
.faq-item:last-child { border-radius:0 0 var(--radius) var(--radius) }
.faq-item summary { position:relative;padding:20px 52px 20px 20px;min-height:56px;font-weight:var(--weight-semibold);list-style:none }
.faq-item summary::-webkit-details-marker { display:none }
.faq-item summary::after { content:"+";position:absolute;right:20px;top:18px;color:var(--accent);font-family:var(--font-mono);font-size:var(--text-subtitle) }
.faq-item[open] summary::after { content:"−" }
.faq-answer { padding:0 20px 20px;color:var(--text-muted) }
.faq-answer p:last-child { margin-bottom:0 }
.plan-card { position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-panel);box-shadow:var(--shadow-card);min-width:0 }
.plan-card.is-selected { border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 18px 44px -24px var(--accent-28) }
.plan-card h3 { font-size:var(--text-subtitle);margin:0 }
.plan-price { font-family:var(--font-display);font-size:var(--text-h2);line-height:1.2;font-weight:var(--weight-brand);letter-spacing:var(--tracking-body);margin:0 }
.plan-price small { font:var(--weight-medium) var(--text-nav)/1.5 var(--font-body);color:var(--text-muted) }
.plan-list { list-style:none;margin:0;padding:0;color:var(--text-muted) }
.plan-list li { padding-block:6px }
.plan-card .btn { margin-top:auto }
.plan-ribbon { align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border-radius:var(--radius-s);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent-dark);background:var(--accent-12) }
.table-scroll { width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-card) }
.data-table,.route-table,.compare-table { width:100%;border-collapse:collapse;font-size:var(--text-nav);text-align:left }
.route-table,.compare-table { min-width:680px }
.data-table th,.data-table td,.route-table th,.route-table td,.compare-table th,.compare-table td { padding:15px 18px;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top }
.table-scroll th,.data-table th { font-weight:var(--weight-bold);white-space:nowrap;color:var(--text);background:var(--bg-panel-2) }
.table-scroll td:first-child { color:var(--text);font-weight:var(--weight-semibold) }
.route-group th { background:var(--accent-06);color:var(--text) }
.data-table tr:last-child td,.route-table tr:last-child td,.compare-table tr:last-child td { border-bottom:0 }
.prose>.data-table { display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0 }
.platform-card { display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-card);min-width:0 }
.platform-card svg { width:28px;height:28px;color:var(--text) }
.platform-card h3 { font-size:var(--text-reading);margin:0 }
.platform-card .btn { font-size:var(--text-label);min-height:40px;padding-inline:14px;max-width:100% }
.article-card { display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:24px }
.article-card h3 { font-size:var(--text-subtitle);margin:0 }
.article-card h3 a { text-decoration:none }
.article-card h3 a:hover { color:var(--accent-dark) }
.article-card p { color:var(--text-muted);margin:0 }
.article-meta { display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--text-sm) }
.tag { display:inline-block;max-width:100%;overflow:hidden;overflow-wrap:anywhere;padding:3px 9px;border-radius:var(--radius-s);background:var(--bg-panel-2);color:var(--text-muted);font-size:var(--text-sm);vertical-align:middle }
.callout { margin:24px 0;padding:20px 24px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--accent-06);color:var(--text) }
.callout p:last-child { margin-bottom:0 }
.promo-block { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:40px;padding:28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card) }
.promo-copy { min-width:0 }
.promo-copy strong { font-size:var(--text-subtitle);font-weight:var(--weight-brand) }
.promo-copy p { color:var(--text-muted);margin:8px 0 0 }
.promo-block .btn { flex-shrink:0;white-space:nowrap }
.feature-workbench { display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card) }
.feature-workbench>* { min-width:0 }
.feature-canvas { padding:24px }
.feature-thumbs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px }
.feature-thumb { padding:14px 10px;min-height:72px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel-2);color:var(--text);font-size:var(--text-label);text-align:left;text-decoration:none }
.feature-thumb.is-active { border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 8px 24px -18px var(--accent-28);background:var(--bg-panel) }
.feature-detail { margin-top:24px }
.feature-detail p { color:var(--text-muted) }
.feature-mini { padding:20px;background:var(--bg-panel-2);border-radius:var(--radius);box-shadow:var(--shadow-recess) }
.feature-chat { display:flex;flex-direction:column;gap:12px;padding:24px;border-left:1px solid var(--border);background:var(--accent-06) }
.feature-question { display:block;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-card);text-decoration:none;color:var(--text);font-size:var(--text-nav) }
.feature-question.is-active { border-color:var(--accent);background:var(--accent-06) }
.feature-question span { display:block;margin-top:6px;color:var(--text-muted);font-size:var(--text-label) }
.magazine-head { border-top:4px solid var(--accent);border-bottom:1px solid var(--border);padding-block:24px;margin-bottom:32px }
.preview-section { padding-top:56px;padding-bottom:56px;border-bottom:1px solid var(--border) }
.swatch-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px }
.swatch { margin:0;min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-panel) }
.swatch-color { height:64px;display:block;background:var(--bg) }
.swatch figcaption { padding:10px;font:var(--weight-medium) var(--text-sm)/1.5 var(--font-mono);overflow-wrap:anywhere }
.sw-bg { background:var(--bg) }
.sw-panel { background:var(--bg-panel) }
.sw-panel2 { background:var(--bg-panel-2) }
.sw-border { background:var(--border) }
.sw-accent { background:var(--accent) }
.sw-accent-dark { background:var(--accent-dark) }
.sw-glow { background:var(--accent-glow) }
.sw-text { background:var(--text) }
.sw-muted { background:var(--text-muted) }
.sw-success { background:var(--success) }
.sw-warn { background:var(--warn) }
.sw-error { background:var(--error) }
.sw-top { background:var(--hero-top) }
.sw-bottom { background:var(--hero-bottom) }
.sw-apricot { background:var(--apricot) }
.sw-slot { background:var(--slot) }
.sw-metal1 { background:var(--metal-1) }
.sw-metal2 { background:var(--metal-2) }
.sw-edge { background:var(--metal-edge) }
.sw-white { background:var(--white) }
.sw-flag-red { background:var(--flag-red) }
.sw-flag-navy { background:var(--flag-navy) }
.preview-row { display:flex;align-items:center;gap:16px;flex-wrap:wrap }
.type-display { font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-display);line-height:1.2 }
.preview-active { box-shadow:0 0 0 3px var(--accent-18) }
.icon-defs { position:absolute;width:0;height:0;overflow:hidden }
.decorative-route { width:100%;height:88px;display:block }
.route-stroke { fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round }
@media (max-width:1240px) {
  .fc-hk { right:-12px }
  .fc-price { left:-20px }
}
@media (max-width:768px) {
  .hero { padding:16px 20px 72px }
  .hero h1 { font-size:var(--text-h1-mobile);line-height:1.1 }
  .trust { flex-wrap:wrap;gap:8px 18px }
  .mark-row { display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px }
  .stage { width:100%;margin-top:24px }
  .stage-aura { inset:-10% -10% 40% 20% }
  .win-body { grid-template-columns:1fr;height:auto }
  .canvas { padding:16px 12px }
  .facts { row-gap:8px }
  .assist { border-left:0;border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius) }
  .assist .tabs,.assist .note,.assist .composer { display:none }
  .float-card { display:none }
  .feature-workbench { display:flex;flex-direction:column }
  .feature-chat { order:-1;flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--border);padding:16px }
  .feature-question { flex:0 0 220px }
  .feature-canvas { padding:20px }
  .promo-block { flex-direction:column;align-items:flex-start }
}
@media (max-width:640px) {
  .canvas-head .legend { display:none }
  .float-cta { right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px)) }
  .toolbar { gap:0 }
  .mode { padding-inline:10px }
  .tb-state { padding-right:8px }
  .feature-thumbs { gap:6px }
  .feature-thumb { padding:12px 8px }
  .facts li { padding-inline:3px }
}
@media (prefers-reduced-motion:reduce) {
  .win::before { animation:none;opacity:.8 }
}

/* fab-guard:start */
@supports (animation-timeline:scroll()){
  .float-cta{animation:fab-guard-in linear both;animation-timeline:scroll(root);animation-range:0 60vh}
}
@keyframes fab-guard-in{0%,40%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
body:has(.float-cta) > footer:last-of-type{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
body:has(.float-cta):not(:has(> footer)){padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
/* fab-guard:end */