/* Mega panel slide + fade */
.mega-panel{max-height:0;opacity:0;transform:translateY(-6px);overflow:hidden;transition:max-height .22s ease,opacity .22s ease,transform .22s ease;z-index:9999}
.mega-panel.open{max-height:1000px;opacity:1;transform:translateY(0);z-index:9999}

/* Slider */
.slider-container{position:relative;overflow:hidden;border-radius:1rem}
.slider{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.slide{min-width:100%;position:relative}
.slide-content{background:linear-gradient(135deg,rgba(60,152,251,.1) 0%,rgba(60,245,239,.1) 100%);padding:3rem 2rem;min-height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.slider-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}
.dot{width:8px;height:8px;border-radius:50%;background:rgb(148 163 184);cursor:pointer;transition:all .3s ease}
.dot.active{background:rgb(60,152,251);transform:scale(1.2)}

/* Cards & Buttons */
.feature-card,.pricing-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
.pricing-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.btn-primary{position:relative;overflow:hidden;transition:all .3s ease}
.btn-primary::before{content:'';position:absolute;inset:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}
.btn-primary:hover::before{left:100%}

/* Floating */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-animation{animation:float 3s ease-in-out infinite}

/* Gradient text */
@keyframes gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.gradient-animate{background:linear-gradient(-45deg,rgb(60,152,251),rgb(60,245,239),rgb(139,92,246),rgb(59,130,246));background-size:400% 400%;animation:gradient 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Ripple */
.ripple{position:relative;overflow:hidden}
.ripple::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:all .6s}
.ripple:hover::before{width:300px;height:300px}

/* iOS smooth scroll */
.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}