/* eeaser – alternating section backgrounds (teal #13C2C2, blue #3898EC, orange #FF774C) */

:root {
  --ee-white: #ffffff;
  --ee-mint: #b8f0e8;
  --ee-mint-soft: #d4f7f1;
  --ee-surface: #dceef0;
  --ee-surface-blue: #d4e8f8;
  --ee-surface-warm: #f2e8df;
  --ee-surface-footer: #d8dee3;
  --ee-teal: #13c2c2;
  --ee-teal-18: rgba(19, 194, 194, 0.28);
  --ee-teal-12: rgba(19, 194, 194, 0.2);
  --ee-teal-08: rgba(19, 194, 194, 0.14);
  --ee-teal-04: rgba(19, 194, 194, 0.08);
  --ee-blue-12: rgba(56, 152, 236, 0.2);
  --ee-blue-08: rgba(56, 152, 236, 0.14);
  --ee-orange-10: rgba(255, 119, 76, 0.18);
  --ee-navy-06: rgba(36, 35, 49, 0.06);
  --ee-text: #242331;
  --ee-border: #c8d4da;
  --ee-border-teal: rgba(19, 194, 194, 0.38);
}

body.body {
  background-color: var(--ee-white);
  overflow-x: clip;
}

/* ── Homepage product tabs (inside hero) ── */
.section_tabs {
  background-color: var(--ee-white) !important;
  border-top: none;
  border-bottom: 1px solid var(--ee-border-teal);
  padding-top: clamp(32px, 4vw, 56px) !important;
  padding-bottom: clamp(40px, 5vw, 72px) !important;
}

/* ── Product pages: feature grid ── */
.features-section {
  background-color: var(--ee-surface) !important;
  border-top: 1px solid var(--ee-border);
  border-bottom: 1px solid var(--ee-teal-12);
}

/* ── Benefit / value cards ── */
.benefit-section {
  background-color: var(--ee-mint) !important;
  background-image:
    radial-gradient(circle at 1px 1px, var(--ee-teal-12) 1.5px, transparent 0),
    linear-gradient(180deg, var(--ee-mint) 0%, var(--ee-mint-soft) 100%) !important;
  background-size: 24px 24px, 100% 100% !important;
  border-top: 1px solid var(--ee-border-teal);
  border-bottom: 1px solid var(--ee-teal-12);
}

/* ── Demo / screenshot blocks ── */
.section {
  background-color: #f5fbfc !important;
  border-top: 1px solid var(--ee-teal-08);
  border-bottom: 1px solid var(--ee-teal-08);
}

.features-section + .section,
.benefit-section + .section {
  background-color: #f5fbfc !important;
}

.section + .free-trial-section-2 {
  border-top: none;
}

/* ── CTA blocks ── */
.free-trial-section-2 {
  background: linear-gradient(180deg, var(--ee-surface-blue) 0%, var(--ee-mint-soft) 100%) !important;
  padding-top: clamp(24px, 3vw, 40px);
  padding-bottom: clamp(24px, 3vw, 40px);
}

.free-trial-section-2 .free-trial-wrap {
  background-image: none !important;
  background: linear-gradient(135deg, #1e3a47 0%, var(--ee-teal) 52%, #3898ec 100%) !important;
  border: none;
  border-radius: 24px;
  box-shadow: 0 16px 48px var(--ee-teal-18);
}

.free-trial-section-2 .section-title.white,
.free-trial-section-2 .white {
  color: var(--ee-white);
}

.free-trial-section-2 p,
.free-trial-section-2 .section-subtitle,
.free-trial-section-2 .section-subtitle-2 {
  color: rgba(255, 255, 255, 0.9);
}

/* ── Partner logos ── */
.section-2,
.brix---section-logo-strip-v6,
.brix---section {
  background-color: var(--ee-surface-warm) !important;
  background-image: linear-gradient(
    125deg,
    var(--ee-teal-08) 0%,
    var(--ee-blue-12) 48%,
    var(--ee-orange-10) 100%
  ) !important;
  border-top: 1px solid var(--ee-border);
  border-bottom: 1px solid var(--ee-border);
}

/* ── Blog teaser (most pages) ── */
.home-blog-section {
  background-color: var(--ee-surface-blue) !important;
  border-top: 4px solid var(--ee-teal);
  border-bottom: 1px solid var(--ee-border);
}

.home-blog-section + .section-2,
.section-2 + .home-blog-section {
  border-top: 1px solid var(--ee-border);
}

/* ── Blog listing & posts ── */
.blog-section {
  background: linear-gradient(180deg, var(--ee-white) 0%, var(--ee-surface) 100%) !important;
}

.blog-single-section {
  background: linear-gradient(180deg, var(--ee-white) 0%, var(--ee-mint-soft) 120%) !important;
}

.divider-section {
  background-color: var(--ee-surface) !important;
  border-bottom: 1px solid var(--ee-border);
}

/* ── About / author / archive ── */
.about-intro-section,
.mission-section {
  background-color: var(--ee-mint-soft) !important;
  background-image: linear-gradient(180deg, var(--ee-mint-soft) 0%, var(--ee-white) 100%) !important;
  border-bottom: 1px solid var(--ee-teal-12);
}

.author-section,
.category-section {
  background-color: var(--ee-surface) !important;
}

.paragraph-section {
  background-color: var(--ee-white) !important;
}

._404-page-section {
  background: linear-gradient(180deg, var(--ee-surface) 0%, var(--ee-mint-soft) 100%) !important;
}

/* ── Footer ── */
.footer-section {
  background-color: var(--ee-surface-footer) !important;
  border-top: 2px solid var(--ee-teal-12);
}

.footer-section .footer-area-wrap {
  border-top-color: var(--ee-border);
}