/* Shared content furniture */
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:6px;border-radius:var(--r-pill);background:var(--bg-panel-2);width:max-content;margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:10px 22px;border:0;border-radius:var(--r-pill);background:var(--clear);color:var(--text-muted);font-weight:var(--weight-semibold);white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);box-shadow:0 3px 10px color-mix(in srgb,var(--text) 9%,transparent)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--nav-h);z-index:30;display:flex;align-items:center;gap:8px;min-height:var(--toc-h);padding:10px 12px;margin-bottom:32px;max-width:100%;overflow-x:auto;background:var(--bg-panel);border-radius:var(--r-panel);box-shadow:var(--shadow-float);overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;flex-shrink:0;padding:8px 16px;border-radius:var(--r-pill);font-size:var(--text-small);font-weight:var(--weight-semibold);white-space:nowrap;text-decoration:none;color:var(--text-muted)}
.toc-tabs a.is-current{background:var(--accent-dark);color:var(--white)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:calc(var(--nav-h) + var(--toc-h) + 24px)}
.faq{border-bottom:1px solid var(--border);padding-block:4px}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:22px 40px 22px 4px;font-weight:var(--weight-bold)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:19px;color:var(--accent-dark);font-size:24px;line-height:1.4}
.faq[open] summary::after{content:"−"}
.faq__answer{padding:0 40px 12px 4px;color:var(--text-muted)}
.faq__answer p:last-child{margin-bottom:12px}
.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;min-width:0;padding:32px;border-radius:var(--r-card);background:var(--bg-panel);box-shadow:var(--shadow-card)}
.plan-card--featured{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-card)}
.plan-card--current{background:color-mix(in srgb,var(--accent) 5%,var(--bg-panel));box-shadow:inset 0 0 0 2px var(--accent-dark),var(--shadow-card)}
.plan-card__badge{align-self:flex-start;margin-bottom:16px;background:var(--accent-dark);color:var(--white)}
.plan-card__period{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--text-muted)}
.plan-card__price{font:var(--weight-display) 48px/1.2 var(--font-display);letter-spacing:-.02em;margin-block:16px}
.plan-card__price small{font:var(--weight-medium) var(--text-small)/1.5 var(--font-body);letter-spacing:normal;color:var(--text-muted)}
.plan-card__facts{margin:8px 0 28px;padding-left:20px;color:var(--text-muted)}
.plan-card__facts li + li{margin-top:10px}
.plan-card .btn{margin-top:auto;align-self:flex-start}
.table-scroll{display:block;min-width:0;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-panel);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border)}
.data-table,.route-table{width:100%;min-width:680px;color:var(--text);font-size:var(--text-small)}
.data-table caption,.route-table caption{text-align:left;padding:20px 24px;color:var(--text);font-weight:var(--weight-bold)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 24px;vertical-align:middle;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th,.data-table th,.route-table th{color:var(--text);background:var(--bg-panel-2);font-weight:var(--weight-bold);white-space:nowrap}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-semibold)}
.route-table .route-group th{background:color-mix(in srgb,var(--accent) 8%,var(--bg-panel));color:var(--accent-dark)}
.route-country{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.route-country svg{width:24px;height:16px;border-radius:var(--r-flag);overflow:hidden}
.route-support{color:var(--text)}
.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;gap:20px;padding:28px 16px;text-align:center;background:var(--bg-panel);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.platform-card > svg{display:block;width:40px;height:40px;color:var(--text)}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{font-size:var(--text-small);padding-inline:16px;min-height:44px;margin-top:auto}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:28px;border-radius:var(--r-card);background:var(--bg-panel);box-shadow:var(--shadow-card)}
.article-card__meta{color:var(--text-muted);font-size:var(--text-tiny);margin-bottom:16px}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{color:var(--text-muted);font-size:var(--text-small)}
.article-card__link{margin-top:auto;display:inline-flex;align-items:center;min-height:32px;color:var(--accent-dark);font-size:var(--text-small);font-weight:var(--weight-bold)}
.article-hero-band{padding-top:48px;padding-bottom:48px;padding-inline:max(var(--gutter),calc((100% - var(--reading-width))/2 + var(--gutter)));background:var(--bg-panel-2);border-block:1px solid var(--border)}
.article-meta{font-size:var(--text-small);color:var(--text-muted)}
.callout,blockquote{margin:24px 0;padding:24px 28px;border-left:4px solid var(--accent);border-radius:var(--r-panel);background:color-mix(in srgb,var(--accent) 6%,var(--bg-panel));color:var(--text)}
.callout--warn{border-color:var(--warn);background:color-mix(in srgb,var(--c-yellow) 12%,var(--bg-panel))}
.callout p:last-child,blockquote p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;border-radius:var(--r-card);background:var(--bg-panel-2);box-shadow:inset 0 1px 0 var(--white),var(--shadow-card)}
.promo-block__copy{min-width:0}
.promo-block__brand{font-family:var(--font-display);font-weight:var(--weight-display);font-size:24px;margin-bottom:8px}
.promo-block p:last-child{margin-bottom:0}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{background:var(--accent-dark);color:var(--white);padding-top:48px;padding-bottom:48px}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-band p{margin-bottom:0}
.cta-band .btn{background:var(--bg-panel);color:var(--accent-dark);box-shadow:var(--shadow-float)}
/* Approved first-screen composition */
.hero{position:relative;overflow:clip;max-width:100%;isolation:isolate;background:linear-gradient(180deg,var(--bg-hero-top) 0%,var(--bg-panel-2) 100%)}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:var(--r-round)}
.hero::before{left:-10%;top:-20%;width:52%;height:82%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-blue) 22%,transparent) 0%,color-mix(in srgb,var(--c-violet) 12%,transparent) 55%,transparent 100%);animation:drift-a 26s ease-in-out infinite alternate}
.hero::after{right:-10%;bottom:-26%;width:54%;height:84%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-orange) 20%,transparent) 0%,color-mix(in srgb,var(--c-yellow) 14%,transparent) 55%,transparent 100%);animation:drift-b 30s ease-in-out infinite alternate}
@keyframes drift-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(5%,6%,0) scale(1.08)}}
@keyframes drift-b{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-5%,-5%,0) scale(1.06)}}
.hero__grid{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--main-w)) minmax(0,1fr);column-gap:24px}
.hero__grid > *{min-width:0}
.lane{position:relative;z-index:1}
.stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0 56px}
.app-icon{position:relative;width:96px;height:96px;margin:0 0 24px;border-radius:var(--r-icon);display:grid;place-items:center;color:var(--white);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 74%,var(--white)),var(--accent) 48%,var(--accent-dark));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--white) 18%,transparent),0 22px 44px color-mix(in srgb,var(--accent) 14%,transparent),0 6px 14px color-mix(in srgb,var(--accent-dark) 14%,transparent)}
.app-icon::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--white) 26%,transparent),transparent 52%);pointer-events:none}
.app-icon::after{content:"";position:absolute;left:10%;right:10%;bottom:-20px;height:24px;border-radius:var(--r-round);z-index:-1;background:color-mix(in srgb,var(--accent) 14%,transparent);filter:blur(10px)}
.app-icon img{position:relative;width:96px;height:96px;border-radius:inherit}
.tag{display:inline-flex;align-items:center;gap:8px;min-height:32px;max-width:100%;margin:0 0 16px;padding:4px 14px 4px 4px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg-panel) 82%,transparent);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font:var(--weight-semibold) 13px/1.3 var(--font-body);overflow-wrap:anywhere}
.tag__mg{display:inline-grid;place-items:center;min-height:24px;flex-shrink:0;padding:3px 9px;border-radius:var(--r-pill);background:var(--text);color:var(--bg-panel);font:var(--weight-bold) var(--text-tiny)/1 var(--font-mono);letter-spacing:.04em}
.h1{margin:0 0 32px;font:var(--weight-display) var(--h1-size)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--text)}
.h1__key{display:inline-block;margin:0 .04em 0 .02em;padding:.02em .14em .06em;border-radius:var(--r-key);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--white);letter-spacing:-.01em;transform:rotate(-2deg);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 30%,transparent),0 12px 26px color-mix(in srgb,var(--accent) 22%,transparent)}
.lede{max-width:640px;margin:0 0 24px;font:var(--weight-regular) var(--text-lede)/1.6 var(--font-body);color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:var(--weight-bold)}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:0 0 24px;padding:0;list-style:none}
.trust li{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 20px;border-radius:var(--r-pill);background:var(--bg-panel-2);color:var(--text);font:var(--weight-bold) var(--text-small)/1.2 var(--font-body);box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 0 color-mix(in srgb,var(--white) 70%,transparent),0 6px 14px color-mix(in srgb,var(--text) 5%,transparent)}
.trust li:first-child{background:linear-gradient(135deg,var(--accent-dark),color-mix(in srgb,var(--accent-dark) 78%,var(--text)));color:var(--white);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 22%,transparent),0 10px 22px color-mix(in srgb,var(--accent-dark) 22%,transparent)}
.trust svg{width:18px;height:18px}
.facts{display:grid;grid-template-columns:auto auto;column-gap:20px;align-items:center;max-width:100%;padding:4px 24px;border-radius:var(--r-panel);text-align:left;background:color-mix(in srgb,var(--bg-panel) 74%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 85%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 80%,transparent),0 14px 34px color-mix(in srgb,var(--accent) 7%,transparent)}
.facts > *{min-width:0}
.facts__label{padding:12px 0;color:var(--text-muted);font:var(--weight-semibold) 13px/1 var(--font-body);white-space:nowrap}
.facts__list{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:12px 0;list-style:none}
.facts > :nth-child(n+3){border-top:1px dashed color-mix(in srgb,var(--border) 95%,transparent)}
.facts__list li{display:inline-flex;align-items:center;gap:6px;color:var(--text);font:var(--weight-semibold) var(--text-small)/1.2 var(--font-body);white-space:nowrap}
.facts__list .pf{width:18px;height:18px;color:var(--text);fill:currentColor}
.facts__list .flag{width:24px;height:16px}
.facts__list .flag--sq{width:16px;height:16px}
.gate{position:absolute;top:var(--t);width:calc(var(--s) * var(--k) * 1px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:calc(22px * var(--k));border-radius:calc(var(--r-gate) * var(--k));overflow:hidden;color:var(--white);background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 86%,transparent),color-mix(in srgb,var(--g2) 80%,transparent));-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 52%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 72%,transparent),inset 0 -14px 28px color-mix(in srgb,var(--g2) 26%,transparent),0 34px 70px color-mix(in srgb,var(--g2) 12%,transparent),0 12px 26px color-mix(in srgb,var(--g2) 12%,transparent);transform:rotate(var(--rot))}
.lane--l .gate{left:calc(var(--x) * var(--k) * 1px)}
.lane--r .gate{right:calc(var(--x) * var(--k) * 1px)}
.gate::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--white) 40%,transparent),color-mix(in srgb,var(--white) 24%,transparent) 13%,color-mix(in srgb,var(--white) 10%,transparent) 13.5%,color-mix(in srgb,var(--white) 6%,transparent) 22%,transparent 22.5%)}
.gate > *{position:relative}
.gate__flag{align-self:flex-start;display:inline-flex;padding:3px;border-radius:var(--r-small);background:color-mix(in srgb,var(--white) 88%,transparent);box-shadow:0 6px 14px color-mix(in srgb,var(--g2) 30%,transparent)}
.gate__flag svg{display:block;width:max(24px,calc(36px * var(--k)));height:max(16px,calc(24px * var(--k)));border-radius:var(--r-flag);overflow:hidden}
.gate__flag--sq svg{width:max(16px,calc(24px * var(--k)))}
.gate__glyph{align-self:flex-start;display:grid;place-items:center;width:max(26px,calc(36px * var(--k)));height:max(26px,calc(36px * var(--k)));border-radius:var(--r-round);background:color-mix(in srgb,var(--white) 90%,transparent);color:var(--c-orange);box-shadow:0 6px 14px color-mix(in srgb,var(--g2) 30%,transparent)}
.gate__glyph svg{width:62%;height:62%}
.gate__txt{display:flex;flex-direction:column;gap:6px;transform:rotate(calc(-1 * var(--rot)))}
.gate__name{font:var(--weight-display) max(15px,calc(26px * var(--k)))/1.1 var(--font-display);letter-spacing:-.02em;text-shadow:0 1px 10px color-mix(in srgb,var(--g2) 45%,transparent)}
.gate__meta{font:var(--weight-medium) max(10px,calc(12px * var(--k)))/1.3 var(--font-mono);letter-spacing:.02em;opacity:.94}
.gate--sg{--s:180;--x:30;--t:8%;--rot:-14deg;--g1:var(--c-violet);--g2:var(--c-blue)}
.gate--hk{--s:200;--x:28;--t:32%;--rot:9deg;--g1:color-mix(in srgb,var(--c-blue) 62%,var(--white));--g2:var(--c-blue)}
.gate--us{--s:172;--x:18;--t:58.5%;--rot:-8deg;--g1:var(--c-pink);--g2:var(--c-violet)}
.gate--jp{--s:196;--x:26;--t:14%;--rot:12deg;--g1:color-mix(in srgb,var(--c-green) 70%,var(--white));--g2:var(--c-green)}
.gate--ch{--s:184;--x:8;--t:40.5%;--rot:-9deg;--g1:color-mix(in srgb,var(--c-yellow) 66%,var(--white));--g2:var(--c-yellow);color:var(--text)}
.gate--ch .gate__name{text-shadow:0 1px 8px color-mix(in srgb,var(--white) 50%,transparent)}
.gate--all{--s:204;--x:26;--t:64.5%;--rot:7deg;--g1:color-mix(in srgb,var(--c-orange) 55%,var(--c-yellow));--g2:var(--c-orange)}
.chipcard{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;max-width:calc(100% - 12px);padding:8px 18px 8px 8px;border-radius:var(--r-pill);background:var(--bg-panel);color:var(--text);font:var(--weight-bold) var(--text-small)/1.3 var(--font-body);box-shadow:var(--shadow-float),inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}
.chipcard__ico{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-round);color:var(--white)}
.chipcard__ico svg{width:18px;height:18px}
.chipcard__dot{color:var(--text-muted);font-weight:var(--weight-medium)}
.chipcard--devices{left:calc(12px * var(--k));top:84%;transform:rotate(-4deg)}
.chipcard--devices .chipcard__ico{background:linear-gradient(135deg,var(--c-violet),var(--c-blue))}
.chipcard--pay{right:calc(26px * var(--k));top:5.5%;transform:rotate(4deg)}
.chipcard--pay .chipcard__ico{background:linear-gradient(135deg,var(--c-yellow),var(--c-orange))}
.preview{position:relative;overflow:clip;max-width:100%;padding:56px 24px 112px;background:linear-gradient(180deg,var(--bg-panel-2),var(--bg) 320px)}
.preview__stage{position:relative;max-width:1240px;margin:0 auto}
.client{position:relative;z-index:1;max-width:880px;margin:0 auto;border-radius:var(--r-card);overflow:hidden;background:var(--bg-panel);box-shadow:0 40px 80px color-mix(in srgb,var(--accent) 12%,transparent),0 12px 28px color-mix(in srgb,var(--text) 8%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--border) 75%,transparent)}
.client__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:60px;padding:12px 20px;background:linear-gradient(180deg,var(--bg-panel),color-mix(in srgb,var(--bg-panel-2) 55%,var(--bg-panel)));border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.dots{display:flex;gap:8px}
.dots i{display:block;width:12px;height:12px;border-radius:var(--r-round);background:var(--error)}
.dots i:nth-child(2){background:var(--warn)}
.dots i:nth-child(3){background:var(--success)}
.client__title{display:inline-flex;align-items:center;gap:8px;font:var(--weight-bold) var(--text-small)/1 var(--font-body);color:var(--text)}
.client__title img{width:20px;height:20px}
.seg{justify-self:end;display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--bg-panel-2);font:var(--weight-semibold) var(--text-tiny)/1 var(--font-body)}
.seg span{padding:7px 12px;border-radius:var(--r-pill);color:var(--text-muted)}
.seg .seg__on{background:var(--bg-panel);color:var(--text);box-shadow:0 2px 6px color-mix(in srgb,var(--text) 10%,transparent)}
.client__list{margin:0;padding:12px;list-style:none}
.row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:16px;min-height:56px;padding:12px 16px;border-radius:var(--r-panel)}
.row > *{min-width:0}
.row + .row{margin-top:4px}
.row__flag{display:block;width:30px;height:20px;border-radius:var(--r-flag);justify-self:center;overflow:hidden}
.row__flag--sq{width:20px}
.row__name{font:var(--weight-bold) 15px/1.3 var(--font-body)}
.row__name small{margin-left:8px;font:var(--weight-medium) var(--text-tiny)/1 var(--font-mono);color:var(--text-muted)}
.row__kind{padding:6px 10px;border-radius:var(--r-pill);background:var(--bg-panel-2);color:var(--text-muted);font:var(--weight-semibold) var(--text-tiny)/1.2 var(--font-body)}
.row__state{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--r-round);box-shadow:inset 0 0 0 2px var(--border)}
.row--on{background:color-mix(in srgb,var(--accent) 8%,var(--bg-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
.row--on .row__kind,.row--on .row__state{background:var(--accent);color:var(--white)}
.row--on .row__state{box-shadow:none}
.product-note{position:absolute;z-index:2;padding:18px 24px;border-radius:var(--r-tile);background:var(--bg-panel);box-shadow:var(--shadow-float);font-family:var(--font-mono);font-size:var(--text-small)}
.product-note--left{left:0;top:18%;transform:rotate(-8deg)}
.product-note--right{right:0;bottom:12%;transform:rotate(7deg)}
.honey-gallery{overflow-x:clip;background:var(--c-yellow);padding-top:64px;padding-bottom:48px}
.honey-gallery__track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px}
.feature-card{min-width:0;grid-column:span 2;padding:28px;border-radius:var(--r-card);background:var(--bg-panel);box-shadow:0 14px 30px color-mix(in srgb,var(--text) 8%,transparent)}
.feature-card:nth-child(4){grid-column:2/span 2}
.feature-card h3{margin-top:20px}
.feature-card p{font-size:var(--text-small);color:var(--text-muted);margin-bottom:0;line-height:1.85}
.feature-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-small);background:var(--c-blue);color:var(--white);font-weight:var(--weight-bold)}
.feature-card:nth-child(2) .feature-icon{background:var(--c-violet)}
.feature-card:nth-child(3) .feature-icon{background:var(--c-pink)}
.feature-card:nth-child(4) .feature-icon{background:var(--c-green)}
.feature-card:nth-child(5) .feature-icon{background:var(--c-yellow);color:var(--text)}
.feature-card:nth-child(6) .feature-icon{background:var(--c-orange)}
.gallery-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.gallery-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:var(--r-round);background:var(--arrow-black);color:var(--white);font-size:24px;text-decoration:none}
.gallery-arrow:first-child{background:color-mix(in srgb,var(--arrow-black) 20%,transparent);color:var(--text)}
/* Preview-only specimens, kept here so the preview is self-contained. */
.specimen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{min-width:0;margin:0;background:var(--bg-panel);border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--shadow-card)}
.swatch__paint{height:72px;background:var(--swatch)}
.swatch figcaption{padding:12px 16px;font:var(--weight-medium) var(--text-tiny)/1.6 var(--font-mono);overflow-wrap:anywhere}
.swatch--bg{--swatch:var(--bg)}
.swatch--panel{--swatch:var(--bg-panel)}
.swatch--panel2{--swatch:var(--bg-panel-2)}
.swatch--hero{--swatch:var(--bg-hero-top)}
.swatch--border{--swatch:var(--border)}
.swatch--accent{--swatch:var(--accent)}
.swatch--dark{--swatch:var(--accent-dark)}
.swatch--text{--swatch:var(--text)}
.swatch--muted{--swatch:var(--text-muted)}
.swatch--success{--swatch:var(--success)}
.swatch--warn{--swatch:var(--warn)}
.swatch--error{--swatch:var(--error)}
.swatch--white{--swatch:var(--white)}
.swatch--violet{--swatch:var(--c-violet)}
.swatch--pink{--swatch:var(--c-pink)}
.swatch--green{--swatch:var(--c-green)}
.swatch--yellow{--swatch:var(--c-yellow)}
.swatch--orange{--swatch:var(--c-orange)}
.swatch--red{--swatch:var(--flag-red)}
.swatch--flagblue{--swatch:var(--flag-blue)}
.swatch--black{--swatch:var(--arrow-black)}
.specimen-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}
.type-display{font:var(--weight-display) 40px/1.2 var(--font-display);letter-spacing:-.02em}
.type-body{font:var(--weight-regular) var(--text-body)/1.8 var(--font-body)}
.type-mono{font:var(--weight-medium) var(--text-small)/1.8 var(--font-mono);overflow-wrap:anywhere}
@media(max-width:1390px) and (min-width:769px){
  .hero{--k:.76;--main-w:740px;--h1-size:60px}
  .hero__grid{column-gap:12px}
  .chipcard{font-size:11px;padding-right:12px;gap:6px}
  .chipcard__ico{width:26px;height:26px}
}
@media(max-width:1100px) and (min-width:769px){
  .hero{--k:.58;--main-w:650px;--h1-size:54px}
  .chipcard{display:none}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{--k:.42;--h1-size:40px}
  .hero__grid{grid-template-columns:minmax(0,1fr);position:relative;padding-inline:var(--gutter)}
  .stage{padding-top:36px;padding-bottom:64px}
  .lane{position:absolute;inset:0;pointer-events:none}
  .lane--l .gate{left:12px}
  .lane--r .gate{right:12px}
  .gate--sg{--t:24px}
  .gate--jp{--t:30px}
  .gate--us{--t:auto;bottom:20px}
  .gate--all{--t:auto;bottom:20px}
  .gate--hk,.gate--ch,.chipcard{display:none}
  .gate__meta{display:none}
  .gate__name{font-size:13px}
  .gate{padding:12px}
  .app-icon{margin-bottom:24px}
  .h1{max-width:650px}
  .facts{max-width:650px}
  .product-note{display:none}
  .plan-grid,.article-grid{grid-template-columns:minmax(0,1fr)}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .specimen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .honey-gallery__track{display:flex;gap:16px;overflow-x:auto;max-width:100%;scroll-snap-type:x mandatory;padding-bottom:20px;-webkit-overflow-scrolling:touch}
  .feature-card{flex:0 0 85%;scroll-snap-align:start}
  .promo-block,.cta-band__inner{align-items:flex-start;flex-direction:column}
  .preview{padding-inline:var(--gutter);padding-bottom:64px}
}
@media(max-width:640px){
  .hero{--h1-size:clamp(28px,7.4vw,40px)}
  .stage{padding-top:24px}
  .h1{margin-bottom:24px}
  .lede{font-size:18px}
  .trust{gap:8px}
  .trust li{padding:8px 12px;font-size:12px;gap:5px}
  .trust svg{width:15px;height:15px}
  .cta{gap:12px}
  .cta .btn{padding-inline:24px;min-height:50px;font-size:16px}
  .facts{padding:4px 14px;column-gap:12px}
  .facts__list{gap:12px 14px}
  .facts__list li{font-size:12px}
  .facts__label{font-size:12px}
  .gate__name{font-size:11px}
  .gate--sg{--s:140}
  .gate--jp{--s:140}
  .gate--us,.gate--all{--s:130;bottom:8px}
  .client__bar{grid-template-columns:auto 1fr;padding-inline:16px}
  .client__title{justify-self:end}
  .seg{display:none}
  .row{grid-template-columns:26px minmax(0,1fr) auto;gap:10px;padding-inline:8px}
  .row__name{font-size:13px}
  .row__name small{display:none}
  .row__kind{display:none}
  .specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-block{padding:24px}
  .feature-card{padding:24px}
  .type-display{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after{animation:none}
}