.onboarding-video-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.video-controls{transition:opacity .3s ease,transform .2s ease;-webkit-transition:opacity .3s ease,transform .2s ease}.progress-bar{transition:background-color .2s ease;-webkit-transition:background-color .2s ease}.progress-bar:hover{background-color:#ffffff80}.progress-fill{transition:width .1s ease;-webkit-transition:width .1s ease}.section-marker{transition:transform .2s ease,box-shadow .2s ease;-webkit-transition:transform .2s ease,box-shadow .2s ease}.section-marker:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 8px #ffffff80}.section-menu{animation:slideDown .3s ease;-webkit-animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-item{transition:background-color .2s ease,transform .1s ease;-webkit-transition:background-color .2s ease,transform .1s ease}.section-item:hover{transform:translate(2px)}.onboarding-video{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.play-button{transition:transform .2s ease,background-color .2s ease;-webkit-transition:transform .2s ease,background-color .2s ease}.play-button:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}@media (max-width: 600px){.onboarding-video-container{transform:none;-webkit-transform:none}.video-controls{padding:12px}.play-button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}.onboarding-video{touch-action:manipulation;-webkit-touch-callout:none}}@media (prefers-reduced-motion: reduce){.play-button,.video-controls,.loading-spinner{transition:none;-webkit-transition:none;animation:none;-webkit-animation:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.onboarding-video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.onboarding-video-container{box-shadow:0 20px 40px #0000004d}}@supports (-webkit-appearance: none){.onboarding-video{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}}@-moz-document url-prefix(){.onboarding-video{image-rendering:-moz-crisp-edges}}