:root {
  --theme-color: var(--color-primary-600);
  --theme-color2: var(--color-primary-900);
  --title-color: var(--color-primary-900);
  --body-color: var(--color-neutral-700);
  --bg-color: var(--color-primary-100);
  --bg-color2: rgba(255, 255, 255, 0.1);
  --dark-body: var(--color-primary-900);
  --border-color: rgba(7, 92, 255, 0.1);
  --border-color2: rgba(255, 255, 255, 0.1);
  --border-color3: rgba(7, 92, 255, 0.1);
  --title-font: var(--font-family-heading);
  --body-font: var(--font-family-body);
}

html,
body {
  font-family: var(--body-font);
  font-size: var(--font-size-base);
  color: var(--body-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.sec-title .title,
.widget-title {
  font-family: var(--title-font);
  letter-spacing: 0;
}

.landing-hero-copy h1,
.hero-copy h1 {
  font-size: var(--font-size-7xl);
  line-height: var(--line-height-tight);
}

.landing-hero-copy p,
.hero-copy > p,
.sec-title p,
.section-description {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-body);
}

.sub-title,
.hero-eyebrow,
.section-eyebrow,
.cta-eyebrow,
.card-number,
.pricing-unified-card > span,
.product-screenshot-copy span,
.screenshot-feature-copy .eyebrow {
  font-size: var(--font-size-xs);
}

.btn-style1,
.button,
.section-button,
.video-btn,
.login-btn {
  font-family: var(--title-font);
}

.btn-style1,
.button,
.section-button {
  background-color: var(--color-primary-600);
}

.legacy-page a.btn-style1:not(.v2):not(.v3):not(.v4),
.legacy-page button.btn-style1:not(.v2):not(.v3):not(.v4),
a.btn-style1:not(.v2):not(.v3):not(.v4),
button.btn-style1:not(.v2):not(.v3):not(.v4),
.section-button.style-primary {
  color: var(--color-neutral-0) !important;
  -webkit-text-fill-color: var(--color-neutral-0);
}

.btn-style1:hover,
.button:hover,
.section-button:hover {
  background-color: var(--color-primary-700);
}

.legacy-page a.btn-style1:not(.v2):not(.v3):not(.v4):hover,
.legacy-page a.btn-style1:not(.v2):not(.v3):not(.v4):focus-visible,
.legacy-page button.btn-style1:not(.v2):not(.v3):not(.v4):hover,
.legacy-page button.btn-style1:not(.v2):not(.v3):not(.v4):focus-visible,
a.btn-style1:not(.v2):not(.v3):not(.v4):hover,
a.btn-style1:not(.v2):not(.v3):not(.v4):focus-visible,
button.btn-style1:not(.v2):not(.v3):not(.v4):hover,
button.btn-style1:not(.v2):not(.v3):not(.v4):focus-visible,
.section-button.style-primary:hover,
.section-button.style-primary:focus-visible {
  color: var(--color-neutral-0) !important;
  -webkit-text-fill-color: var(--color-neutral-0);
}

.btn-style1.v2,
.button.secondary,
.style-secondary {
  background-color: var(--color-neutral-0);
  color: var(--color-primary-900) !important;
}

.feature-hero .site-container,
.blog-hero .site-container,
.careers-hero .site-container,
.career-apply-hero .site-container,
.application-submitted-hero .site-container {
  width: min(1310px, calc(100% - 30px)) !important;
  margin-inline: auto !important;
}

.feature-hero,
.blog-hero,
.careers-hero,
.career-apply-hero,
.application-submitted-hero {
  margin: 20px 20px 0;
  border-radius: 20px;
}

.landing-final-cta,
.footer-style1,
.site-shell .site-footer {
  background: var(--implifie-footer-gradient);
}

.footer-style1.has-page-cta {
  margin-top: -1px;
  padding-top: 0;
  background: var(--implifie-footer-gradient);
}

.footer-style1.has-page-cta .widget-area {
  padding-top: clamp(4rem, 6vw, 5.25rem);
}

.final-cta-section.theme-blue,
.final-cta-section.theme-dark {
  background: var(--implifie-footer-gradient);
}

.final-cta-section.theme-blue h2,
.final-cta-section.theme-dark h2,
.final-cta-section.theme-blue .cta-eyebrow,
.final-cta-section.theme-dark .cta-eyebrow {
  color: var(--color-neutral-0) !important;
}

.final-cta-section.theme-blue p,
.final-cta-section.theme-dark p {
  color: rgba(255, 255, 255, 0.78) !important;
}

.blog-hero,
.careers-hero,
.career-apply-hero,
.application-submitted-hero {
  background:
    radial-gradient(circle at 80% 15%, var(--color-primary-500) 0, rgba(40, 113, 255, 0) 34%),
    linear-gradient(125deg, var(--color-primary-900) 0%, var(--color-primary-800) 62%, var(--color-primary-600) 100%) !important;
  color: var(--color-neutral-0) !important;
}

.blog-hero h1,
.careers-hero h1,
.career-apply-hero h1,
.application-submitted-hero h1 {
  color: var(--color-neutral-0) !important;
  font-family: var(--title-font) !important;
  font-size: var(--font-size-7xl) !important;
  line-height: var(--line-height-tight) !important;
  letter-spacing: 0 !important;
}

.blog-hero p,
.careers-hero p,
.career-apply-hero p,
.application-submitted-hero p {
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: var(--font-size-lg) !important;
  line-height: var(--line-height-body) !important;
}

.blog-list-section,
.careers-section {
  background: linear-gradient(180deg, var(--color-secondary-100) 0%, var(--color-neutral-0) 55%) !important;
}

.blog-section-heading h2,
.careers-section .sec-title .title,
.career-list-card h3,
.application-submitted-card h2 {
  color: var(--color-neutral-900) !important;
  font-family: var(--title-font) !important;
  font-size: var(--font-size-5xl) !important;
  line-height: var(--line-height-heading) !important;
  letter-spacing: 0 !important;
}

.career-list-card h3,
.application-submitted-card h2 {
  font-size: var(--font-size-3xl) !important;
}

.blog-section-heading p,
.career-list-card p,
.application-submitted-card p {
  color: var(--color-neutral-600) !important;
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-body) !important;
}

.blog-card,
.career-list-card,
.application-submitted-card {
  border-color: var(--color-neutral-300) !important;
  background: var(--color-neutral-0) !important;
  color: var(--color-neutral-900) !important;
}

.blog-card span,
.blog-card strong,
.career-list-index,
.career-list-card span,
.application-submitted-card span {
  color: var(--color-primary-600) !important;
}

.blog-card figure,
.career-list-index,
.career-list-card span,
.application-submitted-card span {
  background: var(--color-primary-100) !important;
}

.feature-card,
.pricing-unified-card,
.integration-card,
.faq-list details,
.step-card,
.comparison-table-wrap {
  border-color: var(--color-neutral-300);
  background-color: var(--color-neutral-0);
  color: var(--color-neutral-900);
}

.theme-light,
.content-section.theme-light,
.faq-section.theme-light,
.steps-section.theme-light,
.comparison-section.theme-light,
.integrations-section.theme-light,
.metrics-section.theme-light,
.pricing-unified-section.theme-light,
.testimonial-section.theme-light {
  background-color: var(--color-secondary-100);
}

.theme-blue,
.theme-dark,
.content-section.theme-blue,
.content-section.theme-dark,
.faq-section.theme-blue,
.faq-section.theme-dark,
.steps-section.theme-blue,
.steps-section.theme-dark,
.comparison-section.theme-blue,
.comparison-section.theme-dark,
.integrations-section.theme-blue,
.integrations-section.theme-dark,
.pricing-unified-section.theme-blue,
.pricing-unified-section.theme-dark,
.testimonial-section.theme-blue,
.testimonial-section.theme-dark {
  background-color: var(--color-primary-900);
  color: var(--color-neutral-0);
}

@media (max-width: 1199px) {
  .landing-hero-copy h1,
  .hero-copy h1,
  .blog-hero h1,
  .careers-hero h1,
  .career-apply-hero h1,
  .application-submitted-hero h1 {
    font-size: var(--font-size-6xl);
  }
}

@media (max-width: 767px) {
  .feature-hero,
  .blog-hero,
  .careers-hero,
  .career-apply-hero,
  .application-submitted-hero {
    margin: 0;
    border-radius: 0;
  }

  .landing-hero-copy h1,
  .hero-copy h1,
  .blog-hero h1,
  .careers-hero h1,
  .career-apply-hero h1,
  .application-submitted-hero h1 {
    font-size: var(--font-size-5xl) !important;
  }

  .landing-hero-copy p,
  .hero-copy > p,
  .sec-title p,
  .section-description,
  .blog-hero p,
  .careers-hero p,
  .career-apply-hero p,
  .application-submitted-hero p {
    font-size: var(--font-size-base) !important;
  }
}