/* ==========================================================================
   Component Styles - Clean inline CSS moved to classes
   ========================================================================== */

/* Header CTA Button */
.header-cta {
  width: 171px;
  height: 38px;
  padding: 0 12px;
  background: #006AFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
  color: #FFF;
}

/* Hero Section */
.hero-title {
  width: 564px;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.64px;
  color: #FFF;
}

.hero-subtitle {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #A9A9A9;
}

/* Stats Section */
.stats-badge {
  height: 32px;
  background: linear-gradient(0deg, rgba(0, 106, 255, 0.10) 0%, rgba(0, 106, 255, 0.10) 100%), rgba(255, 255, 255, 0.10);
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #006AFF;
}

.stats-heading {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.8px;
  color: #111;
}

.stats-paragraph {
  width: 454px;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6E6E6E;
}

.stats-stat-heading {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 120%;
  color: #111;
}

.stats-stat-subtitle {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #6E6E6E;
}

.stats-divider {
  width: 0;
  align-self: stretch;
  border-left: 1px solid #6E6E6E;
}

/* Logo Grid */
.logo-grid-heading {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.logo-cell {
  width: 312.25px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  align-self: stretch;
}

.logo-cell img {
  max-width: 100%;
  max-height: 60%;
  object-fit: contain;
}

/* CTA Sections */
.cta-heading {
  width: 560px;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  color: #EEE;
}

.cta-paragraph {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  color: #A9A9A9;
  opacity: 0.7;
}

.cta-paragraph-white {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  color: #FFF;
  opacity: 0.7;
}

.cta-button {
  background: #006AFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
  color: #FFF;
}

.cta-quote {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: #EEE;
}

.cta-author {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.16px;
  color: #EEE;
}

.cta-author-title {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6E6E6E;
}

/* Features Section */
.features-badge {
  height: 32px;
  padding: 4px 8px 3px 8px;
  background: linear-gradient(0deg, rgba(0, 106, 255, 0.10) 0%, rgba(0, 106, 255, 0.10) 100%), rgba(255, 255, 255, 0.10);
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #006AFF;
}

.features-heading {
  width: 931px;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 111%;
  letter-spacing: -0.8px;
  color: #111;
}

.feature-card {
  width: 404px;
  min-height: 293px;
  padding: 40px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}

.feature-icon {
  width: 48px;
  height: 48px;
  padding: 12px;
  background: #F5F5F5;
  border-radius: 8px;
}

.feature-title {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  color: #111;
}

.feature-description {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #6E6E6E;
}

.feature-description strong {
  font-weight: 600;
  color: #111;
}

/* CTA3 Section */
.cta3-heading {
  width: 828px;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  color: #111;
}

.cta3-text {
  width: 524px;
  max-width: 524px;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  color: #6E6E6E;
}

.cta3-button {
  padding: 8px 12px;
  gap: 8px;
  background: #006AFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
  color: #FFF;
}

/* Form Section */
.form-heading {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  color: #111;
  margin-bottom: 24px;
}

.form-subheading {
  font-family: 'Rethink Sans', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  color: #111;
  margin-bottom: 32px;
}

.form-description {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6E6E6E;
}

/* Footer */
.footer-copyright {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #6E6E6E;
}