*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-soft: #f8fafc;--bg-cream: #fffbf5;--bg-glass: rgba(255, 255, 255, .7);--coral: #ff6b6b;--coral-light: #ff8a8a;--electric-blue: #4f46e5;--electric-blue-light: #6366f1;--violet: #8b5cf6;--violet-light: #a78bfa;--cyan: #06b6d4;--cyan-light: #22d3ee;--lime: #84cc16;--lime-light: #a3e635;--amber: #f59e0b;--text-dark: #1e1e2e;--text-body: #64748b;--text-light: #94a3b8;--gradient-hero: linear-gradient(135deg, #ff6b6b 0%, #8b5cf6 50%, #4f46e5 100%);--gradient-cta: linear-gradient(135deg, #4f46e5 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .1) 100%);--gradient-text: linear-gradient(135deg, #ff6b6b 0%, #8b5cf6 50%, #4f46e5 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .12);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--section-padding: 120px;--container-max: 1200px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition-base)}.nav.scrolled{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{text-decoration:none}.logo-text{font-family:var(--font-display);font-size:28px;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.nav-links{display:flex;gap:40px}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:15px;position:relative;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-cta);transition:width var(--transition-base)}.nav-link:hover{color:var(--electric-blue)}.nav-link:hover:after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-cta);color:#fff;text-decoration:none;font-weight:600;font-size:14px;border-radius:100px;transition:all var(--transition-spring);box-shadow:0 4px 15px #4f46e54d}.nav-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #4f46e566}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--text-dark);border-radius:2px;transition:all var(--transition-base)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}#gradient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.hero-blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--coral) 0%,var(--violet) 100%);top:-200px;right:-100px;animation-delay:0s}.hero-blob-2{width:500px;height:500px;background:linear-gradient(135deg,var(--electric-blue) 0%,var(--cyan) 100%);bottom:-150px;left:-100px;animation-delay:-7s}.hero-blob-3{width:400px;height:400px;background:linear-gradient(135deg,var(--violet) 0%,var(--coral) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:40px 40px}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-glass);border:1px solid rgba(0,0,0,.08);border-radius:100px;font-size:14px;font-weight:500;color:var(--text-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px}.badge-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-family:var(--font-display);font-size:clamp(48px,8vw,84px);font-weight:800;line-height:1.05;color:var(--text-dark);margin-bottom:24px;letter-spacing:-.03em}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.7;color:var(--text-body);max-width:700px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-family:var(--font-body);font-size:16px;font-weight:600;text-decoration:none;border-radius:100px;cursor:pointer;transition:all var(--transition-spring);border:none}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 20px #4f46e559}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 35px #4f46e573}.btn-outline{background:#fff;color:var(--text-dark);border:2px solid rgba(0,0,0,.1)}.btn-outline:hover{border-color:var(--electric-blue);color:var(--electric-blue);transform:translateY(-3px)}.btn-white{background:#fff;color:var(--electric-blue);box-shadow:var(--shadow-lg)}.btn-white:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl)}.btn-large{padding:20px 40px;font-size:18px}.btn-arrow{width:20px;height:20px;transition:transform var(--transition-base)}.btn:hover .btn-arrow{transform:translate(4px)}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--text-dark);line-height:1}.stat-suffix{font-family:var(--font-display);font-size:36px;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;margin-top:8px;font-size:14px;color:var(--text-dark);font-weight:600}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-light);font-size:13px;font-weight:500;animation:fadeInUp 1s ease 1.5s both}.scroll-mouse{width:26px;height:40px;border:2px solid var(--text-light);border-radius:20px;display:flex;justify-content:center;padding-top:8px}.scroll-wheel{width:4px;height:8px;background:var(--electric-blue);border-radius:4px;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}.animate-fade-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(60px);transition:all .9s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px);transition:all .9s cubic-bezier(.4,0,.2,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(60px);transition:all .9s cubic-bezier(.4,0,.2,1)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-scale.active{opacity:1;transform:scale(1)}.reveal-rotate{opacity:0;transform:translateY(40px) rotate(-5deg);transition:all .9s cubic-bezier(.4,0,.2,1)}.reveal-rotate.active{opacity:1;transform:translateY(0) rotate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.section-header{text-align:center;max-width:700px;margin:0 auto 80px}.section-tag{display:inline-block;padding:8px 20px;background:var(--gradient-card);color:var(--electric-blue);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.section-subtitle{font-size:18px;line-height:1.7;color:var(--text-body)}.services{padding:var(--section-padding) 0;background:var(--bg-soft);position:relative}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border-radius:24px;padding:40px;position:relative;overflow:hidden;transition:all var(--transition-spring);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04)}.service-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,transparent 0%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:all var(--transition-base)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.service-card:hover:before{opacity:1}.service-card[data-color=coral]:before{background:linear-gradient(135deg,var(--coral),var(--coral-light))}.service-card[data-color=blue]:before{background:linear-gradient(135deg,var(--electric-blue),var(--electric-blue-light))}.service-card[data-color=violet]:before{background:linear-gradient(135deg,var(--violet),var(--violet-light))}.service-card[data-color=cyan]:before{background:linear-gradient(135deg,var(--cyan),var(--cyan-light))}.service-card[data-color=lime]:before{background:linear-gradient(135deg,var(--lime),var(--lime-light))}.service-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all var(--transition-base)}.service-icon svg{width:32px;height:32px}.service-card[data-color=coral] .service-icon{background:#ff6b6b1a;color:var(--coral)}.service-card[data-color=blue] .service-icon{background:#4f46e51a;color:var(--electric-blue)}.service-card[data-color=violet] .service-icon{background:#8b5cf61a;color:var(--violet)}.service-card[data-color=cyan] .service-icon{background:#06b6d41a;color:var(--cyan)}.service-card[data-color=lime] .service-icon{background:#84cc161a;color:var(--lime)}.service-card:hover .service-icon{transform:scale(1.1) rotate(-5deg)}.service-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.service-desc{font-size:15px;line-height:1.7;color:var(--text-body);margin-bottom:20px}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tags span{padding:6px 14px;background:var(--bg-soft);color:var(--text-body);font-size:12px;font-weight:500;border-radius:100px;transition:all var(--transition-base)}.service-card:hover .service-tags span{background:var(--gradient-card);color:var(--electric-blue)}.service-card-cta{background:var(--gradient-cta);display:flex;align-items:center;justify-content:center;text-align:center}.service-card-cta:before{display:none}.service-cta-content h3{font-family:var(--font-display);font-size:28px;font-weight:800;color:#fff;margin-bottom:12px}.service-cta-content p{font-size:15px;color:#ffffffd9;margin-bottom:24px}.process{padding:var(--section-padding) 0;background:#fff}.process-steps{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto 60px}.process-step{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;padding:40px;background:var(--bg-soft);border-radius:24px;transition:all var(--transition-base)}.process-step:hover{background:#fff;box-shadow:var(--shadow-lg);transform:scale(1.02)}.step-number{font-family:var(--font-display);font-size:56px;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.step-content h3{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.step-content p{font-size:15px;color:var(--text-body);line-height:1.7}.step-icon{width:72px;height:72px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--electric-blue);transition:all var(--transition-spring)}.step-icon svg{width:36px;height:36px}.process-step:hover .step-icon{transform:rotate(10deg) scale(1.1);background:var(--gradient-cta);color:#fff}.process-connector{width:4px;height:40px;background:linear-gradient(to bottom,var(--electric-blue-light),var(--violet));margin:0 auto;border-radius:4px}.process-values{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.value{display:flex;align-items:center;gap:12px}.value-icon{width:48px;height:48px;background:var(--gradient-card);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--electric-blue);transition:all var(--transition-spring);position:relative;overflow:hidden}.value-icon:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,var(--coral),var(--violet),var(--electric-blue),var(--cyan),var(--coral));border-radius:16px;animation:spin-glow 3s linear infinite;z-index:-1;opacity:.6}.value-icon:after{content:"";position:absolute;inset:2px;background:#fff;border-radius:12px;z-index:-1}@keyframes spin-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.value-icon svg{width:22px;height:22px;position:relative;z-index:1}.value:hover .value-icon{transform:scale(1.1)}.value span{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-dark)}.work{padding:var(--section-padding) 0;background:var(--bg-cream);overflow:hidden}.work-marquee{margin:60px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent);mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.marquee-track{display:flex;gap:32px;animation:marquee 60s linear infinite;width:max-content;padding-left:24px}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}.work-card{width:400px;flex-shrink:0;background:#fff;border-radius:20px;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);text-decoration:none;display:flex;flex-direction:column}.work-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.work-card-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);position:relative}.work-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.4,0,.2,1)}.work-card:hover .work-card-image img{transform:scale(1.05)}.work-card-content{padding:24px}.work-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:4px;display:block}.work-type{font-size:14px;color:var(--electric-blue);font-weight:500}@media(max-width:640px){.work-card{width:300px}}.work-focus{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.focus-item{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border-radius:100px;box-shadow:var(--shadow-sm);transition:all var(--transition-spring)}.focus-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg)}.focus-icon{width:24px;height:24px;color:var(--electric-blue);display:flex;align-items:center;justify-content:center}.focus-icon svg{width:20px;height:20px}.focus-item span:last-child{font-weight:600;color:var(--text-dark)}.clients{padding:var(--section-padding) 0;background:#fff}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.client-type{background:var(--bg-soft);border-radius:24px;padding:40px 32px;text-align:center;transition:all var(--transition-spring);border:2px solid transparent}.client-type:hover{background:#fff;border-color:var(--electric-blue-light);transform:translateY(-8px);box-shadow:var(--shadow-lg)}.client-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border-radius:20px;color:var(--electric-blue);transition:all var(--transition-spring);position:relative;overflow:hidden}.client-icon:before{content:"";position:absolute;inset:-3px;background:conic-gradient(from 0deg,var(--coral),var(--violet),var(--electric-blue),var(--cyan),var(--coral));border-radius:23px;animation:spin-glow 4s linear infinite;z-index:0;opacity:0;transition:opacity var(--transition-base)}.client-icon:after{content:"";position:absolute;inset:2px;background:#fff;border-radius:18px;z-index:0}.client-type:hover .client-icon:before{opacity:.8}.client-icon svg{width:32px;height:32px;position:relative;z-index:1}.client-type:hover .client-icon{transform:scale(1.1)}.client-type h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.client-type p{font-size:15px;color:var(--text-body);line-height:1.6}.cta{padding:var(--section-padding) 0;background:var(--gradient-cta);position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;overflow:hidden}.cta-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.cta-blob-1{width:600px;height:600px;background:var(--coral);top:-200px;right:-200px}.cta-blob-2{width:500px;height:500px;background:var(--cyan);bottom:-200px;left:-200px}.cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px}.gradient-text-light{background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:18px;line-height:1.7;color:#ffffffe6;margin-bottom:40px}.cta-actions{margin-bottom:40px}.cta-trust{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;color:#ffffffd9;font-size:14px;font-weight:500}.footer{background:var(--text-dark);color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:1fr auto auto;gap:60px;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .logo-text{font-size:32px;margin-bottom:8px;display:block}.footer-brand p{color:var(--text-light);font-size:15px}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--text-light);text-decoration:none;font-size:15px;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-social{display:flex;gap:16px}.footer-social a{width:44px;height:44px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-base)}.footer-social a:hover{background:var(--electric-blue);transform:translateY(-3px)}.footer-social svg{width:20px;height:20px}.footer-bottom{padding-top:30px;text-align:center}.footer-bottom p{color:var(--text-light);font-size:14px}@media(max-width:1024px){.services-grid,.clients-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;text-align:center;gap:40px}.footer-links,.footer-social{justify-content:center}}@media(max-width:768px){:root{--section-padding: 80px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:20px;box-shadow:var(--shadow-lg)}.nav-links.active,.nav-toggle{display:flex}.nav-cta{display:none}.hero-stats{gap:40px}.stat-number{font-size:36px}.services-grid{grid-template-columns:1fr}.process-step{grid-template-columns:1fr;text-align:center;gap:24px}.step-number{font-size:40px}.step-icon{margin:0 auto}.process-values{gap:24px}.clients-grid{grid-template-columns:1fr}.cta-trust{flex-direction:column;gap:16px}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:32px}}