.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;border-radius:.75rem;transition:.3s;text-decoration:none;color:#fff}.card-number,.feature-number,.gradient-text,.use-case-card:hover .card-number{-webkit-text-fill-color:transparent}.gradient-text{background:linear-gradient(135deg,#f97316 0,#ec4899 100%);-webkit-background-clip:text;background-clip:text}html{overflow-x:hidden}.hero-bg,.parallax-img{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed}[dir=rtl] .header-title{line-height:1.25}.btn-primary{background:linear-gradient(135deg,#f97316 0,#ec4899 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(249,115,22,.4)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(249,115,22,.3);transform:translateY(-2px)}.feature-card{position:relative;border-radius:24px;overflow:hidden;transition:.6s cubic-bezier(.34, 1.56, .64, 1);opacity:0;transform:translateY(50px) scale(.95);background:rgba(255,255,255,.02)}.feature-card.visible{opacity:1;transform:translateY(0) scale(1)}.feature-card::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#ff6b35,#f7931e,#ff4757);border-radius:24px;z-index:-1;opacity:0;transition:opacity .4s}.feature-card:hover::before,.use-case-card:hover::after{opacity:.6}.feature-card:hover{transform:translateY(-16px) scale(1.03);box-shadow:0 30px 80px rgba(255,107,53,.4),0 0 100px rgba(247,147,30,.3)}.feature-image-wrapper{position:relative;overflow:hidden;height:400px}.feature-image{width:100%;height:100%;object-fit:cover;transition:.8s cubic-bezier(.34, 1.56, .64, 1)}.feature-card:hover .feature-image{transform:scale(1.2)}.feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(26,11,46,.4) 40%,rgba(26,11,46,.95) 100%);transition:.5s}.feature-card:hover .feature-overlay{background:linear-gradient(180deg,transparent 0,rgba(255,107,53,.2) 40%,rgba(26,11,46,.95) 100%)}.feature-content{position:absolute;bottom:0;left:0;right:0;padding:32px;z-index:2;transform:translateY(0);transition:transform .4s}.feature-card:hover .feature-content{transform:translateY(-8px)}.feature-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;margin-bottom:8px;display:inline-block;transition:.3s}.feature-card:hover .feature-number{transform:scale(1.1)}.feature-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#fff;transition:.3s}.feature-card:hover .feature-title{color:#ff6b35}.feature-description{font-size:16px;line-height:1.8;color:rgba(255,255,255,.8)}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.use-case-card{position:relative;background:linear-gradient(135deg,rgba(255,107,53,.05) 0,rgba(247,147,30,.05) 100%);border-radius:24px;padding:0;transition:.7s cubic-bezier(.34, 1.56, .64, 1);opacity:0;transform:translateY(60px) rotateX(10deg);transform-style:preserve-3d;perspective:1000px;overflow:hidden}.use-case-card.visible{opacity:1;transform:translateY(0) rotateX(0)}.use-case-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(247,147,30,.1));opacity:0;transition:opacity .4s;border-radius:24px}.use-case-card::after,.use-case-icon::before{inset:-2px;z-index:-1;transition:opacity .4s;content:'';opacity:0}.use-case-card:hover .use-case-icon::before,.use-case-card:hover::before{opacity:1}.use-case-card::after{position:absolute;background:linear-gradient(135deg,#ff6b35,#f7931e75,#38134690);border-radius:24px}.use-case-card:hover{transform:translateY(-20px) scale(1.05);box-shadow:0 40px 100px rgba(255,107,53,.4),0 0 120px rgba(247,147,30,.3)}.card-content{position:relative;padding:48px 32px;z-index:1}.use-case-icon{width:70px;height:70px;background:rgba(255,255,255,.05);border:2px solid rgba(255,107,53,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#ff6b35;transition:.5s cubic-bezier(.34, 1.56, .64, 1);position:relative}.use-case-icon::before{position:absolute;background:linear-gradient(135deg,rgba(255,107,53,.2),rgba(247,147,30,.2));border-radius:18px}.use-case-card:hover .use-case-icon{transform:translateY(-4px);border-color:rgba(255,107,53,.6);background:rgba(255,107,53,.1);box-shadow:0 12px 40px rgba(255,107,53,.3)}.card-number{position:absolute;top:20px;font-size:72px;font-weight:900;background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(247,147,30,.15));-webkit-background-clip:text;line-height:1;transition:.4s}[dir=rtl] .card-number{left:20px}[dir=ltr] .card-number{right:20px}.use-case-card:hover .card-number{background:linear-gradient(135deg,rgba(255,107,53,.3),rgba(247,147,30,.3));-webkit-background-clip:text;transform:scale(1.1)}.use-case-title{font-size:24px;font-weight:700;margin-bottom:12px;color:#fff;transition:.3s;position:relative}.use-case-title::after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:3px;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:2px;transition:width .4s}.use-case-card:hover .use-case-title{color:#ff6b35;transform:translateX(4px)}.use-case-card:hover .use-case-title::after{width:60px}.use-case-description{font-size:15px;line-height:1.8;color:rgba(255,255,255,.7);transition:.3s}.use-case-card:hover .use-case-description{color:rgba(255,255,255,.9);transform:translateX(4px)}.decorative-line{width:100px;height:5px;background:linear-gradient(90deg,#ff6b35,#f7931e,#ff4757);border-radius:3px;margin:0 auto 32px;position:relative;overflow:hidden}.decorative-line::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:2.5s infinite shimmer}.fade-in-up{opacity:0;transform:translateY(40px);transition:.8s}.fade-in-up.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-element{animation:6s ease-in-out infinite float}.rotating-border{animation:20s linear infinite rotate}.tilt-image{transition:transform .6s cubic-bezier(.4, 0, .2, 1)}@media (min-width:1024px){.tilt-container:hover .tilt-image{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg) scale(1.02)}}@media (max-width:1023px){.floating-element{animation:6s ease-in-out infinite floatMobile}.rotating-border{opacity:.3!important}}