.demo-page{z-index:1;min-height:100vh;padding:2rem;position:relative}.demo-container{max-width:1400px;margin:0 auto;padding-top:6rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{color:#dae2fd;background:linear-gradient(135deg,#dae2fd 0%,#adc6ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:48px;font-weight:700}.demo-header p{color:#c2c6d6;margin:0 0 2rem;font-size:18px}.back-button{color:#dae2fd;background:#adc6ff1a;border:1px solid #adc6ff33;border-radius:8px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.back-button:hover{background:#adc6ff33;transform:translateY(-2px)}.video-wrapper{width:100%;max-width:1200px;margin:0 auto}.video-container-large{background:#000;border:1px solid #adc6ff33;border-radius:16px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.demo-video-large{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.demo-page{padding:1rem}.demo-container{padding-top:5rem}.demo-header h1{font-size:32px}.demo-header p{font-size:16px}.video-container-large{border-radius:12px}}@media (max-width:480px){.demo-header h1{font-size:24px}.demo-header p{font-size:14px}.back-button{padding:.6rem 1.2rem;font-size:13px}}