:root {
  --bg: #071824;
  --bg-deep: #050f18;
  --panel: #0d2b3e;
  --panel-2: #0e2433;
  --text: #ffffff;
  --muted: #d5e0e8;
  --muted-2: #8fa1ac;
  --accent: #00bcd4;
  --accent-dark: #00a5ba;
  --gold: #f4b400;
  --container: min(1400px, 92vw);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", Arial, sans-serif;
}

img,
video {
  max-width: 100%;
}

a {
  color: inherit;
}

.container {
  width: var(--container);
  margin: 0 auto;
}

.header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 9999;
  padding: 22px 0;
  transition: background .35s, backdrop-filter .35s, padding .35s, box-shadow .35s;
}

.header.header-scrolled {
  padding: 14px 0;
  background: rgba(7, 24, 36, .84);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 10px 35px rgba(0, 0, 0, .25);
}

.header-wrapper {
  width: calc(100% - 60px);
  max-width: 1410px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 20px;
}

.logo img {
  width: 150px;
  height: auto;
  display: block;
  transition: .35s;
}

.header-scrolled .logo img {
  transform: scale(.92);
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.nav a,
.products-button {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: .25s;
}

.nav a:hover,
.products-button:hover {
  color: var(--accent);
  transform: translateY(-2px);
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.menu-toggle span {
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 999px;
}

.arrow {
  font-size: 10px;
  transition: .25s;
}

.language-dropdown {
  position: relative;
}

.products-button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.language-dropdown.open .arrow {
  transform: rotate(180deg);
}

.language {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 8px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: .25s;
}

.language:hover {
  border-color: var(--accent);
  background: rgba(255, 255, 255, .05);
}

.language img,
.language-menu img {
  width: 20px;
  height: auto;
  object-fit: contain;
}

.language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1000;
  min-width: 100px;
  overflow: hidden;
  padding: 8px 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: .25s;
}

.language-dropdown.open .language-menu,
.language-dropdown:hover .language-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.language-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: .2s;
}

.language-menu button:hover {
  background: var(--accent);
  color: var(--bg);
}

.hero {
  min-height: 95vh;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(to bottom, rgba(7, 24, 36, .65) 0%, rgba(7, 24, 36, .85) 45%, var(--bg) 75%, var(--bg) 100%),
    url("../../public/background/background.png");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.hero-container {
  display: grid;
  grid-template-columns: minmax(0, 620px) 1fr;
  gap: 60px;
  align-items: center;
  padding-top: 90px;
}

.hero-tag,
.section-label {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hero-content h1 {
  font-size: clamp(42px, 5.2vw, 72px);
  line-height: 1.05;
  font-weight: 800;
}

.hero-content .accent,
.hero-content h1 span:last-child {
  color: var(--accent);
}

.hero-content p {
  max-width: 660px;
  margin-top: 24px;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.7;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}

.primary,
.secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 16px 32px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  transition: .25s;
}

.primary {
  border: 1px solid rgba(54, 54, 54, .54);
  background: var(--accent);
  color: #fff;
}

.secondary {
  border: 1px solid rgba(255, 255, 255, .4);
  background: transparent;
  color: #fff;
}

.primary:hover,
.secondary:hover {
  transform: translateY(-4px);
  background: var(--accent-dark);
}

.hero-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dashboard {
  width: min(900px, 62vw);
  max-width: none;
  margin-left: -120px;
}

/* Entrada suave dos elementos visíveis ao abrir a página */
@keyframes page-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes page-rise-in {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dashboard-enter {
  from {
    opacity: 0;
    transform: translateX(36px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.header {
  animation: page-fade-in .55s ease-out both;
}

.hero-tag,
.hero-content h1,
.hero-content p,
.hero-content .buttons,
.hero-image,
.feature {
  animation: page-rise-in .7s cubic-bezier(.22, 1, .36, 1) both;
}

.hero-tag { animation-delay: .1s; }
.hero-content h1 { animation-delay: .18s; }
.hero-content p { animation-delay: .28s; }
.hero-content .buttons { animation-delay: .38s; }

.hero-image {
  animation-name: dashboard-enter;
  animation-delay: .24s;
  animation-duration: .85s;
}

.feature:nth-child(1) { animation-delay: .48s; }
.feature:nth-child(2) { animation-delay: .58s; }
.feature:nth-child(3) { animation-delay: .68s; }
.feature:nth-child(4) { animation-delay: .78s; }

@media (prefers-reduced-motion: reduce) {
  .header,
  .hero-tag,
  .hero-content h1,
  .hero-content p,
  .hero-content .buttons,
  .hero-image,
  .feature {
    animation: none;
  }
}

.features {
  position: relative;
  z-index: 2;
  padding: 60px 0;
  margin-top: -180px;
  background: var(--bg);
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 56px;
}

.feature {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.feature-icon img {
  width: 98px;
  height: 64px;
  object-fit: contain;
}

.feature h3 {
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 18px;
}

.feature p {
  color: #c8d3db;
  font-size: 14px;
  line-height: 1.6;
}

.stats {
  padding: 20px 0 70px;
  background: var(--bg);
}

.stats-wrapper {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 420px) 1fr;
  gap: 60px;
  align-items: center;
  padding: 56px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  background: var(--panel);
}

.stats-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .06;
  z-index: 1;
}

.stats-text,
.stats-grid {
  position: relative;
  z-index: 2;
}

.stats-text p {
  color: #fff;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  line-height: 1.45;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px 28px;
}

.stat {
  display: flex;
  align-items: center;
  gap: 16px;
}

.stat img {
  width: 68px;
  height: 68px;
  object-fit: contain;
}

.stat strong {
  display: block;
  color: #fff;
  font-size: clamp(32px, 3.3vw, 42px);
  font-weight: 800;
  line-height: 1;
}

.stat > div > span:not([data-counter]) {
  display: block;
  margin-top: 6px;
  color: #c8d3db;
  font-size: 15px;
  line-height: 1.4;
  margin-left: 4px;
}

.stat strong span:not([data-counter]) {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.products {
  padding: 80px 0;
  margin-top: -100px;
  background: var(--bg);
}

.products-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 40px;
}

.products h2,
.dark-title {
  color: #fff;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
}

.products-navigation {
  display: flex;
  gap: 14px;
}

.nav-button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  transition: .3s;
}

.nav-button:hover {
  border-color: var(--accent);
  background: var(--accent);
  transform: translateY(-3px);
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(var(--product-columns, 5), minmax(0, 1fr));
  gap: 24px;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s ease, transform .2s ease;
}

.products-grid.fading {
  opacity: 0;
  transform: translateY(8px);
}

.product-card {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  cursor: pointer;
  transition: .35s;
}

.product-card:hover {
  border-color: var(--accent);
  box-shadow: 0 20px 45px rgba(0, 188, 212, .18);
  transform: translateY(-8px);
}

.product-image {
  position: absolute;
  inset: 0;
}

.product-image > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(7, 24, 36, .98) 10%, rgba(7, 24, 36, .72) 45%, rgba(7, 24, 36, .05) 100%);
}

.product-icon {
  position: absolute;
  left: 20px;
  bottom: 120px;
  z-index: 2;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--accent);
}

.product-icon img {
  width: 42px;
  height: 42px;
  filter: brightness(0) invert(1);
}

.product-card h3,
.product-card p {
  position: absolute;
  left: 20px;
  right: 14px;
  z-index: 2;
}

.product-card h3 {
  bottom: 95px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.product-card p {
  bottom: 24px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.clients {
  overflow: hidden;
  padding: 60px 0;
  margin-top: -50px;
  background: var(--bg);
}

.section-label.dark {
  margin-bottom: 8px;
}

.dark-title {
  margin-bottom: 32px;
  font-size: 26px;
}

.marquee-wrapper {
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}

.marquee-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: marquee-scroll 45s linear infinite;
}

.marquee-wrapper:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.client-logo {
  flex: 0 0 auto;
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}

.client-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.efb {
  padding: 120px 0;
  margin-top: -100px;
  background:
    linear-gradient(to bottom, var(--bg) 0%, rgba(7, 24, 36, .85) 25%, var(--bg) 85%, var(--bg) 100%),
    url("../../public/background/background2.png");
  background-size: cover;
  background-position: center;
}

.efb-container {
  display: grid;
  grid-template-columns: 1fr minmax(320px, 520px);
  gap: 80px;
  align-items: center;
}

.efb-content {
  max-width: 700px;
}

.efb h2 {
  margin-bottom: 28px;
  color: #fff;
  font-size: clamp(36px, 4.3vw, 58px);
  font-weight: 800;
  line-height: 1;
}

.efb-description,
.efb-footer {
  color: var(--muted);
}

.efb-description {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.8;
}

.efb-list {
  list-style: none;
  margin: 0 0 40px;
}

.efb-list li {
  position: relative;
  margin-bottom: 22px;
  padding-left: 38px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.6;
}

.efb-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--gold);
  font-size: 26px;
  font-weight: 700;
}

.efb-footer {
  margin-bottom: 30px;
  font-size: 19px;
}

.store-button {
  width: 200px;
  transition: .3s;
}

.store-button:hover {
  transform: translateY(-4px);
}

.efb-image {
  display: flex;
  justify-content: center;
}

.efb-image img {
  width: 100%;
  max-width: 520px;
  transition: .35s;
}

.efb-image img:hover {
  transform: scale(1.03);
}

.cta-banner {
  background: var(--panel);
  padding: 64px 0;
}

.cta-content {
  min-height: 150px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 36px;
}

.cta-icon {
  flex: 0 0 auto;
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
}

.cta-icon img {
  width: 68px;
  height: 68px;
  filter: brightness(0) invert(1);
}

.cta-text {
  flex: 1 1 420px;
  min-width: 0;
}

.cta-text h2 {
  margin-bottom: 12px;
  color: #fff;
  font-size: clamp(24px, 2.6vw, 30px);
  font-weight: 800;
  line-height: 1.2;
}

.cta-text p {
  color: #c8d3db;
  font-size: 16px;
  line-height: 1.65;
}

.cta-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 18px 30px;
  border-radius: 8px;
  background: var(--accent);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: .25s;
}

.cta-button:hover {
  background: var(--accent-dark);
  transform: translateX(4px);
}

.footer {
  padding: 56px 0 0;
  background: var(--bg-deep);
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(240px, 1.25fr);
  gap: 34px;
  align-items: start;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.footer-logo {
  width: 130px;
  margin-bottom: 16px;
}

.footer-brand p {
  max-width: 320px;
  margin-bottom: 20px;
  color: var(--muted-2);
  font-size: 14px;
  line-height: 1.6;
}

.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  transition: .25s;
}

.footer-social a:hover {
  background: var(--accent);
}

.footer-social img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.footer-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.footer-column h4 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.footer-column a {
  margin-bottom: 9px;
  color: var(--muted-2);
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: .2s;
}

.footer-column a:hover {
  color: var(--accent);
}

.footer-subheading {
  margin: 3px 0 5px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-contact-item img {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  opacity: .7;
}

.footer-bottom {
  padding: 22px 0;
}

.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.footer-bottom-content span,
.footer-bottom-links a {
  color: #6b7c87;
  font-size: 13px;
}

.footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 20px;
}

.footer-bottom-links a {
  text-decoration: none;
  transition: .2s;
}

.footer-bottom-links a:hover {
  color: var(--accent);
}

.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 3000;
  display: flex;
  padding: 10px;
  border-radius: 50%;
  background: transparent;
  transition: .25s;
}

.whatsapp-float:hover {
  background: var(--accent-dark);
  transform: translateY(-2px);
}

.whatsapp-float img {
  width: 64px;
  height: 64px;
  display: block;
}

@media (max-width: 1180px) {
  .header-wrapper {
    grid-template-columns: 180px 1fr auto;
    width: calc(100% - 36px);
  }

  .nav {
    gap: 24px;
  }

  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stats-wrapper,
  .efb-container {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 900px) {
  .header {
    padding: 16px 0;
  }

  .header-wrapper {
    grid-template-columns: auto auto auto;
  }

  .menu-toggle {
    display: flex;
    justify-self: center;
  }

  .nav {
    position: absolute;
    top: calc(100% + 12px);
    left: 18px;
    right: 18px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    background: rgba(7, 24, 36, .96);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .3);
  }

  .nav.open {
    display: flex;
  }

  .nav > a,
  .products-button {
    padding: 14px;
  }

  .hero {
    min-height: auto;
    padding: 130px 0 120px;
  }

  .hero-container {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .dashboard {
    width: min(760px, 100%);
    margin-left: 0;
  }

  .features,
  .products,
  .clients,
  .efb {
    margin-top: 0;
  }

  .products-header {
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .header-wrapper {
    width: calc(100% - 24px);
    gap: 12px;
  }

  .logo img {
    width: 120px;
  }

  .language {
    width: auto;
    padding: 10px 12px;
  }

  #current-language-label {
    display: none;
  }

  .hero {
    padding-bottom: 80px;
  }

  .buttons,
  .products-header,
  .cta-content {
    flex-direction: column;
    align-items: stretch;
  }

  .primary,
  .secondary,
  .cta-button {
    width: 100%;
  }

  .features-grid,
  .stats-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .feature {
    gap: 14px;
  }

  .feature-icon img {
    width: 72px;
    height: 52px;
  }

  .stats-wrapper {
    padding: 28px;
  }

  .stat img {
    width: 54px;
    height: 54px;
  }

  .product-card {
    min-height: 360px;
  }

  .client-logo {
    width: 150px;
    height: 80px;
  }

  .efb {
    padding: 80px 0;
  }

  .cta-content {
    text-align: center;
  }

  .cta-icon {
    margin: 0 auto;
  }

  .footer-bottom-content {
    flex-direction: column;
    text-align: center;
  }

  .footer-bottom-links {
    justify-content: center;
  }

  .whatsapp-float {
    right: 14px;
    bottom: 14px;
  }

  .whatsapp-float img {
    width: 54px;
    height: 54px;
  }
}


/*_______________
Página Sobre nós
________________*/


.about-page {
  background:
    linear-gradient(to bottom, rgba(7, 24, 36, .72) 0%, rgba(7, 24, 36, .92) 25%, var(--bg-deep) 50%),
    url("../../public/about/aircraft-sunrise.png") top center / 100% auto no-repeat,
    var(--bg-deep);
}

.about-page .nav .active { color: var(--accent); }

.about-main { padding: 150px 0 30px; }

.about-copy .section-label,
.about-copy h1,
.about-copy > p,
.about-pillars,
.about-hero-card,
.about-stats,
.history-copy,
.values-grid article,
.about-difference,
.about-cta {
  animation: page-rise-in .7s cubic-bezier(.22, 1, .36, 1) both;
}

.about-copy .section-label { animation-delay: .08s; }
.about-copy h1 { animation-delay: .16s; }
.about-copy > p:first-of-type { animation-delay: .24s; }
.about-copy > p:nth-of-type(2) { animation-delay: .32s; }
.about-pillars { animation-delay: .4s; }
.about-hero-card { animation: dashboard-enter .85s cubic-bezier(.22, 1, .36, 1) .22s both; }
.about-stats { animation-delay: .48s; }
.history-copy { animation-delay: .12s; }
.values-grid article:nth-child(1) { animation-delay: .18s; }
.values-grid article:nth-child(2) { animation-delay: .26s; }
.values-grid article:nth-child(3) { animation-delay: .34s; }
.values-grid article:nth-child(4) { animation-delay: .42s; }
.about-difference { animation-delay: .18s; }
.about-cta { animation-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
  .about-copy .section-label,
  .about-copy h1,
  .about-copy > p,
  .about-pillars,
  .about-hero-card,
  .about-stats,
  .history-copy,
  .values-grid article,
  .about-difference,
  .about-cta {
    animation: none;
  }
}

.about-intro {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(460px, 1.1fr);
  align-items: center;
  gap: 70px;
}

.about-copy h1 {
  max-width: 650px;
  font-size: clamp(40px, 4.4vw, 68px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.about-copy h1 span { 
  color: var(--accent); 

}
.about-copy > p, 
.history-copy p, 
.about-difference p { 
  color: var(--muted); 
  font-size: 16px; 
  line-height: 1.7; 
  margin-top: 22px; 
}

.about-pillars { 
  display: flex; 
  gap: 32px; 
  margin-top: 42px; 
}

.about-pillars > div { 
  display: flex;
   align-items: center;
   gap: 12px;
   color: var(--muted);
   font-size: 13px;
   line-height: 1.45; 
      
}

.about-pillars img { 
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .95;
}

.about-hero-card {
  position: relative; 
  min-height: 400px;
  overflow: hidden; 
  border: 1px solid rgba(255,255,255,.22); 
  border-radius: 18px; 
  background: rgba(14,43,62,.48); 
}

.about-hero-card > img {
   width: 100%; 
   height: 100%;
   min-height: 570px;
   object-fit: cover; 
}

.about-highlight { 
  position: absolute; 
  right: 7%; 
  bottom: 0; 
  width: 85%; 
  display: flex; 
  align-items: center; 
  gap: 22px; 
  padding: 26px 34px; 
  border: 1px 
  solid rgba(255,255,255,.25); 
  border-radius: 18px 18px 0 0; 
  background: rgba(7, 35, 51, 0.784); 
  backdrop-filter: blur(12px); 
}

.about-highlight img { 
  width: 58px;
}

.about-highlight strong {
  display: block; 
  margin-bottom: 8px; 
  font-size: 17px; 
}

.about-highlight p {
  color: var(--muted); 
  font-size: 13px; 
  line-height: 1.5; 
}

.about-stats {
   display: grid;
   grid-template-columns: repeat(6, minmax(0, 1fr));
   margin-top: 52px; 
   padding: 24px 12px;
   border: 1px 
   solid rgba(255,255,255,.22); 
   border-radius: 16px; 
   background: rgba(14,43,62,.48);
}

.about-stats > div {
   display: flex;
   min-width: 0;
   min-height: 150px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 18px 12px;
   border-right: 1px 
   solid rgba(255,255,255,.2); 
}

.about-stats > div:last-child { 
  border: 0; 
}

.about-stats img { 
  width: 46px;
  height: 46px;
  object-fit: contain; 
}

.about-stats strong { 
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1;
  white-space: nowrap;
}

.about-stats small { 
  font-size: 13px; 
  font-weight: 500; 
}

.about-stats span { 
  color: var(--muted); 
  font-size: 14px; 
  line-height: 1.45; 
  text-align: center; 
}

.about-history { 
  display: grid; 
  grid-template-columns: .85fr 1.15fr; 
  gap: 80px; 
  padding-top: 80px; 
  padding-bottom: 80px; 
}

.history-copy h2, 
.about-difference h2 { 
  font-size: clamp(30px, 3vw, 44px); 
  line-height: 1.16; 
}

.values-grid { 
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 18px; 
}

.values-grid article { 
  display: flex; 
  gap: 20px; 
  min-height: 190px; 
  padding: 28px; 
  border: 1px solid rgba(255,255,255,.24); 
  border-radius: 15px; 
  background: rgba(14,43,62,.45);
}

.values-grid article > img {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.value-icon { 
  flex: 0 0 auto; 
  color: var(--accent); 
  font-size: 42px; 
  line-height: 1; 
}

.values-grid h3 { 
  margin-bottom: 10px; 
  font-size: 18px; 
}

.values-grid p { 
  color: var(--muted); 
  font-size: 13px; 
  line-height: 1.7; 
}

.about-difference { display: grid; 
  grid-template-columns: .9fr 1.1fr; 
  gap: 55px; 
  align-items: center; 
  padding: 42px 48px; 
  border: 1px solid rgba(255,255,255,.24); 
  border-radius: 16px; 
  background: rgba(14,43,62,.35);
}

.about-difference > img { 
  width: 100%; 
  height: 385px; 
  object-fit: cover; 
  border-radius: 14px; 
}

.about-difference > video {
  width: 94%;
  max-height: 350px;
  justify-self: end;
  object-fit: cover;
  border-radius: 18px;
}

.about-difference ul { 
  margin-top: 24px; 
  list-style: none; 
}

.about-difference li { 
  margin-top: 13px; 
  color: var(--muted); 
  font-size: 14px; 
}

.about-difference li::before { 
  content: "✓"; 
  display: inline-grid; 
  place-items: center; 
  width: 20px; 
  height: 20px; 
  margin-right: 12px; 
  border: 1px solid var(--accent); 
  border-radius: 50%; 
  color: var(--accent); 
  font-size: 11px; 
}

.about-cta { 
  display: grid; 
  grid-template-columns: auto 1fr auto; 
  align-items: center; 
  gap: 34px; 
  margin-top: 34px; 
  margin-bottom: 48px; 
  padding: 28px 44px; 
  border: 1px solid rgba(255,255,255,.24); 
  border-radius: 16px; 
  background: linear-gradient(90deg, rgba(13,43,62,.82), rgba(0,188,212,.08)); 
}

.about-cta-icon { 
  display: grid; 
  place-items: center; 
  width: 92px; 
  height: 92px; 
  border: 1px solid rgba(255,255,255,.75); 
  border-radius: 50%; 
}

.about-cta-icon img { 
  width: 48px; 
}

.about-cta h2 { 
  margin-bottom: 7px; 
  font-size: 25px; 
}

.about-cta p { 
  color: var(--muted); 
  font-size: 13px; 
  line-height: 1.5; 
}

.about-cta .cta-button { 
  min-width: 290px; 
  text-align: center; 
}

@media (max-width: 1180px) {
  .about-intro { grid-template-columns: 1fr; }
  .about-hero-card { min-height: 400px; }
  .about-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .about-stats > div { min-height: 145px; }
  .about-stats > div:nth-child(3) { border-right: 0; }
  .about-history { grid-template-columns: 1fr; gap: 45px; }
}

@media (max-width: 760px) {
  .about-main { 
    padding-top: 115px;
}

  .about-intro {
    gap: 38px; 
}

  .about-pillars {
   flex-direction: column; 
   gap: 16px; 
}

  .about-hero-card,
  .about-hero-card > img {
   min-height: 400px;
}

  .about-highlight {
   right: 4%; 
   width: 92%; 
   padding: 20px; 
}

  .about-stats {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   padding: 12px;
}

  .about-stats > div { 
   min-height: 135px;
   padding: 16px 8px;
}

  .about-stats > div:nth-child(2n) {
   border-right: 0; 
}

  .about-stats > div:nth-child(3) {
   border-right: 1px solid rgba(255,255,255,.2);
}

  .values-grid, .about-difference {
   grid-template-columns: 1fr; 
}

  .values-grid article > img {
   flex-basis: 36px;
   width: 36px;
   height: 36px;
  }

  .about-difference { 
   padding: 28px 22px; 
}

  .about-difference > img {
   height: 280px; 
}

  .about-difference > video {
   width: 100%;
   max-height: 280px;
  }

  .about-cta {
   grid-template-columns: 1fr; 
   padding: 28px; 
   text-align: center; 
}

  .about-cta-icon {
   margin: auto; 
}

  .about-cta .cta-button { 
   min-width: 0; 
}

}

/* Página de produtos */ .products-page {
   background: linear-gradient(to bottom,rgba(7,24,36,.68),rgba(7,24,36,.94) 35%,var(--bg-deep) 70%),url("../../public/background/backgroundprodutos.png") top center/100% auto no-repeat,var(--bg-deep);
}
.products-page .nav .active {
   color: var(--accent);
}
.products-main {
   padding-top: 150px;
}
.products-hero {
   display:grid;
   grid-template-columns:.85fr 1.15fr;
   gap:70px;
   align-items:center;
   padding-bottom:55px;
}
.products-hero-copy h1 {
   max-width:620px;
   font-size:clamp(40px,4.2vw,66px);
   line-height:1.08;
   letter-spacing:-.035em;
}
.products-hero-copy h1 span {
   color:var(--accent);
}
.products-hero-copy>p {
   max-width:650px;
   margin-top:24px;
   color:var(--muted);
   font-size:17px;
   line-height:1.7;
}
.products-pillars {
   display:flex;
   gap:34px;
   margin-top:40px;
}
.products-pillars>div {
   display:flex;
   align-items:center;
   gap:12px;
   color:var(--muted);
   font-size:13px;
   line-height:1.45;
}
.products-pillars img {
   width:44px;
   height:44px;
   object-fit:contain;
}
.products-hero-visual {
   position:relative;
   display:grid;
   place-items:center;
   min-height:520px;
   overflow:hidden;
   padding:30px;
   border:1px solid rgba(255,255,255,.25);
   border-radius:18px;
   background:rgba(5,20,30,.45);
   box-shadow:0 25px 45px rgba(0,0,0,.22);
}
.products-hero-visual::after {
   content:"";
   position:absolute;
   inset:0;
   z-index:1;
   background:linear-gradient(135deg,rgba(7,24,36,.12),rgba(7,24,36,.64));
   pointer-events:none;
}
.products-hero-visual video {
   position:absolute;
   inset:0;
   width:100%;
   height:100%;
   min-height:520px;
   display:block;
   object-fit:cover;
}
.products-hero-notebook {
   position:relative;
   z-index:2;
   width:min(900px,112%);
   max-width:none;
   filter:drop-shadow(0 28px 28px rgba(0,0,0,.5));
}
.solutions-panel {
   padding:40px 28px 28px;
   border:1px solid rgba(255,255,255,.24);
   border-radius:17px;
   background:rgba(11,39,56,.72);
}
.solutions-heading {
   display:grid;
   grid-template-columns:.9fr 1.1fr;
   align-items:end;
   gap:70px;
   padding:0 14px 34px;
}
.solutions-heading h2 {
   font-size:clamp(28px,3vw,42px);
   line-height:1.15;
}
.solutions-heading>p {
   max-width:620px;
   color:var(--muted);
   font-size:15px;
   line-height:1.65;
}
.solution-cards {
   display:grid;
   grid-template-columns:repeat(5,minmax(0,1fr));
   gap:18px;
}
.solution-cards article {
   position:relative;
   min-width:0;
   overflow:hidden;
   padding:0 18px 24px;
   border:1px solid rgba(255,255,255,.27);
   border-radius:15px;
   background:rgba(7,31,46,.9);
   scroll-margin-top:110px;
   transition:transform .3s,border-color .3s,box-shadow .3s;
}
.solution-cards article:hover {
   transform:translateY(-7px);
   border-color:var(--accent);
   box-shadow:0 18px 36px rgba(0,0,0,.25);
}
.solution-cover {
    display: block;
    width: calc(100% + 56px);
    max-width: none;
    height: auto;
    aspect-ratio: 3 / 2;
    margin-left: -18px;
    object-fit: cover;
    object-position: center;
}
.solution-icon {
    position: relative;
    width: 44px;
    height: 44px;
    margin-top: -27px;
    padding: 1px;
    object-fit: contain;
    border: 1px solid var(--accent);
    border-radius: 13px;
    background: rgba(4,42,57,.96);
}
.solution-cards h3 {
   margin-top:14px;
   font-size:17px;
}
.solution-cards p {
   min-height:65px;
   margin-top:12px;
   color:var(--muted);
   font-size:13px;
   line-height:1.6;
}
.solution-cards ul {
   margin-top:12px;
   list-style:none;
}
.solution-cards li {
   margin-top:9px;
   color:var(--muted);
   font-size:12px;
}
.solution-cards li::before {
   content:"✓";
   display:inline-grid;
   place-items:center;
   width:17px;
   height:17px;
   margin-right:8px;
   border:1px solid var(--accent);
   border-radius:50%;
   color:var(--accent);
   font-size:9px;
}
.product-benefits {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   margin-top:38px;
   padding:30px 22px;
   border:1px solid rgba(255,255,255,.24);
   border-radius:16px;
   background:rgba(11,39,56,.72);
}
.product-benefits article {
   display:flex;
   gap:18px;
   min-width:0;
   padding:8px 30px;
   border-right:1px solid rgba(255,255,255,.2);
}
.product-benefits article:last-child {
   border:0;
}
.product-benefits img {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.product-benefits h3 {
   margin-bottom:8px;
   font-size:15px;
}
.product-benefits p {
   color:var(--muted);
   font-size:12px;
   line-height:1.6;
}
.product-cta {
   margin-top:38px;
}
.product-clients {
   margin-top:30px;
   padding:38px 0 48px;
   background:#f4f6f8;
   color:#071824;
}
.product-clients .section-label {
   margin-bottom:8px;
}
.product-clients h2 {
   font-size:24px;
}
.product-client-logos {
   display:grid;
   grid-template-columns:repeat(5,1fr);
   gap:12px;
   margin-top:24px;
}
.product-client-logos>div {
   display:grid;
   place-items:center;
   height:120px;
   padding:22px;
   border-radius:10px;
   background:#fff;
   box-shadow:0 8px 25px rgba(7,24,36,.06);
}
.product-client-logos img {
   max-width:150px;
   max-height:70px;
   object-fit:contain;
}
.products-hero-copy .section-label,.products-hero-copy h1,.products-hero-copy>p,.products-pillars,.products-hero-visual,.solutions-panel,.product-benefits,.product-cta {
   animation:page-rise-in .7s cubic-bezier(.22,1,.36,1) both;
}
.products-hero-copy h1 {
   animation-delay:.1s;
}
.products-hero-copy>p {
   animation-delay:.18s;
}
.products-pillars {
   animation-delay:.26s;
}
.products-hero-visual {
   animation:dashboard-enter .85s cubic-bezier(.22,1,.36,1) .18s both;
}
.solutions-panel {
   animation-delay:.34s;
}
.product-benefits {
   animation-delay:.42s;
}
.product-cta {
   animation-delay:.5s;
}
@media (max-width:1180px) {
   .products-hero {
    grid-template-columns:1fr;
    gap:40px
  }
  .products-hero-visual {
    min-height:450px
  }
  .solution-cards {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .product-benefits {
    grid-template-columns:repeat(2,1fr);
    gap:25px 0
  }
  .product-benefits article:nth-child(2) {
    border-right:0
  }
}
@media (max-width:760px) {
   .products-main {
    padding-top:115px
  }
  .products-hero {
    padding-bottom:38px
  }
  .products-hero-copy h1 {
    font-size:38px
  }
  .products-pillars {
    flex-direction:column;
    gap:16px
  }
  .products-hero-visual {
    min-height:320px;
    padding:15px
  }
  .products-hero-visual video {
    min-height:320px
  }
  .products-hero-notebook {
    width:122%
  }
  .solutions-panel {
    padding:28px 16px 16px
  }
  .solutions-heading {
    grid-template-columns:1fr;
    gap:18px;
    padding:0 4px 28px
  }
  .solution-cards {
    grid-template-columns:1fr
  }
  .solution-cards p {
    min-height:0
  }
  .product-benefits {
    grid-template-columns:1fr;
    padding:20px 18px
  }
  .product-benefits article,.product-benefits article:nth-child(2) {
    padding:18px 6px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.18)
  }
  .product-benefits article:last-child {
    border-bottom:0
  }
}
@media (prefers-reduced-motion:reduce) {
   .products-hero-copy .section-label,.products-hero-copy h1,.products-hero-copy>p,.products-pillars,.products-hero-visual,.solutions-panel,.product-benefits,.product-cta {
    animation:none
  }
}

/* Página de clientes */

.clients-page {
  background:
    linear-gradient(to bottom, rgba(7, 24, 36, .72), rgba(7, 24, 36, .95) 42%, var(--bg-deep) 100%),
    url("../../public/background/background.png") top center / 100% auto no-repeat,
    var(--bg-deep);
}

.clients-page .nav .active {
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
  padding-bottom: 8px;
}

.clients-main {
  padding-top: 150px;
}

.clients-hero {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 62px;
  align-items: center;
  min-height: 470px;
}

.clients-hero-copy h1 {
  max-width: 620px;
  color: #fff;
  font-size: clamp(42px, 4.5vw, 66px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.035em;
}

.clients-hero-copy h1 span {
  color: var(--accent);
}

.clients-hero-copy p {
  max-width: 560px;
  margin-top: 28px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
}

.clients-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 46px;
}

.clients-hero-visual {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clients-dashboard {
  position: relative;
  z-index: 2;
  width: min(820px, 100%);
  filter: drop-shadow(0 28px 32px rgba(0, 0, 0, .48));
}

.clients-phone {
  position: absolute;
  right: -12px;
  bottom: -18px;
  z-index: 3;
  width: min(180px, 26%);
  filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .5));
}

.clients-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 42px;
  padding: 28px 46px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 16px;
  background: rgba(8, 42, 58, .72);
  box-shadow: 0 18px 35px rgba(0, 0, 0, .18);
}

.clients-stats article {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.clients-stats img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(62%) sepia(85%) saturate(1570%) hue-rotate(141deg) brightness(98%) contrast(101%);
}

.clients-stats strong {
  display: block;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
}

.clients-stats span {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 14px;
}

.clients-showcase {
  margin-top: 44px;
}

.clients-section-heading h2,
.client-testimonials h2 {
  color: #fff;
  font-size: clamp(30px, 3.4vw, 42px);
  line-height: 1.15;
  font-weight: 800;
}

.clients-section-heading h2 span,
.client-testimonials h2 span {
  color: var(--accent);
}

.segment-tabs {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin-top: 34px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 12px;
  background: rgba(8, 31, 45, .58);
}

.segment-tabs button {
  position: relative;
  min-height: 58px;
  padding: 12px 18px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  transition: .25s;
}

.segment-tabs button::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: transparent;
}

.segment-tabs button:hover,
.segment-tabs button.active {
  color: #fff;
}

.segment-tabs button.active::after {
  background: var(--accent);
}

.client-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 24px;
}

.client-showcase-card {
  position: relative;
  min-height: 118px;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(7, 24, 36, .18);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  transition: opacity .25s, transform .25s, border-color .25s;
}

.client-showcase-card.hidden {
  display: none;
}

.client-showcase-card.is-revealing {
  animation: client-card-reveal .42s ease-out both;
  animation-delay: var(--card-delay, 0ms);
}

.client-showcase-card:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
}

.client-showcase-card img {
  display: block;
  width: min(100%, 160px);
  height: 62px;
  object-fit: contain;
}

.client-showcase-card::after {
  content: attr(data-client-name);
  position: absolute;
  inset: auto 0 0;
  padding: 10px 14px;
  background: rgba(0, 181, 201, 0.773);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .25s, transform .25s;
}

.client-showcase-card:hover::after,
.client-showcase-card:focus-within::after {
  opacity: 1;
  transform: translateY(0);
}

@keyframes client-card-reveal {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-showcase-card.is-revealing {
    animation: none;
  }
}

.clients-showcase-action {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.client-testimonials {
  margin-top: 62px;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 28px;
}

.testimonial-card {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(9, 50, 68, .9), rgba(5, 23, 35, .88));
}

.quote-mark {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 48px;
  line-height: .7;
  font-weight: 800;
}

.testimonial-card p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.testimonial-footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-top: 28px;
}

.testimonial-footer strong,
.testimonial-footer span {
  display: block;
}

.testimonial-footer strong {
  color: #fff;
  font-size: 14px;
}

.testimonial-footer span {
  margin-top: 5px;
  color: var(--muted-2);
  font-size: 12px;
}

.testimonial-footer img {
  max-width: 104px;
  max-height: 46px;
  object-fit: contain;
  filter: brightness(1.12);
}

.testimonial-dots {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 28px;
}

.testimonial-dots span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
}

.testimonial-dots .active {
  background: var(--accent);
}

.clients-cta {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 34px;
  align-items: center;
  margin-top: 58px;
  margin-bottom: 28px;
  padding: 32px 42px;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 17px;
  background:
    linear-gradient(120deg, rgba(9, 50, 68, .92), rgba(8, 36, 52, .8)),
    url("../../public/background/background2.png") center / cover;
}

.clients-cta-icon {
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, .58);
  border-radius: 50%;
}

.clients-cta-icon img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.clients-cta h2 {
  color: #fff;
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.15;
}

.clients-cta p {
  max-width: 620px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1180px) {
  .clients-hero {
    grid-template-columns: 1fr;
  }

  .clients-hero-visual {
    max-width: 760px;
    margin: 0 auto;
  }

  .clients-stats,
  .testimonial-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .segment-tabs {
    grid-template-columns: repeat(3, 1fr);
  }

  .client-logo-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .clients-cta {
    grid-template-columns: auto 1fr;
  }

  .clients-cta .cta-button {
    grid-column: 2;
    width: max-content;
  }
}

@media (max-width: 760px) {
  .clients-main {
    padding-top: 118px;
  }

  .clients-hero {
    gap: 34px;
  }

  .clients-hero-actions,
  .clients-cta {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .clients-phone {
    width: 28%;
    right: 0;
  }

  .clients-stats,
  .testimonial-grid,
  .client-logo-grid {
    grid-template-columns: 1fr;
  }

  .clients-stats {
    padding: 24px;
  }

  .segment-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .segment-tabs button {
    min-height: 52px;
    font-size: 13px;
  }

  .client-showcase-card {
    min-height: 104px;
  }

  .clients-cta {
    text-align: center;
    padding: 28px 22px;
  }

  .clients-cta-icon {
    margin: 0 auto;
  }

  .clients-cta .cta-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .segment-tabs {
    grid-template-columns: 1fr;
  }
}