/* Features keeps its own distinct content and all SEO metadata. */
body.bba-features :is(.features-hero, .features-flow, .features-final) { background: #281348; color: #fff; padding: 64px 0; }
body.bba-features :is(.features-hero-grid, .features-flow-grid) { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr); gap: 40px; align-items: center; }
body.bba-features .features-hero h1 { color: #fff; font: 600 48px/1.12 BbaInter, Arial, sans-serif; letter-spacing: -.035em; max-width: 100%; }
body.bba-features :is(.features-hero-intro, .features-flow-copy p, .features-final p) { color: #e2d8f4; font: 400 17px/1.65 BbaInter, Arial, sans-serif; }
body.bba-features :is(.brand-kicker, .features-card-label) { font: 600 12px/1.5 BbaInter, Arial, sans-serif; color: #c4a9ff; letter-spacing: .08em; }
body.bba-features .brand-kicker.dark { color: #5926d6; }
body.bba-features :is(.features-hero-actions, .features-final-actions) { display: flex; flex-wrap: wrap; gap: 12px; }
body.bba-features .features-hero-card { background: #fff; color: #211a2d; border: 1px solid #e6e2ed; border-radius: 16px; padding: 24px; box-shadow: 0 12px 32px #1409221a; }
body.bba-features .features-hero-card .features-card-label { color: #5926d6; }
body.bba-features .features-capability { border-color: #e6e2ed; }
body.bba-features .features-capability strong { font-family: BbaInter, Arial, sans-serif; color: #281348; }
body.bba-features .features-capability small { color: #62596f; }
body.bba-features :is(.features-core, .features-control, .features-audience, .features-faq) { padding: 56px 0; background: #fff; }
body.bba-features .features-control { background: #f5f1fb; }
body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) > article { padding: 24px; border: 1px solid #e6e2ed; background: #fff; border-radius: 16px; box-shadow: 0 12px 32px #2813480c; min-width: 0; }
body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) h3 { font: 600 20px/1.3 BbaInter, Arial, sans-serif; color: #281348; letter-spacing: -.02em; }
body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) p { font: 400 15px/1.65 BbaInter, Arial, sans-serif; color: #62596f; }
body.bba-features .features-grid article > span { color: #5926d6; font-family: BbaInter, Arial, sans-serif; }
body.bba-features .brand-section-heading h2 { font: 600 32px/1.25 BbaInter, Arial, sans-serif; color: #281348; letter-spacing: -.025em; }
body.bba-features :is(.features-flow h2, .features-final h2) { font: 600 32px/1.25 BbaInter, Arial, sans-serif; color: #fff; }
body.bba-features .features-flow-steps { background: #fff; border-color: #e6e2ed; border-radius: 16px; color: #211a2d; }
body.bba-features .features-flow-steps :is(strong, span) { font-family: BbaInter, Arial, sans-serif; color: #5926d6; }
body.bba-features .features-flow-steps small { color: #62596f; }
body.bba-features .brand-faq-item { border-color: #e6e2ed; border-radius: 12px; background: #faf8fd; }
body.bba-features .brand-faq-item summary { color: #281348; font: 600 17px/1.5 BbaInter, Arial, sans-serif; }
body.bba-features .features-answer { color: #62596f; font: 400 15px/1.7 BbaInter, Arial, sans-serif; }
@media (max-width: 900px) {
  body.bba-features :is(.features-hero-grid, .features-flow-grid) { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 500px) {
  body.bba-features :is(.features-hero, .features-flow, .features-final, .features-core, .features-control, .features-audience, .features-faq) { padding: 36px 0; }
  body.bba-features .features-hero h1 { font-size: 34px; }
  body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) { grid-template-columns: minmax(0, 1fr); }
  body.bba-features :is(.features-hero-actions, .features-final-actions) .bba-action { width: 100%; }
}
body.bba-features .features-answer { border-left-color: #a785fa; }
body.bba-features .features-answer > span { color: #c4a9ff; }
body.bba-features .features-flow .bba-text-link { color: #d8c7ff; }
body.bba-features .features-flow-steps li { background: #faf8fd; border-color: #e6e2ed; border-radius: 12px; }
body.bba-features .features-flow-steps li > span { background: #6f3bf5; color: #fff; }
body.bba-features .features-audience-grid a { padding: 24px; border: 1px solid #e6e2ed; border-radius: 16px; box-shadow: 0 12px 32px #2813480c; color: #281348; }
body.bba-features .features-audience-grid a:is(:hover, :focus-visible) { border-color: #a785fa; background: #faf8fd; }
body.bba-features .features-audience-grid span { color: #5926d6; }
body.bba-features .features-audience-grid small { color: #62596f; }

/* Heading width follows its grid column, with no inherited marketing balance. */
body.bba-features main :is(h1, h2, h3) { max-width: 100%; text-wrap: wrap; word-break: normal; }
body.bba-features .brand-section-heading { max-width: 100%; }
body.bba-features .brand-section-heading > p:last-child { max-width: 760px; }
@media (min-width: 901px) and (max-width: 1100px) {
  body.bba-features :is(.features-hero-grid, .features-flow-grid) { grid-template-columns: minmax(0, 1fr); }
}

/* The title spans the hero; copy and capabilities remain in their existing grid. */
body.bba-features .features-hero-heading { margin-bottom: 28px; }
body.bba-features .features-hero-heading h1 { margin-bottom: 0; }

body.bba-features .features-hero-grid { align-items: start; }

body.bba-features :is(.features-grid, .features-control-grid, .features-audience-grid) h3 { text-wrap: wrap; }