/* V216: one desktop content width + sticky illustrations. Generator and hero are intentionally untouched. */
@media (min-width:1101px){
  .ai-online-v205 > .shell,
  .input-methods-v206 > .shell,
  .benefits-v207 > .shell,
  .free-v208 > .shell,
  .use-cases-v209 > .shell,
  .comparison-v210 > .shell,
  .devices-v211 > .shell,
  .reviews-v213 > .shell,
  #pricing > .shell,
  #home-faq > .shell,
  .recent-section > .shell{
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ai-online-v205,
  .input-methods-v206{
    overflow:visible!important;
  }
  .ai-online-shell-v205,
  .input-methods-shell-v206{
    align-items:start!important;
  }
  .ai-online-visual-v205,
  .input-methods-visual-v206{
    align-self:start!important;
    position:sticky!important;
    top:102px!important;
    margin-top:0!important;
    transform:none!important;
  }
  .ai-online-visual-v205 img,
  .input-methods-visual-v206 img{
    display:block!important;
    max-width:100%!important;
    height:auto!important;
  }
}

@media (max-width:1100px){
  .ai-online-visual-v205,
  .input-methods-visual-v206{
    position:static!important;
    top:auto!important;
    transform:none!important;
  }
}

/* V217: desktop sticky visuals + unified widths */
@media (min-width: 1100px){
  .devices-shell-v211{
    align-items:start;
  }
  .devices-visual-v211{
    align-self:start;
  }
  .devices-visual-art-v211{
    position:sticky;
    top:110px;
  }
}

@media (max-width: 1099px){
  .devices-visual-art-v211{
    position:relative;
    top:auto;
  }
}

/* V218 devices sticky: the visual moves with scroll and releases at section bottom */
@media (min-width:1100px){
  .devices-v211{
    overflow:visible!important;
  }
  .devices-shell-v211{
    align-items:stretch!important;
  }
  .devices-visual-v211{
    align-self:stretch!important;
    position:relative!important;
    overflow:visible!important;
    min-height:100%!important;
  }
  .devices-visual-art-v211{
    position:sticky!important;
    top:104px!important;
    align-self:start!important;
    margin-top:0!important;
    transform:none!important;
    max-width:540px!important;
  }
  .devices-visual-art-v211 img{
    display:block!important;
    width:100%!important;
    max-width:540px!important;
    height:auto!important;
  }
}
@media (max-width:1099px){
  .devices-v211{overflow:hidden!important;}
  .devices-visual-v211{align-self:auto!important;min-height:0!important;}
  .devices-visual-art-v211{position:static!important;top:auto!important;max-width:none!important;}
  .devices-visual-art-v211 img{max-width:100%!important;}
}
@media (min-width:1100px){
  .devices-visual-v211{
    display:block!important;
  }
  .devices-visual-art-v211{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
