/* ---------- AI PLANNER TEASER (deep brand band) ---------- */
.aip {
  background: var(--brand-deep-bg);
  color: var(--brand-deep-text);
  padding: var(--space-24) 0;
  position: relative;
  overflow: hidden;
}
.aip::before {
  content: "";
  position: absolute;
  top: -200px; right: -200px;
  width: 700px; height: 700px;
  background: radial-gradient(circle, var(--alpha-aqua-18) 0%, transparent 60%);
  pointer-events: none;
}
.aip .wrap { position: relative; z-index: 1; }
.aip .wrap { position: relative; }
.aip .lede { color: var(--brand-deep-accent); }

/* ---------- Interactive Planner widget ---------- */
.planner {
  background: var(--white);
  border: 1px solid var(--border-subtle);
  border-top: 2px solid var(--ai-accent);
  display: flex;
  flex-direction: column;
  min-height: 540px;
  align-self: start;
}