/* 09 Final CTA (dark) */
.cta__grid { align-items: start; row-gap: 40px; }
.cta__left { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: 28px; }
.cta__right { grid-column: 7 / span 6; padding: clamp(20px, 3vw, 36px); border: 1px solid var(--ink-3); background: var(--ink-2); }
.cta__or { display: none; }
.cta__title { font-size: var(--fs-2xl); }
.cta__text { color: #c9d1de; max-width: 46ch; }
.cta__call { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 8px; }
.cta__label { font-size: var(--fs-sm); color: var(--muted-dark); }
.cta__phone { font: 600 clamp(2rem, 1.1rem + 3.4vw, 3.5rem)/1.05 var(--f-head); letter-spacing: -0.03em; color: #fff; text-decoration: none; border-bottom: 1px solid var(--ink-3); padding-bottom: 6px; transition: color .2s var(--ease), border-color .2s var(--ease); white-space: nowrap; }
.cta__phone:hover, .cta__phone:focus-visible { color: var(--accent-bright); border-color: var(--accent-bright); }
.cta__msg { display: flex; flex-wrap: wrap; gap: 10px; }
.cta__hours { font-size: var(--fs-sm); color: var(--muted-dark); }
.cta__form-h { font-size: var(--fs-sm); color: var(--muted-dark); margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--ink-3); }
.cta .on-ink .field .opt, .cta .field .opt { color: var(--muted-dark); }
.cta .select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%238c97aa' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); }
.cta .select option { color: var(--ink); background: #fff; }
.cta .input::placeholder, .cta .textarea::placeholder { color: var(--muted-dark); }
.cta .lead-form__error { color: #ff8a75; }
.cta .btn--primary { --b: var(--accent); }
.cta .btn--primary:hover { --b: var(--accent-bright); }
@media (max-width: 960px) {
  .cta__left, .cta__right { grid-column: 1 / -1; }
  .cta__or { display: flex; grid-column: 1 / -1; align-items: center; gap: 16px; }
  .cta__or::before, .cta__or::after { content: ""; flex: 1; height: 1px; background: var(--ink-3); }
  .cta__or span { font-size: var(--fs-sm); color: var(--muted-dark); }
}
@media (max-width: 400px) { .cta__phone { white-space: normal; } }
