/* v614 — large-brand strip + UI residuals after v613. Loads after sk-read-v3.css. */
/* Strip: unscoped. It renders on seven MY routes only, none inside a measurement window. */
.sk-lbs{padding:2rem 0 1.75rem}
.sk-lbs__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#193340;margin:0 0 .85rem}
.sk-clients.sk-clients--strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
@media(min-width:640px){.sk-clients.sk-clients--strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.sk-clients.sk-clients--strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
.sk-lbs__more{margin:1rem 0 0;font-size:14px;font-weight:700}
.sk-lbs__more a{color:#1a6aa8;text-decoration:underline;text-underline-offset:3px}
/* U8 support: footer CTA is now an <a class="cta-pill">, not <a><button> */
a.cta-pill{text-decoration:none}
/* U1: header nav pills 9px and MENU label 10px -> 11px */
html.sk-read-v2 .small-nav-pill{font-size:11px;padding:6px 14px}
html.sk-read-v2 #menu-label{font-size:11px}
/* U2: tag pills 10px on tablet/desktop -> 11px (v613 R6 fixed phones only) */
html.sk-read-v2 :is(.tag-pill,.dark-pill,.pill-inline,.about-pill){font-size:11px}
/* U3: footer 10-11.2px -> 12px; footer links at least 40px tall on phones (were 17-28px) */
html.sk-read-v2 footer :is(.text-\[10px\],.text-\[11px\]),html.sk-read-v2 footer.text-\[10px\]{font-size:12px}
html.sk-read-v2 .sk-foot__h{font-size:12px}
@media(max-width:767px){html.sk-read-v2 .sk-foot__col a{padding:.6rem 0;min-height:40px;display:flex;align-items:center}}
/* U4: homepage service-row descriptions are hover-only (opacity 0) = never visible on touch screens. Show them where there is no hover; 10px -> 12px. */
@media(hover:none){html.sk-read-v2 .service-row .service-desc{opacity:1;transform:none;color:#1a6aa8}}
html.sk-read-v2 .service-row .service-desc{font-size:12px}
/* U5: two same-colour bands in a row stack both paddings (256-320px of blank band on desktop). Trim the second band's top; different-colour bands keep theirs. py-40 (160px) trimmed to 112px. */
@media(min-width:768px){
  html.sk-read-v2 main>section.section-light:is(.py-24,.py-32,.py-40)+section.section-light:is(.py-20,.py-24,.py-32,.py-40){padding-top:4rem}
  html.sk-read-v2 main>section.bg-black:is(.py-24,.py-32,.py-40)+section.bg-black:is(.py-20,.py-24,.py-32,.py-40){padding-top:4rem}
  html.sk-read-v2 main>section.py-40{padding-top:7rem;padding-bottom:7rem}
}
/* U6: /contact careers banner padding 300px (desktop) / 200px (phone) on each side */
html.sk-read-v2 .talent-banner{padding:96px 24px}
@media(min-width:1024px){html.sk-read-v2 .talent-banner{padding:128px 100px}}
/* U7: closing CTA band 128px top on tablet/desktop */
@media(min-width:768px){html.sk-read-v2 #contact.py-32{padding-top:6rem}}
/* U9: dark stat cards — text-5xl figure overflows three-up cards at tablet widths ("200+" on /industries/ecommerce-marketing) */
html.sk-read-v2 .bg-zinc-900.rounded-2xl>p.text-5xl{font-size:clamp(2rem,4.2vw,3rem);overflow-wrap:anywhere}
/* U10: remaining text-[10px] utilities in page bodies on tablet/desktop (v607 lifted phones only) -> 11px */
html.sk-read-v2 main .text-\[10px\]{font-size:11px}