/* ============================================================
   planning extras inside the case wizard — same row as the pricing page
   ============================================================ */
.extras-field{margin-top:4px}
.extras-field__t{font-size:13px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--fg-steel-500);margin-bottom:10px}
html[dir="rtl"] .extras-field__t{letter-spacing:0;text-transform:none;font-size:14.5px}
.cform .extra{display:flex;align-items:center;gap:12px}
.cform .extra > span:nth-of-type(2){flex:1;font-size:15px;text-transform:none;
  letter-spacing:0;color:var(--fg-ink)}
/* ============================================================
   contact — what happens next
   ============================================================ */
.cx{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-bottom:48px;
  padding-bottom:44px;border-bottom:1px solid var(--fg-hairline)}
.cx h3{font-size:19px;color:var(--fg-navy-800);margin-bottom:18px}
.cx__steps{list-style:none;counter-reset:cx;display:grid;gap:16px}
.cx__steps li{counter-increment:cx;position:relative;padding-inline-start:38px;
  font-size:15.5px;line-height:1.7;color:var(--fg-ink-muted)}
.cx__steps li::before{content:counter(cx);position:absolute;inset-inline-start:0;top:1px;
  width:24px;height:24px;border-radius:50%;background:var(--fg-mist-100);
  border:1px solid var(--fg-hairline);display:grid;place-items:center;
  font-family:var(--font-mono);font-size:12.5px;color:var(--fg-navy-800)}
.cx__warn{margin-top:20px;padding:14px 16px;background:var(--fg-mist-100);
  border-inline-start:3px solid var(--fg-swiss-red);border-radius:var(--r-sm);
  font-size:14px;line-height:1.65;color:var(--fg-ink-muted)}
@media (max-width:860px){ .cx{grid-template-columns:1fr;gap:34px} }