.demo-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.demo-reveal.visible{opacity:1;transform:translateY(0)}.demo-delay-1{transition-delay:.15s}.demo-delay-2{transition-delay:.3s}.demo-delay-3{transition-delay:.45s}.demo-delay-4{transition-delay:.6s}.demo-phone{background:var(--warm-white,#fdfcfa);border:2px solid #c4bfb866;border-radius:32px;width:300px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000014,0 4px 16px #0000000a}.demo-phone-notch{background:var(--charcoal,#2c2c2c);z-index:2;border-radius:0 0 16px 16px;width:100px;height:24px;margin:0 auto;position:relative}.demo-phone-screen{min-height:400px;padding:16px}@keyframes demoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.demo-scroll-indicator{animation:2s ease-in-out infinite demoBounce}@keyframes demoCountUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.demo-bar-fill{width:0%;transition:width 1.2s ease-out}@keyframes demoSweep{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.demo-sweep{animation:.8s ease-out forwards paused demoSweep}.visible .demo-sweep{animation-play-state:running}.demo-card-enter{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.visible .demo-card-enter{opacity:1;transform:translateY(0)}.visible .demo-card-enter:first-child{transition-delay:.1s}.visible .demo-card-enter:nth-child(2){transition-delay:.25s}.visible .demo-card-enter:nth-child(3){transition-delay:.4s}@keyframes demoSelect{0%{background:0 0;border-color:#c4bfb84d}to{border-color:var(--gold,#b8935a);background:#b8935a14}}.demo-quiz-select{animation:.4s 1.5s forwards paused demoSelect}.visible .demo-quiz-select{animation-play-state:running}@keyframes demoTypewriter{0%{width:0}to{width:100%}}.demo-typewriter{white-space:nowrap;border-right:2px solid var(--gold,#b8935a);width:0;animation-name:demoTypewriter,demoBlink;animation-duration:2s,.7s;animation-timing-function:steps(40,end),step-end;animation-iteration-count:1,infinite;animation-direction:normal,normal;animation-play-state:paused;animation-delay:0s,0s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;overflow:hidden}.visible .demo-typewriter{animation-play-state:running}@keyframes demoBlink{50%{border-color:#0000}}@keyframes demoGlow{0%{box-shadow:0 0 #b8935a66}70%{box-shadow:0 0 0 16px #b8935a00}to{box-shadow:0 0 #b8935a00}}.demo-glow{animation:1.5s ease-out .8s paused demoGlow}.visible .demo-glow{animation-play-state:running}@keyframes demoSlideRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.demo-slide-right{opacity:0;animation:.6s 1.2s forwards paused demoSlideRight}.visible .demo-slide-right{animation-play-state:running}.demo-section{align-items:center;min-height:100vh;padding:80px 40px;display:flex}@media (max-width:768px){.demo-section{min-height:auto;padding:60px 20px}.demo-phone{width:260px;margin:0 auto}.demo-phone-screen{min-height:340px;padding:12px}}