/* Static, shared Apex chevron background. Tune theme values here. */
.site-bg-page {
  --site-bg-from: #ffffff;
  --site-bg-to: #d6e2ff;
  --site-mark-color: #0866f5;
  --site-mark-opacity-fill: .17;
  --site-mark-opacity-outline: .21;
  --site-beam-opacity: .10;
  --site-glow-color: rgba(101, 159, 255, .38);
  --site-mark-size: 190px;
  background:
    radial-gradient(ellipse at 100% 0%, var(--site-glow-color), transparent 38%),
    linear-gradient(130deg, transparent 21%, rgba(255,255,255,var(--site-beam-opacity)) 40%, transparent 62%),
    linear-gradient(143deg, transparent 43%, rgba(255,255,255,var(--site-beam-opacity)) 56%, transparent 73%),
    linear-gradient(90deg, var(--site-bg-from) 0%, color-mix(in srgb, var(--site-bg-from) 94%, transparent) 23%, transparent 66%),
    linear-gradient(0deg, var(--site-bg-from) 0%, color-mix(in srgb, var(--site-bg-from) 72%, transparent) 19%, transparent 58%),
    url("../apex-house-pattern-tile.svg"),
    linear-gradient(135deg, var(--site-bg-from), var(--site-bg-to)) !important;
  background-size: cover, cover, cover, cover, cover,
    calc(var(--site-mark-size) * 4) calc(var(--site-mark-size) * 3), cover;
  background-position: center, center, center, center, center, right top, center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
  background-attachment: scroll;
}
:root[data-theme="dark"] .site-bg-page {
  --site-bg-from: #061230;
  --site-bg-to: #0b2a6f;
  --site-mark-color: #5b9cff;
  --site-mark-opacity-fill: .15;
  --site-mark-opacity-outline: .24;
  --site-beam-opacity: .065;
  --site-glow-color: rgba(39, 111, 255, .34);
}
@media (max-width: 700px) {
  .site-bg-page { --site-mark-size: 140px; }
}
/* Transparent page sections reveal the shared background; retain readable dark/blue text surfaces. */
.site-bg-page .hero,
.site-bg-page .services,
.site-bg-page .consulting,
.site-bg-page .programs,
.site-bg-page .purpose,
.site-bg-page .faq,
.site-bg-page .testimonials,
.site-bg-page .trusted,
.site-bg-page .process,
.site-bg-page .terms-section,
.site-bg-page .page-hero,
.site-bg-page .page-section.soft,
.site-bg-page .bio-page,
.site-bg-page .insight-chapter {
  background: transparent !important;
}
.site-bg-page .why,
.site-bg-page .booking-section,
.site-bg-page .insights {
  background: rgba(3, 15, 34, .90) !important;
}
.site-bg-page .cta-band {
  background: rgba(1, 100, 255, .95) !important;
}
.site-bg-page .footer,
.site-bg-page .page-footer {
  background: rgba(3, 15, 34, .90) !important;
}
:root[data-theme="dark"] .site-bg-page .trusted {
  background: rgba(255, 255, 255, .92) !important;
}