/* Supplier profile v3. Preserve the approved introduction and all shared site elements. */
.hx-page[data-page="supplier"] { --sp-green: #528e28; --sp-ink:#152027; --sp-muted:#626f6a; --sp-line:#dbe4db; }
.hx-page[data-page="supplier"] .sp-shell {width:min(1130px,calc(100% - 76px));margin-inline:auto;}
.hx-page[data-page="supplier"] .sp-intro-section {padding:83px 0 90px;background:#fff;}
.hx-page[data-page="supplier"] .sp-intro-layout {display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.88fr);align-items:center;gap:7.3%;}
.hx-page[data-page="supplier"] .sp-main-copy {min-width:0;}
.hx-page[data-page="supplier"] .sp-main-copy h2 {font-size:clamp(30px,3.25vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1.21;color:var(--sp-ink);margin:0 0 24px;max-width:600px;}
.hx-page[data-page="supplier"] .sp-intro-lead {font-size:21px;line-height:1.68;font-weight:500;color:#2c3832;margin:0 0 16px;max-width:625px;}
.hx-page[data-page="supplier"] .sp-intro-body {font-size:17px;line-height:1.92;color:var(--sp-muted);margin:0;max-width:610px;}
.hx-page[data-page="supplier"] .sp-primary-actions {display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap;}
.hx-page[data-page="supplier"] .sp-external-button {display:inline-flex;gap:13px;align-items:center;justify-content:center;min-width:215px;padding:13px 28px;font-size:16px;font-weight:600;min-height:54px;box-shadow:none;}
.hx-page[data-page="supplier"] .sp-external-button svg {width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .2s;}
.hx-page[data-page="supplier"] .sp-external-button:hover svg {transform:translateX(-3px);}
.hx-page[data-page="supplier"] .sp-text-action {display:inline-flex;align-items:center;gap:10px;color:var(--sp-green);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;}
.hx-page[data-page="supplier"] .sp-text-action svg {width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;}
.hx-page[data-page="supplier"] .sp-text-action:hover{text-decoration:underline;text-underline-offset:5px;}
.hx-page[data-page="supplier"] .sp-direct-contacts {display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap;margin-top:31px;color:#607369;font-size:14px;}
.hx-page[data-page="supplier"] .sp-direct-contacts:empty{display:none;}
.hx-page[data-page="supplier"] .sp-direct-contacts a {color:inherit;text-decoration:none;display:inline-flex;gap:8px;align-items:center;}
.hx-page[data-page="supplier"] .sp-direct-contacts a:hover {color:var(--sp-green);}
.hx-page[data-page="supplier"] .sp-direct-contacts i {color:var(--sp-green);font-size:15px;}
.hx-page[data-page="supplier"] .sp-visual {position:relative;display:grid;place-items:center;min-width:0;min-height:366px;isolation:isolate;background:linear-gradient(145deg,#f3f8f2 0%,#edf5f0 55%,#e8f0ef 100%);overflow:hidden;border-radius:20px;}
.hx-page[data-page="supplier"] .sp-visual:before {content:"";position:absolute;z-index:-1;width:480px;height:480px;top:-275px;right:-142px;border:1px solid #d9e7db;border-radius:50%;box-shadow:0 0 0 43px #fff4,0 0 0 44px #d8e7db5e,0 0 0 99px #fff3,0 0 0 100px #d8e7db3c;}
.hx-page[data-page="supplier"] .sp-visual:after {content:"";position:absolute;z-index:-1;left:-150px;bottom:-265px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#d0e6d3a4 0%,#d0e6d300 63%);}
.hx-page[data-page="supplier"] .sp-visual-lines {position:absolute;left:28px;bottom:26px;width:78px;height:15px;border-bottom:1px solid #91bc83;opacity:.75;}
.hx-page[data-page="supplier"] .sp-visual-content {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;padding:42px 32px;}
.hx-page[data-page="supplier"] .sp-visual-content img {width:min(100%,310px);max-height:170px;object-fit:contain;filter:drop-shadow(0 9px 18px #2542320e);}
.hx-page[data-page="supplier"] .sp-visual-content span {font-size:13px;color:#688174;letter-spacing:.06em;font-weight:500;}

/* Content chapters are editorial surfaces, not nested card systems. */
.hx-page[data-page="supplier"] [hidden] {display:none!important}
.hx-page[data-page="supplier"] .sp-services {background:#f5f8f3;padding:82px 0 86px;}
.hx-page[data-page="supplier"] .sp-section-head {margin:0 0 36px;max-width:850px;}
.hx-page[data-page="supplier"] .sp-section-head h2,
.hx-page[data-page="supplier"] .sp-audience h2,
.hx-page[data-page="supplier"] .sp-more h2 {font-size:clamp(31px,2.9vw,41px);font-weight:700;letter-spacing:0;line-height:1.28;color:#17232a;margin:0;}
.hx-page[data-page="supplier"] .sp-section-head h2 span,
.hx-page[data-page="supplier"] .sp-more h2 span {color:#548d29}
.hx-page[data-page="supplier"] .sp-section-head p {font-size:17px;line-height:1.8;color:#5d6c64;margin:13px 0 0;max-width:770px;}
.hx-page[data-page="supplier"] .sp-services-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;row-gap:0;}
.hx-page[data-page="supplier"] .sp-service {position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:18px;border-top:1px solid #d6e0d3;padding:28px 0 32px;min-width:0;}
.hx-page[data-page="supplier"] .sp-service-icon {width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#5b9630;background:none;border:0;border-radius:0;flex:none;}
.hx-page[data-page="supplier"] .sp-service-icon svg {display:block;overflow:visible;width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.hx-page[data-page="supplier"] .sp-service h3 {color:#1a2823;font-size:21px;line-height:1.38;font-weight:650;margin:1px 0 7px;}
.hx-page[data-page="supplier"] .sp-service p {color:#617066;font-size:16px;line-height:1.77;margin:0;max-width:430px;}
/* Audience is a purposeful dark chapter, not two cards in a white column. */
.hx-page[data-page="supplier"] .sp-audience {position:relative;isolation:isolate;overflow:hidden;background:#10212a;color:#fff;padding:81px 0 93px;}
.hx-page[data-page="supplier"] .sp-audience:before {content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 2% 105%,#345a4588,transparent 42%), radial-gradient(circle at 99% 1%,#426a432c,transparent 30%)}
.hx-page[data-page="supplier"] .sp-audience:after {content:"";position:absolute;z-index:-1;left:-190px;bottom:-245px;width:530px;height:530px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 66px #ffffff04,0 0 0 67px #ffffff0b,0 0 0 143px #ffffff05,0 0 0 144px #ffffff08;pointer-events:none}
.hx-page[data-page="supplier"] .sp-audience-layout {display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:9%;align-items:start;}
.hx-page[data-page="supplier"] .sp-audience-heading {max-width:390px;}
.hx-page[data-page="supplier"] .sp-audience h2 {color:#fff;max-width:none;}
.hx-page[data-page="supplier"] .sp-audience h2 span {color:#94cc62;}
.hx-page[data-page="supplier"] .sp-audience-heading p {font-size:17px;color:#bfcfc8;line-height:1.85;margin:17px 0 0;max-width:365px;}
.hx-page[data-page="supplier"] .sp-audience-list {display:block;min-width:0;}
.hx-page[data-page="supplier"] .sp-audience-persona {position:relative;border-top:1px solid #ffffff36;padding:24px 0 27px 0;}
.hx-page[data-page="supplier"] .sp-audience-persona:last-child {border-bottom:1px solid #ffffff36;}
.hx-page[data-page="supplier"] .sp-audience-persona h3 {font-size:22px;color:#fff;font-weight:650;line-height:1.45;margin:0 0 10px;}
.hx-page[data-page="supplier"] .sp-audience-persona h3::before {content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bc84e;vertical-align:middle;margin-inline-end:13px;margin-block-end:3px;}
.hx-page[data-page="supplier"] .sp-audience-persona p {font-size:16px;line-height:1.83;color:#c2d0c9;margin:0;max-width:520px;}
/* A clean, continuous carousel of logos, not supplier profile cards. */
.hx-page[data-page="supplier"] .sp-more {padding:72px 0 81px;background:#fff;overflow:hidden;}
.hx-page[data-page="supplier"] .sp-more-head {margin-bottom:30px;}
.hx-page[data-page="supplier"] .sp-logo-viewport {
  direction:ltr;overflow:hidden;position:relative;isolation:isolate;width:100%;
  mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);
}
.hx-page[data-page="supplier"] .sp-logo-track {display:flex;align-items:center;width:max-content;animation:sp-supplier-logo-flow 34s linear infinite;will-change:transform;}
.hx-page[data-page="supplier"] .sp-logo-viewport:is(:hover,:focus-within,:active) .sp-logo-track {animation-play-state:paused;}
.hx-page[data-page="supplier"] .sp-logo-set {display:flex;align-items:center;flex:0 0 auto;min-width:0;}
.hx-page[data-page="supplier"] .sp-logo-link {
  display:flex;flex:0 0 226px;width:226px;height:119px;padding:15px 24px;
  align-items:center;justify-content:center;text-decoration:none;color:inherit;
  transition:opacity .2s ease,transform .2s ease;outline-offset:-5px;
}
.hx-page[data-page="supplier"] .sp-logo-link:hover {opacity:.77;transform:translateY(-2px);}
.hx-page[data-page="supplier"] .sp-logo-link:focus-visible {outline:2px solid #5a942d;border-radius:8px;}
.hx-page[data-page="supplier"] .sp-logo-link img {display:block;max-width:min(100%,var(--logo-max-width,176px));max-height:var(--logo-max-height,78px);width:auto;height:auto;object-fit:contain;}
@keyframes sp-supplier-logo-flow {from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.hx-page[data-page="supplier"] .sp-missing {max-width:740px;margin:80px auto;text-align:center;padding:40px 20px;}
.hx-page[data-page="supplier"] .sp-missing h2 {font-size:31px;font-weight:700;margin-bottom:20px;}
.hx-page[data-page="supplier"] .sp-contact-ico {color:var(--sp-green);font-size:16px;line-height:1}
@media(max-width:1100px) {
 .hx-page[data-page="supplier"] .sp-intro-layout {gap:5%;grid-template-columns:1.1fr .9fr;}
 .hx-page[data-page="supplier"] .sp-visual {min-height:325px;}
 .hx-page[data-page="supplier"] .sp-main-copy h2 {font-size:37px;}
 .hx-page[data-page="supplier"] .sp-services-list {column-gap:48px;}
}
@media(max-width:830px) {
 .hx-page[data-page="supplier"] .sp-shell{width:calc(100% - 48px);}
 .hx-page[data-page="supplier"] .sp-intro-section{padding:56px 0 65px;}
 .hx-page[data-page="supplier"] .sp-intro-layout{grid-template-columns:1fr;gap:32px;}
 .hx-page[data-page="supplier"] .sp-main-copy{order:2;}
 .hx-page[data-page="supplier"] .sp-visual{order:1;min-height:270px;}
 .hx-page[data-page="supplier"] .sp-visual-content img{max-height:120px;width:min(70%,270px);}
 .hx-page[data-page="supplier"] .sp-services {padding:63px 0 71px;}
 .hx-page[data-page="supplier"] .sp-services-list{column-gap:28px;}
 .hx-page[data-page="supplier"] .sp-service {grid-template-columns:54px 1fr;gap:14px;}
 .hx-page[data-page="supplier"] .sp-service-icon {width:48px;height:48px;}
 .hx-page[data-page="supplier"] .sp-service-icon svg {width:38px;height:38px;}
 .hx-page[data-page="supplier"] .sp-audience-layout{grid-template-columns:1fr;gap:33px;}
 .hx-page[data-page="supplier"] .sp-audience-heading{max-width:560px;}
}
@media(max-width:600px) {
 .hx-page[data-page="supplier"] .sp-shell{width:calc(100% - 36px);}
 .hx-page[data-page="supplier"] .sp-intro-section{padding:36px 0 51px;}
 .hx-page[data-page="supplier"] .sp-visual{min-height:213px;border-radius:16px;}
 .hx-page[data-page="supplier"] .sp-visual-content{padding:25px 16px;gap:12px;}
 .hx-page[data-page="supplier"] .sp-visual-content img{max-height:98px;width:min(75%,245px);}
 .hx-page[data-page="supplier"] .sp-visual-content span{font-size:11px;}
 .hx-page[data-page="supplier"] .sp-main-copy h2{font-size:30px;line-height:1.27;margin-bottom:18px;}
 .hx-page[data-page="supplier"] .sp-intro-lead{font-size:18px;}
 .hx-page[data-page="supplier"] .sp-intro-body{font-size:16px;line-height:1.83;}
 .hx-page[data-page="supplier"] .sp-primary-actions{gap:18px;margin-top:25px;}
 .hx-page[data-page="supplier"] .sp-external-button{width:100%;min-width:0;}
 .hx-page[data-page="supplier"] .sp-direct-contacts{margin-top:22px;gap:11px;}
 .hx-page[data-page="supplier"] .sp-services{padding:55px 0 60px;}
 .hx-page[data-page="supplier"] .sp-section-head{margin-bottom:29px;}
 .hx-page[data-page="supplier"] .sp-section-head h2,.hx-page[data-page="supplier"] .sp-audience h2,.hx-page[data-page="supplier"] .sp-more h2{font-size:29px;}
 .hx-page[data-page="supplier"] .sp-section-head p,.hx-page[data-page="supplier"] .sp-audience-heading p {font-size:15.5px;line-height:1.73;}
 .hx-page[data-page="supplier"] .sp-services-list{grid-template-columns:1fr;}
 .hx-page[data-page="supplier"] .sp-service{padding:21px 0 24px;grid-template-columns:55px 1fr;gap:10px;}
 .hx-page[data-page="supplier"] .sp-service h3{font-size:18.5px;}
 .hx-page[data-page="supplier"] .sp-service p {font-size:14.5px;}
 .hx-page[data-page="supplier"] .sp-audience {padding:60px 0 70px;}
 .hx-page[data-page="supplier"] .sp-audience-layout{gap:27px;}
 .hx-page[data-page="supplier"] .sp-audience-persona{padding:21px 0 24px;}
 .hx-page[data-page="supplier"] .sp-audience-persona h3{font-size:19.5px;}
 .hx-page[data-page="supplier"] .sp-audience-persona p {font-size:14.5px;}
 .hx-page[data-page="supplier"] .sp-more {padding:55px 0 63px;}
 .hx-page[data-page="supplier"] .sp-logo-link {flex-basis:186px;width:186px;height:96px;padding:12px 20px;}
 .hx-page[data-page="supplier"] .sp-logo-link img {max-width:min(100%,var(--logo-max-width,145px));max-height:min(var(--logo-max-height,70px),70px);} 
 .hx-page[data-page="supplier"] .sp-more-head{margin-bottom:18px;}
}
/* Respect system motion preferences and preserve manual horizontal scrolling. */
@media (prefers-reduced-motion: reduce) {
  .hx-page[data-page="supplier"] .sp-logo-track {animation:none!important;will-change:auto;}
  .hx-page[data-page="supplier"] .sp-logo-viewport {overflow-x:auto;scrollbar-width:thin;mask-image:none;-webkit-mask-image:none;}
  .hx-page[data-page="supplier"] .sp-logo-set[aria-hidden="true"] {display:none;}
  .hx-page[data-page="supplier"] .sp-logo-link {transition:none!important;}
  .hx-page[data-page="supplier"] .sp-external-button svg {transition:none!important;}
}