/* MICROOSTEP · B street hero + market band (home) — unpublished experiment theme 6adc08801c9b28005667062d only.
   Design px inside .msb__k are scaled by --k; desktop keeps the board composition (1440 + --dw), data-lay="m" is the
   portrait / narrow reflow. Small type never renders below 10px on screen (max(…, 10px / k)). */

/* language spans (were in hero-narrative v1 css, which this theme no longer loads) */
.ms-home [data-l]{display:none}
.ms-home:not([data-lang="vi"]):not([data-lang="zh"]) [data-l="en"],
.ms-home[data-lang="vi"] [data-l="vi"],
.ms-home[data-lang="zh"] [data-l="zh"]{display:inline}
/* sticky needs the home wrapper to stop being a scroll container (overflow:hidden); x stays clipped */
.ms-home:has(.msb.is-ready),.ms-home.msb-host{overflow:visible;overflow-x:clip}

.msb,.msb-lines{
  --b-indigo:#0F0D33;--b-cobalt:#2A44FF;--b-paper:#F3EDE2;--b-acid:#DFFF3A;--b-ink:#08071C;--b-sky:#8EA2FF;--b-dim:rgba(243,237,226,.78);
  --b-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --b-sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --b-display:"Microostep Anton","Anton",Impact,"Arial Narrow Bold",sans-serif;
  --b-cjk:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  --b-none:linear-gradient(transparent,transparent);
  --b-e:cubic-bezier(.85,0,.15,1);--b-out:120ms;--b-hold:140ms;--b-in:280ms;--b-node:360ms
}
.msb{position:relative;background:var(--b-indigo);color:var(--b-paper);font-family:var(--b-sans);-webkit-font-smoothing:antialiased}
.msb *,.msb *::before,.msb *::after{box-sizing:border-box}
.msb [data-v="composed"]{display:none}
.msb[data-slogan="composed"] [data-v="composed"]{display:inline}
.msb[data-slogan="composed"] [data-v="system"]{display:none}
.msb a:focus-visible,.msb button:focus-visible,.msb-lines a:focus-visible{outline:2px solid var(--b-acid);outline-offset:3px}

/* ---------- no-JS / before boot: one readable opening, nothing hidden that matters ---------- */
.msb:not(.is-ready) .msb__k{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:1440px;margin:0 auto;padding:56px clamp(16px,4vw,48px) 64px}
.msb:not(.is-ready) .msb__k>*{display:none}
.msb:not(.is-ready) .msb__k>.msb__eyebrow{display:block;order:1;margin:0;color:var(--b-acid);font:600 12px/1.3 var(--b-mono);letter-spacing:.12em;text-transform:uppercase}
.msb:not(.is-ready) .msb__k>.msb__h-open{display:block;order:2;margin:0;font-size:clamp(40px,9vw,150px)}
.msb:not(.is-ready) .msb__k>.msb__sub:not(.msb__sub-ex){display:block;order:3;margin:0;max-width:44ch;font-size:16px;line-height:1.45;color:var(--b-dim)}
.msb:not(.is-ready) .msb__k>.msb__ob-ctl{display:block;order:4;width:min(600px,100%)}
.msb:not(.is-ready) .msb__crop{overflow:visible}
.msb:not(.is-ready) .msb__crop img{position:static;display:block;width:100%;height:auto}
.msb:not(.is-ready) .msb__k>.msb__cta{display:flex;order:5;flex-wrap:wrap}

/* ---------- stage ---------- */
.msb.is-ready .msb__track{position:relative;height:var(--msb-track-h,100vh)}
.msb.is-ready .msb__stage{position:sticky;top:var(--msb-top,0px);height:var(--msb-stage-h,100vh);overflow:hidden;
  background:radial-gradient(120% 90% at 40% 45%,rgba(0,0,0,0) 55%,rgba(2,1,12,.45)),var(--msb-asphalt,var(--b-none)),var(--b-indigo)}
.msb.is-ready[data-mode="static"] .msb__stage{position:relative;top:auto}
.msb.is-ready .msb__k{position:absolute;left:0;top:0;transform-origin:0 0}
.msb.is-ready .msb__k>*{position:absolute;margin:0}

/* colour planes = paint zones on the road (aggregate shows through) */
.msb .msb__pl{transition:left var(--b-node) var(--b-e) var(--b-out),width var(--b-node) var(--b-e) var(--b-out),top var(--b-node) var(--b-e) var(--b-out),height var(--b-node) var(--b-e) var(--b-out)}
.msb .msb__pl1{background:var(--msb-wear,var(--b-none)),var(--b-cobalt)}
.msb .msb__pl2{background:var(--msb-wear,var(--b-none)),var(--b-paper)}

/* display type: thick paint on the road — relief, worn by the aggregate */
.msb-dsp{font-family:var(--b-display);font-weight:400;font-style:normal;text-transform:uppercase;line-height:.9;letter-spacing:-.004em;white-space:nowrap;color:var(--b-paper);filter:drop-shadow(2px 3px 0 rgba(4,3,15,.7))}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .msb .msb-dsp,.ms-home .msb-lines .ms-lines__title.msb-dsp{color:transparent;-webkit-text-fill-color:transparent;background:var(--msb-wear-t,var(--b-none)),var(--b-paper);-webkit-background-clip:text;background-clip:text}
  .msb .msb__h-ex{background:var(--msb-wear-t,var(--b-none)),linear-gradient(90deg,var(--b-paper) 0 var(--split,564px),var(--b-indigo) var(--split,564px));-webkit-background-clip:text;background-clip:text}
  .msb[data-lay="m"] .msb__h-ex{background:var(--msb-wear-t,var(--b-none)),linear-gradient(180deg,var(--b-paper) 0 var(--split,999px),var(--b-indigo) var(--split,999px));-webkit-background-clip:text;background-clip:text}
}
.msb-dsp .l{display:block;width:max-content}
.msb .msb-wrap{white-space:normal}
.msb .msb-wrap .l{width:auto}
.msb-dsp .pt{color:var(--b-acid);-webkit-text-fill-color:var(--b-acid);font-style:normal}
.msb .msb__h-ex .pt{color:var(--b-cobalt);-webkit-text-fill-color:var(--b-cobalt)}
.ms-home[data-lang="vi"] .msb-dsp{line-height:1.02}
.ms-home[data-lang="zh"] .msb-dsp{font-family:var(--b-cjk);font-weight:900;line-height:1.12;letter-spacing:.01em}

/* road paint */
.msb .msb__paint{left:0;top:0;overflow:visible;pointer-events:none;max-width:none}
.msb .msb__paint .pv,.msb-rail__paint .pv{fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:1 1;stroke-dashoffset:0}
.msb .msb__paint .gp{visibility:hidden;opacity:0}
.msb .msb__paint .gp.on{visibility:visible;opacity:1}
.msb .msb__paint .gp.on .pv{animation:msb-spray .42s var(--b-e) calc(var(--b-out) + var(--b-hold) + 40ms) both}
.msb .msb__paint .gp.on .road .pv{animation-duration:.5s}
.msb .msb__paint .gp.on .heat{animation:msb-heat .3s var(--b-e) .92s both;transform-box:fill-box;transform-origin:50% 100%}
@keyframes msb-spray{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes msb-heat{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}

/* objects on the street: move between states, never redrawn */
.msb.is-ready .msb__ob{left:0;top:0;transform-origin:0 0;transition:transform var(--b-node) var(--b-e) var(--b-out),opacity .2s linear var(--b-out);will-change:transform;pointer-events:none}
.msb .msb__ob.off{opacity:0}
.msb .msb__ob .art{display:block;overflow:visible;max-width:none}
/* hard street-light shadow cast outside the silhouette only (product pixels untouched) */
.msb .msb__ob-ctl{filter:drop-shadow(26px 30px 0 rgba(4,3,15,.55))}
.msb.is-ready .msb__crop{position:relative;overflow:hidden}
.msb.is-ready .msb__crop img{position:absolute;display:block;max-width:none;max-height:none;margin:0}
.msb[data-photo="missing"] .msb__crop{background:repeating-linear-gradient(45deg,#1E1D50 0 10px,#15143F 10px 20px);outline:3px solid var(--b-paper)}

/* condition stencils (state 02) */
.msb .msb__stc{display:flex;align-items:center;gap:10px;translate:0 -50%;color:var(--b-ink);font:700 12px/1 var(--b-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;z-index:2}
.msb .msb__stc b{font-weight:700;padding:2px 5px;background:var(--b-ink);color:var(--b-paper);letter-spacing:.02em}

/* small type */
.msb .msb__eyebrow,.msb .msb__meta,.msb .msb__tag,.msb .msb__runhead,.msb .msb__stl,.msb .msb__cap,.msb .msb__skip,.msb .msb__btn,.msb .msb__nav button{
  font-family:var(--b-mono);font-size:max(11px,calc(10px / var(--k,1)));line-height:1.3;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.msb .msb__eyebrow{color:var(--b-acid)}
.msb .msb__meta .mk{display:block;margin-top:4px;color:var(--b-acid)}
.msb .msb__stl{color:var(--b-acid);font-size:max(12px,calc(10px / var(--k,1)))}
.msb .msb__stl b{background:var(--b-acid);color:var(--b-ink);padding:2px 6px;margin-right:6px}
.msb .msb__tag{padding:5px 8px;background:var(--b-ink);color:var(--b-paper);letter-spacing:.04em;text-transform:none;white-space:nowrap;z-index:2}
.msb .msb__cap{color:var(--b-ink);text-transform:none;letter-spacing:.05em}
.msb .msb__sub{font-size:max(16px,calc(13px / var(--k,1)));line-height:1.4;color:var(--b-dim)}
.msb .msb__sub strong{display:block;color:var(--b-paper);font-weight:600}
.msb .msb__bdec{font-size:max(22px,calc(14px / var(--k,1)));line-height:1.3;font-weight:500}
.ms-home[data-lang="zh"] .msb .msb__sub,.ms-home[data-lang="zh"] .msb .msb__bdec{font-family:var(--b-cjk)}

/* actions: enquiry stays the primary, WhatsApp the ghost; nothing here sells stock */
.msb .msb__cta{display:flex;gap:10px;z-index:4}
.msb .msb__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 22px;border:2px solid var(--b-paper);border-radius:0;background:var(--b-paper);color:var(--b-ink)!important;text-decoration:none!important;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.msb .msb__btn b{color:var(--b-cobalt);font-size:16px;font-weight:600}
.msb .msb__btn:hover{background:var(--b-acid);border-color:var(--b-acid)}
.msb .msb__btn--ghost{background:rgba(8,7,28,.5);color:var(--b-paper)!important}
.msb .msb__btn--ghost b{color:var(--b-acid)}
.msb .msb__btn--ghost:hover{background:rgba(8,7,28,.8);border-color:var(--b-acid)}
.msb .msb__dock{display:flex;align-items:center;gap:18px;z-index:4;color:var(--b-paper)}
.msb .msb__nav{display:flex;gap:4px}
.msb .msb__nav button{appearance:none;-webkit-appearance:none;min-width:42px;height:34px;margin:0;padding:0 6px;border:2px solid currentColor;border-radius:0;background:rgba(8,7,28,.35);color:inherit;letter-spacing:.06em;cursor:pointer}
.msb .msb__nav button[aria-pressed="true"]{background:var(--b-acid);border-color:var(--b-acid);color:var(--b-ink)}
.msb .msb__skip{display:inline-flex;align-items:center;gap:8px;padding:6px 0 3px;border-bottom:2px solid var(--b-acid);color:inherit!important;text-decoration:none!important;white-space:nowrap}
.msb[data-s="4"] .msb__dock{color:var(--b-ink)}
.msb[data-s="4"] .msb__nav button{background:rgba(243,237,226,.6)}
.msb[data-s="4"] .msb__nav button[aria-pressed="true"]{background:var(--b-ink);border-color:var(--b-ink);color:var(--b-paper)}
.msb[data-s="4"] .msb__skip{border-color:var(--b-cobalt)}

/* swaps: old cuts out, controlled hold, new rises in from below */
.msb.is-ready .sw{opacity:0;visibility:hidden}
.msb.is-ready .sw.on{opacity:1;visibility:visible;animation:msb-rise var(--b-in) var(--b-e) calc(var(--b-out) + var(--b-hold)) both}
@keyframes msb-rise{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}

/* ---------- desktop: board composition, right-hand items follow the widened box (--dw) ---------- */
.msb[data-lay="d"] .msb__h-open{left:26px;top:62px}
.ms-home[data-lang="vi"] .msb[data-lay="d"] .msb__h-open{top:120px}
.msb[data-lay="d"] .msb__h-dec{left:18px;top:546px}
.msb[data-lay="d"] .msb__h-heat{left:34px;top:116px}
.msb[data-lay="d"] .msb__h-ex{left:36px;top:462px}
.ms-home[data-lang="vi"] .msb[data-lay="d"] .msb__h-ex{top:482px}
.msb[data-lay="d"] .msb__eyebrow{left:calc(1012px + var(--dw,0px));top:92px}
.msb[data-lay="d"] .msb__meta{left:calc(1012px + var(--dw,0px));top:120px}
.msb[data-lay="d"]:not([data-slogan="composed"]) .msb__eyebrow,.ms-home:is([data-lang="vi"],[data-lang="zh"]) .msb[data-lay="d"] .msb__eyebrow{top:452px}
.msb[data-lay="d"]:not([data-slogan="composed"]) .msb__meta,.ms-home:is([data-lang="vi"],[data-lang="zh"]) .msb[data-lay="d"] .msb__meta{top:480px}
.msb[data-lay="d"] .msb__stl{left:48px;top:88px}
.msb[data-lay="d"] .msb__runhead{right:48px;top:92px}
.msb[data-lay="d"][data-s="3"] .msb__runhead{right:auto;left:250px}
.msb[data-lay="d"] .msb__sub{left:calc(640px + var(--dw,0px) / 2);top:796px;width:390px}
.msb[data-lay="d"] .msb__sub-ex{left:48px;top:96px;width:470px;font-size:max(20px,calc(14px / var(--k,1)))}
.msb[data-lay="d"] .msb__bdec{left:48px;top:120px;width:480px}
.msb[data-lay="d"] .msb__tag-1a{left:300px;top:772px}
.msb[data-lay="d"] .msb__tag-1b{right:48px;top:800px}
.msb[data-lay="d"] .msb__tag-2{left:48px;top:512px}
.msb[data-lay="d"] .msb__tag-3{right:48px;top:800px}
.msb[data-lay="d"] .msb__tag-4{left:48px;top:400px}
.msb[data-lay="d"] .msb__cap{right:68px;top:530px}
.msb[data-lay="d"] .msb__cta{left:48px;top:808px}
.msb[data-lay="d"] .msb__dock{right:48px;top:836px}

/* ---------- portrait / narrow: own geometry, stacked reading order, 44px-class touch targets ---------- */
.msb[data-lay="m"] .msb__eyebrow{left:16px;top:16px}
.msb[data-lay="m"] .msb__meta{left:16px;top:36px}
.msb[data-lay="m"] .msb__meta .mk{display:inline;margin:0 0 0 10px}
.msb[data-lay="m"] .msb__h-open{left:14px;top:62px}
.msb[data-lay="m"] .msb__sub{left:16px;top:290px;width:calc(var(--w,390px) - 32px);font-size:max(15px,calc(14px / var(--k,1)))}
.msb[data-lay="m"] .msb__tag{font-size:max(10px,calc(10px / var(--k,1)));padding:4px 7px}
.msb[data-lay="m"] .msb__tag-1a{left:10px;top:500px}
.msb[data-lay="m"] .msb__tag-1b{right:8px;top:530px}
.msb[data-lay="m"] .msb__stl{left:16px;top:16px}
.msb[data-lay="m"] .msb__runhead{display:none}
.msb[data-lay="m"] .msb__h-dec{left:12px;top:42px}
.msb[data-lay="m"] .msb__bdec{left:16px;top:120px;width:calc(var(--w,390px) - 32px);font-size:max(17px,calc(14px / var(--k,1)))}
.msb[data-lay="m"] .msb__tag-2{left:16px;top:200px}
.msb[data-lay="m"] .msb__stc{color:var(--b-paper);font-size:max(10.5px,calc(10px / var(--k,1)));gap:8px}
.msb[data-lay="m"] .msb__stc::before{content:"";flex:none;width:18px;height:8px;background:var(--chip,var(--b-paper))}
.msb[data-lay="m"] .msb__stc[data-k="0"]{--chip:var(--b-acid)}
.msb[data-lay="m"] .msb__stc[data-k="2"]{--chip:var(--b-sky)}
.msb[data-lay="m"] .msb__h-heat{left:16px;top:42px}
.msb[data-lay="m"] .msb__tag-3{left:16px;top:562px}
.msb[data-lay="m"] .msb__sub-ex{left:16px;top:18px;width:calc(var(--w,390px) - 32px);font-size:max(15px,calc(14px / var(--k,1)))}
.msb[data-lay="m"] .msb__h-ex{left:14px;top:104px}
.msb[data-lay="m"] .msb__cap{left:16px;top:466px}
.msb[data-lay="m"] .msb__tag-4{left:16px;top:492px}
.msb[data-lay="m"] .msb__cta{left:16px;top:590px;width:calc(var(--w,390px) - 32px);gap:8px}
.msb[data-lay="m"] .msb__btn{height:48px;padding:0 14px;gap:10px;font-size:max(10.5px,calc(10px / var(--k,1)));letter-spacing:.08em}
.msb[data-lay="m"] .msb__btn:not(.msb__btn--ghost){flex:1 1 auto;min-width:0}
.msb[data-lay="m"] .msb__dock{left:16px;top:660px;width:calc(var(--w,390px) - 32px);justify-content:space-between;gap:10px}
.msb[data-lay="m"] .msb__nav{gap:3px}
.msb[data-lay="m"] .msb__nav button{min-width:36px;height:40px;padding:0 2px;font-size:max(10.5px,calc(10px / var(--k,1)))}
.msb[data-lay="m"] .msb__skip{gap:6px;letter-spacing:.04em;font-size:max(10px,calc(10px / var(--k,1)))}
.msb[data-lay="m"][data-s="4"] .msb__btn{background:var(--b-ink);border-color:var(--b-ink);color:var(--b-paper)!important}
.msb[data-lay="m"][data-s="4"] .msb__btn b{color:var(--b-acid)}
.msb[data-lay="m"][data-s="4"] .msb__btn--ghost{background:transparent;color:var(--b-ink)!important}
.msb[data-lay="m"][data-s="4"] .msb__btn--ghost b{color:var(--b-cobalt)}

/* ---------- 05 · market band: the chain collapses into a lane along its top edge ---------- */
.ms-home .msb-lines{position:relative;padding:150px 0 clamp(64px,7vw,96px);border-top:0;color:var(--b-paper);scroll-margin-top:var(--msb-top,0px);
  background:radial-gradient(120% 90% at 40% 45%,rgba(0,0,0,0) 55%,rgba(2,1,12,.45)),var(--msb-asphalt,var(--b-none)),var(--b-indigo)}
.ms-home .msb-lines .msb-rail{position:absolute;left:0;right:0;top:0;height:112px;overflow:hidden;pointer-events:none}
.ms-home .msb-lines .msb-rail::before{content:"";position:absolute;left:0;right:0;top:28px;height:56px;background:var(--msb-wear,var(--b-none)),var(--b-cobalt)}
.ms-home .msb-lines .msb-rail>i{position:absolute;left:0;right:0;height:6px}
.ms-home .msb-lines .msb-rail>i:nth-child(1){top:42px;background:var(--b-acid)}
.ms-home .msb-lines .msb-rail>i:nth-child(2){top:53px;background:var(--b-paper)}
.ms-home .msb-lines .msb-rail>i:nth-child(3){top:64px;background:var(--b-sky)}
.msb-rail__paint{position:absolute;left:0;top:0;overflow:visible;max-width:none}
.msb-rail__ob{position:absolute;left:0;top:0;transform-origin:0 0}
.msb-rail__ob .art{display:block;overflow:visible;max-width:none}
.msb-rail__ctl{filter:drop-shadow(3px 4px 0 rgba(4,3,15,.55))}
.msb-rail__ctl>span{position:relative;display:block;overflow:hidden}
.msb-rail__ctl img{position:absolute;display:block;max-width:none;max-height:none}
.ms-home .msb-lines .ms-kicker{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 24px;margin:0 0 22px;color:var(--b-acid);font:600 11px/1.3 var(--b-mono);letter-spacing:.12em;text-transform:uppercase}
.ms-home .msb-lines .ms-kicker>span:nth-child(2){color:var(--b-paper)}
.ms-home .msb-lines .msb-rail__tag{padding:4px 8px;background:var(--b-ink);color:var(--b-paper);letter-spacing:.04em;text-transform:none}
.ms-home .msb-lines .ms-lines__title.msb-dsp{margin:0;font-family:var(--b-display);font-size:clamp(56px,8.4vw,150px);line-height:.9;letter-spacing:-.004em}
.ms-home[data-lang="vi"] .msb-lines .ms-lines__title.msb-dsp{font-size:clamp(46px,6.6vw,120px);line-height:1.02}
.ms-home[data-lang="zh"] .msb-lines .ms-lines__title.msb-dsp{font-family:var(--b-cjk);font-weight:900;font-size:clamp(40px,6vw,110px);line-height:1.12}
.ms-home .msb-lines .ms-lead{margin:28px 0 0;max-width:46ch;color:var(--b-dim);font:400 16px/1.5 var(--b-sans)}
.ms-home .msb-lines .ms-lead strong{display:block;margin-bottom:8px;color:var(--b-paper);font-size:22px;font-weight:600;line-height:1.3}
.ms-home .msb-lines .ms-actions{gap:10px}
.ms-home .msb-lines .ms-button{min-width:0;min-height:52px;padding:0 22px;border:2px solid var(--b-paper);border-radius:0;background:rgba(8,7,28,.5);color:var(--b-paper)!important;font:600 11px/1 var(--b-mono);letter-spacing:.12em}
.ms-home .msb-lines .ms-button--gold{background:var(--b-paper);color:var(--b-ink)!important}
.ms-home .msb-lines .ms-button:hover{border-color:var(--b-acid);background:var(--b-acid);color:var(--b-ink)!important}
/* three-pack market cards (MY ×2 / VN ×1, rendered by microostep-three-pack-v1.js) on one cobalt paint slab */
.ms-home .msb-lines .tp-market{position:relative;display:grid;gap:0;padding:22px 22px 8px;border:0;border-radius:0;background:var(--msb-wear,var(--b-none)),var(--b-cobalt);color:var(--b-paper);filter:drop-shadow(10px 12px 0 rgba(4,3,15,.55))}
.ms-home .msb-lines .tp-market::before{content:attr(data-three-pack-hero);justify-self:start;margin:0 0 10px;padding:2px 6px;background:var(--b-acid);color:var(--b-ink);font:600 11px/1.3 var(--b-mono);letter-spacing:.12em}
.ms-home .msb-lines .tp-market__line{display:grid;gap:6px;margin:0;padding:14px 0 16px;border:0;border-top:2px solid rgba(243,237,226,.35);border-radius:0;background:none}
.ms-home .msb-lines .tp-market__brand{margin:0;color:var(--b-acid);font:600 11px/1.3 var(--b-mono);letter-spacing:.12em;text-transform:uppercase}
.ms-home .msb-lines .tp-market__hook{margin:0;color:var(--b-paper);font:500 17px/1.35 var(--b-sans)}
.ms-home .msb-lines .tp-market__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px}
.ms-home .msb-lines .tp-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:2px solid var(--b-paper);border-radius:0;background:var(--b-paper);color:var(--b-ink)!important;font:600 10px/1.2 var(--b-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important}
.ms-home .msb-lines .tp-btn:hover{background:var(--b-acid);border-color:var(--b-acid)}
.ms-home .msb-lines .tp-link{padding:6px 0 2px;border-bottom:2px solid var(--b-acid);color:var(--b-paper)!important;font:600 11px/1.2 var(--b-mono);letter-spacing:.12em;text-decoration:none!important}
/* category rail = five painted parking bays */
.ms-home .msb-lines .ms-category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;margin-top:56px;border:0;border-left:6px solid var(--b-paper)}
.ms-home .msb-lines .ms-category-rail a{display:flex;flex-direction:row;align-items:flex-end;gap:10px;min-height:84px;padding:0 16px 14px;border:0;border-top:6px solid var(--b-paper);border-right:6px solid var(--b-paper);background:none;color:var(--b-paper)!important;font:400 clamp(20px,2.1vw,30px)/1 var(--b-display);letter-spacing:0;text-transform:uppercase;text-decoration:none!important;filter:drop-shadow(2px 3px 0 rgba(4,3,15,.7))}
.ms-home .msb-lines .ms-category-rail a span{color:var(--b-acid);font:inherit}
.ms-home .msb-lines .ms-category-rail a:hover{background:rgba(223,255,58,.1);color:var(--b-acid)!important}
@media (max-width:900px){
  .ms-home .msb-lines{padding-top:136px}
  .ms-home .msb-lines .ms-lines__title.msb-dsp{font-size:clamp(52px,17vw,120px)}
  .ms-home[data-lang="vi"] .msb-lines .ms-lines__title.msb-dsp{font-size:clamp(44px,13vw,100px)}
  .ms-home[data-lang="zh"] .msb-lines .ms-lines__title.msb-dsp{font-size:clamp(36px,11vw,80px)}
  .ms-home .msb-lines .ms-category-rail{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:40px}
  .ms-home .msb-lines .ms-category-rail a{min-height:68px;font-size:22px}
  .ms-home .msb-lines .tp-market{padding:18px 16px 6px}
}

/* reduced motion: every swap / spray / move is instant; states still switch (scroll + 01–05) */
@media (prefers-reduced-motion:reduce){
  .msb *,.msb *::before,.msb *::after,.msb-lines *{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}
}