.brand {
  display: flex;
  align-items: center;
  width: 172px;
  height: 72px;
  overflow: hidden;
}

.brand img {
  flex: none;
  width: 195px;
  max-width: none;
  margin-left: -12px;
}

.hero h1 {
  max-width: 1040px;
  margin: 18px auto 20px;
  font-size: clamp(40px, 4.3vw, 62px);
  line-height: .95;
}

.hero-description {
  max-width: 640px;
  margin: 0 auto 29px;
  color: #565963;
  font-size: 19px;
  line-height: 1.35;
}

.hero-stage {
  margin-top: 50px;
}

.footer-brand img {
  width: 220px;
  max-width: none;
  filter: invert(1);
}

.go-card > img {
  filter: invert(1);
}

.tool-showcase {
  display: grid;
  grid-template-columns: 356px minmax(0, 1fr);
  min-height: 108px;
  margin: 96px 32px 0;
  overflow: hidden;
  border: 1px solid #dedee2;
}

.tool-showcase h2 {
  display: flex;
  align-items: center;
  padding: 22px 40px;
  border-right: 1px solid #dedee2;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.13;
  letter-spacing: -.04em;
}

.tool-marquee {
  min-width: 0;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

.tool-marquee__track {
  display: flex;
  width: max(200%, 1540px);
  height: 100%;
  animation: marquee-tools 24s linear infinite;
}

.tool-marquee__group {
  display: flex;
  flex: 0 0 50%;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tool-marquee__group li {
  display: grid;
  flex: 1 0 0;
  place-items: center;
  height: 100%;
}

.tool-marquee__group img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.tool-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.tool-mark--whatsapp {
  border-radius: 12px;
}

.tool-mark--whatsapp img {
  width: 72px;
  height: 72px;
  max-width: none;
  object-fit: cover;
}

.tool-mark--chrome {
  border-radius: 50%;
}

.tool-mark--chrome img {
  width: 90px;
  height: 90px;
  max-width: none;
  object-fit: cover;
}

@keyframes marquee-tools {
  to { transform: translateX(-50%); }
}

@media (max-width: 760px) {
  .header { gap: 12px; padding: 0 16px; }
  .brand { width: 138px; height: 65px; }
  .brand img { width: 158px; margin-left: -10px; }
  .nav-actions .button { padding-right: 12px; padding-left: 12px; }
  .hero h1 { margin: 21px auto 19px; font-size: clamp(38px, 9vw, 56px); }
  .hero-description { max-width: 36ch; padding: 0 9px; font-size: 16px; }
  .tool-showcase { grid-template-columns: 1fr; margin: 55px 16px 0; }
  .tool-showcase h2 { min-height: 74px; padding: 18px 23px; border-right: 0; border-bottom: 1px solid #dedee2; font-size: 20px; }
  .tool-marquee { height: 88px; }
}

@media (prefers-reduced-motion: reduce) {
  .tool-marquee { overflow-x: auto; mask-image: none; }
  .tool-marquee__track { width: max-content; animation: none; }
  .tool-marquee__group { flex: none; }
  .tool-marquee__group li { flex: none; width: 110px; }
  .tool-marquee__group[aria-hidden="true"] { display: none; }
}