.homepage-demo{padding:64px 0 70px;background:radial-gradient(ellipse at 85% 80%,#2b2330 0%,#0e1b27 48%,#09131d 90%);color:#f5f6fa;border-top:1px solid #ffffff0d}
.demo-layout{display:grid;grid-template-columns:.72fr 1.5fr;gap:60px;align-items:center}
.demo-copy h2{font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.16;max-width:390px}
.demo-copy>p:not(.eyebrow){font-size:.92rem;line-height:1.85;color:#aab8c7;margin-top:22px;max-width:360px}
.demo-watch{display:inline-flex;align-items:center;gap:12px;font-size:.82rem;font-weight:600;margin-top:25px;color:#ffab98;min-height:44px}
.demo-watch>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #fa81815c;border-radius:50%;font-size:12px}
.demo-film{min-width:0}.demo-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#09131d;border:1px solid #475363;border-radius:16px;box-shadow:0 20px 65px #0005}
.demo-film-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#899dad;font-size:.68rem;margin-top:10px}.demo-film-footer a{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#d4dce6;font-size:.73rem}
.demo-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.demo-dialog{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #405061;border-radius:20px;background:#0e1b27;color:#f5f6fa;box-shadow:0 30px 100px #0009;overflow:auto}
.demo-dialog::backdrop{background:#03080edf;backdrop-filter:blur(9px)}.demo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px}.demo-dialog-header h2{font-size:1.05rem;letter-spacing:-.02em}.demo-dialog-header button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #3a4a5a;border-radius:50%;color:#d6dfe8;background:#172634;font-size:19px;flex-shrink:0}.demo-dialog video{display:block;width:100%;height:auto;max-height:calc(100dvh - 180px);aspect-ratio:16/9;background:#080f18}.demo-dialog>p{font-size:.7rem;color:#9baabd;padding:15px 22px}
@media(max-width:1000px){.demo-layout{grid-template-columns:1fr;gap:28px}.demo-copy{max-width:680px}.demo-copy h2{max-width:600px}.demo-copy>p:not(.eyebrow){max-width:600px}.demo-watch{margin-top:12px}}
@media(max-width:540px){.homepage-demo{padding:42px 0}.demo-layout{gap:23px}.demo-copy h2{font-size:1.95rem}.demo-copy .eyebrow{font-size:.63rem;margin-bottom:14px}.demo-copy>p:not(.eyebrow){font-size:.83rem;margin-top:16px}.demo-film video{border-radius:10px}.demo-film-footer{font-size:.6rem}.demo-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:12px}.demo-dialog-header{padding:10px 12px}.demo-dialog-header h2{font-size:.9rem}.demo-dialog>p{padding:12px;font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.homepage-demo *{scroll-behavior:auto!important;transition:none!important}}

.demo-film-footer button{min-height:44px;padding:7px 16px;border:1px solid #485565;border-radius:999px;background:#172634;color:#edf1f5;font-size:.72rem;font-weight:600}.demo-film-footer>span{margin-right:auto}

.demo-player{position:relative}.demo-opening-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#09131d;pointer-events:none}.demo-opening-cover[hidden]{display:none}.demo-film .demo-opening-cover{border:1px solid #475363;border-radius:16px}@media(max-width:540px){.demo-film .demo-opening-cover{border-radius:10px}}