/* November 6 review: preserve source image proportions in responsive crop windows. */
.top-about-mascot > div > img,
.cta-owl-crop > img { height: auto; }

.top-case-metrics { align-self: stretch; width: 100%; }
.top-case-metric { flex: 1 1 0; }

/* Reserve a gap before the backmost phone, including three-character multipliers. */
.hero-proof-mechanic .hero-proof-metric,
.hero-proof-btob .hero-proof-metric { transform: scale(.85); transform-origin: bottom left; }

@media (min-width: 701px) {
  .top-cases > .top-watermark { font-size: calc(170px * var(--top-scale)); }
  .hero-actions .free-badge { left: 65px; top: -30px; }
  .hero-consult .free-badge { left: 75px; }
}
@media (max-width: 1000px) {
  .site-header .header-contact { order: 1; margin-left: auto; }
  .site-header .menu-toggle { order: 2; margin-left: 0; flex-shrink: 0; }
}
@media (max-width: 700px) {
  .top-cases-heading { padding-top: 80px; }
  .hero-actions { gap: 26px; }
  .hero-actions .button { padding-left: 65px; padding-right: 14px; gap: 5px; font-size: clamp(13px, 4.1vw, 16px); }
  .hero-download .download-cover { width: 60px; height: auto; left: -8px; top: 8px; }
  .hero-actions .free-badge { width: 30px; height: 30px; font-size: 10px; left: 51px; top: -19px; }
  .hero-consult .consult-person { width: 46px; height: auto; left: 12px; bottom: 1px; }
  .hero-consult .free-badge { left: 64px; }
  .hero-white-shape { top: 540px; }
  .hero-proof-metric,
  .hero-proof-mechanic .hero-proof-metric,
  .hero-proof-btob .hero-proof-metric,
  .hero-proof-law .hero-proof-metric { top: auto; bottom: 51px; transform-origin: bottom left; }
}

.about-point-mobile-break { display: none; }
@media (max-width: 767px) { .about-point-mobile-break { display: block; } }
@media (max-width: 374px) {
  .site-header { gap: 6px; }
  .site-header .brand { width: 132px; font-size: 8px; }
  .site-header .brand-images img:first-child { width: 27px; }
  .site-header .brand-images img:last-child { width: 100px; }
  .site-header .header-contact { font-size: 10px; gap: 4px; padding: 9px 8px; }
  .site-header .header-contact > img { width: 16px; height: 16px; }
  .site-header .menu-toggle { width: 26px; }
  .top-about-copy h2 { font-size: 26px; }
  .top-about-brand > b { font-size: 30px; }
  .top-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .top-metric { padding-inline: 4px; gap: 3px; }
  .top-metric-industry { flex-basis: 42px; }
  .top-metric-industry small { font-size: 11px; }
  .top-metric-values > p { font-size: 12px; }
  .top-metric-values > p > strong { font-size: 14px; }
  .top-metric-values > em { font-size: 30px; }
  .top-metric-values > em > span { font-size: 22px; }
}