:root{--color-primary:hsl(195,100%,50%);--color-primary-light:hsl(195,100%,65%);--color-primary-dark:hsl(215,100%,50%);--color-primary-darker:hsl(220,100%,40%);--color-accent:hsl(190,100%,55%);--color-accent-vibrant:hsl(185,100%,45%);--color-success:hsl(145,63%,49%);--color-warning:hsl(48,89%,50%);--color-danger:hsl(6,78%,57%);--color-info:hsl(204,86%,53%);--color-dark:hsl(210,20%,15%);--color-heading:hsl(210,15%,20%);--color-text:hsl(210,10%,45%);--color-text-light:hsl(210,8%,70%);--color-bg-body:hsl(0,0%,99%);--color-bg-light:hsl(210,20%,97%);--color-white:hsl(0,0%,100%);--gradient-primary:linear-gradient(135deg,hsl(195,100%,50%) 0%,hsl(215,100%,50%) 100%);--gradient-primary-reverse:linear-gradient(135deg,hsl(215,100%,50%) 0%,hsl(195,100%,50%) 100%);--gradient-vibrant:linear-gradient(135deg,hsl(195,100%,50%) 0%,hsl(205,100%,55%) 25%,hsl(215,100%,50%) 50%,hsl(225,100%,55%) 75%,hsl(235,100%,60%) 100%);--gradient-mesh:radial-gradient(at 0% 0%,hsla(195,100%,50%,0.15) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(215,100%,50%,0.12) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(190,100%,55%,0.1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(220,100%,50%,0.08) 0px,transparent 50%);--gradient-aurora:linear-gradient(120deg,hsl(195,100%,50%) 0%,hsl(280,100%,70%) 25%,hsl(320,100%,65%) 50%,hsl(215,100%,50%) 75%,hsl(195,100%,50%) 100%);--gradient-glow:radial-gradient(circle at center,hsla(195,100%,50%,0.4) 0%,hsla(215,100%,50%,0.2) 50%,transparent 100%);--gradient-glass:linear-gradient(145deg,hsla(0,0%,100%,0.95) 0%,hsla(0,0%,100%,0.7) 100%);--gradient-glass-dark:linear-gradient(145deg,hsla(210,20%,15%,0.85) 0%,hsla(210,20%,15%,0.65) 100%);--gradient-bg-subtle:linear-gradient(135deg,hsl(210,20%,98%) 0%,hsl(195,30%,96%) 100%);--font-heading:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--shadow-xs:0 2px 8px hsla(210,20%,15%,0.04);--shadow-sm:0 4px 15px hsla(210,20%,15%,0.06);--shadow-md:0 8px 25px hsla(215,100%,50%,0.12),0 4px 10px hsla(210,20%,15%,0.05);--shadow-lg:0 15px 40px hsla(215,100%,50%,0.15),0 8px 20px hsla(210,20%,15%,0.08);--shadow-xl:0 25px 60px hsla(215,100%,50%,0.18),0 15px 35px hsla(210,20%,15%,0.1);--shadow-glow-primary:0 0 30px hsla(195,100%,50%,0.4),0 0 60px hsla(215,100%,50%,0.2);--shadow-glow-accent:0 0 25px hsla(190,100%,55%,0.5);--shadow-float:0 20px 40px hsla(215,100%,50%,0.15),0 10px 20px hsla(210,20%,15%,0.08),0 0 1px hsla(0,0%,0%,0.1);--glass-bg-light:hsla(0,0%,100%,0.6);--glass-bg-medium:hsla(0,0%,100%,0.75);--glass-bg-heavy:hsla(0,0%,100%,0.9);--glass-bg-dark-light:hsla(210,20%,15%,0.5);--glass-bg-dark-medium:hsla(210,20%,15%,0.7);--glass-bg-dark-heavy:hsla(210,20%,15%,0.85);--glass-border-light:1px solid hsla(0,0%,100%,0.4);--glass-border-medium:1px solid hsla(0,0%,100%,0.6);--glass-border-rainbow:1px solid;--glass-border-gradient:linear-gradient(135deg,hsla(195,100%,50%,0.3) 0%,hsla(215,100%,50%,0.3) 100%);--glass-blur-light:blur(8px);--glass-blur-medium:blur(16px);--glass-blur-heavy:blur(24px);--glass-saturate:saturate(180%);--container-width:1280px;--section-spacing:120px;--radius-xs:8px;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-xl:40px;--radius-full:9999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--ease-sharp:cubic-bezier(0.4,0,0.6,1);--duration-instant:150ms;--duration-fast:250ms;--duration-normal:400ms;--duration-slow:600ms;--duration-slower:900ms;--transition-instant:var(--duration-instant) var(--ease-smooth);--transition-fast:var(--duration-fast) var(--ease-smooth);--transition-normal:var(--duration-normal) var(--ease-smooth);--transition-spring:var(--duration-normal) var(--ease-spring);--transition-bounce:var(--duration-slow) var(--ease-bounce);--stagger-1:50ms;--stagger-2:100ms;--stagger-3:150ms;--stagger-4:200ms} html{scroll-behavior:smooth;font-size:16px;box-sizing:border-box} *,*:before,*:after{box-sizing:inherit} body{font-family:var(--font-body);background-color:var(--color-bg-body);color:var(--color-text);line-height:1.7;margin:0;overflow-x:hidden;width:100%;background-image:var(--gradient-mesh);position:relative} body::before,body::after{content:'';position:fixed;border-radius:50%;filter:blur(80px);opacity:0.3;z-index:-1;pointer-events:none;animation:floatOrb 20s ease-in-out infinite} body::before{width:500px;height:500px;background:radial-gradient(circle,hsla(195,100%,50%,0.2),transparent);top:-150px;left:-150px;animation-duration:25s} body::after{width:600px;height:600px;background:radial-gradient(circle,hsla(215,100%,50%,0.15),transparent);bottom:-200px;right:-200px;animation-duration:30s;animation-delay:5s} h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);margin-top:0;line-height:1.2;font-weight:700;letter-spacing:-0.02em} h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-0.03em} h2{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;margin-bottom:2rem} h3{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1rem} p{margin-bottom:1.5rem;line-height:1.75} a{text-decoration:none;color:inherit;transition:all var(--transition-fast)} a:hover{color:var(--color-primary)} ul{list-style:none;padding:0;margin:0} img{max-width:100%;height:auto;display:block} .container{max-width:var(--container-width);margin:0 auto;padding:0 20px;width:100%} .section-padding{padding:var(--section-spacing) 0} .text-center{text-align:center} .text-gradient{background:var(--gradient-vibrant);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;background-size:200% auto;animation:gradientShift 8s ease infinite} .glass-card{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur-medium) var(--glass-saturate);border:var(--glass-border-light);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden} .glass-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-md);padding:2px;background:var(--gradient-vibrant);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-normal)} .glass-card:hover::before{opacity:0.6} .glass-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-float);background:var(--glass-bg-heavy);border-color:hsla(195,100%,50%,0.3)} .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px} .grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px} .btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border-radius:var(--radius-full);font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);gap:12px;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.8px;border:none;position:relative;overflow:hidden;z-index:1} .btn-lg{padding:20px 44px;font-size:1rem} .btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-md);background-size:200% auto} .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,0.3),transparent);transition:left 0.7s ease} .btn-primary:hover::before{left:100%} .btn-primary::after{content:'';position:absolute;inset:0;background:var(--gradient-primary-reverse);opacity:0;z-index:-1;transition:opacity var(--transition-normal)} .btn-primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-lg),var(--shadow-glow-primary);animation:btnGlow 2s ease-in-out infinite} .btn-primary:hover::after{opacity:1} .btn-primary:active{transform:translateY(-2px) scale(1.01)} .btn-glass{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur-medium) var(--glass-saturate);border:var(--glass-border-medium);color:var(--color-dark);box-shadow:var(--shadow-sm)} .btn-glass:hover{background:var(--glass-bg-heavy);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:hsla(195,100%,50%,0.4)} .header-wrapper{position:fixed;top:30px;left:0;right:0;z-index:1000;display:flex;justify-content:center;pointer-events:none;padding:0 20px} .navbar{pointer-events:auto;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur-heavy) var(--glass-saturate);padding:14px 28px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);border:var(--glass-border-light);display:flex;align-items:center;gap:40px;transition:all var(--transition-normal);position:relative} .navbar::before{content:'';position:absolute;inset:-2px;border-radius:var(--radius-full);background:var(--gradient-vibrant);opacity:0;z-index:-1;filter:blur(8px);transition:opacity var(--transition-normal)} .navbar:hover::before{opacity:0.3} .navbar:hover{background:var(--glass-bg-heavy);box-shadow:var(--shadow-lg);transform:translateY(-2px)} .logo{pointer-events:auto;display:flex;align-items:center;text-decoration:none;position:relative} .logo img{height:50px;width:auto;border-radius:10px;transition:transform var(--transition-normal);filter:drop-shadow(0 2px 8px hsla(195,100%,50%,0.2))} .logo:hover img{transform:scale(1.08);filter:drop-shadow(0 4px 12px hsla(195,100%,50%,0.4))} .logo img{animation:logoPulse 3s ease-in-out infinite} .nav-links{display:flex;gap:6px} .nav-link{padding:12px 24px;border-radius:var(--radius-full);font-weight:600;color:var(--color-heading);font-size:0.95rem;transition:all var(--transition-fast);position:relative;overflow:hidden} .nav-link::before{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%) scaleX(0);width:70%;height:2px;background:var(--gradient-primary);border-radius:2px;transition:transform var(--transition-normal)} .nav-link:hover::before,.nav-link.active::before{transform:translateX(-50%) scaleX(1)} .nav-link:hover,.nav-link.active{background:hsla(195,100%,50%,0.08);color:var(--color-primary-dark);transform:scale(1.05)} .nav-cta{padding:12px 28px;margin-left:10px;font-size:0.9rem;box-shadow:var(--shadow-sm)} .mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-heading);padding:12px;z-index:1001;transition:all var(--transition-fast);border-radius:8px} .mobile-menu-btn:hover{background:hsla(195,100%,50%,0.1);color:var(--color-primary);transform:scale(1.1)} .nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,0.98) 0%,hsla(195,30%,96%,0.98) 100%);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transform:translateY(-100%);transition:transform var(--transition-slow)} .nav-overlay.active{transform:translateY(0)} .nav-overlay .nav-link{font-size:1.5rem;font-weight:700} .hero{position:relative;min-height:100vh;padding-top:180px;padding-bottom:100px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(-45deg,hsl(220,70%,12%) 0%,hsl(215,60%,20%) 25%,hsl(205,80%,30%) 50%,hsl(215,70%,15%) 75%,hsl(220,65%,10%) 100%);background-size:400% 400%;animation:heroGradient 15s ease infinite;color:white} .hero::before,.hero::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:0.4;animation:floatBlob 18s ease-in-out infinite} .hero::before{width:700px;height:700px;top:-250px;left:-150px;background:radial-gradient(circle,hsla(195,100%,50%,0.35) 0%,hsla(205,100%,55%,0.2) 40%,transparent 70%);animation-duration:20s} .hero::after{width:800px;height:800px;bottom:-300px;right:-200px;background:radial-gradient(circle,hsla(280,100%,70%,0.3) 0%,hsla(215,100%,50%,0.25) 40%,transparent 70%);animation-duration:16s;animation-delay:3s} .hero-content::before{content:'';position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,hsla(190,100%,55%,0.15) 0%,transparent 60%);filter:blur(60px);z-index:0;pointer-events:none;animation:pulse 8s ease-in-out infinite} .hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center} .hero-text h1{font-size:clamp(2.5rem,10vw,5rem);line-height:1.05;margin-bottom:24px;background:linear-gradient(to right,hsl(0,0%,100%) 0%,hsl(195,100%,85%) 50%,hsl(215,100%,75%) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 5s ease-in-out infinite;font-weight:900;letter-spacing:-0.04em} .hero-text p{font-size:1.3rem;color:hsla(0,0%,100%,0.9);max-width:600px;margin-bottom:40px;line-height:1.8;text-shadow:0 2px 10px hsla(0,0%,0%,0.2)} .trust-badge-hero{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:hsla(0,0%,100%,0.12);backdrop-filter:blur(10px);border-radius:var(--radius-full);border:1px solid hsla(0,0%,100%,0.25);margin-bottom:30px;font-size:0.95rem;font-weight:600;color:hsl(145,70%,70%);box-shadow:0 4px 15px hsla(0,0%,0%,0.15);animation:badgeFloat 3s ease-in-out infinite} .hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px} .hero-form-card{background:hsla(0,0%,100%,0.08);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid hsla(0,0%,100%,0.2);padding:45px;border-radius:var(--radius-xl);box-shadow:0 25px 50px hsla(0,0%,0%,0.25),0 0 0 1px hsla(195,100%,50%,0.1);color:white;position:relative;overflow:hidden} .hero-form-card::before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 180deg at 50% 50%,hsla(195,100%,50%,0.15) 0deg,transparent 60deg,transparent 120deg,hsla(215,100%,50%,0.15) 180deg,transparent 240deg,transparent 300deg,hsla(195,100%,50%,0.15) 360deg);animation:rotateGradient 8s linear infinite;opacity:0.5} .hero-form-card h3{color:white;border-bottom:1px solid hsla(0,0%,100%,0.15);padding-bottom:18px;margin-bottom:28px;position:relative;z-index:1;font-size:1.5rem} .input-group{margin-bottom:22px;position:relative;z-index:1} .input-field{width:100%;background:hsla(0,0%,0%,0.25);border:1px solid hsla(0,0%,100%,0.15);padding:18px;border-radius:var(--radius-sm);color:white;font-size:1rem;font-family:var(--font-body);outline:none;transition:all var(--transition-fast)} .input-field::placeholder{color:hsla(0,0%,100%,0.5)} .input-field:focus{background:hsla(0,0%,0%,0.35);border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(195,100%,50%,0.15);transform:translateY(-2px)} .services-section{position:relative} .section-title{margin-bottom:70px;max-width:750px;margin-left:auto;margin-right:auto} .service-card{padding:0;text-align:left;height:100%;background:white;border:1px solid hsla(210,20%,90%,0.8);position:relative;overflow:hidden} .service-card img{width:100%;height:220px;object-fit:cover;transition:transform var(--transition-slow)} .service-card:hover img{transform:scale(1.12)} .service-card h3,.service-card p,.service-card a{padding:0 40px} .service-card h3{margin-top:30px;margin-bottom:15px;color:var(--color-heading);transition:color var(--transition-fast)} .service-card:hover h3{color:var(--color-primary)} .service-card p{margin-bottom:25px;line-height:1.7} .service-card a{display:inline-block;margin-bottom:30px;position:relative;font-weight:700;transition:all var(--transition-fast)} .service-card a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)} .service-card:hover a::after{width:100%} .service-icon{width:85px;height:85px;background:linear-gradient(135deg,var(--color-bg-light) 0%,hsla(195,30%,96%,1) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--color-primary-dark);margin-bottom:24px;transition:all var(--transition-normal);position:relative;overflow:hidden} .service-icon::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)} .service-card:hover .service-icon{transform:rotateY(360deg) scale(1.1);box-shadow:var(--shadow-md)} .service-card:hover .service-icon::before{opacity:1} .service-card:hover .service-icon{color:white} .stats-section{background:var(--color-dark);color:white;position:relative;overflow:hidden} .stat-item{text-align:center;padding:40px} .stat-number{font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:10px} @media (max-width:1024px){.container{max-width:100%} .navbar{display:none} .mobile-menu-btn{display:block} .header-wrapper{justify-content:space-between;background:white;top:0;padding:10px 20px;box-shadow:var(--shadow-sm);pointer-events:auto} .hero{padding-top:120px} .hero-content{grid-template-columns:1fr;text-align:center;gap:40px} .hero-text p{margin:0 auto 30px} .hero-form-card{max-width:450px;margin:0 auto;padding:30px} } @media (max-width:768px){:root{--section-spacing:60px} .section-padding{padding:60px 0} .btn{width:100%;padding:14px 24px} .hero-actions{flex-direction:column;gap:15px} .hero-actions .btn{width:100%;justify-content:center} .service-card img{width:calc(100% + 40px) !important;margin:-20px -20px 20px -20px !important} .mobile-menu-btn{display:flex !important;pointer-events:auto;z-index:1001} .stat-number{font-size:2.5rem} .hero{min-height:auto;padding-bottom:60px} } @keyframes heroGradient{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes floatBlob{0%{transform:translate(0,0) scale(1)} 33%{transform:translate(30px,-30px) scale(1.05)} 66%{transform:translate(-20px,40px) scale(0.95)} 100%{transform:translate(0,0) scale(1)} } @keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1);opacity:0.3} 50%{transform:translate(50px,50px) scale(1.1);opacity:0.4} } @keyframes btnGlow{0%,100%{box-shadow:var(--shadow-lg),var(--shadow-glow-primary)} 50%{box-shadow:var(--shadow-xl),0 0 40px hsla(195,100%,50%,0.5)} } @keyframes textShimmer{0%,100%{background-position:0% center} 50%{background-position:100% center} } @keyframes logoPulse{0%,100%{filter:drop-shadow(0 2px 8px hsla(195,100%,50%,0.2))} 50%{filter:drop-shadow(0 4px 12px hsla(195,100%,50%,0.35))} } @keyframes badgeFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes rotateGradient{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} } @keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.15} 50%{transform:translate(-50%,-50%) scale(1.2);opacity:0.25} } @keyframes gradientShift{0%,100%{background-position:0% center} 50%{background-position:100% center} } @keyframes pulse-blue{0%{transform:scale(0.95);box-shadow:0 0 0 0 hsla(195,100%,50%,0.7)} 70%{transform:scale(1);box-shadow:0 0 0 12px hsla(195,100%,50%,0)} 100%{transform:scale(0.95);box-shadow:0 0 0 0 hsla(195,100%,50%,0)} } @keyframes fadeInUp{from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} } @keyframes scaleIn{from{opacity:0;transform:scale(0.9)} to{opacity:1;transform:scale(1)} } @keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} } @keyframes slideInRight{from{opacity:0;transform:translateX(40px)} to{opacity:1;transform:translateX(0)} } .pricing-card{position:relative;padding:50px 40px;text-align:center;border:1px solid var(--color-bg-light);background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)} .pricing-card.featured{border:2px solid var(--color-primary);transform:scale(1.05);box-shadow:var(--shadow-lg);z-index:2} .pricing-amount{font-size:4rem;font-weight:800;color:var(--color-dark);margin:20px 0} .pricing-amount sup{font-size:1.5rem;color:var(--color-text-light);top:-1.5em} .check-list li{margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px} .check-list i{color:var(--color-success)} .mobile-call-btn{display:none;position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px rgba(0,0,0,0.3);z-index:1000;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease;animation:pulse-blue 2s infinite} @keyframes pulse-blue{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,198,255,0.7)} 70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,198,255,0)} 100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,198,255,0)} } .mobile-call-btn:hover{transform:scale(1.1)} @media (max-width:768px){.mobile-call-btn{display:flex} }