/* Phone options keep the AI identity visible before either call is started. */
.phone-invitation {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
}
.phone-invitation h3 { font-size: clamp(24px, 2vw, 28px); line-height: 1.15; max-width: 24ch; }
.closing .phone-invitation p { font-size: 17px; max-width: 38ch; margin-top: 16px; }
.phone-invitation p > a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; color: var(--ink); }
.phone-invitation p:last-child { margin-top: 0; font-weight: 700; }

.contact-channels { padding-block: 64px 100px; border-top: 1px solid var(--rule); }
.contact-channels > h2 { font-size: clamp(32px, 3.6vw, 48px); max-width: 22ch; margin-bottom: 40px; }
.contact-channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 4vw, 64px); }
.contact-channel { min-width: 0; padding: 32px; border: 1px solid var(--rule); background: #fff; }
.contact-channel-ai { background: transparent; }
.contact-channel h3 { font-size: clamp(25px, 2.4vw, 34px); line-height: 1.12; }
.contact-channel p { margin-top: 18px; font-size: 18px; color: var(--muted); }
.contact-channel h3 + p { min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; color: var(--ink); }
.contact-channel p > a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--ink); }
.contact-channel .button { margin-top: 26px; max-width: 100%; gap: 18px; }
.contact-channel-ai .button { background: transparent; color: var(--ink); border-color: var(--ink); }
.contact-channel-ai .button:hover { background: var(--ink); color: var(--paper); }
.contact-channel .button + p { margin-top: 22px; }
.contact-channel .button + p + p { margin-top: 0; }

.phone-demo { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; margin-block: 32px 0; padding: clamp(28px, 4vw, 56px); border: 1px solid var(--rule); border-left: 4px solid var(--accent); background: #eeede7; }
.phone-demo-copy h2 { font-size: clamp(30px, 3.2vw, 44px); max-width: 21ch; line-height: 1.1; }
.phone-demo-copy > p:last-child { margin-top: 22px; font-size: 18px; color: var(--muted); }
.phone-demo-call { min-width: 0; }
.phone-demo-label { font-size: 14px; color: var(--muted); }
.phone-demo-call p + p { margin-top: 8px; }
.phone-demo-call p > a { display: inline-flex; align-items: center; min-height: 44px; font-size: clamp(23px, 2.4vw, 32px); font-weight: 700; letter-spacing: -.025em; white-space: nowrap; }
.phone-demo-call .button { margin-top: 24px; max-width: 100%; gap: 18px; }
.phone-human-link { display: block; width: fit-content; min-height: 44px; padding-block: 12px; margin-top: 14px; font-size: 14px; }

@media (max-width: 760px) {
  .contact-channels { padding-block: 42px 60px; }
  .contact-channels > h2 { margin-bottom: 28px; }
  .contact-channel-grid, .phone-demo { grid-template-columns: minmax(0, 1fr); }
  .contact-channel { padding: 26px 22px; }
  .contact-channel p { font-size: 17px; }
  .contact-channel .button, .phone-demo-call .button { padding-inline: 18px; gap: 12px; }
  .phone-demo { margin-top: 16px; padding: 28px 22px; gap: 28px; }
  .phone-demo-copy > p:last-child { font-size: 17px; }
  .phone-demo-call { border-top: 1px solid var(--rule); padding-top: 24px; }
}