/* ==========================================================================
   ORANJE LEAD — Responsive Rules
   ========================================================================== */

/* 1600px and below — tighten container a touch */
@media (max-width: 1600px) {
  :root { --container-max: 1240px; }
}

/* 1200px — laptop */
@media (max-width: 1200px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* 992px — tablet landscape */
@media (max-width: 992px) {
  .main-nav ul { gap: 24px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-scene { height: 420px; margin-top: 30px; order: -1; }
  .hero .lead-text { max-width: 100%; }
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-visual { height: 320px; order: -1; }
  .process-track { grid-template-columns: repeat(2, 1fr); row-gap: 46px; }
  .process-track::before { display: none; }
  .journey-track { flex-wrap: wrap; row-gap: 40px; }
  .journey-track::before { display: none; }
  .journey-stage { flex: 0 0 33.333%; }
  .tech-visual-panel { height: 280px; margin-top: 30px; }
  .contact-grid { grid-template-columns: 1fr; }
  .contact-info-card { position: relative; top: 0; }
}

/* 768px — tablet portrait */
@media (max-width: 768px) {
  :root { --header-h: 72px; }
  .main-nav { display: none; }
  .hamburger { display: flex; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
  .services-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }
  .process-track { grid-template-columns: 1fr; row-gap: 34px; }
  .journey-stage { flex: 0 0 50%; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .cta-section { margin: 0 16px; padding: 44px 26px; }
  .contact-form-card { padding: 32px 24px; }
  .contact-info-card { padding: 30px 24px; }
  .section-pad { padding: 60px 0; }
}

/* 576px — large mobile */
@media (max-width: 576px) {
  .container-xl { padding: 0 18px; }
  .hero { padding-top: calc(var(--header-h) + 34px); }
  .hero-ctas { flex-direction: column; align-items: stretch; }
  .hero-ctas .btn-oranje, .hero-ctas .btn-ghost { justify-content: center; }
  .hero-scene { height: 360px; }
  .scene-card { padding: 14px 16px; }
  .card-main .row-value { font-size: 1.6rem; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .cta-btns { flex-direction: column; }
  .cta-btns .btn-oranje, .cta-btns .btn-ghost { justify-content: center; width: 100%; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .journey-stage { flex: 0 0 100%; }
  .journey-desc { max-width: 100%; }
}

/* 425px / 375px / 320px — small mobile */
@media (max-width: 425px) {
  .brand { font-size: 1.1rem; }
  .brand .brand-logo { width: 32px; height: 32px; }
  h2.section-title { font-size: 1.7rem; }
  .hero-scene { height: 320px; }
  .card-qualified, .card-followup { display: none; }
  .card-main { width: 92%; left: 4%; }
  .card-conv { width: 78%; left: 4%; }
  .about-visual { height: 260px; }
  .node.n5 { display: none; }
}

@media (max-width: 340px) {
  .hero-scene { height: 280px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
}