/* Bloooom uses neutral surfaces and contrasting monochrome actions. */
:root {
  --brand-ink:#111111; --brand-white:#ffffff;
  /* Compatibility for the inherited journey hover rule, without a navy hue. */
  --brand-navy:#333333;
  --brand-font:Manrope,Arial,sans-serif;
}
:root body.project-bloooom.bb-conversion, :root body.bb-get-started {
  --paper:#fafafa; --ink:#191919; --muted:#656565;
  --line:rgba(0,0,0,.15); --soft:rgba(0,0,0,.035);
  --accent:#191919; --on-accent:#ffffff; --focus:#191919; --action-hover:#333333;
  --glass-solid:#ffffff; --glass-surface:rgba(250,250,250,.94);
  --glass-edge:var(--line); --glass-highlight:rgba(255,255,255,.72); --glass-shadow:rgba(0,0,0,.06);
  --glass-ink:var(--ink); --glass-muted:var(--muted); --glass-button:var(--accent); --glass-button-ink:var(--on-accent);
  --bb-surface:var(--glass-solid); --bb-border:var(--line);
  background:var(--paper); color:var(--ink); font-family:var(--brand-font); color-scheme:light;
}
:root[data-theme=dark] body.project-bloooom.bb-conversion, :root[data-theme=dark] body.bb-get-started {
  --paper:#141414; --ink:#f2f2f2; --muted:#aaaaaa;
  --line:rgba(255,255,255,.16); --soft:rgba(255,255,255,.045);
  --accent:#f2f2f2; --on-accent:#191919; --focus:#f2f2f2; --action-hover:#dcdcdc;
  --glass-solid:#1e1e1e; --glass-surface:rgba(24,24,24,.94);
  --glass-highlight:rgba(255,255,255,.08); --glass-shadow:rgba(0,0,0,.2);
  color-scheme:dark;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme=light]) body.bb-get-started {
    --paper:#141414; --ink:#f2f2f2; --muted:#aaaaaa;
    --line:rgba(255,255,255,.16); --soft:rgba(255,255,255,.045);
    --accent:#f2f2f2; --on-accent:#191919; --focus:#f2f2f2; --action-hover:#dcdcdc;
    --glass-solid:#1e1e1e; --glass-surface:rgba(24,24,24,.94);
    --glass-highlight:rgba(255,255,255,.08); --glass-shadow:rgba(0,0,0,.2);
    color-scheme:dark;
  }
}
:root .project-bloooom.project-page.bb-conversion :is(.bb-theme-toggle,.bb-direction-card,.bb-direction-prompt,.bloooom-steps li,.interest-panel,.bloooom-plan,.bloooom-plan+.bloooom-plan,.bloooom-selected-plan) {
  background:var(--glass-solid); color:var(--ink); border-color:var(--line); box-shadow:none;
}
:root .project-bloooom.project-page.bb-conversion .bb-direction-card {padding:32px;border-radius:24px}
:root .project-bloooom.project-page.bb-conversion .bb-gallery-explorer {background:transparent;border:0;box-shadow:none;border-radius:0}
:root .project-bloooom.project-page.bb-conversion .bb-gallery-link {border:0;background:transparent;box-shadow:none}
:root .project-bloooom.project-page.bb-conversion :is(.bb-theme-toggle:hover,.bb-style-choices>button,.interest-field input,.interest-field select,.interest-field textarea,.interest-unavailable,.interest-feedback) {
  background:var(--soft);color:var(--ink);border-color:var(--line);
}
:root .project-bloooom.project-page.bb-conversion :is(.bb-header-contact,.bb-primary,.bloooom-plan .bloooom-plan-cta,.interest-submit,.bb-style-choices>button[aria-pressed=true]) {
  background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:none;
}
:root .project-bloooom.project-page.bb-conversion :is(.bb-header-contact,.bb-primary,.bloooom-plan .bloooom-plan-cta,.interest-submit):hover,
:root .bb-get-started .bb-start-primary:hover:enabled {
  background:var(--action-hover);color:var(--on-accent);border-color:var(--action-hover);
}
:root .project-bloooom.project-page.bb-conversion :is(.bloooom-plan-top .eyebrow,.bloooom-allowances dt,.bb-gallery-card small,.bb-gallery-note,.bb-direction-label,.bb-direction-detail,.bb-footer,.interest-fields:disabled :is(input,select,textarea)) {color:var(--muted)}
:root .project-bloooom.project-page.bb-conversion :is(.bloooom-allowances dd,.bloooom-faq-list summary,.bb-hero h1 span,.bloooom-step-number,.bb-direction-prompt>p) {color:var(--ink)}
:root .project-bloooom.project-page.bb-conversion .bloooom-plan-status {background:var(--soft);color:var(--muted);border-color:var(--line)}
:root .project-bloooom.project-page.bb-conversion .membership-tabs {box-shadow:none}
:root .project-bloooom.project-page.bb-conversion .membership-tabs button[aria-selected=true] {background:var(--ink);color:var(--paper);border-color:var(--ink)}
:root .project-bloooom.project-page.bb-conversion .bb-hero h1 {font-weight:600;letter-spacing:-.06em}
:root .project-bloooom.project-page.bb-conversion :is(.bb-section-intro h2,.bb-gallery h2,.bb-film h2,.bloooom-section-heading h2,.bloooom-faq h2,.bloooom-interest h2) {font-weight:550;letter-spacing:-.045em}
:root .project-bloooom.project-page.bb-conversion .bb-section-intro em {font-style:normal;color:var(--ink)}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls {background:var(--glass-surface);color:var(--ink);border-color:var(--line)}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls button {color:var(--ink)}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls button[aria-pressed=true] {background:var(--ink);color:var(--paper)}
:root .project-bloooom.project-page.bb-conversion :is(a,button,input,select,textarea,[tabindex]):focus-visible {outline-color:var(--focus)}

/* Remove inherited blue-grey text, tinted image controls and glow effects. */
:root .project-bloooom.project-page.bb-conversion :is(.bb-nav,.bb-hero-kicker,.bb-hero-description,.bb-demo-caption,.bb-demo-caption p,.bb-direction-prompt>span,.bb-film-caption,.bb-film-caption p,.bb-film-open,.bb-film-heading>span) {color:var(--muted)}
:root .project-bloooom.project-page.bb-conversion :is(h1,h2,h3) {color:var(--ink)}
:root .project-bloooom.project-page.bb-conversion .bb-hero-kicker>span {background:var(--ink);box-shadow:none}
:root .project-bloooom.project-page.bb-conversion :is(.bb-watch-icon,.bb-direction-open) {border-color:var(--line)}
:root .project-bloooom.project-page.bb-conversion .bb-demo {background:var(--soft);border-color:var(--line);box-shadow:none}
:root .project-bloooom.project-page.bb-conversion :is(.bb-image-label,.bb-divider-handle,.bb-gallery-zoom,.bb-film-play) {background:rgba(20,20,20,.76);color:#ffffff;border-color:rgba(255,255,255,.28);box-shadow:none}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls {box-shadow:0 4px 16px rgba(0,0,0,.12)}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls::before {background:var(--glass-solid)}
:root .project-bloooom.project-page.bb-conversion .bb-view-controls::after {background:var(--soft);box-shadow:none}
:root .project-bloooom.project-page.bb-conversion .bb-divider-line {box-shadow:0 0 0 1px rgba(0,0,0,.22)}
:root .project-bloooom.project-page.bb-conversion .bb-film-heading>span {background:var(--soft)}
:root .project-bloooom.project-page.bb-conversion :is(.bb-film-player,.bb-film-video) {background:#141414;border-color:var(--line);box-shadow:none}

/* One shared grid row gives every plan the height of the tallest plan.
   The inactive panel remains invisible, inert and excluded from focus by the
   existing category controller. It still determines the common card size. */
:root .project-bloooom.bb-conversion #memberships .membership-layout[data-enhanced=true] .membership-stage {display:grid}
:root .project-bloooom.bb-conversion #memberships .membership-layout[data-enhanced=true] .membership-panel {display:flex;flex-direction:column;grid-area:1/1;margin:0;min-width:0;align-self:stretch}
:root .project-bloooom.bb-conversion #memberships .membership-layout[data-enhanced=true] .membership-panel[aria-hidden=true] {display:flex;visibility:hidden;pointer-events:none}
:root .project-bloooom.bb-conversion #memberships .membership-layout[data-enhanced=true] .membership-track {flex:1 0 auto;align-items:stretch}

@media(max-width:599px) {:root .project-bloooom.project-page.bb-conversion .bb-direction-card {padding:24px}}
@media(prefers-reduced-transparency:reduce) {
  :root .project-bloooom.project-page.bb-conversion :is(.bb-header,.membership-tabs,.bloooom-plan) {background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active) {
  :root body.project-bloooom.bb-conversion,:root[data-theme=dark] body.project-bloooom.bb-conversion,:root body.bb-get-started,:root[data-theme=dark] body.bb-get-started {--paper:Canvas;--ink:CanvasText;--muted:CanvasText;--line:CanvasText;--soft:Canvas;--accent:Highlight;--on-accent:HighlightText;--focus:Highlight;--glass-solid:Canvas;--glass-surface:Canvas;--glass-button:Highlight;--glass-button-ink:HighlightText;--brand-white:Canvas;--brand-navy:CanvasText;background:Canvas;color:CanvasText}
  :root .project-bloooom.project-page.bb-conversion :is(.bb-header-contact,.bb-primary,.bloooom-plan .bloooom-plan-cta,.interest-submit,.bb-style-choices>button[aria-pressed=true],.membership-tabs button[aria-selected=true]) {background:Highlight;color:HighlightText;border-color:Highlight}
}