@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fefefe;--bg-secondary: #f8f6f3;--bg-card: #ffffff;--bg-warm: #faf8f5;--text-primary: #2d2d2d;--text-secondary: #6b6b6b;--text-accent: #4a4a4a;--text-light: #ffffff;--coral: #ff6b6b;--sunset: #ff8e53;--golden: #feca57;--peach: #ff9ff3;--lavender: #a29bfe;--mint: #6c5ce7;--rose: #fd79a8;--warm-blue: #74b9ff;--sage: #00b894;--crimson: #e17055;--gradient-sunset: linear-gradient(135deg, #ff8e53 0%, #ff6b6b 100%);--gradient-coral: linear-gradient(135deg, #ff6b6b 0%, #fd79a8 100%);--gradient-golden: linear-gradient(135deg, #feca57 0%, #ff8e53 100%);--gradient-lavender: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);--gradient-mint: linear-gradient(135deg, #6c5ce7 0%, #74b9ff 100%);--gradient-warm: linear-gradient(135deg, #fd79a8 0%, #ff9ff3 100%);--gradient-sage: linear-gradient(135deg, #00b894 0%, #74b9ff 100%);--gradient-magic: linear-gradient(45deg, #ff6b6b, #ff8e53, #feca57, #fd79a8, #a29bfe)}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;cursor:none}.cursor{position:fixed;width:20px;height:20px;background:var(--coral);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease;mix-blend-mode:multiply}.cursor.hover{transform:scale(2);background:var(--rose)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:var(--coral);border-radius:50%;animation:float 6s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.header{position:fixed;top:0;left:0;right:0;background:#fefefef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,107,107,.1);transition:transform .4s ease,background .3s ease,box-shadow .3s ease;box-shadow:0 2px 20px #ff6b6b1a;transform:translateY(0)}.header-hidden{transform:translateY(-100%)}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;position:relative;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;padding:.5rem;border-radius:12px}.logo:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-coral);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.logo:hover:before{width:100%}.logo:hover{background:#ff6b6b0d;transform:translateY(-1px)}.logo-text{background:var(--gradient-magic);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite;font-family:Playfair Display,serif;font-style:italic;letter-spacing:-.02em;position:relative;text-shadow:0 0 30px rgba(255,107,107,.3);filter:drop-shadow(0 0 8px rgba(255,107,107,.2))}.logo-text:after{content:"Strange Computer";position:absolute;top:0;left:0;background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:-1;animation:textGlow 4s ease-in-out infinite}@keyframes textGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.02);opacity:.8}}.logo-icon{width:32px;height:32px;background:var(--gradient-coral);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;position:relative;overflow:hidden;animation:logoIconPulse 4s ease-in-out infinite;transform:rotate(-5deg)}@keyframes logoIconPulse{0%,to{transform:rotate(-5deg) scale(1);box-shadow:0 0 #ff6b6b66}50%{transform:rotate(-5deg) scale(1.05);box-shadow:0 0 0 8px #ff6b6b00}}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.3),transparent 30%);animation:rotate 3s linear infinite;opacity:.6}.logo-sparkles{position:absolute;top:-8px;right:-8px;width:18px;height:18px;color:var(--golden);animation:sparkleFloat 2s ease-in-out infinite;background-image:url(/images/sparkles.svg);background-size:contain;background-repeat:no-repeat;background-position:center}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-3px) rotate(10deg);opacity:1;filter:drop-shadow(0 0 8px currentColor)}}.logo:hover .logo-icon{animation-duration:1s;transform:rotate(-5deg) scale(1.1)}.logo:hover .logo-sparkles{animation-duration:.8s}.logo:hover .logo-text{animation-duration:1.5s}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-buttons{display:flex;gap:1rem;align-items:center}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;transition:all .3s ease}.hamburger-line{width:25px;height:3px;background:var(--coral);margin:3px 0;border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.btn{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-coral);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,107,107,.3)}.btn-secondary:hover{background:#ff6b6b1a;border-color:var(--coral);color:var(--coral)}.heart-btn{position:relative}.heart{position:absolute;color:var(--rose);font-size:1.2rem;pointer-events:none;animation:heartFly 2s ease-out forwards}@keyframes heartFly{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(.5);opacity:0}}.hero{min-height:100vh;display:flex;align-items:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-warm) 100%)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 60%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,142,83,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}.hero-logo{display:none;position:absolute;top:2rem;left:2rem;z-index:10;font-size:1.25rem;font-weight:700;text-decoration:none;align-items:center;gap:.5rem;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:12px;background:#fefefef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,107,.2);box-shadow:0 4px 20px #ff6b6b26}.hero-logo .logo-icon{width:28px;height:28px;background:var(--gradient-coral);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;position:relative;overflow:hidden;animation:logoIconPulse 4s ease-in-out infinite;transform:rotate(-5deg)}.hero-logo .logo-text{background:var(--gradient-magic);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite;font-family:Playfair Display,serif;font-style:italic;letter-spacing:-.02em;position:relative;text-shadow:0 0 30px rgba(255,107,107,.3);filter:drop-shadow(0 0 8px rgba(255,107,107,.2))}.hero-logo .logo-sparkles{position:absolute;top:-6px;right:-6px;width:14px;height:14px;color:var(--golden);animation:sparkleFloat 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;z-index:2;position:relative}.hero-text h1{font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:400;margin-bottom:1rem;line-height:1.1;padding:.1em 0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--coral) 50%,var(--rose) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textGlow 3s ease-in-out infinite;position:relative}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.hero-text .subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:0;animation:typewriter 3s steps(40) 1s forwards;overflow:hidden;white-space:nowrap;border-right:2px solid var(--coral);width:0}@keyframes typewriter{to{width:100%}}.living-card{background:var(--bg-card);border-radius:20px;padding:3rem 2.5rem;position:relative;overflow:hidden;border:2px solid rgba(255,107,107,.2);transition:all .3s ease;cursor:pointer;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;animation:cardFloat 6s ease-in-out infinite;box-shadow:0 10px 30px #ff6b6b26}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.living-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff6b6b40;border-color:var(--rose)}.living-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-magic);background-size:400% 400%;animation:gradientShift 3s ease infinite}.cyber-cluster{position:absolute;top:2rem;right:2rem;display:flex;gap:-.25rem}.cyber-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid rgba(255,255,255,.8);margin-left:-8px;animation:cyberBounce 2s infinite;color:#fff}.hero-sparkle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8);margin-left:-8px;animation:cyberBounce 2s infinite;background:var(--gradient-lavender);position:relative}.hero-sparkle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-image:url(/images/sparkles.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.cyber-icon:nth-child(1){background:var(--gradient-coral);animation-delay:0s}.cyber-icon:nth-child(2){background:var(--gradient-golden);animation-delay:.2s}.cyber-icon:nth-child(3){background:var(--gradient-lavender);animation-delay:.4s}.cyber-icon:nth-child(4){background:var(--gradient-sage);animation-delay:.6s}@keyframes cyberBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.card-content-main{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.living-card h3{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.living-card p{margin-bottom:2rem;opacity:.9;font-size:1rem;line-height:1.5;color:var(--text-secondary)}.btn-neon{background:var(--gradient-coral);color:#fff;margin-bottom:1.5rem;width:100%;justify-content:center;display:flex;font-weight:600;padding:1rem 1.5rem;font-size:1rem;box-shadow:0 0 20px #ff6b6b66}.btn-neon:hover{box-shadow:0 0 30px #ff6b6b99;transform:translateY(-2px)}.living-card small{opacity:.85;font-size:.9rem;color:var(--text-accent)}.section{padding:6rem 2rem}.container{max-width:1300px;margin:0 auto}.process{background:var(--bg-secondary)}.process h2{font-family:Playfair Display,serif;text-align:center;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.15;padding:.1em 0;letter-spacing:-.02em;font-weight:400;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:4rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--warm-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.process-card{border-radius:20px;padding:3.5rem 2.5rem;color:#fff;position:relative;overflow:hidden;transition:transform .4s ease;min-height:580px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #0000001a;border:2px solid rgba(255,255,255,.3)}.process-card:hover{transform:translateY(-8px) rotate(1deg)}.process-card:nth-child(1){background:var(--gradient-sunset)}.process-card:nth-child(2){background:var(--gradient-lavender);position:relative}.process-card:nth-child(3){background:var(--gradient-sage)}.process-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.3),transparent 30%);animation:rotate 4s linear infinite;opacity:0;transition:opacity .3s ease;z-index:1}.process-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:40px;text-align:center}.process-card h3{font-size:2rem;font-weight:600;margin-bottom:1rem}.process-card p{font-size:1.125rem;line-height:1.5;opacity:.95}.evervault-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;overflow:hidden;pointer-events:none;z-index:20}.evervault-mask-image{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s}.evervault-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff6b6b,#6c5ce7,#a29bfe);background-size:200% 200%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s}.evervault-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;mix-blend-mode:overlay;transition:opacity .3s}.evervault-random-text{position:absolute;top:0;left:0;width:100%;height:100%;font-size:9px;font-family:monospace;font-weight:700;color:#fff;padding:1rem;white-space:pre-wrap;overflow:hidden;line-height:1}.evervault-overlay.active .evervault-mask-image{opacity:.5}.evervault-overlay.active .evervault-gradient,.evervault-overlay.active .evervault-text-overlay{opacity:1}.process-card .dream-content,.process-card .code-content,.process-card .launch-content,.process-card .matrix-container,.process-card .rocket-trail{position:relative;z-index:10}.process-card .dream-content{position:relative;z-index:2}.process-card .dream-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:2rem;animation:dreamFloat 3s ease-in-out infinite}@keyframes dreamFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.code-card{overflow:hidden}.matrix-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15}.matrix-column{position:absolute;color:#fffc;font-family:Courier New,monospace;font-size:.8rem;animation:matrixFall 3s linear infinite}@keyframes matrixFall{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.code-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:40px;text-align:center}.code-content p{font-size:1.25rem;line-height:1.6;max-width:90%}.code-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:2rem;animation:codePulse 2s ease-in-out infinite}@keyframes codePulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.launch-content{position:relative;z-index:2}.launch-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:2rem;animation:launchSpin 4s ease-in-out infinite}@keyframes launchSpin{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.rocket-trail{position:absolute;top:2rem;right:2rem;background:#fff3;padding:.5rem 1rem;border-radius:15px;font-size:.8rem;font-weight:600;opacity:.9;animation:trailGlow 2s ease-in-out infinite}@keyframes trailGlow{0%,to{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 15px #fff9}}.client-logos{padding:3rem 2rem;background:var(--bg-card);border-top:1px solid rgba(255,107,107,.1);border-bottom:1px solid rgba(255,107,107,.1)}.logos-container{max-width:1000px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;opacity:.6}.logo-item{font-weight:500;color:var(--text-secondary);font-size:1rem;transition:all .3s ease;cursor:pointer}.logo-item:hover{color:var(--coral);transform:translateY(-2px)}@media (max-width: 768px){.client-logos{padding:2rem 0;overflow:hidden;position:relative;mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.logos-container{display:flex;white-space:nowrap;font-weight:500;color:var(--text-secondary);font-size:1rem;opacity:.6;transition:transform .05s linear;will-change:transform;align-items:center}.logo-item{display:none}.mobile-logo{white-space:nowrap;flex-shrink:0;margin:0;padding:0}}.info-block{background:var(--bg-card);padding:2rem;margin:2rem auto;max-width:1000px;border-radius:16px;border:2px solid rgba(255,107,107,.2);color:var(--text-secondary);line-height:1.6;font-size:.95rem;position:relative;overflow:hidden;box-shadow:0 5px 20px #ff6b6b1a}.info-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-magic);background-size:400% 400%;animation:gradientShift 3s ease infinite}.benefits{background:var(--bg-primary);position:relative}.benefits h2{font-family:Playfair Display,serif;text-align:center;font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:1rem;line-height:1.5;padding:.1em 0;letter-spacing:-.02em;font-weight:400;background:linear-gradient(135deg,var(--text-primary) 0%,var(--sunset) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.benefits-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.5}.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.benefit-card{border-radius:16px;padding:1.5rem 1rem;color:#fff;transition:all .4s ease;cursor:pointer;text-align:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 5px 20px #0000001a}.benefit-card:hover{transform:translateY(-6px) scale(1.02) rotate(2deg)}.benefit-card:nth-child(1){background:var(--gradient-coral)}.benefit-card:nth-child(2){background:var(--gradient-golden)}.benefit-card:nth-child(3){background:var(--gradient-lavender)}.benefit-card:nth-child(4){background:var(--gradient-sage)}.benefit-card:nth-child(5){background:var(--gradient-sunset)}.benefit-icon{font-size:2rem;margin-bottom:.75rem;animation:benefitFloat 3s ease-in-out infinite;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.benefit-icon i{font-size:1.75rem}@keyframes benefitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.benefit-card h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem;line-height:1.3}.benefit-card p{font-size:.75rem;opacity:.9;line-height:1.3}.testimonials{background:var(--bg-secondary);padding:4rem 2rem}.testimonials-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.testimonial{text-align:left;background:var(--bg-card);padding:2rem;border-radius:16px;border:2px solid rgba(255,107,107,.1);transition:all .3s ease;box-shadow:0 5px 20px #ff6b6b1a}.testimonial:hover{transform:translateY(-5px);border-color:var(--coral);box-shadow:0 10px 30px #ff6b6b33}.testimonial-quote{font-size:1.5rem;font-weight:500;line-height:1.3;margin-bottom:1.25rem;color:var(--text-primary)}.testimonial-author{display:flex;align-items:center;gap:.75rem}.author-logo{width:40px;height:40px;background:var(--gradient-coral);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.recent-work{background:var(--bg-primary)}.work-containers{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.recent-work-container{background:var(--bg-card);border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #ff6b6b1a;position:relative;overflow:hidden;border:2px solid rgba(255,107,107,.2)}.carousel-container{position:relative;margin-bottom:1.5rem}.carousel-wrapper{overflow:hidden;border-radius:10px;position:relative;height:200px;background:var(--gradient-warm);border:2px solid rgba(255,255,255,.3)}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.carousel-slide:nth-child(1){background:var(--gradient-coral)}.carousel-slide:nth-child(2){background:var(--gradient-golden)}.carousel-slide:nth-child(3){background:var(--gradient-lavender)}.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .3s ease}.carousel-slide:hover img{transform:scale(1.02)}.work-mockup{position:relative;width:200px;height:140px;background:#fffffff2;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:mockupFloat 4s ease-in-out infinite}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mockup-header{height:24px;background:#f3f4f6;display:flex;align-items:center;padding:0 .75rem;gap:.375rem}.mockup-dot{width:6px;height:6px;border-radius:50%}.mockup-dot:nth-child(1){background:var(--crimson)}.mockup-dot:nth-child(2){background:var(--golden)}.mockup-dot:nth-child(3){background:var(--sage)}.mockup-content{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.375rem}.mockup-line{height:6px;background:var(--gradient-coral);border-radius:3px;animation:lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.4}50%{opacity:1}}.mockup-line:nth-child(1){width:75%;animation-delay:0s}.mockup-line:nth-child(2){width:50%;animation-delay:.5s}.mockup-line:nth-child(3){width:85%;animation-delay:1s}.carousel-nav{display:flex;justify-content:center;gap:.75rem;margin-top:.75rem}.carousel-btn{width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1rem;border:2px solid rgba(255,107,107,.2);box-shadow:0 2px 8px #ff6b6b1a}.carousel-btn:hover{background:var(--coral);color:#fff;transform:scale(1.1);border-color:var(--coral)}.carousel-dots{display:flex;justify-content:center;gap:.375rem;margin-top:.75rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ff6b6b4d;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,107,107,.2)}.carousel-dot.active{background:var(--coral);transform:scale(1.3);box-shadow:0 0 10px var(--coral)}.services-container{background:var(--bg-card);border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #ff6b6b1a;border:2px solid rgba(255,107,107,.2)}.services-visual{width:100%;height:200px;background:var(--gradient-lavender);border-radius:10px;margin-bottom:1.5rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.services-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;position:absolute;width:75%;height:50%}.service-icon{background:#ffffff40;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;animation:iconFloat 4s ease-in-out infinite;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .3s ease}.service-icon:hover{background:#fff6;transform:translateY(-2px) scale(1.05);border-color:#fff6;box-shadow:0 4px 12px #ffffff4d}.service-icon.selected{transform:translateY(-3px) scale(1.1);border-color:#ff6b6bcc;box-shadow:0 6px 16px #ff6b6b66;animation:iconSelected 2s ease-in-out infinite}.service-icon:nth-child(1).selected{background:var(--gradient-sunset);border-color:#ff8e53cc;box-shadow:0 6px 16px #ff8e5366}.service-icon:nth-child(2).selected{background:var(--gradient-golden);border-color:#feca57cc;box-shadow:0 6px 16px #feca5766}.service-icon:nth-child(3).selected{background:var(--gradient-lavender);border-color:#a29bfecc;box-shadow:0 6px 16px #a29bfe66}.service-icon:nth-child(4).selected{background:var(--gradient-mint);border-color:#74b9ffcc;box-shadow:0 6px 16px #74b9ff66}.service-icon:nth-child(5).selected{background:var(--gradient-sage);border-color:#00b894cc;box-shadow:0 6px 16px #00b89466}.service-icon:nth-child(6).selected{background:var(--gradient-warm);border-color:#fd79a8cc;box-shadow:0 6px 16px #fd79a866}.service-icon:nth-child(8).selected{background:var(--gradient-magic);border-color:#ff6b6bcc;box-shadow:0 6px 16px #ff6b6b66}.services-sparkle{background:#ffffff40;border-radius:6px;display:flex;align-items:center;justify-content:center;animation:iconFloat 4s ease-in-out infinite;border:1px solid rgba(255,255,255,.2);position:relative;cursor:pointer;transition:all .3s ease}.services-sparkle:hover{background:#fff6;transform:translateY(-2px) scale(1.05);border-color:#fff6;box-shadow:0 4px 12px #ffffff4d}.services-sparkle.selected{background:var(--gradient-coral);transform:translateY(-3px) scale(1.1);border-color:#ff6b6bcc;box-shadow:0 6px 16px #ff6b6b66;animation:iconSelected 2s ease-in-out infinite}.services-sparkle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-image:url(/images/sparkles.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.service-icon:nth-child(1){animation-delay:0s}.service-icon:nth-child(2){animation-delay:.5s}.service-icon:nth-child(3){animation-delay:1s}.service-icon:nth-child(4){animation-delay:1.5s}.service-icon:nth-child(5){animation-delay:2s}.service-icon:nth-child(6){animation-delay:2.5s}.service-icon:nth-child(7){animation-delay:3s}.service-icon:nth-child(8){animation-delay:3.5s}.services-sparkle:nth-child(7){animation-delay:3s}.services-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.5rem}.service-tag{background:var(--bg-secondary);padding:.5rem .75rem;border-radius:20px;font-size:.8rem;text-align:center;color:var(--text-secondary);font-weight:500;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,107,107,.1)}.service-tag:hover{background:var(--gradient-coral);color:#fff;transform:translateY(-1px);border-color:transparent}.service-tag.selected{background:var(--gradient-coral);color:#fff;transform:translateY(-1px);border-color:transparent;box-shadow:0 4px 12px #ff6b6b4d}.service-tag.featured{background:var(--gradient-coral);color:#fff;font-weight:600;border-color:transparent}.pricing{background:var(--bg-primary)}.pricing h2{font-family:Playfair Display,serif;text-align:center;font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:3rem;line-height:1.5;padding:.1em 0;letter-spacing:-.02em;font-weight:400;background:linear-gradient(135deg,var(--text-primary) 0%,var(--sage) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-cards{display:grid;grid-template-columns:380px 420px;gap:2rem;align-items:start;max-width:900px;margin:0 auto;justify-content:center}.pricing-card{border-radius:20px;position:relative;overflow:hidden;transition:transform .4s ease;background:var(--bg-card);box-shadow:0 10px 30px #ff6b6b1a;border:2px solid rgba(255,107,107,.2)}.pricing-card:hover{transform:translateY(-4px);border-color:var(--rose);box-shadow:0 15px 40px #ff6b6b33}.join-sc-card{padding:0;position:relative;overflow:hidden;height:500px}.cyber-card-container{position:relative;height:100%;background:var(--gradient-warm);display:flex;align-items:center;justify-content:center;overflow:hidden}.cyber-grid-card{width:280px;height:180px;transform:rotate(-8deg) translateY(-10px);position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0003;animation:cyberCardFloat 6s ease-in-out infinite;border:2px solid rgba(255,255,255,.5)}@keyframes cyberCardFloat{0%,to{transform:rotate(-8deg) translateY(-10px)}50%{transform:rotate(-8deg) translateY(-15px)}}.cyber-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100%;width:100%}.cyber-cell{display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.cyber-cell:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;color:#fff;font-size:1.5rem;z-index:2;animation:electricPulse 2s ease-in-out infinite}@keyframes electricPulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px currentColor}}.cyber-cell:nth-child(1){background:var(--gradient-coral)}.cyber-cell:nth-child(2){background:var(--gradient-golden)}.cyber-cell:nth-child(3){background:var(--gradient-lavender)}.cyber-cell:nth-child(4){background:var(--gradient-sage)}.cyber-cell:nth-child(5){background:var(--gradient-sunset);grid-column:span 2;position:relative}.living-web-text{position:absolute;bottom:15px;left:20px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;z-index:3;text-shadow:0 0 10px rgba(255,255,255,.5)}.join-sc-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(253,121,168,.95),transparent);padding:2rem;color:#fff;text-align:center}.join-sc-content .start-today-badge{background:#fff3;color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:1rem;border:1px solid rgba(255,255,255,.3);animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 15px #fff9}}.join-sc-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.living-websites-card{background:var(--bg-card);color:var(--text-primary);padding:2.5rem;position:relative;border:2px solid rgba(255,107,107,.3)}.living-websites-header{margin-bottom:1.5rem}.living-websites-header h3{font-size:1.375rem;font-weight:600;margin-bottom:.5rem;background:var(--gradient-magic);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}.price-display{margin:1.5rem 0}.price-large{font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:.5rem;background:var(--gradient-coral);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.price-small{font-size:1rem;opacity:.7;font-weight:400;color:var(--text-secondary)}.price-extra{font-size:1.1rem;color:var(--sunset);margin-top:.5rem;font-weight:500}.features-list{list-style:none;margin:2rem 0}.features-list li{position:relative;padding:.75rem 0 .75rem 2rem;border-bottom:1px solid rgba(255,107,107,.1);font-size:.95rem;line-height:1.4;color:var(--text-accent)}.features-list li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;color:var(--warm-blue);font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 5px currentColor}}.join-btn{background:var(--gradient-coral);color:#fff;padding:.875rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;display:block;text-align:center;margin-bottom:2rem;transition:all .3s ease;font-size:.95rem;box-shadow:0 0 20px #ff6b6b4d}.join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b80}.decorative-cyber{position:absolute;bottom:2rem;right:2rem;font-size:3rem;opacity:.7;animation:cyberFloat 4s ease-in-out infinite}@keyframes cyberFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(180deg)}}.guarantee-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;grid-column:span 2}.guarantee-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-card);border-radius:12px;box-shadow:0 5px 20px #ff6b6b1a;border:2px solid rgba(255,107,107,.2);transition:all .3s ease}.guarantee-item:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b26}.guarantee-icon{width:40px;height:40px;background:var(--gradient-coral);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;color:#fff}.guarantee-icon i{font-size:1.25rem}.guarantee-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.guarantee-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0}.faq{background:var(--bg-secondary)}.faq-container{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}.faq h2{font-family:Playfair Display,serif;font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:1.5rem;line-height:1.15;padding:.1em 0;letter-spacing:-.02em;font-weight:400;background:linear-gradient(135deg,var(--text-primary) 0%,var(--rose) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-item{border-bottom:1px solid rgba(255,107,107,.1);padding:1.25rem 0;transition:all .3s ease}.faq-item:hover{border-color:var(--coral)}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500;font-size:1rem;color:var(--text-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--text-secondary);line-height:1.5;font-size:.9rem}.faq-answer.active{max-height:150px;padding-top:.75rem}.faq-toggle{width:24px;height:24px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.875rem;font-weight:700;color:var(--text-primary);border:2px solid rgba(255,107,107,.2)}.faq-toggle.active{transform:rotate(45deg);background:var(--coral);color:#fff;border-color:var(--coral)}.faq-cta{background:var(--gradient-coral);border-radius:16px;padding:2.5rem 1.5rem;text-align:center;color:#fff;position:sticky;top:100px;border:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center}.faq-cta .big-cyber{font-size:3rem;margin-bottom:1rem;animation:cyberPulse 3s ease-in-out infinite}@keyframes cyberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);text-shadow:0 0 20px currentColor}}.faq-cta h3{font-size:1.25rem;margin-bottom:1.25rem;font-weight:600}.faq-cta small{opacity:.9;font-size:.9rem;display:block;line-height:1.4;padding:0 1rem}.faq-cta .btn-white{background:#fff;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;box-shadow:0 0 15px #ffffff4d;width:80%;max-width:200px}.faq-cta .btn-white:hover{box-shadow:0 0 25px #ffffff80}.footer{background:var(--bg-card);color:var(--text-primary);padding:4rem 2rem 2rem;border-top:2px solid rgba(255,107,107,.2)}.footer-content{max-width:1000px;margin:0 auto;text-align:center}.footer .logo{color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem;justify-content:center}.footer .logo-icon{width:40px;height:40px;font-size:1.5rem}.footer-sparkle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--bg-card);animation:footerPulse 3s infinite;transition:all .3s ease;background:var(--gradient-coral);position:relative}.footer-sparkle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-image:url(/images/sparkles.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.footer-sparkle:hover{transform:scale(1.2) translateY(-5px)}.footer-crosshairs{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--bg-card);animation:footerPulse 3s infinite;animation-delay:1.5s;transition:all .3s ease;background:var(--gradient-sage);color:#fff;font-size:1.5rem}.footer-crosshairs:hover{transform:scale(1.2) translateY(-5px)}.footer h2{font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,3rem);margin-bottom:.75rem;line-height:1.2;padding:.1em 0;font-weight:400;background:var(--gradient-magic);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}.footer-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.footer-cybers{display:flex;justify-content:center;gap:-.25rem;margin:2rem 0}.footer-cyber{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-left:-8px;border:2px solid var(--bg-card);animation:footerPulse 3s infinite;transition:all .3s ease;color:#fff}.footer-cyber:hover{transform:scale(1.2) translateY(-5px)}.footer-cyber:nth-child(1){background:var(--gradient-coral);animation-delay:0s}.footer-cyber:nth-child(2){background:var(--gradient-golden);animation-delay:.3s}.footer-cyber:nth-child(3){background:var(--gradient-lavender);animation-delay:.6s}.footer-cyber:nth-child(4){background:var(--gradient-sage);animation-delay:.9s}.footer-cyber:nth-child(5){background:var(--gradient-sunset);animation-delay:1.2s}@keyframes footerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 15px currentColor}}.footer-bottom{border-top:1px solid rgba(255,107,107,.1);padding-top:1.5rem;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--text-secondary);font-size:.875rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--coral)}@media (max-width: 768px){body{cursor:auto!important}.cursor{display:none!important}.hero-content,.work-containers,.testimonials-grid,.faq-container{grid-template-columns:1fr;gap:2rem}.pricing-cards{grid-template-columns:1fr;max-width:400px}.process-cards{grid-template-columns:1fr}.benefits-grid{display:flex;grid-template-columns:none;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem 1rem}.benefits-grid::-webkit-scrollbar{display:none}.benefit-card{flex:0 0 280px;scroll-snap-align:start;aspect-ratio:1;min-height:280px}.benefits-grid:after{content:"";position:absolute;top:50%;right:1rem;width:6px;height:6px;background:var(--coral);border-radius:50%;transform:translateY(-50%);animation:scrollHint 2s ease-in-out infinite;opacity:.7}@keyframes scrollHint{0%,to{transform:translateY(-50%) translate(0);opacity:.7}50%{transform:translateY(-50%) translate(5px);opacity:1}}.guarantee-features,.services-list{grid-template-columns:1fr}.header{display:none}.hero-logo{display:flex}.hero{padding-top:6rem;min-height:calc(100vh - 6rem);align-items:flex-start;justify-content:center}.hero-content{align-items:flex-start;padding-top:4rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .5s ease}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes iconSelected{0%,to{transform:translateY(-3px) scale(1.1)}50%{transform:translateY(-3px) scale(1.12)}}
