/* Codnixy — responsive: tablet + mobile breakpoints */

@media (max-width: 980px) {
  section { padding: 90px 0; }
  .wrap { padding: 0 24px; }
  .hero { padding: 180px 0 80px; }
  .nav { gap: 14px; padding: 8px 8px 8px 14px; }
  .nav-links { gap: 16px; }
  .nav-links a, .nav-cta { font-size: 13px; }
  .cap-grid, .step-grid { grid-template-columns: 1fr; }
  .step .num { font-size: 220px; }
  .faq-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-strip { grid-template-columns: 1fr; max-width: 480px; }
  .contact-strip-item { border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .contact-strip-item:last-child { border-bottom: 0; }
  .contact-panel { padding: 26px; }
  .form-grid { grid-template-columns: 1fr; }
  .field, .field.half { grid-column: span 1; }
  .foot-top { grid-template-columns: 1fr; gap: 40px; }
  .foot-right { grid-template-columns: 1fr 1fr; }
  .dash-section { margin: 0 16px; padding: 70px 0 0; border-radius: 24px; }
  .dash-mock { width: 980px; }
  .logo-strip { gap: 40px; margin-top: 70px; }
}
@media (max-width: 620px) {
  .nav-links { display: none; }
  .hero-ctas { flex-direction: column; }
  .score-big { font-size: 140px; }
  .step .num { font-size: 180px; top: 35%; }
}