/* The homepage growth-team preview is static, semantic HTML with SVG icons. */
.growth-hero {
  color: #fff;
  background: linear-gradient(116deg, #021d17 0%, #04291f 57%, #063c2e 100%);
}
.growth-hero__layout {
  width: min(1232px, calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
  gap: clamp(40px, 5vw, 76px);
  align-items: center;
  padding-block: clamp(64px, 6.7vw, 100px);
}
.growth-hero__copy { min-width: 0; }
.growth-hero__copy h1 {
  margin: 0 0 30px;
  color: #fff;
  font: 400 clamp(40px, 4.4vw, 64px)/1.12 Sora, sans-serif;
  letter-spacing: -.055em;
}
.growth-hero__copy h1 span { display: block; color: #9bef45; }
.growth-hero__description {
  margin: 0;
  color: #bacdc5;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: -.025em;
}
.growth-hero__actions { display: flex; align-items: stretch; gap: 12px; margin-top: 34px; }
.growth-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 14px 28px;
  border: 1px solid transparent;
  border-radius: 4px;
  font: 700 13px/1.5 "JetBrains Mono", monospace;
  letter-spacing: .06em;
  text-decoration: none;
  text-align: center;
  transition: background .18s ease, border-color .18s ease;
}
.growth-hero__cta--primary { color: #052e24; background: #9bef45; }
.growth-hero__cta--primary:hover { background: #b1f66c; }
.growth-hero__cta--primary svg { width: 20px; height: 20px; flex: 0 0 auto; }
.growth-hero__cta--secondary { color: #fff; background: #ffffff14; border-color: #ffffff60; text-transform: uppercase; }
.growth-hero__cta--secondary:hover { background: #ffffff24; border-color: #fff; }
.growth-hero__cta:focus-visible, .growth-proof__result:focus-visible { outline: 3px solid #42d5c8; outline-offset: 5px; }
.growth-hero__reassurance {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 13px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  color: #b6cbc1;
  font-size: 13px;
  font-style: italic;
}
.growth-hero__reassurance li { display: flex; align-items: center; gap: 13px; }
.growth-hero__reassurance li + li::before { content: ""; width: 3px; height: 3px; flex: 0 0 auto; border-radius: 50%; background: #9bef45; }
.growth-dashboard {
  min-width: 0;
  padding: 22px 20px 19px;
  border: 1px solid #ffffff24;
  border-radius: 15px;
  background: #03251de6;
  box-shadow: 0 18px 60px #00180f14;
}
.growth-dashboard__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-bottom: 19px; }
.growth-dashboard__header h2 { max-width: 310px; margin: 0; font: 700 17px/1.3 Manrope, sans-serif; letter-spacing: -.02em; color: #fff; }
.growth-dashboard__online { display: flex; align-items: center; gap: 9px; max-width: 130px; color: #a8c2b6; font: 700 10px/1.5 "JetBrains Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.growth-dashboard__online i { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #9bef45; }
.growth-target { padding: 16px; margin-bottom: 16px; border: 1px solid #9bef4540; border-radius: 11px; background: #9bef450a; }
.growth-target__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #c8e8b7; font: 700 11px/1.5 "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .13em; }
.growth-target__status { padding: 2px 10px; border-radius: 30px; background: #9bef45; color: #052e24; white-space: nowrap; }
.growth-target__goal { margin: 12px 0 10px; color: #fff; font: 400 clamp(24px, 1.7vw, 26px)/1.3 Sora, sans-serif; letter-spacing: -.04em; }
.growth-target__progress { appearance: none; display: block; width: 100%; height: 8px; border: 0; border-radius: 20px; overflow: hidden; background: #c8e8b72b; color: #9bef45; }
.growth-target__progress::-webkit-progress-bar { border-radius: 20px; background: #c8e8b72b; }
.growth-target__progress::-webkit-progress-value { border-radius: 20px; background: #9bef45; }
.growth-target__progress::-moz-progress-bar { border-radius: 20px; background: #9bef45; }
.growth-target__detail { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; color: #bbcec3; font-size: 13px; }
.growth-dashboard__agents { list-style: none; margin: 0; padding: 0; }
.growth-agent { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid #ffffff12; }
.growth-agent__icon { display: grid; place-items: center; width: 36px; height: 36px; color: #9bef45; border-radius: 10px; background: #9bef4514; }
.growth-agent__icon svg { width: 20px; height: 20px; }
.growth-agent__heading { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 2px; }
.growth-agent__heading h3 { margin: 0; font: 700 14px/1.35 Manrope, sans-serif; letter-spacing: -.02em; color: #fff; }
.growth-agent__role { color: #9bef45c9; font: 700 10px/1.5 "JetBrains Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.growth-agent__copy p { margin: 3px 0 0; color: #adc4b8; font-size: 13px; line-height: 1.5; letter-spacing: -.02em; }
.growth-agent__status { color: #9bef45; font: 700 10px/1.5 "JetBrains Mono", monospace; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.growth-agent__status--complete { color: #adc4b8; }
.growth-agent__status--approval { color: #42d5c8; border: 1px solid #42d5c8; padding: 3px 8px; border-radius: 20px; }
.growth-dashboard__note { margin: 18px 0 0; color: #91ac9e; font: 700 9px/1.5 "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .09em; text-align: right; }
.growth-proof { padding: 32px 0 30px; border-bottom: 1px solid #052e241c; background: #f7faf5; }
.growth-proof > .wrap { width: min(1232px, calc(100% - 48px)); }
.growth-proof__results { display: grid; grid-template-columns: auto 1fr 1.12fr; align-items: center; gap: 36px; }
.growth-proof__results h2, .growth-proof__clients h3 { margin: 0; color: #087f5b; font: 700 11px/1.5 "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .16em; }
.growth-proof__result { display: flex; align-items: center; gap: 15px; color: #052e24; text-decoration: none; border-radius: 3px; }
.growth-proof__result strong { flex: 0 0 auto; font: 400 clamp(32px, 3vw, 42px)/1.2 Sora, sans-serif; letter-spacing: -.06em; }
.growth-proof__result b { display: block; font-size: 14px; font-weight: 600; line-height: 1.45; }
.growth-proof__result small { display: block; margin-top: 2px; color: #57736a; font-size: 12px; }
.growth-proof__result:hover b { text-decoration: underline; text-underline-offset: 4px; }
.growth-proof__clients { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 26px; align-items: center; margin-top: 28px; }
.growth-proof__clients h3 { grid-column: 1; grid-row: 1; }
.growth-clients__viewport { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; padding-block: 12px; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.growth-clients__track { display: flex; width: max-content; min-width: 200%; animation: growth-clients-scroll 34s linear infinite; }
.growth-clients__group { display: flex; flex: 1 0 auto; align-items: center; justify-content: space-around; gap: 48px; margin: 0; padding: 0 48px 0 0; list-style: none; color: #526f64; font-size: 16px; font-weight: 700; }
.growth-clients__group li { flex: 0 0 auto; white-space: nowrap; }
.growth-clients__viewport:focus-visible { outline: 2px solid #087f5b; outline-offset: 3px; }
.growth-clients__viewport:hover .growth-clients__track, .growth-clients__viewport:focus-within .growth-clients__track { animation-play-state: paused; }
@keyframes growth-clients-scroll { to { transform: translateX(-50%); } }

@media (max-width: 1199px) and (min-width: 1001px) {
  .growth-hero__layout { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 32px; }
  .growth-hero__copy h1 { font-size: clamp(36px, 3.95vw, 47px); }
  .growth-hero__actions { flex-wrap: wrap; }
  .growth-agent { column-gap: 9px; }
  .growth-agent__status { grid-column: 2 / -1; justify-self: start; margin-top: -5px; }
  .growth-proof__results { gap: 24px; }
}
@media (max-width: 1000px) {
  .growth-hero__layout { grid-template-columns: 1fr; gap: 48px; max-width: 760px; padding-block: 64px; }
  .growth-hero__copy h1 { font-size: clamp(36px, 6.2vw, 52px); }
  .growth-dashboard { padding: 22px 20px; }
  .growth-dashboard__header h2 { font-size: 17px; }
  .growth-dashboard__online { font-size: 11px; }
  .growth-agent__heading h3 { font-size: 14px; }
  .growth-agent__copy p { font-size: 13px; }
  .growth-agent__role, .growth-agent__status { font-size: 10px; }
  .growth-proof__results { grid-template-columns: 1fr 1fr; gap: 20px 30px; }
  .growth-proof__results h2 { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .growth-hero__layout { width: calc(100% - 40px); padding-block: 56px 48px; gap: 42px; }
  .growth-hero__copy h1 { margin-bottom: 25px; font-size: clamp(28px, 6.45vw, 38px); letter-spacing: -.055em; }
  .growth-hero__description { font-size: 16px; line-height: 1.65; }
  .growth-hero__actions { gap: 12px; margin-top: 30px; }
  .growth-hero__cta { padding: 14px 16px; font-size: 11px; }
  .growth-hero__cta--primary { flex: 1.5; }
  .growth-hero__cta--secondary { flex: 1; }
  .growth-hero__reassurance { font-size: 12px; gap: 5px 10px; }
  .growth-hero__reassurance li { gap: 10px; }
  .growth-dashboard__header { gap: 12px; }
  .growth-dashboard__online { max-width: 128px; font-size: 10px; }
  .growth-proof__results { grid-template-columns: 1fr; gap: 22px; }
  .growth-proof__result strong { min-width: 120px; font-size: 36px; }
  .growth-proof__clients { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .growth-clients__viewport { grid-column: 1 / -1; grid-row: 2; }
  .growth-clients__group { font-size: 15px; gap: 32px; padding-right: 32px; }
}
@media (max-width: 460px) {
  .growth-hero__layout { width: calc(100% - 32px); padding-top: 42px; }
  .growth-hero__actions { flex-direction: column; }
  .growth-hero__cta { font-size: 12px; }
  .growth-hero__reassurance { gap: 6px 12px; }
  .growth-dashboard { padding: 20px 14px 18px; border-radius: 13px; }
  .growth-dashboard__header { grid-template-columns: 1fr; gap: 10px; }
  .growth-dashboard__header h2 { font-size: 16px; max-width: 260px; }
  .growth-dashboard__online { max-width: none; font-size: 9px; }
  .growth-target { padding: 14px 12px; }
  .growth-target__heading { font-size: 9px; }
  .growth-target__goal { font-size: 23px; }
  .growth-agent { grid-template-columns: 32px minmax(0, 1fr); gap: 8px 10px; padding-block: 14px; }
  .growth-agent__icon { width: 32px; height: 36px; align-self: start; }
  .growth-agent__heading h3 { font-size: 14px; }
  .growth-agent__status { grid-column: 2; justify-self: start; font-size: 9px; }
  .growth-agent__role { font-size: 9px; }
  .growth-dashboard__note { text-align: left; font-size: 8px; }
  .growth-proof__result { gap: 12px; }
  .growth-proof__result strong { min-width: 98px; font-size: 30px; }
  .growth-proof__result b { font-size: 13px; }
  .growth-proof__result small { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .growth-hero__cta { transition: none; }
  .growth-proof__clients { grid-template-columns: 1fr; gap: 14px; }
  .growth-clients__group[aria-hidden="true"] { display: none; }
  .growth-clients__viewport { grid-column: 1; grid-row: 2; mask-image: none; padding: 0; }
  .growth-clients__track { width: 100%; min-width: 0; animation: none; }
  .growth-clients__group { flex: 1 1 100%; flex-wrap: wrap; justify-content: flex-start; gap: 12px 28px; padding: 0; }
}