@media (min-width: 901px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}

.specialist-note {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.5;
}

body { font-family: "Segoe UI", Inter, Arial, sans-serif; }
h1, h2, h3, .brand, .button, .price-chip strong, .price-card strong { font-family: "Segoe UI", Inter, Arial, sans-serif; }

.privacy-check { display: flex; align-items: flex-start; gap: .7rem; font-size: .86rem; line-height: 1.45; }
.privacy-check input { width: 1.1rem; height: 1.1rem; margin: .15rem 0 0; flex: 0 0 auto; accent-color: var(--coral); }
.privacy-check a, .form-note a { color: inherit; text-underline-offset: 3px; }
.form-note { line-height: 1.55; }
.form-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.form-status { padding: .9rem 1rem; border-radius: 10px; font-size: .92rem; line-height: 1.5; }
.form-status.is-success { color: #0b4d3b; background: #dff4ec; border: 1px solid #a9ddcc; }
.form-status.is-error { color: #7a2731; background: #fbe8eb; border: 1px solid #efbdc4; }
.form-status a { color: inherit; font-weight: 700; }
form button:disabled { cursor: wait; opacity: .72; }

.legal-nav { position: static; background: var(--navy); }
.legal-shell { max-width: 860px; margin: 0 auto; padding: 72px 24px 96px; color: var(--navy); }
.legal-shell .eyebrow { color: var(--coral); }
.legal-shell h1 { margin: 12px 0 16px; font-size: clamp(2.3rem, 6vw, 4.6rem); line-height: .98; letter-spacing: -.055em; }
.legal-intro { max-width: 700px; margin-bottom: 48px; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.legal-section { padding: 28px 0; border-top: 1px solid rgba(12, 30, 45, .14); }
.legal-section h2 { margin: 0 0 12px; font-size: 1.25rem; letter-spacing: -.02em; }
.legal-section p, .legal-section li { color: #43515d; line-height: 1.75; }
.legal-section ul { padding-left: 1.25rem; }
.legal-section a { color: var(--navy); text-underline-offset: 3px; }
.legal-footer { padding-top: 28px; border-top: 1px solid rgba(255,255,255,.18); }

@media (max-width: 700px) {
  .legal-nav { padding: 18px 20px; }
  .legal-nav .button { display: none; }
  .legal-shell { padding-top: 48px; }
}
