.hero-with-demo{align-items:start}
.hero-intro{order:1;min-width:0}
.hero-illustration{order:2;min-width:0}
.interactive-demo{order:3;grid-column:1 / -1;min-width:0}
.interactive-demo>h2{font-size:24px;margin:0 0 18px}
.interactive-demo-frame{overflow:hidden;border:1px solid #333;border-radius:16px;background:#fff}
#lipconfirm-interactive{display:block;width:100%;height:560px;border:0;background:#fff}
@media(max-width:700px){
  .interactive-demo-frame{margin-inline:-12px}
  #lipconfirm-interactive{height:660px}
}