/* Compact, app-like type scale for the marketing homepage. */
:root {
  --home-ui-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--home-ui-font) !important;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-family: inherit !important;
  font-style: normal !important;
}

.hero-grid {
  padding: 28px 0 48px;
  gap: clamp(28px, 4vw, 52px);
}

.hero-badge {
  margin-bottom: 20px;
}

.hero h1 {
  max-width: 100%;
  margin: 0 0 16px;
  color: #171a24;
  font-size: 2.35rem !important;
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 1.08;
  text-shadow: none;
}

.hero {
  background:
    radial-gradient(1000px 520px at 8% 6%, rgba(255, 255, 255, .72), transparent 60%),
    radial-gradient(900px 480px at 96% 94%, rgba(226, 207, 170, .20), transparent 62%),
    #fffaf2 !important;
}

.hero-video-bg video {
  opacity: .16;
  filter: saturate(.28) sepia(.12) brightness(1.04);
}

.hero::before {
  background:
    radial-gradient(780px 520px at 24% 44%, rgba(255, 253, 247, .88) 0%, rgba(255, 253, 247, .76) 44%, rgba(255, 250, 242, .36) 76%),
    linear-gradient(90deg, rgba(255, 252, 245, .78) 0%, rgba(255, 252, 245, .70) 42%, rgba(255, 250, 242, .56) 100%),
    linear-gradient(180deg, rgba(255, 252, 245, .68) 0%, rgba(255, 250, 242, .78) 100%);
}

.hero-flow-lines::before,
.hero-flow-lines::after {
  background-image:
    repeating-radial-gradient(circle at 12% 34%, rgba(132, 104, 62, .045) 0 1px, transparent 1px 40px),
    repeating-radial-gradient(circle at 84% 62%, rgba(132, 104, 62, .035) 0 1px, transparent 1px 44px);
}

.hero-orb.orb-1,
.hero-orb.orb-2,
.hero-orb.orb-3 {
  background: radial-gradient(circle, rgba(191, 154, 91, .12) 0%, rgba(191, 154, 91, .045) 46%, transparent 74%);
}

.hero-cursor-glow {
  background: radial-gradient(circle at 35% 35%, rgba(165, 119, 49, .25) 0%, rgba(118, 78, 28, .15) 34%, rgba(75, 49, 20, .06) 64%, transparent 82%);
  opacity: .56;
}

.hero-description {
  max-width: 490px;
  margin-bottom: 24px;
  font-size: 1rem;
  line-height: 1.5;
}

.home-added-section {
  padding: clamp(64px, 7vw, 96px) 0;
}

.home-added-intro {
  margin-bottom: 36px;
}

.home-added-intro h2,
.home-story-copy h2,
.home-communications h2,
.home-testimonials h2,
.home-faq h2,
.home-workflow-intro h2,
.section-header-left h2,
.home-section-title {
  color: #171a24;
  font-size: clamp(1.75rem, 2.9vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.12;
  margin-bottom: 16px;
}

.home-added-intro h2 em,
.home-story-copy h2 em,
.home-communications h2 em,
.home-testimonials h2 em,
.home-faq h2 em,
.home-workflow-intro h2 em {
  color: #7941b5;
  font-style: normal;
  font-weight: inherit;
}

@media (max-width: 768px) {
  .hero-grid {
    min-height: auto;
    padding: 28px 0 32px;
    gap: 18px;
  }

  .hero h1 {
    max-width: 100%;
    font-size: clamp(2.2rem, 8vw, 3rem);
  }

  .hero-description {
    margin-bottom: 22px;
  }

  .home-added-section {
    padding: 60px 0;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: clamp(2rem, 9vw, 2.55rem);
  }

  .home-added-section {
    padding: 52px 0;
  }
}