/* Announcement and approved hero */
.notice { position:relative;z-index:9;background:var(--accent-14);color:var(--accent-dark);font-size:14.5px }
.notice .wrap { min-height:40px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px }
.notice-tag { display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-sm);background:var(--accent-dark);color:var(--panel);font-size:12px;font-weight:700;letter-spacing:.04em }
.notice-text { color:var(--text) }
.notice-text strong { color:var(--accent-dark);font-weight:700 }
.notice-link { margin-left:6px;color:var(--accent-dark);font-weight:600;text-decoration:none;white-space:nowrap }
.notice-link:hover { text-decoration:underline;text-underline-offset:3px }
.hero { position:relative;overflow:clip;max-width:100%;overflow-x:clip }
.hero::before { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--clear) 0%,var(--tint-deep) 72%,var(--tint-end) 100%) }
.hero-glow { position:absolute;top:-200px;right:7%;width:min(620px,55vw);aspect-ratio:1;border-radius:var(--r-round);z-index:0;pointer-events:none;background:radial-gradient(closest-side,var(--glow-a) 0%,var(--glow-b) 56%,var(--glow-0) 100%) }
.stage { position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:36px 24px 56px;display:flex;flex-direction:column;align-items:center }
.copy { position:relative;z-index:3;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;text-align:center }
.eyebrow { display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 12px 3px 8px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 18px -10px var(--sh-green),inset 0 1px 0 var(--hi);font-size:13px;color:var(--muted);line-height:1.5 }
.eyebrow svg { width:16px;height:16px;flex:none }
.eb-ring { fill:var(--green);stroke:var(--accent-dark);stroke-width:1.2 }
.eb-needle { fill:var(--accent-dark) }
.eyebrow b { color:var(--text);font-weight:600 }
.eb-sep { width:1px;height:12px;background:var(--border);flex-shrink:0 }
.h1 { margin:18px 0 0;font-family:var(--font-display);font-weight:800;font-size:66px;line-height:1.1;letter-spacing:-.03em;color:var(--text) }
.h1 .line { display:block }
.hl { position:relative;z-index:0;display:inline-block }
.hl::after { content:"";position:absolute;left:-.05em;right:-.05em;bottom:.07em;height:.36em;border-radius:var(--r-highlight);background:var(--yellow);z-index:-1 }
.cta-bar { margin-top:28px;width:560px;max-width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:0 16px 40px var(--accent-10),inset 0 1px 0 var(--hi),0 1px 2px var(--ink-04) }
.cta-hint { flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;color:var(--muted-2);font-size:15px;line-height:1.5 }
.cta-hint svg { width:18px;height:18px;flex:none;color:var(--faint) }
.cta-main { display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px 0 26px;border-radius:var(--r-pill);flex:none;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--text);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-button) }
.cta-main:hover { background:var(--accent) }
.cta-main svg { width:16px;height:16px;flex:none }
.arr { fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round }
.cta-sub { margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 22px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 1px 2px var(--ink-04) }
.cta-sub:hover { border-color:var(--text) }
.lede { margin:22px 0 0;max-width:640px;font-size:18px;line-height:1.6;color:var(--muted) }
.lede strong { color:var(--text);font-weight:600 }
.trust { margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px }
.trust .chip { min-height:30px;padding:5px 11px;box-shadow:0 6px 14px -8px var(--ink-08) }
.chip svg { width:14px;height:14px;flex:none }
.ck-bg { fill:var(--green) }
.ck { fill:none;stroke:var(--accent-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round }
.furn { margin-top:18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted);line-height:1.5 }
.furn+.furn { margin-top:10px }
.furn-k { padding-right:14px;border-right:1px solid var(--border);font-size:12px;font-weight:600;color:var(--faint);letter-spacing:.04em }
.pf,.fl { display:inline-flex;align-items:center;gap:6px;white-space:nowrap }
.pf svg { width:17px;height:17px;flex:none;color:var(--text);fill:currentColor }
.fl svg { width:24px;height:16px;flex:none;overflow:hidden;border-radius:var(--r-sm) }
.fl svg.sq { width:16px;height:16px }
.f-white { fill:var(--flag-white) }
.f-red { fill:var(--flag-red) }
.f-jp { fill:var(--flag-jp) }
.f-hk { fill:var(--flag-hk) }
.f-sg { fill:var(--flag-sg) }
.f-ch { fill:var(--flag-ch) }
.f-navy { fill:var(--flag-navy) }
.f-au { fill:var(--flag-navy-au) }
.f-edge { fill:none;stroke:var(--ink-12);stroke-width:1 }
.uj-w { fill:none;stroke:var(--flag-white) }
.uj-r { fill:none;stroke:var(--flag-red) }
.wing { position:absolute;inset:0;z-index:2;pointer-events:none }
.wp { position:absolute }
.wp::before { content:"";position:absolute;left:10%;right:10%;top:24%;bottom:-9%;border-radius:var(--r-tile);background:var(--c);filter:blur(16px);opacity:.9 }
.wp-face { position:relative;height:100%;border-radius:var(--r-tile);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;background:radial-gradient(120% 80% at 28% 0%,var(--panel) 52%,var(--clear) 100%),linear-gradient(180deg,var(--panel) 0%,var(--panel-warm) 100%);border:1px solid var(--border-soft);box-shadow:inset 0 0 0 1px var(--hi-70),inset 0 1px 0 var(--hi),0 18px 36px -10px var(--cs),0 2px 6px var(--ink-04);line-height:1.2 }
.wp-face.band { padding-bottom:16px }
.wp-face.band::after { content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--c),var(--c2)) }
.c-pink { --c:var(--pink);--c2:var(--pink-2);--cs:var(--sh-pink) }
.c-green { --c:var(--green);--c2:var(--green-2);--cs:var(--sh-green) }
.c-yellow { --c:var(--yellow);--c2:var(--yellow-2);--cs:var(--sh-yellow) }
.c-blue { --c:var(--blue);--c2:var(--blue-2);--cs:var(--sh-blue) }
.s76 { width:76px;height:76px }
.s80 { width:80px;height:80px }
.s84 { width:84px;height:84px }
.s88 { width:88px;height:88px }
.s92 { width:92px;height:92px }
.k { display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--faint);letter-spacing:.04em;line-height:1 }
.k::before { content:"";width:6px;height:6px;border-radius:var(--r-round);background:var(--c2);flex-shrink:0 }
.n { font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.15 }
.s76 .n { font-size:13.5px }
.n.mono { font-size:14px;letter-spacing:0 }
.big { font-family:var(--font-mono);font-size:25px;font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1 }
.big small { font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:0;margin-left:1px }
.u { font-size:12.5px;font-weight:600;color:var(--muted) }
.wp-face svg.shd { width:34px;height:34px }
.sh-body { fill:url(#gShield) }
.sh-ck { fill:none;stroke:var(--panel);stroke-width:2;stroke-linecap:round;stroke-linejoin:round }
.gs1 { stop-color:var(--green-2) }
.gs2 { stop-color:var(--accent-dark) }
.p-l1 { left:calc(50% - 430px);top:40px }
.p-l2 { left:calc(50% - 640px);top:92px }
.p-l3 { left:calc(50% - 530px);top:190px }
.p-l4 { left:calc(50% - 400px);top:290px }
.p-l5 { left:calc(50% - 680px);top:300px }
.p-l6 { left:calc(50% - 560px);top:420px }
.p-l7 { left:calc(50% - 460px);top:520px }
.p-r1 { left:calc(50% + 340px);top:56px }
.p-r2 { left:calc(50% + 590px);top:24px }
.p-r3 { left:calc(50% + 450px);top:168px }
.p-r4 { left:calc(50% + 600px);top:220px }
.p-r5 { left:calc(50% + 330px);top:300px }
.p-r6 { left:calc(50% + 520px);top:370px }
.p-r7 { left:calc(50% + 410px);top:520px }
.note { position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;box-shadow:inset 0 1px 0 var(--hi-70),inset 0 0 0 1px var(--ink-04),0 12px 24px -10px var(--cs) }
.note::before { content:"";position:absolute;top:-6px;left:50%;width:30px;height:11px;margin-left:-15px;border-radius:var(--r-sm);background:var(--hi-70);box-shadow:0 0 0 1px var(--ink-04);transform:rotate(4deg) }
.note-l { left:calc(50% - 680px);top:572px;background:var(--yellow);--cs:var(--sh-yellow);transform:rotate(-6deg) }
.note-r { left:calc(50% + 520px);top:584px;background:var(--green);--cs:var(--sh-green);transform:rotate(5deg) }
.svc { position:relative;z-index:1;padding-bottom:28px }
.svc-head { display:flex;align-items:center;gap:20px;color:var(--muted);font-size:15px;font-weight:500;white-space:nowrap }
.svc-head::before,.svc-head::after { content:"";flex:1;height:1px;background:var(--border) }
.svc-list { list-style:none;margin:16px 0 0;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap }
.svc-list li { font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--ghost);white-space:nowrap }
.svc-list li.mono { font-family:var(--font-mono);font-weight:700;font-size:20px;letter-spacing:-.04em }

/* Candy windows */
.peek { position:relative;z-index:1;padding-top:8px;padding-bottom:72px }
.peek-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px }
.pcard { min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:12px;box-shadow:0 28px 48px -28px var(--cs) }
.pcard-art { height:250px;border-radius:var(--r-panel);background:var(--c);padding:44px 56px 0;overflow:hidden }
.pwin { height:100%;background:var(--panel);border-radius:var(--r-window) var(--r-window) 0 0;box-shadow:0 14px 30px -12px var(--cs),inset 0 0 0 1px var(--border-soft);overflow:hidden }
.pwin-bar { display:flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-bottom:1px solid var(--border) }
.pwin-bar i { width:9px;height:9px;border-radius:var(--r-round);background:var(--border);flex-shrink:0 }
.pwin-bar span { margin-left:10px;font-size:13px;font-weight:600;color:var(--text) }
.pwin-row { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 14px 0;min-height:40px;padding:6px 14px;border-radius:var(--r-medium);background:var(--panel-2);font-size:13.5px;color:var(--text) }
.pwin-row.on { background:var(--c);box-shadow:inset 0 0 0 1px var(--c2) }
.pwin-row em { font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--muted);flex-shrink:0 }
.pcard-copy { padding:26px 20px 20px }
.pcard-copy h2,.pcard-copy h3 { margin:12px 0 18px;font-size:28px }
.pcard-copy p { color:var(--muted) }
.feature-foot { display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;margin-top:24px }

/* Tabs and long-document navigation */
.tab-set { min-width:0 }
.switch-tabs,[role="tablist"] { display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:6px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel-2);width:max-content;scrollbar-width:thin }
[role="tab"] { display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:9px 22px;border:1px solid var(--clear);border-radius:var(--r-pill);background:var(--clear);color:var(--muted);font-weight:600;white-space:nowrap }
[role="tab"][aria-selected="true"] { background:var(--panel);border-color:var(--border);color:var(--text);box-shadow:0 5px 12px -6px var(--sh-green) }
[role="tabpanel"] { min-width:0;padding-top:24px }
.toc-tabs { position:sticky;top:var(--toc-offset);z-index:20;display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-panel);overscroll-behavior-inline:contain;scrollbar-width:thin;margin-block:24px }
.toc-tabs a { display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--muted) }
.toc-tabs a.is-current { background:var(--green);color:var(--text) }
.toc-tabs.toc-static { position:static }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--chapter-offset) }

/* Plans, scrollable tables and platform cards */
.plan-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch }
.plan-card { position:relative;min-width:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:28px;box-shadow:var(--shadow-panel) }
.plan-card.is-current { border:2px solid var(--accent-dark);padding:27px;background:linear-gradient(180deg,var(--tint-deep),var(--panel) 45%) }
.plan-badge { align-self:flex-start;padding:5px 12px;background:var(--yellow);border-radius:var(--r-pill);font-size:12px;font-weight:700;margin-bottom:16px }
.plan-card h3 { margin:0 0 14px }
.plan-price { margin:0 0 12px;font-family:var(--font-mono);font-size:38px;font-weight:700;line-height:1.3;letter-spacing:-.03em }
.plan-price small { font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted) }
.plan-facts { margin:12px 0 24px;padding-left:20px;color:var(--muted) }
.plan-facts li { padding-block:5px }
.plan-card .btn { margin-top:auto;width:100% }
.table-scroll { overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-panel);background:var(--panel);margin-block:24px }
.data-table,.route-table { width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:14px }
.data-table th,.route-table th { color:var(--text);background:var(--panel-2);font-weight:600;white-space:nowrap }
.data-table :is(th,td),.route-table :is(th,td) { padding:15px 20px;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top }
.data-table td:first-child,.route-table td:first-child { color:var(--text);font-weight:500 }
.data-table tr:last-child td,.route-table tr:last-child td { border-bottom:0 }
.route-group th { background:var(--green);color:var(--text);font-family:var(--font-mono);font-size:13px }
.prose>.data-table { display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0 }
.platform-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px }
.platform-card { min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--border);padding:26px 16px;box-shadow:var(--shadow-panel) }
.platform-icon { display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-window);background:var(--green);color:var(--text);flex-shrink:0 }
.platform-icon svg { width:28px;height:28px;fill:currentColor }
.platform-card h3 { margin:0;font-size:18px }
.platform-card .btn { font-size:13px;padding:10px 12px;width:100%;margin-top:auto }

/* Editorial and help components */
.article-card { min-width:0;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel);padding:28px;box-shadow:0 18px 40px -24px var(--sh-blue) }
.article-card h3 { margin:18px 0 14px;font-size:24px }
.article-card h3 a { text-decoration:none }
.article-card h3 a:hover { text-decoration:underline }
.article-meta { display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--muted);font:12px/1.6 var(--font-mono) }
.article-card p { color:var(--muted) }
.article-hero { display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:32px;align-items:start }
.article-hero>* { min-width:0 }
.article-hero h1 { font-size:clamp(36px,4vw,52px);margin-top:0 }
.article-meta-panel { display:grid;gap:16px;padding:24px;border:1px solid var(--border);background:var(--panel);border-radius:var(--r-panel);font-size:14px }
.prose { overflow-wrap:break-word;min-width:0;line-height:1.9 }
.prose h2 { margin-top:48px }
.prose h3 { margin-top:32px }
.prose a { color:var(--accent-dark) }
.faq-item { min-width:0;border:1px solid var(--border);border-radius:var(--r-panel);background:var(--panel);margin-bottom:12px;box-shadow:0 10px 24px -20px var(--sh-green) }
.faq-item summary { position:relative;cursor:pointer;padding:20px 56px 20px 24px;font-weight:600;list-style:none;min-height:64px }
.faq-item summary::-webkit-details-marker { display:none }
.faq-item summary::after { content:"+";position:absolute;right:24px;top:18px;font-family:var(--font-mono);font-size:20px;color:var(--accent-dark) }
.faq-item[open] summary::after { content:"−" }
.faq-answer { padding:0 24px 22px;color:var(--muted) }
.faq-answer p:last-child { margin-bottom:0 }
.callout,blockquote { margin:24px 0;padding:22px 24px;border-left:4px solid var(--accent-dark);border-radius:0 var(--r-window) var(--r-window) 0;background:var(--green);color:var(--text);min-width:0 }
.callout p:last-child,blockquote p:last-child { margin-bottom:0 }
.promo-block,.cta-band { display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding:36px;border-radius:var(--r-card);background:var(--text);color:var(--panel);box-shadow:0 24px 40px -26px var(--sh-accent) }
.promo-block { margin-block:40px }
.promo-copy { min-width:0 }
.promo-copy h2,.promo-copy h3 { margin:0 0 12px;font-size:28px }
.promo-copy p { margin:0;color:var(--green) }
.promo-block .btn,.cta-band .btn { flex-shrink:0;white-space:nowrap }
.help-section { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-block:48px }

/* Static design specimen utilities */
.specimen { padding-top:56px;padding-bottom:56px;border-top:1px solid var(--border) }
.specimen h2 { margin-top:0 }
.swatch-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px }
.swatch { min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-window);overflow:hidden }
.swatch i { display:block;height:64px;border-bottom:1px solid var(--border) }
.swatch code { display:block;padding:10px;font-size:12px;color:var(--text) }
.sw-bg { background:var(--bg) }
.sw-panel { background:var(--panel) }
.sw-panel-2 { background:var(--panel-2) }
.sw-panel-warm { background:var(--panel-warm) }
.sw-border { background:var(--border) }
.sw-border-strong { background:var(--border-strong) }
.sw-border-soft { background:var(--border-soft) }
.sw-accent { background:var(--accent) }
.sw-accent-2 { background:var(--accent-2) }
.sw-accent-dark { background:var(--accent-dark) }
.sw-text { background:var(--text) }
.sw-muted { background:var(--muted) }
.sw-muted-2 { background:var(--muted-2) }
.sw-faint { background:var(--faint) }
.sw-ghost { background:var(--ghost) }
.sw-success { background:var(--success) }
.sw-warn { background:var(--warn) }
.sw-error { background:var(--error) }
.sw-pink { background:var(--pink) }
.sw-green { background:var(--green) }
.sw-yellow { background:var(--yellow) }
.sw-blue { background:var(--blue) }
.sw-pink-2 { background:var(--pink-2) }
.sw-green-2 { background:var(--green-2) }
.sw-yellow-2 { background:var(--yellow-2) }
.sw-blue-2 { background:var(--blue-2) }
.sw-sh-pink { background:var(--sh-pink) }
.sw-sh-green { background:var(--sh-green) }
.sw-sh-yellow { background:var(--sh-yellow) }
.sw-sh-blue { background:var(--sh-blue) }
.sw-sh-accent { background:var(--sh-accent) }
.sw-accent-10 { background:var(--accent-10) }
.sw-accent-14 { background:var(--accent-14) }
.sw-tint-deep { background:var(--tint-deep) }
.sw-tint-end { background:var(--tint-end) }
.sw-grid { background:var(--grid) }
.sw-hi { background:var(--hi) }
.sw-hi-40 { background:var(--hi-40) }
.sw-hi-70 { background:var(--hi-70) }
.sw-ink-04 { background:var(--ink-04) }
.sw-ink-08 { background:var(--ink-08) }
.sw-ink-12 { background:var(--ink-12) }
.sw-veil { background:var(--veil) }
.sw-glow-a { background:var(--glow-a) }
.sw-glow-b { background:var(--glow-b) }
.sw-glow-0 { background:var(--glow-0) }
.sw-clear { background:var(--clear) }
.sw-flag-white { background:var(--flag-white) }
.sw-flag-red { background:var(--flag-red) }
.sw-flag-jp { background:var(--flag-jp) }
.sw-flag-hk { background:var(--flag-hk) }
.sw-flag-sg { background:var(--flag-sg) }
.sw-flag-ch { background:var(--flag-ch) }
.sw-flag-navy { background:var(--flag-navy) }
.sw-flag-navy-au { background:var(--flag-navy-au) }
.type-display { font:800 48px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:24px }
.type-body { font:400 16px/1.8 var(--font-body) }
.type-mono { font:500 16px/1.8 var(--font-mono) }
.button-states { display:flex;flex-wrap:wrap;align-items:center;gap:16px }
.sample-note { font-size:14px;color:var(--muted);margin-top:16px }

@media (max-width:1360px) {
  .far { display:none }
  .note { display:none }
}
@media (max-width:1100px) {
  .mid { display:none }
}
@media (max-width:960px) {
  .wing { position:static;inset:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:14px;pointer-events:auto;width:100% }
  .wing-l { margin-bottom:26px }
  .wing-r { margin-top:30px }
  .wing .wp { display:none;position:relative;left:auto;top:auto }
  .wing .wp.keep { display:block;width:76px;height:76px }
  .peek-grid { grid-template-columns:minmax(0,1fr) }
  .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .plan-grid { grid-template-columns:minmax(0,1fr) }
}
@media (max-width:768px) {
  .notice { font-size:13px }
  .stage { padding:28px 18px 44px }
  .h1 { font-size:36px }
  .cta-bar { flex-direction:column;align-items:stretch;border-radius:var(--r-card);padding:14px;gap:12px }
  .cta-hint { justify-content:center;white-space:normal;text-align:center;font-size:14px }
  .cta-main { justify-content:center }
  .lede { font-size:16px }
  .svc-list { justify-content:center;gap:10px 24px;padding:0 }
  .svc-list li { font-size:18px }
  .svc-list li.mono { font-size:16px }
  .pcard-art { height:200px;padding:28px 24px 0 }
  .feature-foot,.help-section { grid-template-columns:minmax(0,1fr) }
  .article-hero { grid-template-columns:minmax(0,1fr) }
  .article-meta-panel { order:-1;display:flex;flex-wrap:wrap }
  .promo-block,.cta-band { flex-direction:column;align-items:flex-start;padding:28px }
  .type-display { font-size:32px }
}
@media (max-width:640px) {
  .furn-k { flex-basis:100%;border-right:0;padding-right:0 }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .pcard-copy { padding:22px 12px 14px }
  .pwin-row { padding-inline:10px;margin-inline:10px }
  .article-card { padding:22px }
  .swatch-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}