/* Sentinel sur téléphone (700 px et moins).
   Le hero devient du vrai texte (le texte de l'image était illisible) et l'image est recadrée sur le visuel.
   Le bloc « Le prochain pas » tient dans l'écran. Sur ordinateur, rien ne change. */
.sentinel-hero-mobile{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sentinel-hero-mobile .sentinel-hero-mobile-tag,.sentinel-hero-mobile .sentinel-hero-mobile-text,.sentinel-hero-mobile .sentinel-hero-mobile-actions{display:none}
.sentinel-features-mobile{display:none}

@media(max-width:700px){
  .sentinel-hero-mobile{position:relative;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;
    padding:32px 16px 24px;background:radial-gradient(120% 70% at 100% 0%,rgba(211,12,255,.18),transparent 60%),#02050D;color:#F7F9FF}
  .sentinel-hero-mobile .sentinel-hero-mobile-tag{display:inline-block;margin:0 0 14px;padding:4px 12px;border:1px solid rgba(240,0,255,.5);border-radius:999px;
    background:rgba(108,76,255,.18);font-size:12px;font-weight:800;letter-spacing:.16em;color:#F7F9FF}
  .sentinel-hero-mobile h1{margin:0;font-size:40px;font-weight:900;line-height:.98;letter-spacing:-.02em;color:#F7F9FF}
  .sentinel-hero-mobile .hm-magenta{color:#F000FF}
  .sentinel-hero-mobile .hm-gradient{background:linear-gradient(90deg,#13D9FF 0%,#5577FF 50%,#D30CFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .sentinel-hero-mobile .sentinel-hero-mobile-text{display:block;margin:16px 0 0;font-size:16px;line-height:1.5;color:#AAB7CF}
  .sentinel-hero-mobile .sentinel-hero-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .sentinel-hero-mobile .hm-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 16px;border:1px solid rgba(240,0,255,.6);border-radius:999px;
    color:#F7F9FF;font-size:15px;font-weight:800;text-decoration:none;text-align:center;line-height:1.1}
  .sentinel-hero-mobile .hm-btn-main{grid-column:1/-1;border:0;background:linear-gradient(90deg,#13D9FF 0%,#5577FF 50%,#D30CFF 100%);box-shadow:0 10px 32px rgba(85,119,255,.35)}
  .sentinel-hero-mobile .hm-btn-cyan{border-color:rgba(25,217,255,.6)}

  /* Image : on ne garde que le visuel (boîtier Sentinel et globe), sans le texte, les boutons ni la bande du bas */
  html body.sentinel-page .sentinel-hero-p2{aspect-ratio:1/.88!important;height:auto!important}
  html body.sentinel-page .sentinel-hero-p2>img{width:222.2%!important;height:auto!important;margin-left:-122.2%!important;object-fit:fill!important}
  html body.sentinel-page .mip-p2-feature-band{display:none}
  .sentinel-features-mobile{display:block;padding:20px 16px 28px;background:#02050D}
  .sentinel-features-mobile ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;padding:0;list-style:none}
  .sentinel-features-mobile li{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;border:1px solid rgba(25,217,255,.22);border-radius:14px;
    background:rgba(6,16,33,.9);color:#F7F9FF;font-size:14px;font-weight:700;line-height:1.25}
  .sentinel-features-mobile li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#19D9FF;box-shadow:0 0 10px #19D9FF}
  .sentinel-features-mobile li:nth-child(even)::before{background:#F000FF;box-shadow:0 0 10px #F000FF}
  .sentinel-features-mobile .hm-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border:1px solid rgba(25,217,255,.6);border-radius:999px;color:#F7F9FF;font-size:15px;font-weight:800;text-decoration:none}
  html body.sentinel-page .sentinel-doors .doors-intro h2 span{white-space:normal!important;display:inline!important}
  html body.sentinel-page .sentinel-hero-p2 .mip-p2-link{display:none!important}

  .sentinel-page .sentinel-doors{grid-template-columns:minmax(0,1fr)!important}
  .sentinel-page .doors-intro{min-width:0;text-align:center}
  .sentinel-page .door-wrap{flex-wrap:wrap;justify-content:center!important;gap:14px!important}
  .sentinel-page .portal-door,.sentinel-page .portal-door.portal-3d{width:min(160px,calc(50% - 7px))!important}
}