/*
 * EdgeBreak marketing page visual polish
 * Match the NASDAQ Master Scanner's restrained Inter/slate/green design.
 * Presentation only: no content, navigation, forms or application logic changes.
 */

/* The palette is local to marketing content: shared navbar/footer remain untouched. */
main.ix-page {
  --ix-ink: #0f172a;
  --ix-muted: #64748b;
  --ix-line: #e2e8f0;
  --ix-soft: #f8fafc;
  --ix-green: #22c55e;
  --ix-green-dark: #15803d;
}
main.home-page {
  --home-ink: #0f172a;
  --home-muted: #64748b;
  --home-line: #e2e8f0;
  --home-soft: #f8fafc;
  --home-green: #22c55e;
  --home-green-dark: #15803d;
}
main.cg-page {
  --cg-ink: #0f172a;
  --cg-text: #334155;
  --cg-muted: #64748b;
  --cg-line: #e2e8f0;
  --cg-soft: #f8fafc;
  --cg-green: #22c55e;
  --cg-green-dark: #15803d;
}

main.ix-page,
main.home-page,
main.cg-page {
  color: #0f172a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ix-page .ix-shell,
.home-page .home-shell,
.cg-page .cg-shell {
  width: min(1180px, calc(100% - 40px));
}

/* Match the light, left-aligned Master Scanner hero without changing any
 * existing dark or grey content sections. The ChatGPT split hero stays split. */
.ix-page .ix-hero,
.ix-page .price3-hero,
.home-page .home-hero,
.cg-page .cg-hero {
  padding: 94px 0 58px;
  background:
    radial-gradient(circle at 78% 18%, rgba(34,197,94,.11), transparent 32%),
    linear-gradient(180deg, #f8fafc, #ffffff);
}
.ix-page .ix-hero,
.ix-page .price3-hero,
.home-page .home-hero {
  text-align: left;
}
.ix-page .ix-hero::after,
.ix-page .price3-hero::after {
  display: none;
}
.ix-page .ix-hero .ix-kicker,
.ix-page .price3-hero .ix-kicker,
.home-page .home-hero .home-kicker,
.cg-page .cg-hero .cg-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #15803d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ix-page .ix-dot,
.home-page .home-kicker-dot,
.cg-page .cg-dot {
  width: 8px;
  height: 8px;
  background: #22c55e;
  box-shadow: none;
}
.ix-page .ix-hero .ix-title,
.ix-page .price3-hero .ix-title,
.home-page .home-hero .home-h1,
.cg-page .cg-hero .cg-title {
  max-width: 900px;
  margin: 18px 0 24px;
  font-size: clamp(48px, 7vw, 82px);
  /* Reference page uses the default bold (700), not the heavier 850 used before. */
  font-weight: 700;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #0f172a !important;
  text-shadow: none !important;
  line-height: .98;
  letter-spacing: -.055em;
  text-align: left;
}
.cg-page .cg-hero .cg-title {
  max-width: 720px;
}
/* Headline emphasis is dark exactly like the Master Scanner, not green.
 * The small eyebrow and icon retain the reference page's restrained green. */
.ix-page .ix-hero .ix-title span,
.ix-page .price3-hero .ix-title span,
.home-page .home-hero .home-h1 span,
.cg-page .cg-hero .cg-title span {
  color: #0f172a !important;
}
.ix-page .ix-hero .ix-subtitle,
.ix-page .price3-hero .ix-subtitle,
.home-page .home-hero .home-sub,
.cg-page .cg-hero .cg-lead {
  max-width: 820px;
  margin: 0;
  color: #475569;
  font-size: 20px;
  line-height: 1.65;
  text-align: left;
}
.cg-page .cg-hero-grid {
  gap: 48px;
}
.ix-page .ix-hero .ix-actions,
.home-page .home-hero .home-actions {
  justify-content: flex-start;
  margin-top: 32px;
}
.cg-page .cg-hero .cg-actions {
  margin-top: 32px;
}
.ix-page .price3-hero .ix-trust,
.ix-page .ix-hero .ix-trust,
.home-page .home-hero .home-trust {
  justify-content: flex-start;
  gap: 20px;
  margin-top: 28px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
.ix-page .ix-hero .ix-trust b,
.ix-page .price3-hero .ix-trust b,
.home-page .home-hero .home-trust b {
  color: #15803d;
}

/* Flat slate actions and restrained outlined secondary actions, as on Master Scanner. */
.ix-page .ix-btn,
.home-page .home-btn,
.cg-page .cg-btn {
  min-height: 48px;
  padding: 14px 19px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: none;
}
.ix-page .ix-btn-primary,
.home-page .home-btn-primary,
.cg-page .cg-btn-primary {
  border-color: #0f172a;
  background: #0f172a;
  color: #ffffff;
  box-shadow: none;
}
.ix-page .ix-btn-primary:hover,
.home-page .home-btn-primary:hover,
.cg-page .cg-btn-primary:hover {
  border-color: #1e293b;
  background: #1e293b;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(15,23,42,.13);
}
.ix-page .ix-btn-secondary,
.home-page .home-btn-secondary,
.cg-page .cg-btn-secondary {
  border-color: #cbd5e1;
  background: #ffffff;
  color: #0f172a;
}
.ix-page .ix-btn-secondary:hover,
.home-page .home-btn-secondary:hover,
.cg-page .cg-btn-secondary:hover {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #0f172a;
}

/* Text hierarchy and spacing follow the reference; retain all section placement,
 * original media, feature grids, background categories and individual CTAs. */
.ix-page .ix-section,
.home-page .home-section,
.cg-page .cg-section,
.ix-page .price3-section {
  padding-top: 92px;
  padding-bottom: 92px;
}
.ix-page .ix-product-feature {
  padding-top: 92px;
  padding-bottom: 92px;
}
.ix-page .ix-section-head,
.home-page .home-section-head,
.cg-page .cg-head,
.ix-page .price3-section-head {
  max-width: 800px;
  margin: 0 0 38px;
  text-align: left;
}
.ix-page .ix-eyebrow,
.home-page .home-eyebrow,
.cg-page .cg-eyebrow {
  color: #15803d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ix-page .ix-h2,
.home-page .home-h2,
.cg-page .cg-h2,
.ix-page .price3-section-head h2 {
  font-size: clamp(36px, 4.5vw, 58px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -.045em;
}
.ix-page .ix-section-head .ix-h2 {
  margin: 10px 0 14px;
}
.home-page .home-section-head .home-h2,
.cg-page .cg-head .cg-h2 {
  margin: 10px 0 14px;
}
.ix-page .ix-section-head .ix-lead,
.home-page .home-section-head .home-lead,
.cg-page .cg-head .cg-section-lead,
.ix-page .price3-section-head p {
  margin: 0;
  color: #64748b;
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
}
.ix-page .ix-feature-copy p,
.home-page .home-copy > p,
.cg-page .cg-copy p {
  line-height: 1.7;
}

/* White cards on their existing white/soft grey sections, with quieter edges. */
.ix-page .ix-card,
.ix-page .ix-evidence-card,
.ix-page .ix-overview-card,
.home-page .home-journey-card,
.cg-page .cg-card,
.cg-page .cg-pattern-card {
  border-color: #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 12px 40px rgba(15,23,42,.045);
}
.ix-page .ix-proof-grid {
  border-color: #e2e8f0;
  box-shadow: none;
}
.home-page .home-hero-product,
.ix-page .ix-feature-media,
.cg-page .cg-window {
  border-color: #e2e8f0;
  box-shadow: 0 28px 80px rgba(15,23,42,.10);
}
.ix-page .price3-soft {
  background: #f8fafc;
}
.ix-page .ix-feature-link,
.home-page .home-link {
  color: #15803d;
}
.ix-page .ix-final .ix-h2,
.home-page .home-final .home-h2,
.cg-page .cg-final h2 {
  font-size: clamp(36px, 4.5vw, 58px);
}

/* The reference stacks CTAs and titles cleanly on narrow screens. */
@media (max-width: 620px) {
  .ix-page .ix-shell,
  .home-page .home-shell,
  .cg-page .cg-shell {
    width: min(1180px, calc(100% - 26px));
  }
  .ix-page .ix-hero,
  .ix-page .price3-hero,
  .home-page .home-hero,
  .cg-page .cg-hero {
    padding: 74px 0 48px;
  }
  .ix-page .ix-hero .ix-title,
  .ix-page .price3-hero .ix-title,
  .home-page .home-hero .home-h1,
  .cg-page .cg-hero .cg-title {
    font-size: 46px;
    line-height: 1.02;
  }
  .ix-page .ix-hero .ix-subtitle,
  .ix-page .price3-hero .ix-subtitle,
  .home-page .home-hero .home-sub,
  .cg-page .cg-hero .cg-lead {
    font-size: 18px;
  }
  .ix-page .ix-hero .ix-actions,
  .home-page .home-hero .home-actions,
  .cg-page .cg-hero .cg-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .ix-page .ix-hero .ix-btn,
  .home-page .home-hero .home-btn,
  .cg-page .cg-hero .cg-btn {
    width: 100%;
  }
  .ix-page .ix-section,
  .home-page .home-section,
  .cg-page .cg-section,
  .ix-page .ix-product-feature,
  .ix-page .price3-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}