/* ============================================================
   ALIFY — get-a-quote.css · /get-a-quote page
   ============================================================ */

.quote-hero { padding-top: calc(var(--header-h) + clamp(3rem, 8vw, 6rem)); }
.quote-hero__grid { display: grid; gap: 2rem; margin-top: clamp(2rem, 5vw, 3rem); }
@media (min-width: 1024px) {
  .quote-hero__grid { grid-template-columns: repeat(12, 1fr); align-items: end; }
  .quote-hero__lead { grid-column: 1 / 8; }
  .quote-hero__aside { grid-column: 9 / 13; }
}

/* steps rail */
.steps { display: flex; flex-wrap: wrap; gap: .75rem 2rem; counter-reset: steps; }
.step-pill {
  display: inline-flex; align-items: center; gap: .75rem;
  font-family: var(--ff-mono); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted);
}
.step-pill b {
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 1px solid var(--line-2); border-radius: 50%;
  font-weight: 500;
  color: var(--teal-2);
}
.step-pill.is-active { color: var(--off); }
.step-pill.is-active b { background: var(--green); border-color: var(--green); color: var(--ink); }

/* layout */
.quote-layout { display: grid; gap: 3.5rem; }
@media (min-width: 1024px) {
  .quote-layout { grid-template-columns: repeat(12, 1fr); align-items: start; }
  .quote-form-col { grid-column: 1 / 8; }
  .quote-aside { grid-column: 9 / 13; position: sticky; top: calc(var(--header-h) + 2rem); display: grid; gap: 1.75rem; }
}

/* aside cards */
.aside-card {
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  padding: 1.75rem;
  background: var(--panel);
}
.aside-card--sand { background: linear-gradient(160deg, #E9E1B8, var(--sand)); color: #17170E; border-color: rgba(23,23,14,.2); }
.aside-card--sand h3 { color: #17170E; }
.aside-card h3 { font-size: 1.15rem; margin-bottom: 1.1rem; }
.aside-card__list { list-style: none; display: grid; gap: .85rem; font-size: .9rem; }
.aside-card__list li { display: flex; gap: .7rem; align-items: baseline; }
.aside-card__list .ph { flex: none; transform: translateY(2px); }
.aside-card:not(.aside-card--sand) .aside-card__list { color: var(--muted); }
.aside-card:not(.aside-card--sand) .aside-card__list .ph { color: var(--green); }
.aside-card--sand .aside-card__list { color: rgba(23,23,14,.8); }
.aside-card--sand .aside-card__list .ph { color: var(--teal); }
.aside-card__foot { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(23,23,14,.2); font-family: var(--ff-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.aside-card:not(.aside-card--sand) .aside-card__foot { border-top-color: var(--line); color: var(--faint); }

/* brief section (revealed after quote submit) */
.brief-block { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 3rem; }

/* review box inside success */
.review-box { border: 1px dashed rgba(23,23,14,.35); border-radius: var(--r); padding: 1.25rem; font-family: var(--ff-mono); font-size: .82rem; line-height: 1.9; color: rgba(23,23,14,.85); }
.review-box b { color: #17170E; }