/* ASIP.MD mobile rules v1.0 - generic page/grid rules only. Header/footer own their CSS. */
@media (max-width: 620px) {
  .page-hero { padding: 30px 0 24px; }
  .page-hero-copy h1,
  .hero-stack-card h1 { font-size: 32px; letter-spacing: -.045em; }
  .page-hero-copy p,
  .hero-stack-card p { font-size: 15px; }
  .section { padding: 34px 0; }
  .service-grid,
  .feature-grid,
  .insight-grid,
  .pricing-grid,
  .timeline-rich,
  .related-grid { grid-template-columns: 1fr; }
  .mini-card,
  .insight-card,
  .timeline-rich article,
  .price-card,
  .calculator-panel,
  .calculator-result,
  .faq-group { padding: 16px; border-radius: 16px; min-height: auto; }
  .visual-band { padding: 20px; border-radius: 20px; }
  .request-form { grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .split-copy h2,
  .visual-band h2,
  .legal-content h2 { font-size: 25px; line-height: 1.12; }
}