.video-demo{color:#183943;max-width:1000px;margin:auto;padding:36px 24px 70px}.video-demo h1{max-width:750px;font-size:clamp(30px,5vw,46px);line-height:1.12}.video-demo p{max-width:800px;line-height:1.65}.video-eyebrow{letter-spacing:.1em;font-size:12px;font-weight:700}.video-note{background:#fff9ef;border-left:3px solid #bd934b;padding:12px 18px}.video-controls{flex-wrap:wrap;gap:10px;display:flex}.video-demo button,.video-grid a{color:#183943;cursor:pointer;background:#fff;border:1px solid #b8c9c0;border-radius:24px;min-height:44px;padding:12px 20px;font-weight:650;display:inline-block}.video-demo button:disabled{opacity:.6}.video-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.video-grid article{background:#fff;border:1px solid #dddcd3;border-radius:20px;padding:20px}.video-grid h2{margin:0}.video-demo video{aspect-ratio:9/16;background:#e9eee5;border-radius:9px;width:100%;max-height:550px;display:block}.video-demo details{margin:30px 0}.video-demo details>video{max-width:340px}.video-demo summary{cursor:pointer;min-height:44px}.video-demo form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0;display:grid}.video-demo select{width:100%;font:inherit;background:#fff;border:1px solid #b8c9c0;border-radius:9px;margin-top:6px;padding:12px;display:block}.video-demo form button{align-self:end}.video-demo a{color:#16716b}@media (max-width:600px){.video-grid{grid-template-columns:1fr}.video-demo{padding:24px 16px}.video-grid article{padding:14px}}