@charset "UTF-8";

@media (max-width: 1100px) {
  .footer__grid,
  .split,
  .split--reverse,
  .cards-3,
  .steps,
  .contact-grid,
  .gallery {
    grid-template-columns: 1fr 1fr;
  }

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

  .float-card,
  .callout {
    display: none;
  }

  .home-hero__stage {
    min-height: 18vh;
  }
}

@media (max-width: 980px) {
  .bento {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .header__bar {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .header__cta .btn {
    display: none;
  }

  .menu-btn {
    display: grid;
  }

  .nav {
    display: none;
  }

  .nav-overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 99;
    background: rgba(8, 10, 9, 0.72);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s var(--ease);
  }

  .nav-overlay.is-open {
    opacity: 1;
    visibility: visible;
  }

  .nav.is-open {
    display: block;
    position: fixed;
    top: 96px;
    left: 14px;
    right: 14px;
    z-index: 101;
    padding: 18px;
    border-radius: 24px;
    background: rgba(14, 17, 15, 0.96);
    border: 1px solid var(--line-strong);
    backdrop-filter: blur(20px);
  }

  .nav.is-open .nav__list {
    flex-direction: column;
    align-items: stretch;
  }

  .nav.is-open .nav__dropdown {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: transparent;
    border: 0;
    padding: 0 0 0 12px;
  }

  .footer__grid,
  .split,
  .split--reverse,
  .cards-3,
  .bento,
  .contact-grid,
  .gallery,
  .trust-bar,
  .steps {
    grid-template-columns: 1fr;
  }

  .trust-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 12px;
    text-align: left;
  }

  .section,
  .cta-final,
  .stat-band {
    padding: 80px 0;
  }

  .media-frame,
  .media-frame img {
    min-height: 320px;
  }

  .home-hero {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .bento {
    margin-top: 40px;
  }

  .page-hero {
    min-height: 58vh;
    padding: 150px 0 56px;
  }

  .bento-card {
    min-height: 0;
    grid-template-rows: minmax(190px, 200px) auto;
  }

  .bento-card__media {
    min-height: 190px;
  }

  .bento-card__body {
    padding: 4px 20px 22px;
  }

  .bento-card--result .stat {
    margin-top: -28px;
    font-size: clamp(3.4rem, 18vw, 4.4rem);
  }

  .bento-card h3 {
    color: #f8f7f2;
  }

  .bento-card p {
    color: #d8dbd6;
  }

  #solucoes [data-reveal],
  .bento-card[data-reveal] {
    opacity: 1;
    transform: none;
  }

  #solucoes .section-head .eyebrow {
    color: #2f3531;
  }

  #solucoes .section-head h2 {
    color: #141816;
  }

  #solucoes .solution-card,
  .section--light .solution-card,
  .section--paper .solution-card {
    background: #1a1f1c;
    border-color: rgba(255, 255, 255, 0.12);
    color: #f5f4ef;
  }

  #solucoes .solution-card h3,
  .section--light .solution-card h3,
  .section--paper .solution-card h3 {
    color: #f8f7f2;
  }

  #solucoes .solution-card p,
  .section--light .solution-card p,
  .section--paper .solution-card p {
    color: #d2d5d0;
  }

  #solucoes .solution-card a,
  .section--light .solution-card a,
  .section--paper .solution-card a {
    color: #f0cc3a;
  }

  .solution-card {
    position: relative;
  }

  .solution-card img {
    object-position: center;
  }

  .solution-card__body {
    position: relative;
    z-index: 1;
    background: #1a1f1c;
  }

  .footer__legal {
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .container {
    width: min(calc(100% - 28px), var(--container));
  }

  .btn {
    width: 100%;
  }

  .actions {
    width: 100%;
  }

  .trust-bar {
    grid-template-columns: 1fr;
  }

  .header {
    top: 10px;
    width: min(calc(100% - 16px), 1280px);
  }

  .bento-card {
    width: 100%;
    max-width: 100%;
    grid-template-rows: 180px auto;
  }

  .bento-card__media {
    min-height: 180px;
  }

  .solution-card {
    grid-template-rows: 200px 1fr;
  }
}