/* Remotion v2 workflow: create, edit, publish, inquire, and receive an alert. */
.lp-home .hm-free{background:var(--pale);color:var(--ink);padding-block:80px 88px}
.lp-home .hm-free-heading{text-align:center;margin-bottom:40px}
.lp-home .hm-free h2{max-width:850px;margin:auto;font-size:clamp(30px,4vw,48px);line-height:1.3;text-wrap:balance}
.lp-home .hm-free .lede{margin:20px auto 0;max-width:720px;color:var(--muted);font-size:17px;line-height:1.8}
.lp-home .hm-free-note{margin-top:20px;font-size:13px;line-height:1.7;color:var(--muted);text-align:center}
.lp-home .ly-editor-demo,.lp-home .ly-editor-demo *{box-sizing:border-box}
.lp-home .ly-editor-demo{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.lp-home .ly-editor-demo video{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#f2f7fa}
.lp-home .ly-editor-demo figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;font-size:14px;color:#4d6473;border-top:1px solid #e5edf2}
.lp-home .ly-editor-demo figcaption span span{margin:0 9px;color:#526875}
.lp-home .ly-editor-demo button{min-height:44px;flex-shrink:0;padding:0 17px;background:white;color:#284553;border:1px solid #d5e1e9;border-radius:8px;font:inherit;cursor:pointer}
.lp-home .ly-editor-demo button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-home .ly-editor-demo noscript p{padding:16px 22px}
.lp-home .ly-editor-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* These labels also belong to the existing closing-section screenshot. */
.lp-home .hm-free-result-name,.lp-home .hm-free-result-title{position:absolute;display:flex;align-items:center;background:#fff}
.lp-home .hm-free-result-name{left:12.9%;top:1.3%;width:21%;height:3.6%;font-size:.9cqw;font-weight:700}
.lp-home .hm-free-result-title{left:60%;top:15.5%;width:34%;height:6.3%;background:#042b3b;color:#fff;font-size:2.35cqw;white-space:nowrap}
@media(max-width:767px){
  .lp-home .hm-free{padding-block:56px 60px}
  .lp-home .hm-free-heading{margin-bottom:26px}
  .lp-home .hm-free .lede{font-size:15px;margin-top:16px}
  .lp-home .hm-free-note{text-align:left;font-size:12px}
  .lp-home .ly-editor-demo{border-radius:12px}
  .lp-home .ly-editor-demo figcaption{padding:10px 12px;font-size:12px;flex-wrap:wrap}
  .lp-home .ly-editor-demo figcaption span span{margin:0 3px}
  .lp-home .ly-editor-demo button{padding:0 12px}
}