/* Steady Drift Studio — Starter Site configurator.
   Extends intake.css (shared step-engine chrome) with the two pieces that are
   genuinely new: the section-card multi-select grid with its 5-item cap, and
   the review/total screen. Everything else (intro, progress, topbar, stage,
   text fields, option groups, actions, outro) is intake.css as-is. */

/* ── SECTION CARDS (Step 1) ── */
.starter-count-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--stone);border-radius:var(--r-lg);padding:0.75rem 1.1rem;margin-bottom:1.1rem;font-size:13px;color:var(--ink-mid);position:sticky;top:4.6rem;z-index:20}
.starter-count-bar strong{color:var(--ink);font-weight:500}
.section-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.7rem;margin-bottom:0.5rem}
.section-card{display:flex;align-items:flex-start;gap:0.7rem;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--stone-dark);border-radius:var(--r-lg);padding:0.9rem 1.05rem;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.15s,opacity 0.2s}
.section-card:hover{border-color:rgba(42,124,138,0.35);transform:translateY(-1px)}
.section-card .section-card-indicator{width:18px;height:18px;flex-shrink:0;margin-top:0.1rem;border:1.5px solid var(--stone-dark);background:#fff;border-radius:5px;transition:all 0.2s;display:flex;align-items:center;justify-content:center}
.section-card input{position:absolute;opacity:0;width:1px;height:1px}
.section-card.selected{border-color:var(--teal);background:var(--teal-light)}
.section-card.selected .section-card-indicator{border-color:var(--teal);background:var(--teal)}
.section-card.selected .section-card-indicator::after{content:'';width:6px;height:6px;border-radius:2px;background:#fff}
.section-card.at-cap:not(.selected){opacity:0.5;cursor:default}
.section-card-label{line-height:1.45}
.starter-upsell{background:var(--teal-light);border:1px solid rgba(42,124,138,0.2);border-radius:var(--r-lg);padding:1rem 1.15rem;margin-top:0.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.starter-upsell p{font-size:13px;color:var(--ink-mid);line-height:1.6;margin:0;flex:1 1 260px}
.starter-upsell-actions{display:flex;gap:0.6rem;flex-wrap:wrap}
.starter-included-note{font-size:12px;color:var(--ink-light);margin-top:1rem;line-height:1.7}

/* ── REVIEW / TOTAL (Step 5) ── */
.starter-review-list{list-style:none;display:flex;flex-direction:column;gap:0.7rem;margin:1.25rem 0;padding:1.25rem 0;border-top:1px solid var(--stone-dark);border-bottom:1px solid var(--stone-dark)}
.starter-review-list li{display:flex;justify-content:space-between;gap:1rem;font-size:13.5px;color:var(--ink-mid)}
.starter-review-list li span:last-child{color:var(--ink);font-weight:500;flex-shrink:0}
.starter-total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:1.15rem;margin-bottom:0.5rem}
.starter-total-row .amount{font-family:var(--font-display);color:var(--ink)}
.starter-estimate-flag{display:inline-block;font-size:10.5px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--warn,#8a6b1f);background:#f3e9d3;border-radius:100px;padding:0.25rem 0.7rem;margin-left:0.5rem;vertical-align:middle}
.starter-deposit-note{font-size:13px;color:var(--ink-mid);line-height:1.75;margin-bottom:1rem}
.starter-disclaimer{font-size:11.5px;color:var(--ink-light);line-height:1.75;margin-top:1rem}

/* ── FOUNDING100 offer code (Step 4) ── */
.founding-applied{background:var(--teal-light);border:1px solid rgba(42,124,138,0.25);border-radius:var(--r-lg);padding:1rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.founding-applied p{font-size:13.5px;color:var(--ink);font-weight:500;margin:0}
.founding-message{font-size:12.5px;line-height:1.7;margin-top:0.75rem}
.founding-message.invalid{color:var(--ink-mid)}
.founding-message.inactive{color:var(--ink-mid)}

@media(prefers-reduced-motion:reduce){
  .section-card{transition:none}
}
@media(max-width:640px){
  .starter-count-bar{position:static}
  .section-cards{grid-template-columns:1fr}
  .founding-applied{flex-direction:column;align-items:flex-start}
}