/* v44 — mobile first-paint + pricing scroll stability */
@media (max-width:700px){
  /* Homepage: use the final intended geometry from first paint, not a late body style. */
  .danger-hero .devai-hero-title-v54{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .danger-hero .devai-hero-sub-v54{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    text-align:center!important;
    padding-left:0!important;
    padding-right:0!important;
    transition:none!important;
    animation:none!important;
  }
  .danger-hero .devai-hero-sub-v54 .hero-sub-line-v55{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .danger-hero .devai-hero-sub-v54 .hero-sub-space-v55{display:none!important}

  /* Mobile sections must already occupy their final painted state. */
  .danger-reveal,.v4-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  /* Pricing: the original React decorative canvas continuously repainted at 60fps. */
  body:not(.homepage-v41) #root canvas.fixed.inset-0{display:none!important}

  /* Keep the same static visual appearance but remove continuous mobile animation work. */
  .v4-avatar,.v4-avatar:before,.danger-hero:before,.danger-title span,
  .v4-plan-popular,.v4-compare-shell,.v4-energy-line{
    animation:none!important;
  }
  .danger-card{will-change:auto!important}
  .v4-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}