.hero-background{opacity:0;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0}.hero-background.active{opacity:1}.hero-content-slide{opacity:0;transition:all 1s ease-in-out;transform:translateY(30px)}.hero-content-slide.active{opacity:1;transform:translateY(0)}.content-animate{opacity:0;animation:1s .3s forwards fadeInUp;transform:translateY(50px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-hover{transition:all .6s}.card-hover:hover{transform:translateY(-10px)scale(1.02)}.device-frame{transition:all .4s}.device-frame:hover{transform:translateY(-5px)scale(1.02)}.btn-hover{transition:all .3s}.btn-hover:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 10px 25px #00000026}.btn-hover:active{transform:translateY(0)scale(.98)}.nav-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:all .3s}.nav-dot.active{background:#fff;border-radius:6px;width:24px}*{backface-visibility:hidden;transform:translateZ(0)}.stable-layout{min-height:100vh;position:relative}@media (max-width:768px){.card-hover:hover{transform:translateY(-5px)scale(1.01)}.device-frame:hover{transform:translateY(-3px)scale(1.01)}}