.demo-presentation-root{background-color:#050505;color:#fff;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;height:100vh;width:100vw;position:relative}.demo-presentation-root #tracker-canvas{position:sticky;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1;filter:brightness(.5)}.demo-presentation-root .content-overlay{position:relative;z-index:10;margin-top:-100vh;width:100%}.demo-presentation-root .demo-step{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%;opacity:.1;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.demo-presentation-root .demo-step.is-visible{opacity:1;transform:translateY(0)}.demo-presentation-root .demo-step:nth-child(2n){align-items:flex-end;text-align:right}.demo-presentation-root .demo-step:nth-child(odd){align-items:flex-start;text-align:left}.demo-presentation-root .demo-step.hero{align-items:center;text-align:center;opacity:1;transform:none}.demo-presentation-root .hero-title{font-size:4.5rem;font-weight:800;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0px 4px 20px rgba(0,0,0,.8)}.demo-presentation-root .hero-title .primary-text{color:var(--primary-color, #5e92f3)}.demo-presentation-root .hero-subtitle{background:transparent;border:none;font-size:1.5rem;font-weight:600;letter-spacing:.5px;color:#a0aab4;text-transform:uppercase;max-width:800px;text-shadow:0px 2px 10px rgba(0,0,0,.8);margin:0}.demo-presentation-root .module-title{font-size:3rem;font-weight:800;color:var(--primary-color, #5e92f3);margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;text-shadow:0px 4px 15px rgba(0,0,0,.9)}.demo-presentation-root p{font-size:1.3rem;font-weight:500;color:#e0e0e0;max-width:500px;line-height:1.6;background:#00000080;padding:20px;border-radius:12px;border-left:4px solid var(--primary-color, #5e92f3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0}.demo-presentation-root .demo-step:nth-child(2n) p{border-left:none;border-right:4px solid var(--primary-color, #5e92f3)}.demo-presentation-root .scroll-indicator{margin-top:50px;font-size:2rem;animation:demo-bounce 2s infinite;color:var(--primary-color, #5e92f3)}@keyframes demo-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.demo-presentation-root .footer-space{height:50vh}@media(max-width:768px){.demo-presentation-root .demo-step{padding:0 5%}.demo-presentation-root .demo-step:nth-child(2n),.demo-presentation-root .demo-step:nth-child(odd){align-items:flex-start;text-align:left}.demo-presentation-root .demo-step.hero{align-items:center;text-align:center}.demo-presentation-root .hero-title{font-size:2.5rem}.demo-presentation-root .hero-subtitle{font-size:1rem;max-width:90%}.demo-presentation-root .module-title{font-size:2rem}.demo-presentation-root p{font-size:1rem;padding:15px;width:100%}.demo-presentation-root .demo-step:nth-child(2n) p{border-right:none;border-left:4px solid var(--primary-color, #5e92f3)}}
