/* Page d'accueil publique Mining View (22/10/2026) */
.logo-mv { height: 40px !important; }
.sep-logo { width: 1px; height: 30px; background: var(--line); }
.page-accueil { max-width: 1180px; margin: 0 auto; padding: 24px 16px 40px; }
.hero { display: grid; grid-template-columns: 1.6fr 1fr; gap: 28px; align-items: start; }
.hero h1 { font-size: 34px; line-height: 1.2; margin: 6px 0 0; }
.hero p { font-size: 16px; line-height: 1.55; }
.recherche-publique { margin-top: 18px; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; box-shadow: var(--shadow); }
.recherche-publique label { font-weight: 700; font-size: 16px; display: block; margin-bottom: 8px; }
.recherche-publique input { flex: 1; min-width: 200px; }
.resultat-tc { margin-top: 12px; }
.boite-acces { position: sticky; top: 80px; }
.atouts { margin-top: 36px; }
.grille-atouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.grille-atouts h3 { margin: 0 0 6px; color: var(--acc); font-size: 16px; }
.grille-atouts p { margin: 0; line-height: 1.5; }
.pied-public, .pied-app { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 18px 24px; border-top: 1px solid var(--line); background: var(--panel); }
.suite-kene { display: flex; gap: 12px; align-items: center; }
.suite-kene img { height: 40px; width: auto; }
@media (max-width: 900px) { .hero { grid-template-columns: 1fr; } .boite-acces { position: static; } .hero h1 { font-size: 26px; } }
/* Illustrations animées des atouts (22/10/2026) */
.atout .ill { width: 100%; height: 80px; display: block; margin-bottom: 10px; background: var(--panel2); border-radius: 8px; }
.ill-points circle { fill: var(--panel); stroke: var(--acc); stroke-width: 3; }
@media (prefers-reduced-motion: no-preference) {
  .ill-trait { animation: ill-defile 1.2s linear infinite; }
  .ill-mobile { animation: ill-parcours 5s ease-in-out infinite; }
  .ill-progres { stroke-dasharray: 180; animation: ill-avance 4s ease-in-out infinite; }
  .ill-points circle { animation: ill-remplit 4s ease-in-out infinite; }
  .ill-points circle:nth-child(2) { animation-delay: .6s; } .ill-points circle:nth-child(3) { animation-delay: 1.2s; } .ill-points circle:nth-child(4) { animation-delay: 1.8s; }
  .ill-jauge { stroke-dasharray: 100; animation: ill-jauge 3.5s ease-in-out infinite; }
  .ill-alerte { transform-origin: 190px 30px; animation: ill-pulse 1.4s ease-in-out infinite; }
  .ill-navire { animation: ill-accoste 5s ease-in-out infinite; }
  .ill-onde { animation: ill-clignote 1.2s ease-in-out infinite; }
  .ill-lignes rect { transform-box: fill-box; transform-origin: left; animation: ill-ligne 3.5s ease-in-out infinite; }
  .ill-lignes rect:nth-child(2) { animation-delay: .3s; } .ill-lignes rect:nth-child(3) { animation-delay: .6s; } .ill-lignes rect:nth-child(4) { animation-delay: .9s; }
  .ill-fleche { animation: ill-glisse 1.6s ease-in-out infinite; }
  .ill-coche { stroke-dasharray: 40; animation: ill-coche 3.6s ease-in-out infinite; }
  .ill-docs g:nth-child(2) .ill-coche { animation-delay: .5s; } .ill-docs g:nth-child(3) .ill-coche { animation-delay: 1s; }
  @keyframes ill-defile { to { stroke-dashoffset: -28; } }
  @keyframes ill-parcours { 0% { transform: translateX(0); } 80%, 100% { transform: translateX(200px); } }
  @keyframes ill-avance { 0% { stroke-dashoffset: 180; } 70%, 100% { stroke-dashoffset: 0; } }
  @keyframes ill-remplit { 0%, 10% { fill: var(--panel); } 30%, 100% { fill: var(--acc); } }
  @keyframes ill-jauge { 0% { stroke-dashoffset: 100; } 70%, 100% { stroke-dashoffset: 15; } }
  @keyframes ill-pulse { 50% { transform: scale(1.18); } }
  @keyframes ill-accoste { 0% { transform: translateX(0); } 75%, 100% { transform: translateX(100px); } }
  @keyframes ill-clignote { 50% { opacity: .2; } }
  @keyframes ill-ligne { 0% { transform: scaleX(0); } 40%, 100% { transform: scaleX(1); } }
  @keyframes ill-glisse { 50% { transform: translateX(6px); } }
  @keyframes ill-coche { 0%, 15% { stroke-dashoffset: 40; } 45%, 100% { stroke-dashoffset: 0; } }
}