.quote-form { max-width: 660px; margin-top: 38px; }
.quote-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.quote-field label { display: block; margin-bottom: 12px; color: var(--muted); font-size: 14px; }
.quote-field select { width: 100%; min-height: 54px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 4px; background: #191b1c; color: var(--fg); font: inherit; cursor: pointer; }
.quote-field select:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.quote-result { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 14px; margin: 28px 0; padding: 24px 0; border-block: 1px solid var(--line); }
.quote-result > span { color: var(--muted); font-size: 16px; }
.quote-result output { font-size: 36px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.quote-note { margin: 17px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 500px) {
  .quote-fields { grid-template-columns: 1fr; gap: 20px; }
  .quote-form .inquiry { gap: 24px; }
}