.hero-home{background:linear-gradient(135deg,#faf8ff 0%,#f3e8ff 50%,#f5f0ff 100%);overflow:hidden;position:relative}.hero-home::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(142,36,170,0.08) 0%,transparent 70%);border-radius:50%}.hero-home::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(30,136,229,0.06) 0%,transparent 70%);border-radius:50%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(142,36,170,0.08);border:1px solid rgba(142,36,170,0.15);border-radius:50px;padding:6px 18px;font-size:13px;font-weight:600;color:#8E24AA}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#8E24AA;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}.hero-title{font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:900;line-height:1.08;color:#0f172a;letter-spacing:-0.03em}.hero-title .gradient-text{background:linear-gradient(135deg,#8E24AA 0%,#1E88E5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;min-width:280px}.hero-title .gradient-text::after{content:'|';position:absolute;right:-8px;top:0;-webkit-text-fill-color:#8E24AA;animation:blink-cursor 0.8s step-end infinite;font-weight:300}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes heroSlideOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.hero-text-in{animation:heroSlideIn 0.6s cubic-bezier(0.22,1,0.36,1) forwards}.hero-text-out{animation:heroSlideOut 0.4s cubic-bezier(0.55,0,1,0.45) forwards}.hero-visual{position:relative}.hero-img-wrap{position:relative;overflow:hidden;border-radius:24px}.hero-img-wrap img{width:100%;display:block;transition:opacity 0.8s ease,transform 0.8s ease;position:absolute;top:0;left:0;opacity:0;transform:scale(1.03)}.hero-img-wrap img.active{opacity:1;position:relative;transform:scale(1)}.hero-img-glow{position:absolute;inset:-20px;border-radius:32px;background:radial-gradient(ellipse at center,rgba(142,36,170,0.12) 0%,transparent 70%);z-index:0;animation:glow-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-particle{position:absolute;border-radius:50%;opacity:0.3;animation:float-particle linear infinite}@keyframes float-particle{0%{transform:translateY(0) rotate(0deg);opacity:0.3}50%{opacity:0.6}100%{transform:translateY(-100vh) rotate(720deg);opacity:0}}.hero-sub-label{display:inline-flex;align-items:center;gap:8px;background:rgba(142,36,170,0.06);border:1px solid rgba(142,36,170,0.1);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;color:#8E24AA;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px;transition:all 0.4s}.hero-float-card{backdrop-filter:blur(12px);background:rgba(255,255,255,0.92);border:1px solid rgba(255,255,255,0.5)}.hero-float-card.card-3{top:50%;right:-30px;animation-delay:0.8s}.hero-subtitle{font-size:18px;line-height:1.7;color:#64748b;max-width:540px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat .num{font-size:28px;font-weight:800;color:#0f172a}.hero-stat .label{font-size:13px;color:#64748b;font-weight:500}.hero-visual{position:relative}.hero-float-card{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,0.08);z-index:2;animation:float-card 3s ease-in-out infinite}.hero-float-card.card-1{top:10%;right:-10px}.hero-float-card.card-2{bottom:15%;left:-20px;animation-delay:1.5s}@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-float-card .icon-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.services-section{background:#fff}.service-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 28px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;height:100%}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8E24AA,#1E88E5);transform:scaleX(0);transition:transform 0.4s ease;transform-origin:left}.service-card:hover{border-color:#E1BEE7;box-shadow:0 20px 60px rgba(37,107,254,0.08);transform:translateY(-4px)}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:transform 0.3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(-5deg)}.service-card h5{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:10px}.service-card p{font-size:14px;color:#64748b;line-height:1.7;margin-bottom:16px}.service-card .service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-card .service-tags span{font-size:11px;font-weight:600;padding:3px 10px;border-radius:50px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.service-card:hover .service-tags span{background:#F3E5F5;color:#6A1B9A;border-color:#CE93D8}.stats-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative;overflow:hidden}.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.stat-item{text-align:center;padding:40px 20px;position:relative}.stat-item .stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:8px}.stat-item .stat-label{font-size:14px;color:#94a3b8;font-weight:500}.stat-divider{width:1px;background:rgba(255,255,255,0.1);align-self:stretch}.about-section{background:#f8faff}.about-feature{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:14px;transition:all 0.3s ease}.about-feature:hover{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.04)}.about-feature .feat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.about-feature h6{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:4px}.about-feature p{font-size:14px;color:#64748b;line-height:1.6;margin:0}.process-section{background:#fff}.process-card{text-align:center;padding:36px 24px;border-radius:20px;background:#fff;border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative}.process-card:hover{box-shadow:0 16px 48px rgba(37,107,254,0.1);border-color:#CE93D8}.process-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8E24AA,#1E88E5);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.process-card .process-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.process-card h6{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:8px}.process-card p{font-size:13px;color:#64748b;line-height:1.6}.process-connector{position:relative}.process-connector::after{content:'';position:absolute;top:50%;right:-20px;width:40px;height:2px;background:linear-gradient(90deg,#8E24AA,transparent);display:none}@media (min-width:992px){.process-connector::after{display:block}}.shopify-section{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f0fdf4 100%);position:relative}.shopify-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:50px;padding:6px 18px;font-size:13px;font-weight:600;color:#059669}.shopify-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #d1fae5;transition:all 0.3s ease}.shopify-card:hover{box-shadow:0 8px 32px rgba(16,185,129,0.1);transform:translateY(-2px)}.shopify-card .shop-icon{width:44px;height:44px;border-radius:12px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#059669;font-size:20px;margin-bottom:14px}.shopify-card h6{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px}.shopify-card p{font-size:13px;color:#64748b;line-height:1.6;margin:0}.tech-stack-section{background:#f8faff}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border-radius:14px;background:#fff;border:1px solid #f1f5f9;transition:all 0.3s ease;text-align:center;min-height:100px}.tech-item:hover{border-color:#CE93D8;box-shadow:0 8px 24px rgba(37,107,254,0.06);transform:translateY(-3px)}.tech-item .tech-icon{font-size:28px;margin-bottom:8px}.tech-item span{font-size:12px;font-weight:600;color:#475569}.portfolio-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}.portfolio-card{border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);transition:all 0.4s ease}.portfolio-card:hover{border-color:rgba(99,102,241,0.3);transform:translateY(-4px)}.portfolio-card .portfolio-img{height:220px;overflow:hidden}.portfolio-card .portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.portfolio-card:hover .portfolio-img img{transform:scale(1.08)}.portfolio-card .portfolio-info{padding:20px 24px}.portfolio-card .portfolio-tag{font-size:12px;font-weight:600;color:#AB47BC;text-transform:uppercase;letter-spacing:0.5px}.portfolio-card h6{font-size:16px;font-weight:700;color:#fff;margin-top:6px}.testimonials-section-new{background:#fff}.testimonial-card-new{background:#f8fafc;border-radius:20px;padding:32px;border:1px solid #f1f5f9;transition:all 0.3s ease;height:100%}.testimonial-card-new:hover{box-shadow:0 12px 40px rgba(0,0,0,0.06);border-color:#E1BEE7}.testimonial-card-new .stars{color:#f59e0b;font-size:16px;margin-bottom:16px}.testimonial-card-new .quote{font-size:15px;color:#475569;line-height:1.8;font-style:italic;margin-bottom:24px}.testimonial-card-new .client-info{display:flex;align-items:center;gap:12px}.testimonial-card-new .client-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-card-new .client-name{font-size:15px;font-weight:700;color:#0f172a}.testimonial-card-new .client-role{font-size:12px;color:#94a3b8}.cta-section{background:linear-gradient(135deg,#8E24AA 0%,#7B1FA2 50%,#1E88E5 100%);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:rgba(255,255,255,0.05);border-radius:50%}.cta-section::after{content:'';position:absolute;bottom:-120px;left:-80px;width:350px;height:350px;background:rgba(255,255,255,0.03);border-radius:50%}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:16px}.section-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;color:#0f172a;line-height:1.15;letter-spacing:-0.01em}.section-subtitle{font-size:16px;color:#64748b;line-height:1.7;max-width:600px}.blog-section{background:#f8faff}.blog-card-new{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #f1f5f9;transition:all 0.3s ease;height:100%}.blog-card-new:hover{box-shadow:0 12px 36px rgba(0,0,0,0.06);transform:translateY(-3px)}.blog-card-new .blog-img{height:200px;overflow:hidden}.blog-card-new .blog-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.blog-card-new:hover .blog-img img{transform:scale(1.06)}.blog-card-new .blog-body{padding:24px}.blog-card-new .blog-date{font-size:12px;color:#94a3b8;font-weight:600}.blog-card-new h6{font-size:16px;font-weight:700;color:#0f172a;margin:8px 0;line-height:1.4}.blog-card-new .blog-link{font-size:14px;font-weight:600;color:#8E24AA;text-decoration:none}.blog-card-new .blog-link:hover{color:#6A1B9A}@media (max-width:768px){.hero-stats{gap:20px;justify-content:center}.hero-float-card{display:none}.stat-divider{display:none}.stat-item{padding:20px 10px}}