/* Brand band (6 Oct 2026): title above, full-width loop of the ten logos, no edge fade.
   Two identical groups; translateX(-50%) lands exactly on the start of the copy, so the loop has no jump.
   Reduced motion and no-JS: one static, wrapped list of the ten brands. */
.tm-brands{padding:0 0 30px;overflow:hidden}
.tm-brands-head{margin:0 max(5.4%,calc((100% - 1285px)/2));border-top:1px solid #d9dfe6;padding-top:28px}
.tm-brands-head p{margin:0 0 22px;text-align:center;font-size:17px;line-height:1.4;color:var(--tm-ink,#202830)}
.tp-marquee{overflow:hidden;width:100%}
.tp-track{display:flex;width:max-content;animation:tp-roll 45s linear infinite}
.tp-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex-shrink:0}
.tp-logo{display:flex;align-items:center;justify-content:center;height:50px;flex-shrink:0}
.tp-logo img{height:auto;max-height:36px;width:auto;max-width:140px;object-fit:contain}
.tp-logo[data-logo='omron'] img{width:128px}.tp-logo[data-logo='masimo'] img{width:106px}
.tp-logo .lg-mask{display:block;height:var(--h,24px);width:calc(var(--h,24px) * var(--r));background:var(--c);-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.tp-logo[data-logo='withings'] .lg-mask{--h:20px}.tp-logo[data-logo='and'] .lg-mask{--h:34px}.tp-logo[data-logo='onetouch'] .lg-mask{--h:24px}.tp-logo[data-logo='foracare'] .lg-mask{--h:26px}
.tp-motion{display:flex;justify-content:flex-end;margin:6px max(5.4%,calc((100% - 1285px)/2)) 0}
.tp-motion button{background:transparent;border:1px solid #d9dfe6;border-radius:50%;width:44px;height:44px;color:#1f4f86;cursor:pointer;font:inherit}
.tp-motion button:focus-visible{outline:2px solid #1f4f86;outline-offset:3px}
.tm-brands[data-paused=true] .tp-track{animation-play-state:paused}
@keyframes tp-roll{to{transform:translateX(-50%)}}
@media(max-width:900px){.tp-group{gap:42px;padding-right:42px}}
@media(max-width:760px){.tm-brands-head{margin:0 23px;padding-top:22px}.tm-brands-head p{font-size:13px;margin-bottom:16px}.tp-motion{margin:4px 23px 0}}
@media(max-width:600px){.tp-group{gap:38px;padding-right:38px}.tp-logo img{max-width:110px;max-height:30px}.tp-logo[data-logo='omron'] img{width:104px}
 .tp-logo[data-logo='withings'] .lg-mask{--h:16px}.tp-logo[data-logo='and'] .lg-mask{--h:27px}.tp-logo[data-logo='onetouch'] .lg-mask{--h:19px}.tp-logo[data-logo='foracare'] .lg-mask{--h:21px}}
@media(prefers-reduced-motion:reduce){.tp-track{animation:none;width:100%;display:block}.tp-group{width:100%;padding:0 20px;gap:25px 40px;justify-content:center;flex-wrap:wrap}.tp-group[aria-hidden=true]{display:none}.tp-motion{display:none}}
html:not(.js) .tp-track{animation:none;width:100%;display:block}html:not(.js) .tp-group{width:100%;padding:0 20px;gap:25px 40px;justify-content:center;flex-wrap:wrap}html:not(.js) .tp-group[aria-hidden=true]{display:none}html:not(.js) .tp-motion{display:none}
/* Compact spacing: the pause control sits on the title row (no extra row under the logos), and the next section starts closer. */
.tm-brands{position:relative;padding-bottom:22px}
.tp-motion{position:absolute;top:18px;right:max(5.4%,calc((100% - 1285px)/2));margin:0}
@media(max-width:760px){.tm-brands{padding-bottom:16px}.tp-motion{top:10px;right:23px}.tp-motion button{width:40px;height:40px}.tp-motion button::after{content:"";position:absolute;inset:-4px}.tp-motion button{position:relative}.tm-brands-head p{padding:0 52px}}
.tm-brands + .cx{padding-top:clamp(52px,5.5vw,80px)}
