/* =========================================================
   AIKLORE - responsive.css
   Media queries (responsive) et prefers-reduced-motion.
   Ordre de chargement : apres aiklore-sections.css (NE PAS reordonner : cascade CSS).
   ========================================================= */
/* ---------- responsive ---------- */
@media(max-width:900px){
  nav.main,.header-right .login{display:none;}
  .trust,.grid3,.split,.pockets,.steps-grid,.foot-cols,.pillars-row,.formrow,.foot-aiklore{grid-template-columns:1fr;}
  .section,.hero,.trust,.salary,.cta{min-height:auto;}
  .trust{gap:40px;}
  .hero__video{position:static;transform:none;height:auto;width:100%;min-width:0;margin-top:32px;max-height:60vh;object-position:50% 0%;}
  .hero__inner{max-width:none;}
  .scroll-cue{display:none;}
  .method__grid{grid-template-columns:1fr;}
  .method__head{margin-bottom:40px;}
  .mcard:not(:last-child)::after{display:none;}
}

/* ---------- accessibilité : mouvement réduit ---------- */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  html{scroll-behavior:auto;}
  [data-reveal]{opacity:1!important;transform:none!important;}
  .hero__inner > *{opacity:1!important;transform:none!important;}
}