.first { position: relative; background: linear-gradient(180deg,var(--hero-top),var(--hero-bottom)); overflow-x: clip; max-width: 100%; }
.first::before { content: ""; position: absolute; inset: -18% -14% 34% 46%; background: radial-gradient(closest-side,var(--halo),var(--clear)); pointer-events: none; z-index: 0; }
.hero { position: relative; z-index: 1; padding-top: 28px; padding-bottom: 22px; }
.lead { display: grid; grid-template-columns: minmax(0,1fr) 404px; gap: 64px; align-items: end; }
.lead__text, .lead__aside { position: relative; z-index: 2; }
.tagline { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 14px 0 8px; border-radius: var(--r-pill); background: var(--bg-panel); box-shadow: inset 0 0 0 1px var(--border); font-size: 13px; color: var(--text-muted); }
.tagline__dot { width: 14px; height: 14px; flex-shrink: 0; border-radius: var(--r-round); background: radial-gradient(circle at 32% 28%,var(--orb-hk-3) 0 18%,var(--clear) 55%),conic-gradient(from 120deg,var(--orb-hk-1),var(--orb-hk-2),var(--orb-hk-4),var(--orb-hk-1)); }
.tagline__mono { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); }
.h1 { margin: 20px 0 0; font-family: var(--font-display); font-weight: var(--weight-regular); font-size: 68px; line-height: 1.06; letter-spacing: -.03em; }
.h1__row { display: block; }
.trust { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 18px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 20px; color: var(--text-muted); }
.trust__item { display: flex; align-items: center; gap: 7px; }
.trust__item svg { width: 15px; height: 15px; color: var(--text); flex: 0 0 15px; }
.lead__aside p { margin: 0; font-size: 18px; line-height: 1.62; color: var(--text); }
.facts { margin: 18px 0 0; padding: 0; border-top: 1px solid var(--border); }
.facts__row { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 38px; border-bottom: 1px solid var(--border); font-size: 14px; }
.facts__row dt { color: var(--text-muted); }
.facts__row dd { margin: 0; font-family: var(--font-mono); font-size: 13px; color: var(--text); }
.rig { position: relative; margin-top: 36px; }
.rig__frame { position: absolute; inset: -14px; border: 1px solid var(--border); pointer-events: none; z-index: 0; }
.rig__dot { position: absolute; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--text); }
.rig__dot--tl { top: -3.5px; left: -3.5px; }
.rig__dot--tr { top: -3.5px; right: -3.5px; }
.rig__dot--bl { bottom: -3.5px; left: -3.5px; }
.rig__dot--br { bottom: -3.5px; right: -3.5px; }
.console { position: relative; z-index: 1; border-radius: var(--r-xl); overflow: hidden; background: radial-gradient(ellipse 46% 64% at 50% 46%,var(--panel-lift),var(--clear) 72%),var(--bg-panel-2); box-shadow: inset 0 0 0 1px var(--hl),0 52px 104px -36px var(--accent-a10),0 24px 48px -28px var(--accent-a10); }
.seg { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; padding: 8px; list-style: none; }
.seg__item { display: flex; align-items: center; justify-content: center; gap: 10px; height: 44px; border: 0; border-radius: var(--r-pill); background: var(--clear); font-size: 15px; color: var(--text-muted); }
.seg__item--on { background: var(--bg-panel); color: var(--text); box-shadow: 0 1px 2px var(--ink-a10),0 8px 18px -12px var(--ink-a16),inset 0 0 0 1px var(--hl); }
.seg__dot { width: 10px; height: 10px; border-radius: var(--r-round); flex: 0 0 10px; }
.seg__dot--media { background: conic-gradient(from 90deg,var(--orb-hk-1),var(--orb-hk-2),var(--orb-hk-4),var(--orb-hk-1)); }
.seg__dot--ai { background: conic-gradient(from 90deg,var(--orb-jp-2),var(--orb-jp-1),var(--orb-jp-4),var(--orb-jp-2)); }
.seg__dot--web { background: conic-gradient(from 90deg,var(--orb-us-1),var(--orb-us-2),var(--orb-us-3),var(--orb-us-1)); }
.stage { position: relative; height: 232px; }
.slot { position: absolute; top: 50%; transform: translate(-50%,-54%); isolation: isolate; }
.slot--jp { left: 2.4%; --os: var(--orb-jp-shadow); }
.slot--hk { left: 23.6%; --os: var(--orb-hk-shadow); }
.slot--sg { left: 50%; --os: var(--orb-sg-shadow); }
.slot--us { left: 76.4%; --os: var(--orb-us-shadow); }
.slot--ca { left: 97.6%; --os: var(--orb-ca-shadow); }
.slot__shadow { position: absolute; left: 14%; right: 14%; bottom: -20px; height: 24px; border-radius: var(--r-round); background: radial-gradient(closest-side,var(--os),var(--clear)); filter: blur(4px); z-index: -1; }
.orb { position: relative; display: block; border-radius: var(--r-round); overflow: hidden; isolation: isolate; box-shadow: 0 28px 46px -30px var(--os); }
.orb__swirl { position: absolute; inset: -24%; background: radial-gradient(circle at 34% 30%,var(--o3) 0 7%,var(--clear) 40%),radial-gradient(circle at 70% 72%,var(--o4) 0 5%,var(--clear) 46%),conic-gradient(from 140deg at 46% 54%,var(--o1),var(--o2),var(--o3),var(--o1),var(--o4),var(--o2),var(--o1)); filter: blur(12px); animation: orb-turn 40s linear infinite; }
.orb__grain { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .06; }
.orb__noise { width: 100%; height: 100%; filter: url(#grain); }
.orb__spec { position: absolute; inset: 0; border-radius: var(--r-round); background: radial-gradient(circle at 30% 24%,var(--spec-hi),var(--clear) 28%),radial-gradient(circle at 50% 48%,var(--clear) 60%,var(--rim) 100%); }
.orb--jp { --o1: var(--orb-jp-1); --o2: var(--orb-jp-2); --o3: var(--orb-jp-3); --o4: var(--orb-jp-4); --rim: var(--rim-soft); width: 132px; height: 132px; filter: blur(1.6px); opacity: .82; }
.orb--hk { --o1: var(--orb-hk-1); --o2: var(--orb-hk-2); --o3: var(--orb-hk-3); --o4: var(--orb-hk-4); --rim: var(--rim-shade); width: 160px; height: 160px; }
.orb--sg { --o1: var(--accent); --o2: var(--orb-sg-2); --o3: var(--orb-sg-3); --o4: var(--accent-dark); --rim: var(--rim-shade); width: 216px; height: 216px; }
.orb--us { --o1: var(--orb-us-1); --o2: var(--orb-us-2); --o3: var(--orb-us-3); --o4: var(--orb-us-4); --rim: var(--rim-shade); width: 160px; height: 160px; }
.orb--ca { --o1: var(--orb-ca-1); --o2: var(--orb-ca-2); --o3: var(--orb-ca-3); --o4: var(--orb-ca-4); --rim: var(--rim-soft); width: 132px; height: 132px; filter: blur(1.6px); opacity: .82; }
.orb__key { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: var(--r-round); display: grid; place-items: center; background: var(--white); color: var(--accent); box-shadow: 0 12px 26px -10px var(--accent-dark-a40),0 0 0 8px var(--white-a24); z-index: 2; }
.orb__key svg { width: 26px; height: 26px; }
@keyframes orb-turn { to { transform: rotate(1turn); } }
.tags { position: relative; height: 52px; margin: 0; padding: 0; list-style: none; }
.tag { position: absolute; top: 0; transform: translateX(-50%); text-align: center; white-space: nowrap; }
.tag--jp { left: 28px; transform: none; text-align: left; }
.tag--hk { left: 23.6%; }
.tag--sg { left: 50%; }
.tag--us { left: 76.4%; }
.tag--ca { right: 28px; left: auto; transform: none; text-align: right; }
.tag__name { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 15px; font-weight: var(--weight-medium); color: var(--text-muted); }
.tag--jp .tag__name { justify-content: flex-start; }
.tag--ca .tag__name { justify-content: flex-end; }
.tag__meta { margin-top: 4px; font-size: 13px; color: var(--text-soft); }
.tag--sg .tag__name { font-size: 17px; color: var(--text); }
.tag--hk .tag__name, .tag--us .tag__name { color: var(--text); }
.tag--sg .tag__meta, .tag--hk .tag__meta, .tag--us .tag__meta { color: var(--text-muted); }
.flag { width: 18px; height: 18px; flex: 0 0 18px; display: block; }
.tag--sg .flag { width: 20px; height: 20px; flex-basis: 20px; }
.fl-red { fill: var(--flag-red); }
.fl-white { fill: var(--white); }
.fl-blue { fill: var(--flag-blue); }
.fl-ring { fill: none; stroke: var(--ink-a16); stroke-width: 1; }
.flag-crop { clip-path: url(#flagclip); }
.tags__arrow { position: absolute; top: 4px; width: 32px; height: 32px; border-radius: var(--r-pill); display: grid; place-items: center; background: var(--panel-lift); box-shadow: inset 0 0 0 1px var(--hl); color: var(--text-muted); font-size: 22px; }
.tags__arrow--prev { left: calc(50% - 168px); }
.tags__arrow--next { left: calc(50% + 136px); }
.dock { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 24px 32px; }
.platforms { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.platform { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px 0 14px; border-radius: var(--r-pill); font-size: 14px; color: var(--text-muted); text-decoration: none; }
.platform svg { width: 18px; height: 18px; flex: 0 0 18px; }
.platform--on { background: var(--bg-panel); color: var(--text); box-shadow: 0 1px 2px var(--ink-a10),inset 0 0 0 1px var(--hl); }
.dock .btn { min-height: 42px; padding: 0 20px; font-size: 15px; }
.lockcard { position: absolute; right: -22px; top: 84px; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 11px 18px 11px 11px; border-radius: var(--r-card); background: var(--glass); -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2); box-shadow: inset 0 0 0 1px var(--hl),0 20px 44px -18px var(--accent-a10),0 4px 14px -6px var(--ink-a10); transform: rotate(-3deg); }
.lockcard__icon { width: 36px; height: 36px; flex-shrink: 0; border-radius: var(--r-icon); display: grid; place-items: center; background: linear-gradient(160deg,var(--ink-2),var(--text)); color: var(--white); }
.lockcard__icon svg { width: 18px; height: 18px; }
.lockcard__title { display: block; font-size: 14px; font-weight: var(--weight-semibold); line-height: 18px; }
.lockcard__state { display: flex; align-items: center; gap: 6px; font-size: 12.5px; line-height: 18px; color: var(--text-muted); }
.lockcard__led { width: 7px; height: 7px; flex-shrink: 0; border-radius: var(--r-round); background: var(--success); box-shadow: 0 0 0 3px var(--bg-panel); }
.factchip { position: absolute; left: 24px; bottom: -17px; z-index: 3; display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 16px 0 12px; border-radius: var(--r-pill); background: var(--bg-panel); box-shadow: inset 0 0 0 1px var(--border),0 14px 30px -14px var(--accent-a10),0 2px 6px var(--ink-a06); font-family: var(--font-mono); font-size: 13px; color: var(--text); white-space: nowrap; max-width: 100%; }
.factchip__dot { width: 9px; height: 9px; flex-shrink: 0; border-radius: var(--r-round); background: conic-gradient(from 60deg,var(--orb-us-1),var(--orb-us-2),var(--orb-us-3),var(--orb-us-1)); }

.tabs { min-width: 0; }
.tabs__list, [role="tablist"] { display: flex; gap: 8px; padding: 8px; max-width: 100%; overflow-x: auto; border-radius: var(--r-pill); background: var(--panel-lift); }
[role="tab"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 20px; border: 0; border-radius: var(--r-pill); background: var(--clear); color: var(--text-muted); white-space: nowrap; flex-shrink: 0; }
[role="tab"][aria-selected="true"] { background: var(--bg-panel); color: var(--text); box-shadow: inset 0 0 0 1px var(--hl),0 4px 12px -6px var(--ink-a16); }
[role="tabpanel"] { margin-top: 24px; }
.toc-tabs { position: sticky; top: 12px; z-index: 20; display: flex; gap: 8px; max-width: 100%; padding: 8px; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--border); border-radius: var(--r-pill); background: var(--bg-panel); box-shadow: var(--shadow-panel); }
.toc-tabs a { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 40px; padding: 8px 16px; border-radius: var(--r-pill); white-space: nowrap; text-decoration: none; font-size: 14px; color: var(--text-muted); }
.toc-tabs a.is-current { background: var(--text); color: var(--white); }
.toc-tabs--static { position: static; }
body:has(.toc-tabs) section[id] { scroll-margin-top: var(--toc-offset); }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-item summary { position: relative; cursor: pointer; padding: 22px 44px 22px 0; font-size: 18px; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 8px; top: 20px; width: 24px; text-align: center; font-size: 22px; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { max-width: 760px; color: var(--text-muted); padding-right: 20px; }
.badge, .chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; overflow: hidden; min-height: 28px; padding: 4px 12px; border-radius: var(--r-pill); background: var(--bg-panel-2); color: var(--text); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.badge--success { background: var(--bg-panel); color: var(--success); border: 1px solid var(--border); }
.plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.plan-card { position: relative; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--border); border-radius: var(--r-xl); background: var(--bg-panel); box-shadow: var(--shadow-panel); }
.plan-card--current { border-color: var(--text); box-shadow: inset 0 0 0 1px var(--text),0 32px 80px -32px var(--accent-a10); }
.plan-card__badge { align-self: flex-start; margin-bottom: 16px; background: var(--text); color: var(--white); }
.plan-card__price { margin-block: 12px 24px; font-family: var(--font-mono); font-size: 38px; line-height: 1.2; }
.plan-card__price small { font-family: var(--font-body); font-size: 14px; color: var(--text-muted); }
.plan-card__features { margin: 0 0 28px; padding-left: 20px; color: var(--text-muted); }
.plan-card .btn { margin-top: auto; }
.table-scroll { overflow-x: auto; max-width: 100%; width: 100%; -webkit-overflow-scrolling: touch; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--bg-panel); }
.data-table, .route-table { width: 100%; min-width: 640px; border-collapse: collapse; text-align: left; font-size: 14px; }
.data-table th, .data-table td, .route-table th, .route-table td { padding: 16px 20px; border-bottom: 1px solid var(--border); word-break: keep-all; }
.table-scroll th, .route-table th, .data-table th { white-space: nowrap; color: var(--text); background: var(--bg-panel-2); font-weight: var(--weight-medium); }
.table-scroll td:first-child { color: var(--text); font-weight: var(--weight-medium); }
.route-table__group th { background: var(--bg); }
.data-table tr:last-child td, .route-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-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(--bg-panel); border: 1px solid var(--border); border-radius: var(--r-card); box-shadow: var(--shadow-panel); }
.platform-card__icon { width: 32px; height: 32px; }
.platform-card h3 { font-size: 18px; margin: 0; }
.platform-card .btn { min-height: 40px; padding-inline: 14px; font-size: 13px; margin-top: auto; }
.article-card { display: flex; flex-direction: column; gap: 16px; padding: 28px; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--bg-panel); box-shadow: var(--shadow-panel); }
.article-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); }
.article-card h3 { margin: 0; }
.article-card h3 a { text-decoration: none; }
.article-card p { color: var(--text-muted); margin: 0; }
.article-card__link { align-self: flex-start; min-height: 28px; margin-top: auto; font-size: 14px; }
.callout { margin: 24px 0; padding: 24px 28px; border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: var(--r-card); background: var(--bg-panel); }
.callout p:last-child { margin-bottom: 0; }
.promo-block { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 32px; margin-top: 40px; border-radius: var(--r-xl); background: var(--bg-panel-2); box-shadow: var(--shadow-panel); }
.promo-block p { margin: 8px 0 0; color: var(--text-muted); }
.promo-block .btn, .promo-block .btn-secondary { flex-shrink: 0; white-space: nowrap; }
.promo-block__brand { font-size: 23px; font-weight: var(--weight-medium); }
.corner-box { position: relative; border: 1px solid var(--border); }
.corner-box::before, .corner-box::after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: var(--r-round); background: var(--text); top: -2px; box-shadow: 0 var(--corner-height, 0px) 0 var(--text); }
.corner-box::before { left: -2px; }
.corner-box::after { right: -2px; }
.mark-wall { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; padding: 24px; border: 1px solid var(--border); }
.mark-wall span { display: flex; align-items: center; justify-content: center; min-height: 76px; font-size: 16px; color: var(--text-muted); text-align: center; }
.window-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; padding: 32px; background: var(--bg-panel-2); border-radius: var(--r-xl); box-shadow: var(--shadow-panel); }
.client-window { display: grid; grid-template-columns: 116px minmax(0,1fr); border: 1px solid var(--border); border-radius: var(--r-card); background: var(--bg-panel); overflow: hidden; }
.client-window__side { background: var(--bg); padding: 20px 12px; }
.client-window__side strong { display: block; font-size: 13px; margin-bottom: 20px; }
.client-window__side span { display: block; padding: 8px 10px; margin-top: 4px; border-radius: var(--r-pill); font-size: 12px; color: var(--text-muted); }
.client-window__side .is-selected { color: var(--text); background: var(--bg-panel); }
.client-window__body { padding: 28px 24px; }
.client-window__body h3 { font-size: 22px; }
.client-window__body p { font-size: 14px; color: var(--text-muted); }
.subscription-tile { padding: 20px; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--bg); margin-bottom: 20px; }
.subscription-tile strong { display: block; font-family: var(--font-mono); font-size: 28px; }
.subscription-tile p { margin: 4px 0 0; }
.preview-stack { display: grid; gap: 24px; }
.preview-colors { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.swatch { border: 1px solid var(--border); border-radius: var(--r-card); background: var(--bg-panel); overflow: hidden; }
.swatch__color { display: block; min-height: 72px; border-bottom: 1px solid var(--border); }
.swatch code { display: block; background: var(--clear); padding: 12px; }
.swatch--bg { background: var(--bg); }
.swatch--panel { background: var(--bg-panel); }
.swatch--sunken { background: var(--bg-panel-2); }
.swatch--border { background: var(--border); }
.swatch--accent { background: var(--accent); }
.swatch--accent-dark { background: var(--accent-dark); }
.swatch--text { background: var(--text); }
.swatch--muted { background: var(--text-muted); }
.swatch--success { background: var(--success); }
.swatch--warn { background: var(--warn); }
.swatch--error { background: var(--error); }
.swatch--top { background: var(--hero-top); }
.swatch--bottom { background: var(--hero-bottom); }
.swatch--white { background: var(--white); }
.swatch--ink { background: var(--ink-2); }
.swatch--soft { background: var(--text-soft); }
.swatch--jp { background: linear-gradient(120deg,var(--orb-jp-1),var(--orb-jp-2),var(--orb-jp-3),var(--orb-jp-4)); }
.swatch--hk { background: linear-gradient(120deg,var(--orb-hk-1),var(--orb-hk-2),var(--orb-hk-3),var(--orb-hk-4)); }
.swatch--sg { background: linear-gradient(120deg,var(--accent),var(--orb-sg-2),var(--orb-sg-3),var(--accent-dark)); }
.swatch--us { background: linear-gradient(120deg,var(--orb-us-1),var(--orb-us-2),var(--orb-us-3),var(--orb-us-4)); }
.swatch--ca { background: linear-gradient(120deg,var(--orb-ca-1),var(--orb-ca-2),var(--orb-ca-3),var(--orb-ca-4)); }
.swatch--glass { background: var(--glass); }
.swatch--halo { background: radial-gradient(ellipse,var(--halo),var(--bg)); }
.swatch--shadow { background: var(--accent-a10); }
.type-display { font-family: var(--font-display); font-size: 44px; font-weight: var(--weight-regular); line-height: 1.25; }
@media (max-width: 1320px) { .lockcard { right: 12px; } }
@media (max-width: 1100px) {
  .lead { grid-template-columns: 1fr; gap: 28px; align-items: start; }
  .lead__aside { max-width: 640px; }
  .slot--hk, .tag--hk { left: 27%; }
  .slot--us, .tag--us { left: 73%; }
  .platform-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .window-pair { padding: 24px; }
  .client-window { grid-template-columns: 88px minmax(0,1fr); }
  .client-window__body { padding: 22px 16px; }
}
@media (max-width: 768px) {
  .h1 { font-size: 36px; line-height: 1.12; letter-spacing: -.02em; }
  .plan-grid { grid-template-columns: 1fr; }
  .window-pair { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .rig__frame { display: none; }
  .lockcard { position: relative; right: auto; top: auto; transform: none; margin: 0 auto 16px; width: max-content; max-width: 100%; }
  .factchip { position: relative; left: auto; bottom: auto; margin: 16px auto 0; width: max-content; }
  .stage { height: 196px; }
  .orb--sg { width: 156px; height: 156px; }
  .orb--hk, .orb--us { width: 108px; height: 108px; }
  .orb--jp, .orb--ca { width: 88px; height: 88px; }
  .orb__key { width: 50px; height: 50px; margin: -25px 0 0 -25px; }
  .orb__key svg { width: 20px; height: 20px; }
  .slot--hk { left: 25%; }
  .slot--us { left: 75%; }
  .tags { position: static; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 20px; padding: 8px 16px 4px; }
  .tag, .tag--jp, .tag--ca, .tag--hk, .tag--us, .tag--sg { position: static; transform: none; text-align: center; }
  .tag--jp .tag__name, .tag--ca .tag__name { justify-content: center; }
  .tags__arrow { display: none; }
  .seg__item { font-size: 13px; gap: 6px; }
  .dock { flex-direction: column; align-items: stretch; padding: 16px; }
  .platforms { justify-content: center; }
}
@media (max-width: 640px) {
  .lead__aside p { font-size: 16px; }
  .platform-grid, .preview-colors { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .platform-card { padding: 18px; }
  .promo-block { flex-direction: column; align-items: flex-start; padding: 24px; }
  .window-pair { padding: 16px; }
  .client-window { grid-template-columns: minmax(0,1fr); }
  .client-window__side { display: flex; gap: 4px; overflow-x: auto; padding: 10px; }
  .client-window__side strong { display: none; }
  .client-window__side span { margin: 0; white-space: nowrap; flex-shrink: 0; }
  .mark-wall { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 12px; }
  .mark-wall span { font-size: 13px; min-height: 64px; }
  .type-display { font-size: 30px; }
  .factchip { font-size: 11px; gap: 6px; padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) { .orb__swirl { animation: none; } }