.demo-page{color:#302641;background:linear-gradient(145deg,#fffaf5,#f1eaff);min-height:100vh}.demo-page header{background:#fff;border-bottom:1px solid #e8dfe9;justify-content:space-between;align-items:center;padding:22px max(5vw,24px);display:flex}.demo-page nav{align-items:center;gap:24px;display:flex}.demo-page nav a{color:#4d3a63;font-weight:750;text-decoration:none}.demo-page nav .button{color:#fff}.demo-page>section{text-align:center;max-width:1120px;margin:auto;padding:70px 24px}.demo-kicker{text-transform:uppercase;letter-spacing:.16em;color:#7554bf;font-size:13px;font-weight:900}.demo-page h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(48px,7vw,82px);line-height:.95}.demo-page h1 em{color:#7554bf;font:italic 500 1em Georgia,serif}.demo-page section>p{color:#675d70;max-width:720px;margin:0 auto 35px;font:21px/1.55 Georgia,serif}.demo-player{max-width:960px;margin:auto;position:relative}.demo-player video{aspect-ratio:16/9;object-fit:cover;background:#4d337b;border-radius:22px;width:100%;display:block;box-shadow:0 24px 65px #503c7030}.demo-player button{color:#50377f;background:#fff;border:1px solid #cbbce0;border-radius:999px;margin-top:18px;padding:11px 18px;font-weight:850}.motion-note{margin:8px!important;font-size:13px!important}.demo-steps{color:#fff;background:#302641;justify-content:center;gap:60px;padding:28px;font-weight:800;display:flex}.demo-steps b{color:#f0c45d;margin-right:8px}.home-demo{text-align:center;background:#fff;padding:100px max(6vw,24px)}.home-demo h2{letter-spacing:-.05em;margin:18px 0;font-size:clamp(42px,5.5vw,72px)}.home-demo h2 em{color:#7554bf;font:italic 500 1em Georgia,serif}.home-demo>p{color:#675d70;max-width:680px;margin:0 auto 38px;font:21px/1.55 Georgia,serif}.home-demo .demo-player{max-width:1000px}.home-demo-link{margin-top:22px;display:inline-block}@media (max-width:700px){.demo-page header nav>a:not(.button){display:none}.demo-page>section{padding:50px 16px}.demo-steps{text-align:center;flex-direction:column;gap:18px}.home-demo{padding:75px 16px}}.demo-controls{justify-content:center;gap:10px;display:flex}.demo-player button{cursor:pointer;min-height:44px}.demo-player button:focus-visible{outline-offset:3px;outline:3px solid #f0b83f}.demo-player:fullscreen{background:#21182e;flex-direction:column;justify-content:center;max-width:none;padding:24px;display:flex}.demo-player:fullscreen video{object-fit:contain;width:100%;max-height:calc(100vh - 88px);box-shadow:none;border-radius:12px}.demo-player:fullscreen .demo-controls{flex:none}@media (max-width:700px){.demo-player:fullscreen{padding:10px}.demo-controls{gap:8px}.demo-player button{padding:10px 14px}}