@media (min-width: 36rem) {
  .hero__actions {
    display: flex;
    flex-wrap: wrap;
  }

  .path-card {
    padding: 1.85rem 2rem;
  }
}

@media (min-width: 48rem) {
  :root {
    --header-height: 7.4rem;
  }

  .hero {
    min-height: 41rem;
    padding-block: calc(var(--header-height) + 3.25rem) 4.75rem;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 1.05fr);
    align-items: center;
    gap: 0.75rem;
  }

  .hero h1 {
    font-size: clamp(4.35rem, 8.2vw, 5.6rem);
  }

  .hero__mark img {
    width: 110%;
    max-width: none;
    transform: translateX(-0.4rem);
  }

  .paths {
    padding-block: 3rem 3.75rem;
  }

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

  .path-card {
    min-height: 18.5rem;
  }

  .why-jc__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pillar {
    padding: 1.75rem;
    border-right: 1px solid #343434;
  }

  .pillar:nth-child(even) {
    border-right: 0;
  }

  .pillar:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .journey__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }

  .journey__steps::before {
    top: 1.875rem;
    right: 12.5%;
    bottom: auto;
    left: 12.5%;
    width: auto;
    height: 1px;
  }

  .journey-step {
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    padding-inline: 0.75rem;
    text-align: center;
  }

  .journey-step__marker {
    flex: 0 0 auto;
  }

  .journey-step__number {
    margin-top: 0.7rem;
  }

  .final-cta__options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: span 3; }
}

@media (min-width: 64rem) {
  .site-header__inner {
    grid-template-columns: 15rem 1fr auto;
    gap: clamp(1.5rem, 4vw, 4rem);
  }

  .brand {
    width: 15rem;
  }

  .menu-toggle {
    display: none;
  }

  .main-nav {
    position: static;
    display: flex;
    justify-content: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    padding: 0;
    border: 0;
    background: transparent;
  }

  .main-nav a {
    padding: 0.5rem 0;
    border: 0;
    font-size: 0.98rem;
    transition: color var(--transition-fast);
  }

  .main-nav a:hover,
  .main-nav a:focus-visible {
    color: var(--color-primary);
  }

  .header-whatsapp {
    display: inline-flex;
  }

  .hero {
    min-height: 39rem;
    padding-block: calc(var(--header-height) + 2.4rem) 4.25rem;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    gap: clamp(0.25rem, 1vw, 0.75rem);
  }

  .hero h1 {
    font-size: clamp(4.9rem, 6.35vw, 6rem);
  }

  .hero__mark {
    justify-content: flex-end;
  }

  .hero__mark img {
    width: min(110%, 45rem);
    transform: translateX(-0.75rem);
  }

  .paths__grid {
    gap: 1.75rem;
  }

  .path-card {
    min-height: 17.25rem;
    grid-template-columns: 5rem 1fr;
    gap: 1.75rem;
    padding: 2.05rem 2.2rem;
  }

  .path-card__icon {
    width: 5rem;
    height: 5rem;
  }

  .why-jc {
    padding-block: 2.5rem 3rem;
  }

  .why-jc__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pillar {
    grid-template-columns: 3.75rem 1fr;
    gap: 1rem;
    padding: 1.35rem 1.5rem;
    border-right: 1px solid #343434;
    border-bottom: 0;
  }

  .pillar:first-child {
    padding-left: 0;
  }

  .pillar:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .pillar__icon svg {
    width: 3.4rem;
    height: 3.4rem;
  }

  .pillar h3 {
    font-size: 1.3rem;
  }

  .pillar p {
    font-size: 0.78rem;
  }

  .journeys {
    padding-block: 3.25rem 4.5rem;
  }

  .journeys__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .journey {
    padding-inline: 1.5rem;
  }

  .journey:first-child {
    padding-left: 0;
    border-right: 1px solid #b8c5d8;
  }

  .journey:last-child {
    padding-right: 0;
  }

  .journey__heading h2 {
    font-size: 2rem;
  }

  .journey-step {
    padding-inline: 0.55rem;
  }

  .journey-step h3 {
    font-size: 1.18rem;
  }

  .journey-step p {
    font-size: 0.83rem;
    line-height: 1.52;
  }

  .final-conversion { min-height: 30rem; padding-block: 3.75rem 4.5rem; }
  .final-conversion__inner { grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr); align-items: start; gap: 2rem; }
  .final-cta { padding-right: 1rem; }
  .lead-panel { position: relative; z-index: 2; transform: translateY(-0.6rem); }
  .site-footer { padding-top: 3.25rem; }
  .site-footer__grid { grid-template-columns: 1.4fr repeat(4, 1fr); gap: 1.5rem; }
  .site-footer__brand { grid-column: auto; }
}

@media (min-width: 80rem) {
  .hero__inner {
    grid-template-columns: 38rem 1fr;
  }
}