@import url("/landing/he.css?v=20261010-1");

body {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.eyebrow {
  letter-spacing: .1em;
}

.message.italian {
  margin-inline-start: auto;
  background: var(--yellow);
  color: #17150e;
  border-end-end-radius: 4px;
}

.title-line {
  display: block;
}

@media (min-width: 881px) {
  .hero {
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
    gap: clamp(44px, 5vw, 64px);
    padding-top: clamp(52px, 5.5vw, 72px);
    padding-bottom: 56px;
  }

  .hero h1 {
    font-size: clamp(2.85rem, 4.1vw, 3.6rem);
    line-height: 1.08;
  }

  .hero-lead {
    font-size: clamp(1.06rem, 1.4vw, 1.18rem);
  }

  .hero-actions {
    margin-top: 26px;
  }

  .fact-list {
    margin-top: 24px;
  }
}

@media (max-width: 760px) {
  .site-nav a:not(.button) {
    display: none;
  }
}

@media (max-width: 360px) {
  .hero {
    padding-top: 40px;
  }

  .hero-actions .button {
    padding-inline: 16px;
    font-size: .9rem;
  }
}