/* Home trial only. Shared Services marquee and asset bytes stay unchanged. */
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust{padding-block:56px;background:#FFFFFF}
html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout{width:calc(100% - 112px);max-width:1600px;margin-inline:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:center}
html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout h2{margin:0;padding:0;text-align:left;letter-spacing:0;color:#032058;font-size:22px;line-height:1.3;max-width:none}
html:is([data-page=home],[data-page=services]) #client-logos .trust-label,html:is([data-page=home],[data-page=services]) #client-logos .trust-company{display:block;color:#032058;font-size:20px;font-weight:500}
html:is([data-page=home],[data-page=services]) #client-logos .trust-number{display:block;font-size:clamp(54px,5vw,76px);line-height:1.1;letter-spacing:-.05em;font-weight:700;color:#35AECB;margin-block:6px}
html:is([data-page=home],[data-page=services]) #client-logos h2 small{font-size:14px;line-height:1.5;margin-top:14px;max-width:220px}
html:is([data-page=home],[data-page=services]) #client-logos .client-logo-window{width:100%;max-width:none;min-width:0;margin:0}
html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group li{height:92px}
html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group img{max-height:80px;max-width:190px;opacity:1}
html:is([data-page=home],[data-page=services]) #client-logos:not([data-logo-enhanced]) .client-logo-group{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:0}
@media(prefers-reduced-motion:no-preference){
html:is([data-page=home],[data-page=services]) #client-logos[data-logo-enhanced] .client-logo-row-secondary .client-logo-track{animation-direction:reverse}
html:is([data-page=home],[data-page=services]) #client-logos[data-logo-enhanced] .client-logo-window::before,html:is([data-page=home],[data-page=services]) #client-logos[data-logo-enhanced] .client-logo-window::after{width:clamp(24px,5vw,80px)}
html:is([data-page=home],[data-page=services]) #client-logos.trust-entered .trust-number{animation:home-trust-enter .6s ease-out both}
html:is([data-page=home],[data-page=services]) #client-logos[data-logo-motion=paused] .trust-number{animation-play-state:paused}
}
@keyframes home-trust-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout{width:calc(100% - 56px);grid-template-columns:210px minmax(0,1fr);gap:32px}}
@media(max-width:800px){html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust{padding-block:32px}html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout{grid-template-columns:minmax(0,1fr);gap:28px}html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout h2{text-align:center}html:is([data-page=home],[data-page=services]) #client-logos h2 small{max-width:none}html:is([data-page=home],[data-page=services]) #client-logos .trust-number{font-size:56px}html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group li,html:is([data-page=home],[data-page=services]) #client-logos[data-logo-enhanced] .client-logo-group li{height:80px}html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group img,html:is([data-page=home],[data-page=services]) #client-logos[data-logo-enhanced] .client-logo-group img{max-height:66px;max-width:134px}html:is([data-page=home],[data-page=services]) #client-logos:not([data-logo-enhanced]) .client-logo-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout{width:calc(100% - 32px)}}
@media(max-width:480px){html:is([data-page=home],[data-page=services]) #client-logos:not([data-logo-enhanced]) .client-logo-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:0}html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group img{max-width:100%}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce) and (max-width:480px){html:is([data-page=home],[data-page=services]) #client-logos .client-logo-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
html:is([data-page=home],[data-page=services]) #client-logos:not([data-logo-enhanced]) .client-logo-group img{max-width:100%}
/* Matched boundary rules and balanced breathing room for the Home trial. */
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust{padding-block:80px;margin-block:24px}
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 112px);max-width:1600px;height:1px;background:#35AECB;pointer-events:none}
@media(max-width:1200px){html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::after{width:calc(100% - 56px)}}
@media(max-width:800px){html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust{padding-block:48px}}
@media(max-width:640px){html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust{margin-block:20px}html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::after{width:calc(100% - 32px)}}
/* Center-out boundary rules: matched, decorative and finite. */
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::before,
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::after{height:3px;background:linear-gradient(#35AECB,#35AECB) center/36px 3px no-repeat,linear-gradient(to right,rgb(53 174 203 / 0),#35AECB 22%,#35AECB 78%,rgb(53 174 203 / 0)) center/100% 1px no-repeat;transform-origin:center;transform:translateX(-50%)}
@media(prefers-reduced-motion:no-preference){
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust.trust-entered::before,
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust.trust-entered::after{animation:home-trust-rule-enter .8s cubic-bezier(.22,.61,.36,1) both}
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust[data-logo-motion=paused]::before,
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust[data-logo-motion=paused]::after{animation-play-state:paused}
}
@keyframes home-trust-rule-enter{from{transform:translateX(-50%) scaleX(.08)}to{transform:translateX(-50%) scaleX(1)}}
/* One content gutter aligns the trust copy with the following service intro. */
html:is([data-page=home],[data-page=services]){--home-opening-content-gutter:32px}
html:is([data-page=home],[data-page=services]) #our-services{padding-inline:var(--home-opening-content-gutter)}
html:is([data-page=home],[data-page=services]) #client-logos .home-trust-layout h2{padding-inline-start:var(--home-opening-content-gutter);text-align:left}
@media(max-width:1000px){html:is([data-page=home],[data-page=services]){--home-opening-content-gutter:24px}}
@media(max-width:640px){html:is([data-page=home],[data-page=services]){--home-opening-content-gutter:16px}}
/* Approved quieter trial: retain spacing, remove both decorative rules. */
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::before,
html:is([data-page=home],[data-page=services]) #client-logos.home-client-trust::after{content:none;animation:none}
