.universe-logo-band{padding:72px 0!important;clear:both}.universe-logo-band .wrap{max-width:1400px;margin:auto;padding:0 5vw}.universe-logo-band h2{font-size:clamp(26px,3vw,42px);line-height:1.2;margin:10px 0 16px}.universe-logo-band p{font-size:17px;line-height:1.6}.universe-logo-band .eyebrow{font-size:12px;letter-spacing:.15em}.universe-logo-band .logo-group>.reference-logo{background:#fff}.universe-logo-band .integration-card{background:#fff;border:1px solid #dbe0ee}.universe-logo-band .integration-card span{color:#27366D}.universe-logo-band.integration-band{background:#eef1f8;color:#27366D}.universe-integration-pause{margin-top:20px;padding:10px 16px;border:1px solid #3D4C91;border-radius:8px;background:transparent;color:#27366D;font:inherit;cursor:pointer}.integration-track.is-paused{animation-play-state:paused}.universe-logo-band .logo-carousel:focus-within .logo-track,.universe-logo-band .integration-carousel:focus-within .integration-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.universe-logo-band .integration-track{animation:none}.universe-logo-band .integration-carousel{overflow-x:auto}.universe-integration-pause{display:none}}
/* Keep heading glyphs and wrapped lines separate at all widths. */
.universe-logo-band{position:relative;isolation:isolate;height:auto;min-height:0;overflow:hidden}
.universe-logo-band .wrap{display:flow-root;min-width:0}
.universe-logo-band h2,.universe-logo-band #integration-band-title{position:static!important;transform:none!important;font-size:clamp(25px,2.6vw,36px)!important;font-weight:600!important;letter-spacing:normal!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere;max-width:100%;height:auto!important;margin:12px 0 24px!important}
.universe-logo-band p{position:static;letter-spacing:normal;line-height:1.7;margin:0 0 26px}
.universe-logo-band .eyebrow{display:block;line-height:1.7;letter-spacing:.1em;margin-bottom:10px}
.universe-logo-band .logo-carousel,.universe-logo-band .integration-carousel{position:relative;clear:both;margin-top:30px;margin-bottom:20px}
.universe-logo-band .reference-name,.universe-logo-band .integration-card span,.universe-logo-band .hessel-wordmark{position:static!important;transform:none!important;letter-spacing:normal!important;line-height:1.5!important;white-space:normal!important;text-align:center}
.universe-logo-band .reference-logo,.universe-logo-band .integration-card{gap:18px;min-height:180px;height:auto}
.universe-logo-band .reference-logo img,.universe-logo-band .integration-card img{flex:none;display:block}
@media(max-width:600px){.universe-logo-band{padding:48px 0!important}.universe-logo-band h2,.universe-logo-band #integration-band-title{font-size:25px!important;line-height:1.5!important}.universe-logo-band .reference-logo,.universe-logo-band .integration-card{min-height:170px}}

/* APP-style brand tiles: retain carousel dimensions and native brand colours. */
.universe-logo-band .logo-group>.reference-logo,.universe-logo-band .integration-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#3D4C91,#27366D)!important;border:1px solid #8492c666!important;border-radius:28px!important;box-shadow:0 8px 20px #17234e24;overflow:hidden;padding:24px 20px 18px;color:#fff!important}
.universe-logo-band .logo-group>.reference-logo::after,.universe-logo-band .integration-card::after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:20px 0 0 0;background:#DD7127;pointer-events:none}
.universe-logo-band .logo-group .reference-name,.universe-logo-band .integration-card span,.universe-logo-band .hessel-wordmark{color:#fff!important}
.universe-logo-band .logo-group img,.universe-logo-band .integration-card img{background:#fff!important;padding:10px;border-radius:14px;mix-blend-mode:normal!important;object-fit:contain;box-sizing:border-box;clip-path:none!important}
.universe-logo-band .hessel-wordmark{display:flex;align-items:center;justify-content:center;min-height:95px;font-size:22px;font-weight:600}
.universe-logo-band a.integration-card:hover{border-color:#DD7127!important;box-shadow:0 9px 24px #17234e40}
@media(max-width:600px){.universe-logo-band .logo-group>.reference-logo,.universe-logo-band .integration-card{border-radius:24px!important;padding:20px 15px 16px}}

.universe-home main>section{position:relative}.u-section-home{position:absolute;top:18px;right:5%;z-index:5;display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff70;border-radius:10px;padding:9px 13px;background:#27366D;color:#fff!important;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:normal;box-shadow:0 3px 12px #17234e18}.u-section-home:hover{background:#3D4C91;border-color:#DD7127}.u-section-home span:last-child{color:#ffb480;font-size:16px}.u-section-home:focus-visible{outline:3px solid #DD7127;outline-offset:3px}@media(max-width:600px){.u-section-home{right:6%;top:12px;padding:7px 10px;font-size:11px}.universe-logo-band{padding-top:70px!important}}

.universe-logo-band .logo-group>.reference-logo::after,.universe-logo-band .integration-card::after{border-radius:0!important;background:radial-gradient(circle at 0 0,transparent 0 68%,#DD7127 69%)!important}

/* Thermo King supplies a white transparent logo: retain its dark contrast field. */
.integration-card.integration-dark-logo img[src$="thermoking.png"]{background:#27366D!important;border:1px solid #ffffff45;border-radius:14px;padding:10px;object-fit:contain;mix-blend-mode:normal!important}
