/* UI Redesign - ui-redesign.css */
:root{
  --primary:#0d6efd;
  --accent:#ff7a18;
  --muted:#6c757d;
  --card-bg:#ffffff;
  --glass: rgba(255,255,255,0.65);
  --radius:14px;
  --transition: 450ms cubic-bezier(.2,.9,.2,1);
}

/* Global tweaks */
body{transition:background var(--transition);background:linear-gradient(180deg,#fbfbfe 0%,#f6f9ff 100%);}

/* Hero/banner improvements */
.banner-main{position:relative;overflow:visible}
.banner-image img{border-radius:var(--radius);box-shadow:0 20px 50px rgba(15,23,42,0.12);display:block;max-width:100%;height:auto}
.container-banner .banner-main{transform-style:preserve-3d}

/* Smooth reveal for sections */
.reveal{opacity:0;transform:translateY(18px) scale(0.995);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.9,.35,1)}
.reveal.in-view{opacity:1;transform:none}

/* Stagger helper */
.reveal[data-delay="0"]{transition-delay:0s}
.reveal[data-delay="1"]{transition-delay:.09s}
.reveal[data-delay="2"]{transition-delay:.14s}
.reveal[data-delay="3"]{transition-delay:.22s}

/* Fancy play button */
.btn-play{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer}
.btn-play:focus{outline:none}
.btn-play::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(255,122,24,0.12), transparent 40%);filter:blur(4px);opacity:0;transform:scale(.6);transition:all .6s}
.btn-play:hover::after{opacity:1;transform:scale(1)}

/* Feature cards */
.feature-card{border-radius:12px;border:1px solid rgba(16,24,40,0.04);background:linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.9));box-shadow:0 6px 18px rgba(16,24,40,0.04)}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(16,24,40,0.08)}

/* CTA */
.section-cta .btn-primary{background:linear-gradient(90deg,var(--primary),#6b5cff);border:0;color:#fff;padding:12px 26px;border-radius:999px;box-shadow:0 10px 30px rgba(13,110,253,0.15);transition:transform var(--transition),box-shadow var(--transition)}
.section-cta .btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,110,253,0.18)}

/* Button micro-interactions */
.btn.btn-circle{display:inline-flex;align-items:center;justify-content:center}
.btn.ripple{position:relative;overflow:hidden}
.btn.ripple .ripple-effect{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,0.35);animation:ripple .6s linear}
@keyframes ripple{to{transform:scale(4);opacity:0}}

/* Testimonial card uplift */
.card-testimonial{transition:transform .6s ease,box-shadow .6s ease}
.card-testimonial:hover{transform:translateY(-10px);box-shadow:0 22px 50px rgba(10,20,40,0.08)}

/* Counters */
.count{font-weight:700;transition:all .6s}

/* Mobile adjustments */
@media (max-width:768px){
  .video-poster{height:240px}
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}