/* EditField phone refinements. Desktop presentation is intentionally untouched. */
@media (max-width: 780px) {
  body { overflow-x: hidden; }
  .lead-header,
  .lead-hero,
  .audiences,
  .process,
  .faq,
  .lead-final,
  .lead-footer { width: calc(100% - 32px); }

  .lead-header { height: 58px; }
  .lead-header img,
  .lead-footer img { width: 126px; }
  .lead-header a { font-size: 11px; }

  .lead-hero { padding: 30px 0 34px; gap: 22px; }
  .lead-badge { font-size: 8px; line-height: 1.35; letter-spacing: .08em; }
  .lead-copy h1 { font-size: clamp(36px, 10.5vw, 44px); line-height: 1.01; margin: 14px 0 16px; }
  .hero-lede { font-size: 15px; line-height: 1.5; margin: 0; }

  .lead-form { max-width: none; margin-top: 20px; padding: 0; gap: 8px; border: 0; box-shadow: none; }
  .lead-form input { min-height: 50px; padding: 0 14px; border: 1px solid #c8d5cb; border-radius: 5px; font-size: 16px; }
  .lead-form button { min-height: 50px; padding: 0 16px; font-size: 12px; box-shadow: 0 3px 0 #d45222; }
  .lead-privacy { margin-top: 9px; }
  .micro-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; }
  .micro-proof span { font-size: 9px; line-height: 1.3; }

  .lead-image { padding: 7px; }
  .lead-image > img { aspect-ratio: 4 / 3; object-position: center; }
  .turnaround { position: static; margin-top: 7px; padding: 9px 10px; box-shadow: 0 3px 0 var(--orange); }
  .turnaround i { margin-left: auto; }

  .proof-strip > div { width: calc(100% - 32px); min-height: auto; padding: 16px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; overflow: visible; }
  .proof-strip b { grid-column: 1 / -1; font-size: 13px; line-height: 1.2; }
  .proof-strip span { white-space: normal; font-size: 9px; line-height: 1.3; }

  .audiences,
  .process { padding: 42px 0; }
  .section-head { margin-bottom: 23px; }
  .section-head h2,
  .deliverables h2,
  .lead-final h2 { font-size: clamp(29px, 8.5vw, 36px); margin: 9px 0 11px; }
  .section-head p,
  .deliverables > div > p,
  .lead-final p { font-size: 12px; }

  .audience-grid { gap: 12px; }
  .audience-grid article { display: grid; grid-template-columns: 38% 62%; }
  .audience-grid img { height: 100%; min-height: 210px; aspect-ratio: auto; }
  .audience-grid article > div { padding: 15px; }
  .audience-grid h3 { font-size: 17px; }
  .audience-grid p,
  .audience-grid li { font-size: 10px; }

  .deliverables { padding: 42px 16px; gap: 24px; }
  .deliverable-list p { padding: 12px 0; }
  .process-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .process-grid article { min-height: 150px; padding: 14px; }

  .faq { padding: 42px 0; }
  .faq-grid { gap: 8px; }
  .faq-grid article { padding: 15px 16px; }

  .lead-final { padding: 44px 0; gap: 22px; }
  .lead-final .lead-form { margin-top: 0; }
  .lead-footer { height: 62px; }
}

@media (max-width: 520px) {
  .audience-grid article { grid-template-columns: 34% 66%; }
  .audience-grid img { min-height: 220px; aspect-ratio: auto; object-position: center; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process-grid article { min-height: 145px; }
}

@media (max-width: 380px) {
  .lead-header,
  .lead-hero,
  .audiences,
  .process,
  .faq,
  .lead-final,
  .lead-footer,
  .proof-strip > div { width: calc(100% - 24px); }
  .lead-copy h1 { font-size: 35px; }
  .micro-proof { grid-template-columns: 1fr; gap: 5px; }
  .audience-grid article { display: block; }
  .audience-grid img { width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid article { min-height: 0; }
}