/* Home — closing CTA. "Your crew's waiting." plus the trip builder bar. */

.bido-home-send {
  text-align: center;
  /* A light band like Bundle/Reviews: .bido-home-band-light paints the cream
     base (home-marketing.css); we only layer the glow via background-image so the
     cream shows through. Alphas drop to the light-band level (cf. bundle 0.08 /
     reviews 0.07) — the accent lights the dark builder card at the foot, the teal
     lifts the heading — without washing out the cream. */
  background-image:
    radial-gradient(ellipse 64% 56% at 50% 96%, rgba(var(--bx-accent-rgb),0.10), transparent 66%),
    radial-gradient(ellipse 50% 40% at 50% 4%, rgba(var(--bx-teal-rgb),0.07), transparent 64%);
}

/* On the light send band the bright-cyan dotted eyebrow loses contrast against
   cream — swap to the theme-aware accent ink and soften the dot's glow, matching
   the reviews-eyebrow precedent (home-reviews.css). Both classes sit on the same
   <section>, so this is a compound selector (no space) — a descendant combinator
   would require .bido-home-send to be nested inside .bx-light-surface and match
   nothing. */
.bx-light-surface.bido-home-send .bido-home-eyebrow { color: var(--bx-accent-ink); }
.bx-light-surface.bido-home-send .bido-home-eyebrow-dot {
  background: var(--bx-accent-ink);
  box-shadow: 0 0 10px rgba(var(--bx-accent-rgb),0.4);
}

/* Widened from 60rem so the five-zone trip builder bar at the foot has the same
   room the hero bar gets in .bido-home-inner — at 60rem its Occasion value
   ("Choose an occasion") was clipped. The eyebrow/heading/lead are pinned back
   to the original 60rem reading measure below, so only the builder spans wide. */
.bido-home-send-inner {
  max-width: 72rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bido-home-send .bido-home-eyebrow,
.bido-home-send h2,
.bido-home-send-lead {
  max-width: 60rem;
}

.bido-home-send .bido-home-eyebrow {
  margin-bottom: 16px;
}

.bido-home-send-lead {
  margin-top: 16px;
  font-size: var(--bx-text-xl);
  line-height: 1.5;
  color: var(--bx-ink-2);
}

.bido-home-send .bido-home-builder {
  width: 100%;
  text-align: left;
}
