/* Donor lock: compact dark AI product with violet depth and restrained glow. */
:root {
  --donor-bg: #171717;
  --donor-surface: #1e1e20;
  --donor-surface-2: #26242d;
  --donor-text: #fff;
  --donor-muted: #aaa5b5;
  --donor-line: rgba(255, 255, 255, .1);
  --donor-primary: #6356fe;
  --donor-accent: #a330cb;
  --donor-gradient: linear-gradient(87deg, #6356fe 0%, #764aef 31%, #8a3edf 62%, #a330cb 100%);
}

body { background: var(--donor-bg); color: var(--donor-text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; }
h1, h2, h3, h4, h5, h6, button, a { font-family: inherit; }

.header { background: transparent !important; }
.header-body {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  background: rgba(30, 30, 32, .82) !important;
  border: 1px solid var(--donor-line);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(24px);
}
.header .ask-ai { justify-self: start; margin: 0 !important; }
.header .menu { justify-self: center; margin: 0 !important; }
.header .header-actions { justify-self: end; }
.header .ask-ai .text, .header .menu-list-link, .header .types-trigger { color: var(--donor-text) !important; }
.header .ask-ai::after { color: var(--donor-text) !important; }
.header .ask-ai .logo g { fill: var(--donor-text) !important; }
.header .ask-ai .text, .header .header-actions a { white-space: nowrap; }
.header .menu-list { gap: 28px; }
.header .btn-black { background: rgba(255, 255, 255, .08); border: 1px solid var(--donor-line); color: var(--donor-text); }
.header .btn-white { background: var(--donor-gradient); border: 0; color: var(--donor-text); }

.presentation-hero-section { margin-top: 82px !important; background: var(--donor-bg); }
.presentation-hero-section::before, .presentation-hero-parallax, .presentation-hero-star { display: none !important; }
.presentation-hero-body { padding-top: 42px !important; }
.hero-ai-block {
  background: radial-gradient(circle at 14% 10%, rgba(99, 86, 254, .22), transparent 32%), radial-gradient(circle at 88% 86%, rgba(163, 48, 203, .18), transparent 34%), linear-gradient(135deg, #191823 0%, #101018 100%) !important;
  border: 1px solid var(--donor-line) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .34) !important;
}
.hero-ai-glow { display: block !important; }
.hero-ai-grid { display: block !important; opacity: .05 !important; }
.hero-ai-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; align-items: center; max-width: 1180px; text-align: left !important; }
.hero-ai-title { grid-column: 1; color: var(--donor-text) !important; font-weight: 750 !important; }
.hero-ai-title-accent { color: #a98fff !important; text-shadow: 0 0 24px rgba(99, 86, 254, .28) !important; }
.hero-ai-title-accent::after { background: var(--donor-gradient) !important; filter: none !important; }
.hero-ai-text { grid-column: 1; color: var(--donor-muted) !important; }
.hero-ai-visual { grid-column: 2; grid-row: 1 / span 5; margin: 0 !important; border: 1px solid var(--donor-line) !important; border-radius: 20px !important; box-shadow: 0 24px 54px rgba(0, 0, 0, .38) !important; }
.hero-ai-actions { grid-column: 1; justify-content: flex-start !important; }
.hero-ai-btn--primary { background: var(--donor-gradient) !important; box-shadow: 0 12px 28px rgba(99, 86, 254, .3) !important; }
.hero-ai-btn--secondary { color: var(--donor-text) !important; background: rgba(255, 255, 255, .05) !important; border-color: var(--donor-line) !important; }

.landing-main { background: var(--donor-bg) !important; color: var(--donor-text) !important; }
.landing-hero-grid { background: linear-gradient(135deg, #1d1b28, #101018) !important; border: 1px solid var(--donor-line) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .3) !important; }
.landing-hero h1, .section-heading h2, .types-intro h2 { color: var(--donor-text) !important; }
.landing-lead, .section-heading p, .types-intro > p { color: var(--donor-muted) !important; }
.landing-preview { background: rgba(255, 255, 255, .04) !important; border-color: var(--donor-line) !important; }
.landing-section--muted, .types-section { background: #1b1a20 !important; }
.pain-card, .benefit-card, .audience-card, .related-card, .types-grid section, .types-popover section, .outline li { background: var(--donor-surface) !important; border-color: var(--donor-line) !important; color: var(--donor-text) !important; }
.pain-card p, .benefit-card p, .audience-card p, .faq p { color: var(--donor-muted) !important; }
.flow article { background: var(--donor-surface-2) !important; border: 1px solid var(--donor-line); }
.landing-button { background: var(--donor-gradient) !important; color: var(--donor-text) !important; }
.landing-button--quiet { color: var(--donor-text) !important; background: rgba(255, 255, 255, .05) !important; outline: 1px solid var(--donor-line) !important; }
.faq { border-color: var(--donor-line) !important; }
.faq details { border-color: var(--donor-line) !important; }
.final-cta, .footer { background: #111114 !important; }

@media (max-width: 992px) {
  .header-body { grid-template-columns: minmax(0, 1fr) auto; }
  .header .header-actions { grid-column: 2; }
}
@media (max-width: 900px) {
  .hero-ai-content { display: flex; flex-direction: column; align-items: stretch; text-align: left !important; }
  .hero-ai-title, .hero-ai-text { max-width: 760px; }
  .hero-ai-visual { order: 3; margin: 24px 0 0 !important; }
  .hero-ai-actions { order: 4; justify-content: flex-start !important; }
}
@media (max-width: 560px) {
  .presentation-hero-section { margin-top: 64px !important; }
  .presentation-hero-body { padding-top: 24px !important; }
  .hero-ai-block { padding: 24px 16px !important; border-radius: 20px !important; }
  .hero-ai-visual { border-radius: 14px !important; }
}