/* Desktop-only homepage alignment. Mobile is intentionally untouched. */
@media (min-width:821px){
  /* The old desktop rule indented every hero line by .13em. Remove that so the
     headline and paragraph share the exact same left edge. */
  .home-v3 .hero-copy-wrap{
    width:100%!important;
  }
  .home-v3 h1{
    margin-left:0!important;
    padding-left:0!important;
    text-indent:0!important;
  }
  .home-v3 h1 .hero-line{
    margin-left:0!important;
    padding-left:0!important;
    text-indent:0!important;
  }
  .home-v3 .hero-copy{
    margin-left:0!important;
    padding-left:0!important;
    text-indent:0!important;
  }

  /* Make the demo and prompt columns occupy the exact same desktop row height.
     The demo card stretches to the bottom of its column while keeping its heading
     and interaction hint at the top, so both sections finish on the same baseline. */
  .home-v3 .value-action-grid{
    align-items:stretch!important;
  }
  .home-v3 .preview-column{
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
  }
  .home-v3 .preview-stage{
    position:relative!important;
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
  }
  .home-v3 .hero-preview-card{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  .home-v3 .prompt-card{
    align-self:stretch!important;
    height:100%!important;
    box-sizing:border-box!important;
  }
}