/* Clients page stability patch — isolates this page from legacy footer/reveal rules. */
.clients-page .reveal,
.clients-page .reveal.visible {
  opacity: 1 !important;
  transform: none !important;
}

.clients-page .page-noise { pointer-events: none; }
.clients-page main { display: block; min-height: 60vh; }
.clients-page .clients-hero,
.clients-page .clients-proof,
.clients-page .client-directory,
.clients-page .clients-value,
.clients-page .clients-cta { position: relative; z-index: 1; }

/* Stable header on the Clients page */
.clients-page .site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  width: 100%;
}
.clients-page .site-header .nav-wrap {
  width: min(1240px, calc(100% - 40px));
  margin-inline: auto;
}
.clients-page .brand-symbol {
  width: 44px !important;
  height: 36px !important;
  object-fit: contain;
  flex: 0 0 auto;
}
.clients-page .brand-name-wrap { min-width: 0; }

/* The Clients HTML uses .footer-v7 while older CSS targeted .site-footer-v7. */
.clients-page .footer-v7 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 72px 0 24px;
  background:
    radial-gradient(circle at 8% 12%, rgba(0,132,111,.16), transparent 31%),
    radial-gradient(circle at 92% 2%, rgba(96,74,185,.15), transparent 29%),
    #071923;
  color: #fff;
}
.clients-page .footer-v7 > .container {
  width: min(1240px, calc(100% - 40px));
  margin-inline: auto;
}
.clients-page .footer-v7-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) minmax(130px, .55fr) minmax(230px, 1fr) minmax(230px, .9fr);
  gap: clamp(30px, 4vw, 58px);
  align-items: start;
  padding-bottom: 42px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.clients-page .footer-v7-brand { display: block; min-width: 0; }
.clients-page .footer-v7-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
}
.clients-page .footer-v7-logo img {
  display: block;
  width: 58px !important;
  height: 46px !important;
  max-width: 58px !important;
  object-fit: contain;
}
.clients-page .footer-v7-logo span { display: flex; flex-direction: column; min-width: 0; }
.clients-page .footer-v7-logo strong { color: #fff; font-size: 24px; line-height: 1; letter-spacing: .03em; }
.clients-page .footer-v7-logo small { margin-top: 5px; color: #82979f; font-size: 8px; letter-spacing: .18em; }
.clients-page .footer-v7-tagline {
  margin: 25px 0 0;
  color: #b7ff32;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.clients-page .footer-v7-brand > p:last-child {
  max-width: 430px;
  margin: 14px 0 0;
  color: #9db0b7;
  font-size: 13px;
  line-height: 1.75;
}
.clients-page .footer-v7-column,
.clients-page .footer-v7-contact { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.clients-page .footer-v7-label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 19px;
  color: #b7ff32;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.clients-page .footer-v7-label::before { content: ""; width: 18px; height: 1px; background: #b7ff32; }
.clients-page .footer-v7-column > a {
  margin: 0 0 12px;
  color: #dce6e3;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5;
}
.clients-page .footer-v7-services > a {
  display: grid;
  width: 100%;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 8px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.clients-page .footer-v7-services > a span { color: #607981; font-size: 9px; }
.clients-page .footer-v7-contact > a,
.clients-page .footer-v7-hours {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
}
.clients-page .footer-v7-contact small,
.clients-page .footer-v7-hours small { color: #6f8790; font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.clients-page .footer-v7-contact strong,
.clients-page .footer-v7-hours strong { margin-top: 5px; color: #dce6e3; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.clients-page .footer-v7-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0 0;
  color: #728890;
  font-size: 10px;
}
.clients-page .footer-v7-bottom > div { display: flex; align-items: center; flex-wrap: wrap; gap: 11px 18px; }
.clients-page .footer-v7-bottom strong { color: #edf4f2; font-size: 11px; }
.clients-page .footer-v7-bottom a { color: #95a8ae; text-decoration: none; }
.clients-page .footer-v7 a:hover { color: #b7ff32; }

@media (max-width: 1040px) {
  .clients-page .footer-v7-grid { grid-template-columns: 1.15fr .7fr 1fr; }
  .clients-page .footer-v7-contact { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0 20px; }
  .clients-page .footer-v7-contact .footer-v7-label { grid-column: 1 / -1; }
}

@media (max-width: 920px) {
  .clients-page .site-header .nav-wrap { width: min(100% - 24px, 760px); }
  .clients-page .site-nav,
  .clients-page .site-nav.open { left: 0 !important; right: 0 !important; width: 100% !important; }
  .clients-page .site-nav.open a { color: #fff !important; }
  .clients-page .site-nav.open a.active,
  .clients-page .site-nav.open a:hover { color: #102127 !important; background: #f7b21e !important; }
}

@media (max-width: 760px) {
  .clients-page .footer-v7 { padding-top: 46px; }
  .clients-page .footer-v7 > .container { width: min(100% - 32px, 620px); }
  .clients-page .footer-v7-grid { grid-template-columns: 1fr; gap: 34px; padding-bottom: 32px; }
  .clients-page .footer-v7-contact { display: flex; grid-column: auto; }
  .clients-page .footer-v7-bottom { align-items: flex-start; flex-direction: column; }
  .clients-page .footer-v7-bottom > div { align-items: flex-start; }
}

@media (max-width: 560px) {
  .clients-page .site-header .nav-wrap { width: calc(100% - 16px); }
  .clients-page .brand-symbol { width: 38px !important; height: 31px !important; }
  .clients-page .footer-v7 > .container { width: calc(100% - 24px); }
  .clients-page .footer-v7-logo img { width: 50px !important; height: 40px !important; }
  .clients-page .footer-v7-logo strong { font-size: 21px; }
}


/* =========================================================
   INTERACTIVE CLIENT CARD SYSTEM — REFERENCE INSPIRED
   Click or keyboard activation moves the lime highlight.
   ========================================================= */
:root {
  --client-lime: #a8ff19;
  --client-ink: #071923;
  --client-muted: #6d7f84;
  --client-soft: #edf3ee;
}

.client-profile-card,
.client-company-card {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.client-profile-card:focus-visible,
.client-company-card:focus-visible {
  box-shadow: 0 0 0 4px rgba(168,255,25,.28), 0 22px 52px rgba(7,25,35,.14) !important;
}

/* Dedicated Clients page cards */
.clients-page .client-profile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.clients-page .client-profile-card {
  min-height: 390px;
  padding: 28px;
  border-radius: 30px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(7,25,35,.10);
  box-shadow: 0 18px 46px rgba(7,25,35,.055);
  transition: transform .42s cubic-bezier(.2,.8,.2,1), background .42s ease,
              border-color .42s ease, box-shadow .42s ease, color .42s ease;
}

.clients-page .client-profile-card::before {
  content: '↗';
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(7,25,35,.10);
  border-radius: 50%;
  color: #2c9a87;
  background: rgba(255,255,255,.68);
  font-size: 16px;
  font-weight: 800;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), background .35s ease, color .35s ease;
}

.clients-page .client-profile-card::after {
  content: '';
  position: absolute;
  inset: auto -90px -110px auto;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  transform: scale(.45);
  opacity: 0;
  transition: transform .55s ease, opacity .4s ease;
}

.clients-page .client-profile-card__top {
  min-height: 112px;
  padding-right: 58px;
}

.clients-page .client-profile-card__mark {
  align-self: end;
  width: 66px;
  height: 66px;
  border-radius: 19px;
  background: var(--client-soft);
  color: #168c78;
  transition: transform .4s ease, background .4s ease, color .4s ease;
}

.clients-page .client-profile-card__body h3 {
  font-size: clamp(1.45rem, 1.75vw, 2rem);
}

.clients-page .client-profile-card.is-active {
  transform: translateY(-8px);
  border-color: #91e600;
  background: var(--client-lime);
  color: var(--client-ink);
  box-shadow: 0 28px 68px rgba(91,145,0,.22);
}

.clients-page .client-profile-card.is-active::before {
  content: '→';
  transform: rotate(0deg) scale(1.04);
  background: var(--client-ink);
  border-color: var(--client-ink);
  color: #fff;
}

.clients-page .client-profile-card.is-active::after {
  transform: scale(1);
  opacity: 1;
}

.clients-page .client-profile-card.is-active .client-profile-card__mark {
  transform: translateY(-2px) rotate(-3deg);
  background: var(--client-ink);
  color: #fff;
}

.clients-page .client-profile-card.is-active .client-profile-card__index,
.clients-page .client-profile-card.is-active .client-profile-card__body p,
.clients-page .client-profile-card.is-active .client-profile-card__body > span {
  color: rgba(7,25,35,.66);
}

.clients-page .client-profile-card.is-active .client-profile-card__body > span::before {
  background: var(--client-ink);
}

/* Homepage clients section — same visual language, cleaner hierarchy */
.clients-showcase {
  background:
    radial-gradient(circle at 18% 22%, rgba(168,255,25,.10), transparent 28%),
    linear-gradient(180deg, #f4f7f1 0%, #eef3ed 100%);
}

.clients-showcase__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.client-company-card {
  min-height: 315px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  border-radius: 30px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(7,25,35,.10);
  box-shadow: 0 18px 48px rgba(7,25,35,.055);
  transition: transform .42s cubic-bezier(.2,.8,.2,1), background .42s ease,
              border-color .42s ease, box-shadow .42s ease;
}

.client-company-card::before {
  content: '↗';
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(7,25,35,.10);
  color: #2c9a87;
  background: rgba(255,255,255,.72);
  font-weight: 800;
  transition: transform .4s ease, background .35s ease, color .35s ease;
}

.client-company-card::after {
  width: 220px;
  height: 220px;
  right: -115px;
  bottom: -125px;
  border: none;
  background: rgba(255,255,255,.13);
  transform: scale(.5);
  opacity: 0;
}

.client-company-card__mark {
  width: 66px;
  height: 66px;
  margin-top: auto;
  border-radius: 19px;
  background: var(--client-soft);
  color: #168c78;
  font-size: .86rem;
  transition: transform .4s ease, background .4s ease, color .4s ease;
}

.client-company-card > div:nth-child(2) {
  width: 100%;
}

.client-company-card strong {
  font-size: clamp(1.22rem, 1.55vw, 1.7rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

.client-company-card > span {
  position: absolute;
  top: 31px;
  left: 26px;
}

.client-company-card.is-active,
.client-company-card--cta.is-active {
  transform: translateY(-8px);
  border-color: #91e600;
  background: var(--client-lime);
  box-shadow: 0 28px 68px rgba(91,145,0,.22);
}

.client-company-card.is-active::before {
  content: '→';
  color: #fff;
  background: var(--client-ink);
  border-color: var(--client-ink);
}

.client-company-card.is-active::after {
  transform: scale(1);
  opacity: 1;
}

.client-company-card.is-active .client-company-card__mark {
  transform: translateY(-2px) rotate(-3deg);
  background: var(--client-ink);
  color: #fff;
}

.client-company-card.is-active small,
.client-company-card.is-active > span,
.client-company-card--cta.is-active small {
  color: rgba(7,25,35,.62);
}

.client-company-card.is-active strong,
.client-company-card--cta.is-active strong {
  color: var(--client-ink);
}

.client-company-card--cta {
  background: rgba(255,255,255,.92);
  border-color: rgba(7,25,35,.10);
}
.client-company-card--cta small { color: #087c66; }
.client-company-card--cta strong { color: var(--client-ink); }
.client-company-card--cta .client-company-card__mark { background: var(--client-soft); color: #168c78; }
.client-company-card--cta > a {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  opacity: 0;
}

@media (max-width: 1180px) {
  .clients-page .client-profile-grid,
  .clients-showcase__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .clients-page .client-profile-grid,
  .clients-showcase__grid { grid-template-columns: 1fr; gap: 14px; }
  .clients-page .client-profile-card,
  .client-company-card {
    min-height: 270px;
    padding: 22px;
    border-radius: 24px;
  }
  .clients-page .client-profile-card::before,
  .client-company-card::before { top: 20px; right: 20px; }
  .client-company-card > span { top: 28px; left: 22px; }
}

@media (hover: hover) {
  .client-profile-card:not(.is-active):hover,
  .client-company-card:not(.is-active):hover {
    transform: translateY(-5px);
    border-color: rgba(22,140,120,.34);
    box-shadow: 0 24px 56px rgba(7,25,35,.10);
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-profile-card,
  .client-company-card,
  .client-profile-card::before,
  .client-company-card::before,
  .client-profile-card::after,
  .client-company-card::after,
  .client-profile-card__mark,
  .client-company-card__mark { transition: none !important; }
}

/* Client page mobile layer final override v5 */
@media (max-width: 760px) {
  .clients-page .client-directory { overflow: clip; }
  .clients-page .client-directory > .container { width: min(100% - 28px, 1180px); }
  .clients-page .client-directory__head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
  .clients-page .client-directory__head h2 { font-size: clamp(2.15rem,10.5vw,3.15rem); line-height: 1.02; text-wrap: balance; }
  .clients-page .client-profile-grid { grid-template-columns: 1fr; gap: 12px; }
  .clients-page .client-profile-card { min-width: 0; min-height: 184px; padding: 19px; border-radius: 22px; transform: none; touch-action: manipulation; }
  .clients-page .client-profile-card.is-active { transform: none; }
  .clients-page .client-profile-card::before { top: 16px; right: 16px; width: 38px; height: 38px; }
  .clients-page .client-profile-card__top { min-height: 42px; padding-right: 48px; }
  .clients-page .client-profile-card__mark { width: 52px; height: 52px; border-radius: 15px; }
  .clients-page .client-profile-card h3 { font-size: clamp(1.38rem,6.4vw,1.82rem); line-height: 1.12; overflow-wrap: anywhere; }
}
@media (min-width:520px) and (max-width:760px) {
  .clients-page .client-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .clients-page .client-profile-card { min-height: 220px; }
}
@media (max-width:390px) {
  .clients-page .client-directory > .container { width: min(100% - 22px,1180px); }
  .clients-page .client-profile-card { min-height:176px; padding:17px; border-radius:20px; }
}

/* Client portfolio rework v6 — homepage footer placement + active engagements */
.clients-showcase--footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5f8f6 0%,#eef5f0 100%);border-top:1px solid rgba(7,25,35,.08)}
.clients-showcase--footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-250px;background:radial-gradient(circle,rgba(145,230,0,.16),transparent 68%);pointer-events:none}
.clients-showcase__shell--new{position:relative;z-index:1}
.clients-showcase__head--new{align-items:end;margin-bottom:30px}
.client-portfolio-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch;border:1px solid rgba(7,25,35,.1);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 18px 60px rgba(7,25,35,.07);overflow:hidden;margin-bottom:28px}
.client-portfolio-stat{padding:24px 28px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;border-right:1px solid rgba(7,25,35,.09)}
.client-portfolio-stat strong{grid-row:1/3;font-size:clamp(2.4rem,5vw,4rem);line-height:.9;color:#071923}
.client-portfolio-stat span{font-weight:800;color:#071923;font-size:1rem}.client-portfolio-stat small{color:#66767d}
.client-portfolio-stat--active strong{color:#168c78}
.client-portfolio-overview>a{display:flex;align-items:center;gap:22px;padding:24px 28px;font-weight:800;color:#fff;background:#071923}.client-portfolio-overview>a i{font-style:normal;font-size:1.3rem}
.client-groups{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}
.client-group{padding:28px;border-radius:30px;background:#fff;border:1px solid rgba(7,25,35,.09);box-shadow:0 22px 70px rgba(7,25,35,.07)}
.client-group--active{background:#071923;color:#fff}
.client-group__head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;margin-bottom:18px;border-bottom:1px solid rgba(7,25,35,.09)}
.client-group--active .client-group__head{border-color:rgba(255,255,255,.13)}
.client-group__head>div>small{display:block;color:#738188;margin:7px 0 4px}.client-group--active .client-group__head>div>small{color:rgba(255,255,255,.55)}
.client-group__head h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;color:#071923}.client-group--active h3{color:#fff}
.client-group__head>b{font-size:3rem;color:rgba(7,25,35,.08)}.client-group--active .client-group__head>b{color:rgba(255,255,255,.1)}
.client-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#91e600;box-shadow:0 0 0 6px rgba(145,230,0,.14)}
.client-logo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.client-logo-list article{display:flex;align-items:center;gap:13px;min-width:0;padding:14px;border-radius:18px;background:#f5f8f6;border:1px solid rgba(7,25,35,.06)}
.client-logo-list article>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#fff;color:#168c78;font-weight:900;box-shadow:0 8px 20px rgba(7,25,35,.07)}
.client-logo-list small,.active-client-list small{display:block;color:#748187;font-size:.72rem;margin-bottom:2px}.client-logo-list strong{display:block;color:#071923;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.active-client-list{display:grid;gap:10px}.active-client-list article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 15px;border-radius:17px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09)}
.active-client-list article>span{color:#91e600;font-weight:800}.active-client-list strong{display:block;color:#fff}.active-client-list i{font-style:normal;color:#91e600;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.active-client-list small{color:rgba(255,255,255,.52)}
.active-client-note{margin:15px 2px 0;color:rgba(255,255,255,.5);font-size:.78rem}
.clients-showcase__foot--new{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px}.clients-showcase__foot--new>div{display:flex;align-items:center;gap:18px}
.client-directory--reworked{background:#f5f8f6}.client-directory__head--new{align-items:end}.client-directory__head--new>p{max-width:520px;color:#66767d}
.client-page-group{margin-top:38px}.client-page-group+.client-page-group{margin-top:54px}
.client-page-group__title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(7,25,35,.1)}
.client-page-group__title small{display:block;margin:8px 0 5px;color:#6d7b81}.client-page-group__title h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1;color:#071923}.client-page-group__title>p{max-width:390px;color:#68777d}
.client-profile-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.client-profile-grid--compact .client-profile-card{min-height:245px}
.client-page-group--active{padding:34px;border-radius:34px;background:#071923;color:#fff}.client-page-group--active .client-page-group__title{border-color:rgba(255,255,255,.13)}.client-page-group--active .client-page-group__title h3{color:#fff}.client-page-group--active .client-page-group__title small,.client-page-group--active .client-page-group__title>p{color:rgba(255,255,255,.55)}
.active-engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.active-engagement-grid article{position:relative;min-height:225px;padding:22px;border-radius:23px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between}.active-engagement-grid article>span{color:#91e600;font-weight:900}.active-engagement-grid small{color:#91e600;text-transform:uppercase;letter-spacing:.08em}.active-engagement-grid h4{font-size:1.3rem;margin:7px 0;color:#fff}.active-engagement-grid p{color:rgba(255,255,255,.55);font-size:.9rem}.active-engagement-grid b{align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(145,230,0,.12);color:#91e600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.active-engagement-note{display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding:16px 18px;border-radius:16px;background:#91e600;color:#071923}.active-engagement-note span{opacity:.7}
@media(max-width:980px){.client-groups{grid-template-columns:1fr}.client-portfolio-overview{grid-template-columns:1fr 1fr}.client-portfolio-overview>a{grid-column:1/-1;justify-content:space-between}.client-profile-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.active-engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.clients-showcase--footer{padding-block:70px}.clients-showcase__head--new{display:block}.client-portfolio-overview{grid-template-columns:1fr;border-radius:22px}.client-portfolio-stat{border-right:0;border-bottom:1px solid rgba(7,25,35,.09);padding:20px}.client-portfolio-overview>a{grid-column:auto;padding:19px 20px}.client-group{padding:20px;border-radius:24px}.client-logo-list{grid-template-columns:1fr}.clients-showcase__foot--new,.clients-showcase__foot--new>div,.client-page-group__title,.active-engagement-note{align-items:flex-start;flex-direction:column}.clients-showcase__foot--new>div{width:100%}.clients-showcase__foot--new .btn{width:100%;justify-content:space-between}.client-profile-grid--compact{grid-template-columns:1fr}.client-page-group--active{padding:20px;border-radius:25px}.active-engagement-grid{grid-template-columns:1fr}.active-engagement-grid article{min-height:200px}.client-page-group__title{align-items:flex-start}.active-engagement-note{gap:5px}}

/* =========================================================
   CLIENT HIERARCHY V7 — ACTIVE FIRST, PRIMARY SECOND
   ========================================================= */
.clients-showcase--footer {
  padding-block: clamp(78px, 9vw, 126px);
}
.clients-showcase__head--new {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(28px, 5vw, 72px);
}
.clients-showcase__head--new h2 { max-width: 820px; }
.clients-showcase__intro {
  align-self: end;
  padding: 22px 0 4px 24px;
  border-left: 1px solid rgba(7,25,35,.14);
}
.clients-showcase__intro > span {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: #071923;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.clients-showcase__intro p { margin-top: 13px; color: #66767d; line-height: 1.7; }

.client-portfolio-overview {
  grid-template-columns: 1.15fr .85fr auto;
  border-radius: 30px;
}
.client-portfolio-stat--active {
  position: relative;
  background: #a8ff19;
}
.client-portfolio-stat--active::after {
  content: "LIVE";
  position: absolute;
  top: 15px;
  right: 17px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #071923;
  color: #fff;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.client-portfolio-stat--active strong { color: #071923; }

.client-groups {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  align-items: stretch;
}
.client-group { min-width: 0; }
.client-group--main {
  position: relative;
  padding: clamp(26px, 3.2vw, 42px);
  background:
    radial-gradient(circle at 90% 5%, rgba(168,255,25,.16), transparent 30%),
    #071923;
  box-shadow: 0 34px 90px rgba(7,25,35,.20);
}
.client-group--main::before {
  content: "CURRENT WORK";
  position: absolute;
  top: 25px;
  right: 82px;
  color: #a8ff19;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.client-group--main .client-group__head h3 { font-size: clamp(2rem, 4vw, 3.35rem); }
.client-group--main .active-client-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.client-group--main .active-client-list article {
  position: relative;
  min-height: 132px;
  grid-template-columns: 38px 1fr;
  align-content: center;
  padding: 20px;
  overflow: hidden;
}
.client-group--main .active-client-list article > i {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(168,255,25,.12);
}
.client-group:not(.client-group--active) {
  align-self: stretch;
  background: rgba(255,255,255,.86);
}
.client-group:not(.client-group--active) .client-logo-list { grid-template-columns: 1fr; }
.client-group:not(.client-group--active) .client-logo-list article { padding: 13px; }

/* Dedicated clients page: active engagement becomes the hero portfolio layer. */
.clients-page .client-directory__head--new {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
  gap: clamp(28px,5vw,70px);
}
.clients-page .client-page-group--main {
  margin-top: 40px;
  padding: clamp(26px,4vw,48px);
  border-radius: clamp(28px,4vw,46px);
  background:
    radial-gradient(circle at 95% 0%, rgba(168,255,25,.19), transparent 34%),
    linear-gradient(145deg,#071923 0%,#0a2530 100%);
  box-shadow: 0 38px 100px rgba(7,25,35,.22);
}
.clients-page .client-page-group--main .client-page-group__title h3 {
  font-size: clamp(2.5rem,5vw,4.6rem);
}
.clients-page .client-page-group--main .active-engagement-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.clients-page .client-page-group--main .active-engagement-grid article {
  min-height: 250px;
  background: rgba(255,255,255,.075);
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
}
.clients-page .client-page-group--main .active-engagement-grid article:first-child {
  background: #a8ff19;
  border-color: #a8ff19;
}
.clients-page .client-page-group--main .active-engagement-grid article:first-child span,
.clients-page .client-page-group--main .active-engagement-grid article:first-child small,
.clients-page .client-page-group--main .active-engagement-grid article:first-child h4,
.clients-page .client-page-group--main .active-engagement-grid article:first-child p { color: #071923; }
.clients-page .client-page-group--main .active-engagement-grid article:first-child b {
  background:#071923; color:#fff;
}
.clients-page .client-page-group:not(.client-page-group--active) {
  margin-top: clamp(54px,7vw,90px);
  padding-top: clamp(8px,2vw,24px);
}
.clients-page .client-profile-grid--compact {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.clients-page .client-profile-grid--compact .client-profile-card {
  min-height: 225px;
  padding: 24px;
  border-radius: 24px;
}

@media (hover:hover) {
  .clients-page .client-page-group--main .active-engagement-grid article:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,.11);
    border-color: rgba(168,255,25,.48);
  }
  .clients-page .client-page-group--main .active-engagement-grid article:first-child:hover { background:#a8ff19; }
}

@media (max-width: 1040px) {
  .client-groups { grid-template-columns: 1fr; }
  .client-group--main .active-client-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .client-group:not(.client-group--active) .client-logo-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .clients-page .client-page-group--main .active-engagement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .clients-page .client-profile-grid--compact { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .clients-showcase__head--new,
  .clients-page .client-directory__head--new { grid-template-columns: 1fr; gap: 20px; }
  .clients-showcase__intro { padding: 18px 0 0; border-left: 0; border-top: 1px solid rgba(7,25,35,.12); }
  .client-portfolio-overview { grid-template-columns: 1fr; }
  .client-group--main::before { display:none; }
  .client-group--main .active-client-list { grid-template-columns: 1fr; }
  .client-group--main .active-client-list article { min-height: 112px; }
  .client-group:not(.client-group--active) .client-logo-list { grid-template-columns: 1fr; }
  .clients-page .client-page-group--main { padding: 21px; border-radius: 28px; }
  .clients-page .client-page-group--main .active-engagement-grid { grid-template-columns: 1fr; }
  .clients-page .client-page-group--main .active-engagement-grid article { min-height: 205px; }
  .clients-page .client-profile-grid--compact { grid-template-columns: 1fr; }
  .clients-page .client-profile-grid--compact .client-profile-card { min-height: 176px; }
}

@media (min-width: 520px) and (max-width: 760px) {
  .clients-page .client-profile-grid--compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


/* =========================================================
   CLIENT EXPERIENCE V9 — COMPLETE REWORK
   ========================================================= */
.client-v9{background:#f3f6f4;color:#071923;overflow:hidden}.client-v9__shell{display:grid;gap:clamp(24px,4vw,44px)}
.client-v9__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(28px,5vw,70px);align-items:end}.client-v9__heading h2{max-width:820px}.client-v9__heading>p{max-width:760px;margin-top:20px;color:#617078;line-height:1.75;font-size:1.02rem}.client-v9__summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(7,25,35,.11);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(7,25,35,.07)}.client-v9__summary-item{padding:22px;border-right:1px solid rgba(7,25,35,.09)}.client-v9__summary-item--live{background:#a8ff19}.client-v9__summary-item span,.client-v9__summary-item small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.client-v9__summary-item strong{display:block;margin:7px 0;font-size:2.5rem;line-height:1}.client-v9__summary>a{grid-column:1/-1;display:flex;justify-content:space-between;padding:17px 21px;background:#071923;color:#fff;font-weight:800;text-decoration:none}
.client-v9__active{padding:clamp(24px,4vw,44px);border-radius:clamp(28px,4vw,46px);background:radial-gradient(circle at 94% 0%,rgba(168,255,25,.20),transparent 32%),linear-gradient(145deg,#071923,#0a2833);color:#fff;box-shadow:0 36px 90px rgba(7,25,35,.19)}.client-v9__section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13)}.client-v9__section-head>div>small{color:#a8ff19;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.client-v9__section-head h3{margin-top:6px;font-size:clamp(2.15rem,4vw,3.8rem);line-height:1}.client-v9__section-head>p{max-width:440px;color:rgba(255,255,255,.6);line-height:1.65}.client-v9__live-dot{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#a8ff19;box-shadow:0 0 0 7px rgba(168,255,25,.12);animation:clientPulse 2s infinite}@keyframes clientPulse{50%{box-shadow:0 0 0 12px rgba(168,255,25,0)}}
.client-v9__active-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-v9__active-card{min-width:0;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.065);display:grid;gap:25px}.client-v9__active-card--featured{background:#a8ff19;color:#071923;border-color:#a8ff19}.client-v9__card-top{display:flex;justify-content:space-between;align-items:center}.client-v9__card-top>span{font-size:.8rem;font-weight:900}.client-v9__card-top>b{padding:6px 9px;border-radius:999px;background:rgba(168,255,25,.13);color:#a8ff19;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.client-v9__active-card--featured .client-v9__card-top>b{background:#071923;color:#fff}.client-v9__active-card small{color:#a8ff19;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.client-v9__active-card--featured small{color:#234000}.client-v9__active-card h4{margin:8px 0;font-size:clamp(1.25rem,2vw,1.65rem);color:inherit}.client-v9__active-card p{color:rgba(255,255,255,.58);line-height:1.6}.client-v9__active-card--featured p{color:rgba(7,25,35,.7)}.client-v9__active-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.client-v9__active-card dl div{padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.client-v9__active-card--featured dl div{border-color:rgba(7,25,35,.16)}.client-v9__active-card dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;opacity:.55}.client-v9__active-card dd{margin:4px 0 0;font-size:.82rem;font-weight:700}.client-v9__more{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:17px 20px;border:1px solid rgba(255,255,255,.13);border-radius:17px;color:#fff;text-decoration:none;font-weight:800}
.client-v9__primary{padding:clamp(24px,3.5vw,40px);border:1px solid rgba(7,25,35,.1);border-radius:clamp(26px,4vw,40px);background:#fff}.client-v9__section-head--light{border-color:rgba(7,25,35,.1)}.client-v9__section-head--light>div>small{color:#617078}.client-v9__section-head--light>p{color:#617078}.client-v9__logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-v9__logo-grid article{min-width:0;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid rgba(7,25,35,.09);border-radius:18px;background:#f7f9f7}.client-v9__logo-grid article>span{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#071923;color:#fff;font-size:.78rem;font-weight:900}.client-v9__logo-grid article div{min-width:0}.client-v9__logo-grid small{display:block;color:#738087;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-v9__logo-grid strong{display:block;margin-top:4px;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-v9__footer{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:25px;padding-top:24px;border-top:1px solid rgba(7,25,35,.1)}.client-v9__footer p{max-width:560px;color:#617078}.client-v9__footer>div{display:flex;align-items:center;gap:18px}.client-v9__footer a:not(.btn){color:#071923;font-weight:800;text-decoration:none}
.client-directory--v9{background:#f4f6f3}.client-directory-v9__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(30px,6vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}.client-directory-v9__head p{color:#617078;line-height:1.75}.client-page-v9__active{padding:clamp(25px,4vw,48px);border-radius:clamp(28px,4vw,48px);background:radial-gradient(circle at 95% 0%,rgba(168,255,25,.18),transparent 33%),linear-gradient(145deg,#071923,#0b2a35);color:#fff;box-shadow:0 38px 100px rgba(7,25,35,.20)}.client-page-v9__title{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-bottom:26px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13)}.client-page-v9__title small{color:#a8ff19;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.client-page-v9__title h3{margin-top:7px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95}.client-page-v9__title>p{max-width:470px;color:rgba(255,255,255,.58);line-height:1.65}.client-page-v9__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.client-page-v9__card{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:rgba(255,255,255,.065);display:grid;gap:25px}.client-page-v9__card--featured{background:#a8ff19;color:#071923;border-color:#a8ff19}.client-page-v9__card-head{display:flex;justify-content:space-between}.client-page-v9__card-head span{font-weight:900}.client-page-v9__card-head b{padding:6px 9px;border-radius:999px;background:rgba(168,255,25,.13);color:#a8ff19;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.client-page-v9__card--featured .client-page-v9__card-head b{background:#071923;color:#fff}.client-page-v9__card-copy small{color:#a8ff19;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.client-page-v9__card--featured .client-page-v9__card-copy small{color:#294800}.client-page-v9__card-copy h4{margin:8px 0;font-size:clamp(1.35rem,2.1vw,1.8rem);color:inherit}.client-page-v9__card-copy p{color:rgba(255,255,255,.58);line-height:1.6}.client-page-v9__card--featured .client-page-v9__card-copy p{color:rgba(7,25,35,.68)}.client-page-v9__card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.client-page-v9__card dl div{padding:12px;border-radius:13px;background:rgba(255,255,255,.055)}.client-page-v9__card--featured dl div{background:rgba(7,25,35,.07)}.client-page-v9__card dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.client-page-v9__card dd{margin:4px 0 0;font-size:.8rem;font-weight:750}.client-page-v9__confidential{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding:18px 20px;border-radius:18px;background:#a8ff19;color:#071923}.client-page-v9__confidential span{display:block;margin-top:3px;opacity:.65}.client-page-v9__confidential a{color:#071923;font-weight:900;text-decoration:none}.client-page-v9__primary{margin-top:clamp(58px,8vw,100px)}.client-page-v9__title--light{color:#071923;border-color:rgba(7,25,35,.1)}.client-page-v9__title--light small,.client-page-v9__title--light>p{color:#68777e}.client-page-v9__primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.client-page-v9__primary-grid article{min-width:0;min-height:220px;padding:22px;border:1px solid rgba(7,25,35,.09);border-radius:23px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 36px rgba(7,25,35,.045)}.client-page-v9__brand{display:flex;justify-content:space-between;align-items:start}.client-page-v9__brand>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#071923;color:#fff;font-size:.8rem;font-weight:900}.client-page-v9__brand small{color:#8a969b;font-weight:800}.client-page-v9__primary-grid p{color:#728087;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.client-page-v9__primary-grid h4{margin:8px 0;font-size:1.15rem;color:#071923}.client-page-v9__primary-grid b{font-size:.68rem;color:#567000;text-transform:uppercase;letter-spacing:.08em}
@media(hover:hover){.client-v9__active-card,.client-page-v9__card,.client-page-v9__primary-grid article,.client-v9__logo-grid article{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.client-v9__active-card:hover,.client-page-v9__card:hover{transform:translateY(-5px);border-color:rgba(168,255,25,.45)}.client-page-v9__primary-grid article:hover,.client-v9__logo-grid article:hover{transform:translateY(-4px);border-color:rgba(7,25,35,.2);box-shadow:0 20px 45px rgba(7,25,35,.08)}}
@media(max-width:1040px){.client-v9__header,.client-directory-v9__head{grid-template-columns:1fr}.client-v9__summary{max-width:620px}.client-v9__logo-grid,.client-page-v9__primary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.client-v9{padding-block:68px}.client-v9__summary{grid-template-columns:1fr 1fr;border-radius:22px}.client-v9__summary-item{padding:17px}.client-v9__summary-item strong{font-size:2rem}.client-v9__active,.client-page-v9__active{padding:20px;border-radius:28px}.client-v9__section-head,.client-page-v9__title,.client-v9__footer,.client-page-v9__confidential{align-items:flex-start;flex-direction:column}.client-v9__section-head h3,.client-page-v9__title h3{font-size:2.35rem}.client-v9__active-grid,.client-page-v9__grid{grid-template-columns:1fr}.client-v9__active-card,.client-page-v9__card{padding:19px;border-radius:20px}.client-v9__logo-grid,.client-page-v9__primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-v9__logo-grid article{padding:13px}.client-v9__footer>div{width:100%;align-items:stretch;flex-direction:column}.client-v9__footer .btn{width:100%;justify-content:space-between}.client-page-v9__confidential a{width:100%;padding-top:12px;border-top:1px solid rgba(7,25,35,.16)}}
@media(max-width:520px){.client-v9__summary{grid-template-columns:1fr}.client-v9__summary-item{border-right:0;border-bottom:1px solid rgba(7,25,35,.09)}.client-v9__summary>a{grid-column:auto}.client-v9__active-card dl,.client-page-v9__card dl{grid-template-columns:1fr}.client-v9__logo-grid,.client-page-v9__primary-grid{grid-template-columns:1fr}.client-page-v9__primary-grid article{min-height:180px}.client-v9__section-head>p,.client-page-v9__title>p{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){.client-v9__live-dot{animation:none}}


/* =========================================================
   CLIENT INTERACTION + HERO V10
   ========================================================= */
.client-v9__active-card,
.client-page-v9__card {
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease !important;
}
.client-v9__active-card:focus-visible,
.client-page-v9__card:focus-visible {
  box-shadow: 0 0 0 4px rgba(168,255,25,.28), 0 24px 60px rgba(0,0,0,.2) !important;
}
/* Remove the fixed highlight from the first card; selected state controls colour. */
.client-v9__active-card--featured:not(.is-active),
.client-page-v9__card--featured:not(.is-active) {
  background: rgba(255,255,255,.065) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.11) !important;
}
.client-v9__active-card--featured:not(.is-active) p,
.client-page-v9__card--featured:not(.is-active) p { color: rgba(255,255,255,.58) !important; }
.client-v9__active-card--featured:not(.is-active) small,
.client-page-v9__card--featured:not(.is-active) small { color: var(--client-lime) !important; }
.client-v9__active-card--featured:not(.is-active) dl div,
.client-page-v9__card--featured:not(.is-active) dl div { background: rgba(255,255,255,.055) !important; }
.client-v9__active-card--featured:not(.is-active) .client-v9__active-top b,
.client-page-v9__card--featured:not(.is-active) .client-page-v9__card-head b {
  background: rgba(168,255,25,.13) !important;
  color: var(--client-lime) !important;
}
.client-v9__active-card.is-active,
.client-page-v9__card.is-active {
  background: var(--client-lime) !important;
  color: var(--client-ink) !important;
  border-color: var(--client-lime) !important;
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(168,255,25,.16) !important;
}
.client-v9__active-card.is-active p,
.client-page-v9__card.is-active p { color: rgba(7,25,35,.68) !important; }
.client-v9__active-card.is-active small,
.client-page-v9__card.is-active small { color: #294800 !important; }
.client-v9__active-card.is-active dl div,
.client-page-v9__card.is-active dl div { background: rgba(7,25,35,.075) !important; }
.client-v9__active-card.is-active .client-v9__active-top b,
.client-page-v9__card.is-active .client-page-v9__card-head b {
  background: var(--client-ink) !important;
  color: #fff !important;
}

/* Client page hero redesign */
.clients-page .clients-hero--v10 {
  padding: clamp(9rem,13vw,11.5rem) 0 clamp(4.5rem,7vw,6.5rem);
  background:
    radial-gradient(circle at 8% 5%, rgba(168,255,25,.15), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(32,114,94,.12), transparent 30%),
    linear-gradient(145deg,#f7f9f5 0%,#eef3ee 55%,#f8f4e8 100%);
}
.clients-page .clients-hero--v10::before {
  width: 34rem; height: 34rem; right: -13rem; bottom: -18rem;
  border-color: rgba(7,25,35,.07);
}
.clients-hero-v10__shell {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.72fr);
  gap: clamp(38px,7vw,92px); align-items: center;
}
.clients-hero-v10__copy { max-width: 850px; }
.clients-hero-v10__kicker {
  margin: 22px 0 0; color: #537067; font-size: .78rem; font-weight: 800;
  letter-spacing: .11em; text-transform: uppercase;
}
.clients-hero-v10__copy h1 {
  margin: 17px 0 25px; max-width: 900px;
  font-size: clamp(3.4rem,6.6vw,6.8rem); line-height: .93; letter-spacing: -.065em;
}
.clients-hero-v10__copy h1 em { display: block; color: #527400; font-style: normal; }
.clients-hero-v10__intro { max-width: 680px; color: #53666b; font-size: clamp(1rem,1.35vw,1.15rem); line-height: 1.82; }
.clients-hero-v10__dashboard {
  padding: clamp(22px,3vw,34px); border: 1px solid rgba(255,255,255,.14); border-radius: 34px;
  background: radial-gradient(circle at 100% 0%,rgba(168,255,25,.16),transparent 35%),#071923;
  color: #fff; box-shadow: 0 34px 90px rgba(7,25,35,.19);
}
.clients-hero-v10__dashboard-top { display:flex; justify-content:space-between; gap:18px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.12); }
.clients-hero-v10__dashboard-top span { display:flex; align-items:center; gap:9px; font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.clients-hero-v10__dashboard-top i { width:8px; height:8px; border-radius:50%; background:var(--client-lime); box-shadow:0 0 0 6px rgba(168,255,25,.1); }
.clients-hero-v10__dashboard-top small { color:rgba(255,255,255,.45); font-size:.68rem; }
.clients-hero-v10__metric { display:flex; align-items:center; gap:16px; min-width:0; }
.clients-hero-v10__metric strong { color:var(--client-lime); font-size:clamp(2.3rem,4vw,4.3rem); line-height:1; letter-spacing:-.06em; }
.clients-hero-v10__metric div { display:flex; flex-direction:column; min-width:0; }
.clients-hero-v10__metric b { font-size:.9rem; }
.clients-hero-v10__metric span { margin-top:4px; color:rgba(255,255,255,.48); font-size:.72rem; line-height:1.45; }
.clients-hero-v10__metric--main { padding:26px 0; }
.clients-hero-v10__metric--main strong { font-size:clamp(4.5rem,7vw,7rem); }
.clients-hero-v10__metric-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.clients-hero-v10__metric-row .clients-hero-v10__metric { padding:17px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.055); }
.clients-hero-v10__sectors { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); }
.clients-hero-v10__sectors span { padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.68); font-size:.68rem; font-weight:700; }

@media(max-width:980px){
  .clients-hero-v10__shell{grid-template-columns:1fr}.clients-hero-v10__dashboard{max-width:700px}
}
@media(max-width:600px){
  .clients-page .clients-hero--v10{padding-top:7.6rem;padding-bottom:4rem}
  .clients-hero-v10__copy h1{font-size:clamp(2.75rem,13vw,4.1rem)}
  .clients-hero-v10__copy h1 em{display:inline}
  .clients-hero-v10__dashboard{padding:20px;border-radius:24px}
  .clients-hero-v10__dashboard-top{align-items:flex-start;flex-direction:column;gap:8px}
  .clients-hero-v10__metric-row{grid-template-columns:1fr}
  .clients-hero-v10__metric--main strong{font-size:5rem}
}

/* v11 — preserve a clean two-column active-client layout on mobile */
@media (max-width: 760px) {
  .client-v9__active-grid,
  .client-page-v9__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .client-v9__active-card,
  .client-page-v9__card {
    min-height: 0;
    padding: 15px;
    gap: 16px;
    border-radius: 18px;
  }

  .client-v9__card-top,
  .client-page-v9__card-head {
    align-items: flex-start;
    gap: 8px;
  }

  .client-v9__card-top > b,
  .client-page-v9__card-head b {
    padding: 5px 7px;
    font-size: .56rem;
    white-space: nowrap;
  }

  .client-v9__active-card small,
  .client-page-v9__card-copy small {
    font-size: .62rem;
    line-height: 1.35;
  }

  .client-v9__active-card h4,
  .client-page-v9__card-copy h4 {
    margin: 6px 0;
    font-size: clamp(1rem, 4.7vw, 1.24rem);
    line-height: 1.14;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
  }

  .client-v9__active-card p,
  .client-page-v9__card-copy p {
    font-size: .75rem;
    line-height: 1.48;
  }

  .client-v9__active-card dl,
  .client-page-v9__card dl {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .client-v9__active-card dl div {
    padding-top: 8px;
  }

  .client-page-v9__card dl div {
    padding: 9px;
    border-radius: 10px;
  }

  .client-v9__active-card dt,
  .client-page-v9__card dt {
    font-size: .54rem;
  }

  .client-v9__active-card dd,
  .client-page-v9__card dd {
    margin-top: 3px;
    font-size: .68rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 390px) {
  .client-v9__active-grid,
  .client-page-v9__grid {
    gap: 8px;
  }

  .client-v9__active-card,
  .client-page-v9__card {
    padding: 12px;
    gap: 13px;
    border-radius: 16px;
  }

  .client-v9__card-top > b,
  .client-page-v9__card-head b {
    max-width: 74px;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
  }

  .client-v9__active-card h4,
  .client-page-v9__card-copy h4 {
    font-size: .96rem;
  }

  .client-v9__active-card p,
  .client-page-v9__card-copy p {
    font-size: .7rem;
  }
}

/* V12 final override: maintain two columns for every client layer on mobile */
@media (max-width:760px) {
  .client-v9__active-grid,
  .client-page-v9__grid,
  .client-v9__logo-grid,
  .client-page-v9__primary-grid,
  .clients-value__grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}
@media (max-width:390px) {
  .client-v9__active-grid,
  .client-page-v9__grid,
  .client-v9__logo-grid,
  .client-page-v9__primary-grid,
  .clients-value__grid { gap:8px !important; }
}