:root{color-scheme:dark}body{background:#071d28;color:#f4f8f6}.demo-header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #224451}.demo-header .brand{font-family:Manrope,sans-serif;gap:12px;font-size:29px;letter-spacing:-1px}.brand img{object-fit:contain}.demo-contact{font-size:14px;padding:12px 18px;border:1px solid #45616a;border-radius:6px}.demo-contact span{margin-left:20px}.demo-main{max-width:1260px;margin:auto;padding:58px 40px 70px}.demo-eyebrow{color:#a6e8ce;font-size:11px;font-weight:700;letter-spacing:1.6px}.demo-intro h1{font-size:clamp(32px,4vw,54px);letter-spacing:-1.8px;line-height:1.16;margin:22px 0 18px}.demo-intro h1 span{color:#a6e8ce}.demo-intro>p:last-child{font-size:17px;line-height:1.7;color:#bcd0d5;max-width:660px}.demo-player{margin:32px 0 0}.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#04141e;border:1px solid #224451;border-radius:14px;box-shadow:0 28px 75px #0004}.demo-player figcaption{display:flex;justify-content:space-between;gap:20px;color:#bcd0d5;font-size:12px;line-height:1.7;margin-top:13px}.demo-player figcaption span{color:#93adb6}.demo-next{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:38px;padding:28px 0;border-top:1px solid #224451;border-bottom:1px solid #224451}.demo-next h2{font-size:25px;letter-spacing:-.6px;font-weight:600}.demo-next p{color:#bcd0d5;font-size:14px;margin-top:10px}.demo-next .button{flex-shrink:0}.demo-transcript{color:#bcd0d5;font-size:14px;line-height:1.8;margin-top:28px;max-width:810px}.demo-transcript summary{cursor:pointer;color:#a6e8ce;padding:8px 0}.demo-transcript p{margin:16px 0}.demo-footer{max-width:1440px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;border-top:1px solid #224451;font-size:12px;color:#93adb6}.demo-footer a{color:#a6e8ce}.demo-download{margin-top:20px;color:#a6e8ce}@media(max-width:700px){.demo-header{padding:18px 20px}.demo-header .brand{font-size:25px;gap:7px}.demo-header .brand img{width:35px;height:35px}.demo-contact{font-size:12px;padding:10px}.demo-contact span{margin-left:8px}.demo-main{padding:32px 20px 45px}.demo-eyebrow{font-size:9px;letter-spacing:1px}.demo-intro h1{font-size:31px;letter-spacing:-1.1px;margin:18px 0 14px}.demo-intro>p:last-child{font-size:15px}.demo-player{margin:25px auto 0;max-width:460px}.demo-player video{aspect-ratio:9/16;border-radius:11px}.demo-player figcaption{display:block;font-size:11px}.demo-player figcaption span{display:block;margin-top:3px}.demo-next{align-items:flex-start;flex-direction:column;margin-top:28px}.demo-next h2{font-size:24px}.demo-next .button{width:100%;margin-top:3px}.demo-footer{padding:22px 20px;gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}