@keyframes blink {
  0%, 100% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
}

/* Mobile overrides for inline-styled sections */
@media (max-width: 768px) {
  /* Hero inline grid */
  .hero-content {
    grid-template-columns: 1fr !important;
  }

  /* Engineering, Marketing, Content feature grids — override inline styles */
  #engineering .container > .reveal,
  #marketing .container > .reveal,
  #content .container > .reveal {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  /* Inline stats grid in engineering (3-col inline) */
  #engineering div[style*="repeat(3,1fr)"] {
    grid-template-columns: repeat(3, 1fr) !important;
    font-size: 10px;
  }

  /* Keep the 3 stat boxes but reduce padding on mobile */
  #engineering div[style*="repeat(3,1fr)"] > div {
    padding: 10px 8px !important;
  }

  #engineering div[style*="repeat(3,1fr)"] > div > div:first-child {
    font-size: 18px !important;
  }

  /* Stack btn-primary at full width inside feature sections */
  .feature-section .btn-primary {
    width: auto !important;
  }

  /* Section padding for sections without .section class */
  .feature-section {
    padding: 56px 0 !important;
  }

  .presence-section {
    padding: 56px 0 !important;
  }

  .stats-section {
    padding: 56px 0 !important;
  }

  .cta-section {
    padding: 56px 0 !important;
  }

  .trust-bar {
    padding: 24px 0;
  }

  /* Container horizontal padding on tiny screens */
  .container {
    padding: 0 20px !important;
  }

  /* Divider separator */
  div[style*="padding:0 64px"] {
    padding: 0 20px !important;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 0 16px !important;
  }

  div[style*="padding:0 64px"] {
    padding: 0 16px !important;
  }

  /* Shrink 3-col metric boxes further */
  #engineering div[style*="repeat(3,1fr)"] > div > div:first-child {
    font-size: 15px !important;
  }

  /* Country chips */
  .country-chips {
    gap: 6px !important;
  }

  /* Stack CTA buttons */
  .cta-actions .btn-primary,
  .cta-actions .btn-outline {
    width: 100% !important;
  }
}