/* State the offer before asking a visitor to explore it. */
.clear-services{padding:clamp(36px,4.4vw,62px) clamp(24px,5vw,96px);background-color:var(--paper);border-block:1px solid #08253230}
.clear-services-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:28px}
.clear-services-intro .kicker{margin:0 0 12px;font-size:11px;line-height:1.5;letter-spacing:.09em;color:var(--orange-small)}
.clear-services-intro h2{margin:0;color:var(--ink);font-size:clamp(40px,4.7vw,65px);line-height:1.02;letter-spacing:-.015em}
.clear-services-intro>p{margin:0;max-width:54ch;font-size:17px;line-height:1.65;text-wrap:pretty}
.clear-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;border-top:2px solid var(--ink);padding-top:24px}
.clear-services-grid article{min-width:0;padding:0 20px 0 0;border-right:1px solid #08253235}
.clear-services-grid article:last-child{border-right:0;padding-right:0}
.clear-service-role{font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.04em;color:var(--orange-small);margin:0 0 10px}
.clear-services-grid h3{margin:0 0 12px;min-height:65px;font-size:clamp(26px,2.6vw,36px);line-height:1.06;letter-spacing:0;color:var(--ink)}
.clear-services-grid article>p:last-child{margin:0;font-size:15px;line-height:1.65;text-wrap:pretty}
.clear-services-value{--orange:var(--orange-brand);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:22px 24px;background:var(--ink);color:var(--paper);box-shadow:0 16px 24px -22px #08253280}
.clear-services-value p{margin:0;max-width:65ch;font-size:15px;line-height:1.65;text-wrap:pretty}
.clear-services-value strong{display:block;margin-bottom:5px;font:800 23px/1.2 'Barlow Condensed',Impact,sans-serif;color:var(--paper)}
.clear-services-value .btn{flex:none;font-size:17px;margin:0}
.clear-services :is(a,button):focus-visible{outline:3px solid var(--orange-brand);outline-offset:4px}
.trust-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 28px;padding:0 clamp(24px,5vw,96px);margin-bottom:24px}
.trust-header .trust-title{margin:0;line-height:1.5}
.trust-partners-link{display:inline-flex;align-items:center;min-height:44px;font:800 17px/1.2 'Barlow Condensed',Impact,sans-serif;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange-brand);letter-spacing:.025em}
.trust-partners-link:hover{color:var(--orange-small)}
.trust-partners-link:focus-visible{outline:3px solid var(--orange-brand);outline-offset:4px}

/* Two identical groups make the repeat boundary exact, even before logos load. */
.logo-marquee[data-logo-loop]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.logo-marquee[data-logo-loop].is-ready{overflow:hidden}
.logo-marquee[data-logo-loop] .logo-track{width:max-content;min-width:max-content;gap:0;padding:0;animation:none;transform:translate3d(0,0,0)}
.logo-loop-group{display:flex;flex:0 0 auto;align-items:center;gap:56px;padding:14px 28px}
.logo-marquee[data-logo-loop] .logo-loop-group img{flex:0 0 156px;width:156px;height:64px;max-width:none;max-height:none;object-fit:contain}
.logo-marquee[data-logo-loop]:not(.is-ready) .logo-loop-group[aria-hidden="true"]{display:none}
.logo-marquee[data-logo-loop].is-ready .logo-track{animation:homeLogoLoop 100s linear infinite;animation-play-state:running}
@media(hover:hover) and (pointer:fine){
 .logo-marquee[data-logo-loop].is-ready:hover .logo-track{animation-play-state:paused}
}
.logo-marquee[data-logo-loop].is-ready.is-paused .logo-track,.logo-marquee[data-logo-loop].is-ready.is-offscreen .logo-track{animation-play-state:paused}
.trust-controls{display:flex;justify-content:center;min-height:44px;margin-top:12px}
.logo-static-hint{display:flex;align-items:center;min-height:44px;margin:0;padding:10px 24px;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.04em;color:var(--ink);text-align:center}
.logo-static-hint[hidden]{display:none}
.logo-motion-toggle{min-height:44px;padding:10px 16px;border:1px solid #08253260;background:transparent;color:var(--ink);font:800 16px/1.25 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em;cursor:pointer}
.logo-motion-toggle[hidden]{display:none}
.logo-motion-toggle:hover{border-color:var(--orange-small);color:var(--orange-small)}
.logo-motion-toggle:focus-visible{outline:3px solid var(--orange-brand);outline-offset:4px}
@keyframes homeLogoLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:1100px){
 .clear-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
 .clear-services-grid article:nth-child(2){border-right:0;padding-right:0}
 .clear-services-grid article:nth-child(n+3){border-top:1px solid #08253235;padding-top:22px}
 .clear-services-grid h3{min-height:0;font-size:31px}
 .clear-services-value{align-items:flex-start}
}
@media(max-width:820px){
 .clear-services-intro{grid-template-columns:minmax(0,1fr);gap:20px}
 .clear-services-intro>p{font-size:16px}
 .clear-services-value{flex-direction:column;gap:18px}
 .logo-loop-group{gap:36px;padding:12px 18px}
 .logo-marquee[data-logo-loop] .logo-loop-group img{flex-basis:124px;width:124px;height:52px}
 .logo-marquee[data-logo-loop].is-ready .logo-track{animation-duration:76s}
}
@media(max-width:520px){
 .clear-services{padding-block:36px}
 .clear-services-intro h2{font-size:clamp(38px,10vw,49px)}
 .clear-services-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
 .clear-services-grid article,.clear-services-grid article:nth-child(n+3){border-right:0;padding:20px 0;border-top:1px solid #08253235}
 .clear-services-grid article:first-child{border-top:0}
 .clear-service-role{margin-bottom:6px}
 .clear-services-grid h3{font-size:29px;margin-bottom:8px}
 .clear-services-grid h3 br{display:none}
 .clear-services-value{padding:22px;margin-top:18px}
 .clear-services-value strong{font-size:23px}
 .trust-header{gap:8px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
 .logo-marquee[data-logo-loop].is-ready{overflow-x:auto}
 .logo-marquee[data-logo-loop].is-ready .logo-track{animation:none;transform:none;will-change:auto}
 .logo-marquee[data-logo-loop] .logo-loop-group[aria-hidden="true"]{display:none}
 .logo-marquee[data-logo-loop] .logo-loop-group img{transition:none}
}
