/* ==========================================================================
   Donga Marketing — supplementary responsive & typography refinements
   Loaded after style.css; safe to extend without touching core file.
   ========================================================================== */

/* Fluid base sizing for very large desktop canvases */
@media (min-width: 1600px) {
  :root { --container-w: 1320px; }
  body { font-size: 17px; }
}

/* Tablet adjustments */
@media (max-width: 1024px) {
  .hero { padding: 48px 0 64px; }
  .founder-grid,
  .geo-grid { gap: 44px; }
  .services,
  .ecosystem,
  .founder,
  .testimonials,
  .final-cta,
  .geo { padding-top: 84px; padding-bottom: 84px; }
}

/* Small phones */
@media (max-width: 420px) {
  .hero-headline { font-size: clamp(1.9rem, 8vw, 2.4rem); }
  .cta-box { padding: 48px 24px; }
  .impact-number { font-size: clamp(1.7rem, 8vw, 2.2rem); }
  .option-grid { grid-template-columns: 1fr; }
}

/* Prevent form card overflow on ultra-narrow screens */
@media (max-width: 360px) {
  .hero-form-card { padding: 22px 16px 20px; }
}

/* Respect notch / safe-area on iOS for the floating WhatsApp button */
.whatsapp-float {
  bottom: calc(26px + env(safe-area-inset-bottom));
  right: calc(26px + env(safe-area-inset-bottom, 0px));
}

/* Focus visibility for keyboard users (accessibility) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

/* Selection color matching brand */
::selection {
  background: var(--orange);
  color: #fff;
}

/* Prevent layout shift: reserve space for lazy-loaded founder image */
.founder-photo img { background: var(--dark); }

/* Print styles — keep it simple and readable */
@media print {
  .whatsapp-float,
  .site-header,
  .hero-form-wrap { display: none !important; }
}