/* Static light beneath translucent surfaces. Layout remains viewport-driven. */
.project-bloooom {
  --glass-solid:#f7fafc;
  --glass-surface:rgba(248,252,255,.84);
  --glass-edge:rgba(107,143,164,.38);
  --glass-highlight:rgba(255,255,255,.94);
  --glass-shadow:rgba(37,68,88,.09);
  --glass-ink:#203644;
  --glass-muted:#445e6e;
  --glass-button:#213b4c;
  --glass-button-ink:#f7fcff;
}
:root[data-theme=dark] .project-bloooom {
  --glass-solid:#192b37;
  --glass-surface:rgba(23,43,57,.88);
  --glass-edge:rgba(158,196,219,.40);
  --glass-highlight:rgba(208,237,255,.21);
  --glass-shadow:rgba(0,0,0,.20);
  --glass-ink:#edf6fc;
  --glass-muted:#bcd0df;
  --glass-button:#d3eaf8;
  --glass-button-ink:#183243;
}
.project-bloooom [data-country-only][hidden] { display:none!important; }
/* Reserve the note's slot so country detection cannot shift content below it. */
.project-bloooom .membership-country-slot { min-height:4.8em; }
.project-bloooom .membership-country-slot p { margin:0; }
.project-bloooom #memberships {
  position:relative;
  isolation:isolate;
}
.project-bloooom #memberships::before {
  content:"";
  position:absolute;
  inset:90px 0 40px;
  z-index:-1;
  border-radius:44px;
  pointer-events:none;
  background:radial-gradient(ellipse at 4% 35%,#a8d7e55c,transparent 56%),
    radial-gradient(ellipse at 97% 70%,#aec5e54f,transparent 54%);
}
:root[data-theme=dark] .project-bloooom #memberships::before {
  background:radial-gradient(ellipse at 4% 35%,#22708b55,transparent 56%),
    radial-gradient(ellipse at 97% 70%,#3763974f,transparent 54%);
}
.project-bloooom #memberships .bloooom-plan {
  position:relative;
  overflow:visible;
  border:1px solid var(--glass-edge);
  border-radius:28px;
  background:linear-gradient(135deg,var(--glass-highlight),transparent 36%) border-box,var(--glass-solid);
  box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 #8cb0c018,0 16px 38px -22px var(--glass-shadow);
  color:var(--glass-ink);
  padding:clamp(25px,3vw,36px);
}
.project-bloooom #memberships .bloooom-plan-local {
  border-color:var(--glass-edge);
}
.project-bloooom #memberships .bloooom-plan :is(h3,.bb-plan-price strong,.bloooom-allowances dd) { color:var(--glass-ink); }
.project-bloooom #memberships .bloooom-plan :is(.eyebrow,.bb-plan-price span,.bloooom-plan-detail,.bloooom-allowances dt) { color:var(--glass-muted); }
.project-bloooom #memberships .bloooom-plan-status {
  background:var(--glass-solid);
  color:var(--glass-muted);
  border:1px solid var(--glass-edge);
  box-shadow:inset 0 1px 0 var(--glass-highlight);
}
.project-bloooom #memberships .bb-trial-intro {
  background:var(--glass-solid);
  border-color:var(--glass-edge);
  border-radius:20px;
  box-shadow:inset 0 1px 0 var(--glass-highlight);
}
.project-bloooom #memberships .bb-trial-intro p { color:var(--glass-muted); }
.project-bloooom #memberships .bb-trial-intro strong { color:var(--glass-ink); }
.project-bloooom #memberships .membership-tabs {
  background:var(--glass-solid);
  border-color:var(--glass-edge);
  padding:6px;
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 24px -12px var(--glass-shadow);
}
.project-bloooom #memberships .membership-tabs button { color:var(--glass-muted); }
.project-bloooom #memberships .membership-tabs button[aria-selected=true] {
  background:var(--glass-button);
  color:var(--glass-button-ink);
  border-color:var(--glass-edge);
  box-shadow:inset 0 1px 0 #ffffff38,0 3px 8px var(--glass-shadow);
}
.project-bloooom #memberships .bloooom-plan .bloooom-plan-cta {
  min-height:50px;
  background:linear-gradient(175deg,#ffffff13,transparent 55%),var(--glass-button);
  color:var(--glass-button-ink);
  border:1px solid var(--glass-edge);
  border-radius:14px;
  box-shadow:inset 0 1px 0 #ffffff40,0 5px 14px -8px var(--glass-shadow);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:box-shadow .16s ease,transform .16s ease;
}
.project-bloooom #memberships .bloooom-plan .bloooom-plan-cta:hover {
  box-shadow:inset 0 1px 0 #ffffff60,0 7px 18px -7px var(--glass-shadow);
}
.project-bloooom #memberships .bloooom-plan .bloooom-plan-cta:active { transform:scale(.985); }
.project-bloooom .bb-nav {
  padding:12px 22px;
  border-radius:999px;
  border:1px solid var(--glass-edge);
  background:var(--glass-solid);
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 22px -16px var(--glass-shadow);
}
.project-bloooom .bb-hero-secondary-actions .bb-secondary {
  background:var(--glass-solid);
  color:var(--glass-ink);
  border-color:var(--glass-edge);
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 22px -16px var(--glass-shadow);
}
.project-bloooom :is(.bb-header-contact,.bb-hero-start) {
  box-shadow:inset 0 1px 0 #ffffff50,0 8px 22px -10px var(--glass-shadow);
}
.project-bloooom #memberships .membership-local-summary {
  margin:12px 0 22px;
  font-size:17px;
  line-height:1.5;
  color:var(--glass-ink);
  font-weight:500;
}
.project-bloooom #memberships .membership-local-specs { margin:0 0 22px; }
.project-bloooom #memberships .membership-local-specs>div {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
  padding:13px 0;
  border-top:1px solid var(--glass-edge);
}
.project-bloooom #memberships .membership-local-specs dt {
  font-size:12px;
  color:var(--glass-muted);
}
.project-bloooom #memberships .membership-local-specs dd {
  margin:0;
  max-width:60%;
  text-align:right;
  font-size:14px;
  line-height:1.5;
  font-weight:500;
  color:var(--glass-ink);
}
.project-bloooom #memberships .membership-local-detail {
  margin:0 0 16px;
  max-width:none;
  font-size:14px;
  line-height:1.7;
}
.project-bloooom #memberships .membership-local-scope {
  color:var(--glass-muted);
  font-size:13px;
  line-height:1.65;
  margin:0 0 28px;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .project-bloooom #memberships .bloooom-plan {
    background:linear-gradient(140deg,var(--glass-highlight),transparent 38%),var(--glass-surface);
    -webkit-backdrop-filter:blur(18px) saturate(125%);
    backdrop-filter:blur(18px) saturate(125%);
  }
  .project-bloooom :is(.bb-nav,.bb-hero-secondary-actions .bb-secondary),
  .project-bloooom #memberships .membership-tabs {
    background:var(--glass-surface);
    -webkit-backdrop-filter:blur(14px) saturate(125%);
    backdrop-filter:blur(14px) saturate(125%);
  }
}
@media(max-width:599px),(max-width:1100px) and (orientation:portrait) {
  .project-bloooom #memberships .bloooom-plan { border-radius:24px; }
  .project-bloooom .membership-country-slot { min-height:5.2em; }
  .project-bloooom #memberships .membership-local-specs>div { gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .project-bloooom #memberships .bloooom-plan .bloooom-plan-cta { transition:none; transform:none; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .project-bloooom #memberships::before { display:none; }
  .project-bloooom #memberships .bloooom-plan,
  .project-bloooom #memberships .membership-tabs,
  .project-bloooom :is(.bb-nav,.bb-hero-secondary-actions .bb-secondary) {
    background:var(--glass-solid);
    border-color:var(--glass-muted);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
@media(forced-colors:active) {
  .project-bloooom #memberships::before { display:none; }
  .project-bloooom #memberships :is(.bloooom-plan,.bb-trial-intro,.membership-tabs),
  .project-bloooom :is(.bb-nav,.bb-hero-secondary-actions .bb-secondary) {
    background:Canvas;
    border-color:CanvasText;
    color:CanvasText;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .project-bloooom #memberships .bloooom-plan :is(h3,.bb-plan-price strong,.bb-plan-price span,.eyebrow,.bloooom-plan-detail,.bloooom-allowances dd,.bloooom-allowances dt),
  .project-bloooom #memberships :is(.membership-local-summary,.membership-local-specs dt,.membership-local-specs dd,.membership-local-scope,.bb-trial-intro p,.bb-trial-intro strong) { color:CanvasText; }
  .project-bloooom #memberships .bloooom-plan .bloooom-plan-cta,
  .project-bloooom #memberships .membership-tabs button[aria-selected=true] {
    background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;
  }
}
