header{position:fixed;width:100%;top:0;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(42,157,143,.3);transition:background .3s}header.scrolled{background:#1a1a1afa}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.3rem;font-weight:800;color:var(--text-white);text-decoration:none;display:flex;align-items:center;padding:.5rem}.logo:before{content:"";width:40px;height:40px;background-image:url(/icon-original.png);background-size:contain;background-position:center;border-radius:8px;margin-right:10px}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-light);text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:var(--accent-teal)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-teal);transition:width .3s}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:var(--text-white);margin:3px 0;transition:.3s}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--primary-dark);flex-direction:column;padding:1rem;border-top:1px solid rgba(42,157,143,.3)}.nav-links.active,.menu-toggle{display:flex}.menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.gradient-text{background:linear-gradient(90deg,var(--accent-teal),var(--accent-orange),var(--accent-blue),var(--accent-teal));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.blur-in-text{filter:blur(10px);opacity:0;animation:blurIn .8s ease-out forwards}@keyframes blurIn{to{filter:blur(0);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) infinite;color:var(--accent-teal);z-index:-1}.glitch-text:after{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) reverse infinite;color:var(--accent-orange);z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;margin-top:60px}.hero-content{position:relative;z-index:2;padding:4rem 0}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-white);margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.5rem;color:var(--accent-teal);margin-bottom:2rem}.hero-description{font-size:1.1rem;color:var(--text-light);max-width:600px;margin-bottom:3rem}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block;border:2px solid transparent}.btn-primary{background:var(--gradient-tech);color:var(--text-white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2a9d8f66}.btn-secondary{background:transparent;color:var(--text-white);border-color:var(--accent-teal)}.btn-secondary:hover{background:var(--accent-teal);transform:translateY(-2px)}.circuit-bg{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(42,157,143,.03) 50px,rgba(42,157,143,.03) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(231,111,81,.03) 50px,rgba(231,111,81,.03) 51px);pointer-events:none;opacity:.5}.shape-blue-semicircle{position:absolute;width:400px;height:400px;background:var(--accent-blue);border-radius:50%;top:-200px;right:-200px;opacity:.8;z-index:0}.shape-beige-quarter{position:absolute;width:300px;height:300px;background:var(--accent-beige);border-radius:50%;bottom:-150px;left:-150px;opacity:.6;z-index:0}@media (max-width: 768px){.hero h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.shape-blue-semicircle{width:200px;height:200px;top:-100px;right:-100px}.shape-beige-quarter{width:150px;height:150px;bottom:-75px;left:-75px}}.stats{padding:3.5rem 0;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,.5fr));gap:2rem}.stat-card{background:#ffffff0d;padding:2rem;border-radius:15px;border:1px solid rgba(42,157,143,.3);text-align:center;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-tech)}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-orange);box-shadow:0 10px 30px #e76f5133}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-orange);margin-bottom:.5rem}.stat-label{color:var(--text-light);font-size:1rem}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.services{padding:5rem 0;position:relative;background:linear-gradient(135deg,#1e5f8e1a,#1a1a1ae6);overflow:hidden}.services:before{content:"";position:absolute;width:400px;height:400px;background:var(--accent-teal);border-radius:50%;top:10%;right:-180px;opacity:.15;animation:bounce 6s ease-in-out infinite}.services:after{content:"";position:absolute;width:300px;height:300px;background:var(--accent-orange);border-radius:50%;bottom:15%;left:-120px;opacity:.12;animation:bounce 8s ease-in-out infinite}.section-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:2rem;color:var(--text-white)}.section-subtitle{text-align:center;color:var(--accent-teal);font-size:1.2rem;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.service-card{background:var(--gradient-tech);color:var(--text-grey);border:1px solid rgba(42,157,143,.2);border-radius:20px;padding:1.4rem;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(42,157,143,.1),transparent);transition:all .5s;opacity:0}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-10px);border-color:var(--accent-teal);box-shadow:0 20px 40px #2a9d8f33}.service-icon{font-size:3rem;margin-bottom:.2rem;align-content:center}.service-icon img{width:60px;height:60px;object-fit:contain;border-radius:10px}.service-title{font-size:1.5rem;color:var(--text-white);margin-bottom:1rem}.service-description{color:var(--text-light);margin-bottom:1rem}.service-features{list-style:none}.service-features li{color:var(--text-white);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.service-features li:before{content:"▸";color:var(--text-white);position:absolute;left:0}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.clients{padding:5rem 0;background:linear-gradient(135deg,#d4a3730d,#1a1a1af2);position:relative;overflow:hidden}.clients:before{content:"";position:absolute;width:350px;height:350px;background:var(--accent-beige);border-radius:50%;top:-120px;left:-140px;opacity:.1;animation:bounce 7s ease-in-out infinite}.clients:after{content:"";position:absolute;width:280px;height:280px;background:var(--accent-teal);border-radius:50%;bottom:-90px;right:-110px;opacity:.08;animation:bounce 9s ease-in-out infinite}.client-stories{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.client-story{background:#ffffff08;border:1px solid rgba(42,157,143,.2);border-radius:20px;padding:2.5rem;transition:all .3s;position:relative}.client-story:hover{transform:translateY(-5px);border-color:var(--accent-teal);box-shadow:0 20px 40px #2a9d8f33}.client-content{width:100%}.client-image{width:100%;height:100%;margin-top:1.5rem;margin-bottom:2rem;border-radius:20px;overflow:hidden;background:#ffffff05}.client-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s;transform:scale(1)}.client-header{margin-bottom:1.5rem}.client-name{font-size:1.8rem;font-weight:800;color:var(--accent-orange);margin-bottom:.5rem}.client-title{font-size:1.3rem;font-weight:600;color:var(--text-white);margin-bottom:0}.client-challenge,.client-solutions,.client-impact,.client-tech{margin-bottom:1.5rem}.challenge-label,.solutions-label,.impact-label,.tech-label{font-weight:700;color:var(--accent-teal);margin-bottom:.5rem;font-size:1.1rem}.challenge-text{color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:0;text-wrap:balance}.solutions-list{list-style:none;margin-left:0;padding-left:0}.solutions-list li{color:var(--text-light);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.solutions-list li:before{content:"▸";color:var(--accent-teal);position:absolute;left:0;font-weight:700}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.impact-item{display:flex;align-items:flex-start;gap:.5rem;background:#2a9d8f1a;padding:.8rem;border-radius:10px;border:1px solid rgba(42,157,143,.2)}.impact-icon{font-size:1.5rem;flex-shrink:0}.impact-text{color:var(--text-light);font-size:.95rem;line-height:1.4}.tech-stack{color:var(--text-gray);font-style:italic;font-size:.95rem}.client-testimonial{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(42,157,143,.3);position:relative}.testimonial-text{font-style:italic;color:var(--text-white);font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.testimonial-author{text-align:right;color:var(--accent-teal);font-weight:600}@media (max-width: 768px){.client-story{padding:1.5rem}.client-image{height:200px;max-width:100%}.client-name{font-size:1.5rem}.client-title{font-size:1.1rem}.impact-grid{grid-template-columns:1fr}}.approach{padding:5rem 0;position:relative;background:linear-gradient(135deg,#1e5f8e1a,#1a1a1ae6);overflow:hidden}.approach:before{content:"";position:absolute;width:320px;height:320px;background:var(--accent-orange);border-radius:50%;top:25%;left:-130px;opacity:.12;animation:bounce 8s ease-in-out infinite}.approach:after{content:"";position:absolute;width:250px;height:250px;background:var(--accent-blue);border-radius:50%;bottom:20%;right:-90px;opacity:.1;animation:bounce 10s ease-in-out infinite}.approach-steps{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.approach-step{display:flex;gap:2rem;align-items:flex-start;background:#ffffff08;border:1px solid rgba(42,157,143,.2);border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;transform-style:preserve-3d}.approach-step:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,var(--accent-teal),var(--accent-orange));opacity:0;transition:opacity .3s}.approach-step:hover{border-color:var(--accent-teal);box-shadow:0 10px 30px #2a9d8f4d}.approach-step:hover:before{opacity:1}.step-number{font-size:3rem;font-weight:800;color:var(--accent-orange);line-height:1;flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e76f5133,#2a9d8f1a);border-radius:50%;border:2px solid var(--accent-orange);cursor:pointer;transition:all .3s;position:relative}.step-number:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,var(--accent-orange),var(--accent-teal));opacity:0;transition:opacity .3s;z-index:-1;filter:blur(8px)}.step-number:hover:before{opacity:.6}.step-content{flex:1}.step-title{font-size:1.5rem;font-weight:800;color:var(--text-white);margin-bottom:.5rem;letter-spacing:1px}.step-description{color:var(--text-light);font-size:1rem;line-height:1.6}@media (max-width: 768px){.approach-step{flex-direction:column;gap:1rem;padding:1.5rem}.step-number{width:60px;height:60px;font-size:2rem}.step-title{font-size:1.3rem}.approach-step:hover{transform:translateY(-5px)}}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.6}.engagement{padding:5rem 0;position:relative;background:var(--gradient-dark);overflow:hidden}.engagement:before{content:"";position:absolute;width:380px;height:380px;background:var(--accent-teal);border-radius:50%;top:-130px;right:-150px;opacity:.08;animation:bounce 6.5s ease-in-out infinite}.engagement:after{content:"";position:absolute;width:300px;height:300px;background:var(--accent-orange);border-radius:50%;bottom:-100px;left:-120px;opacity:.1;animation:bounce 7.5s ease-in-out infinite}.engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.engagement-card{background:#ffffff08;border:1px solid rgba(42,157,143,.2);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a9d8f0d,#e76f510d)}.engagement-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(42,157,143,.15),transparent);transition:all .5s;opacity:0;transform:rotate(0)}.engagement-card:hover:before{opacity:1;transform:rotate(45deg)}.engagement-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-orange));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.engagement-card:hover:after{opacity:1}.engagement-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #2a9d8f66,0 0 40px #e76f5133}.engagement-icon{font-size:4rem;margin-bottom:1rem}.engagement-icon img{width:70px;height:70px;object-fit:contain;background-color:#fff;border-radius:15px;padding:10px;box-shadow:0 4px 12px #0003}.engagement-title{font-size:1.5rem;font-weight:800;color:var(--text-white);margin-bottom:.5rem}.engagement-subtitle{font-size:1rem;color:var(--accent-orange);font-weight:600;margin-bottom:1rem;font-style:italic}.engagement-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.engagement-ideal{text-align:left;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(42,157,143,.2)}.ideal-label{font-weight:700;color:var(--accent-teal);margin-bottom:.8rem;font-size:1rem}.ideal-list{list-style:none;margin:0;padding:0}.ideal-list li{color:var(--text-light);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.ideal-list li:before{content:"▸";color:var(--accent-teal);position:absolute;left:0;font-weight:700}@media (max-width: 768px){.engagement-grid{grid-template-columns:1fr}.engagement-card{padding:2rem}.engagement-icon{font-size:3rem}.engagement-title{font-size:1.3rem}}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#d4a3730d,#1a1a1af2);position:relative;text-align:center}.cta-section h2{font-size:2.5rem;color:var(--text-white);margin-bottom:1rem}.cta-section p{font-size:1.2rem;color:var(--text-white);margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.cta-section h2{font-size:1.8rem}.cta-section p{font-size:1rem}}footer{background:#0d0d0d;padding:3rem 0 1rem;border-top:1px solid rgba(42,157,143,.2)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:center;margin-bottom:2rem;text-align:center}.footer-section h3{color:var(--accent-teal);margin-bottom:1rem;font-size:1.2rem}.footer-section p,.footer-section li{color:var(--text-gray);margin-bottom:.5rem}.footer-section ul{list-style:none}.footer-section a{color:var(--text-gray);text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--accent-orange)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-gray)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-dark);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s}.loader-content{text-align:center}.loader-logo{font-size:3rem;font-weight:800;color:var(--text-white);margin-bottom:1rem}.loader-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-progress{height:100%;background:var(--gradient-tech);animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}.container{max-width:1200px;margin:0 auto;padding:0 10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(10px)}50%{transform:translateY(0) translate(20px)}75%{transform:translateY(15px) translate(10px)}}.floating{animation:float 4s ease-in-out infinite}.pulse{animation:pulse 3s ease-in-out infinite}.fade-in{animation:fadeIn .6s ease-out forwards}@media (max-width: 768px){.container{padding:0 15px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #1A1A1A;--accent-blue: #1E5F8E;--accent-teal: #2A9D8F;--accent-orange: #E76F51;--accent-beige: #D4A373;--text-white: #FFFFFF;--text-light: #E8E8E8;--text-gray: #B0B0B0;--gradient-tech: linear-gradient(135deg, #2A9D8F, #E76F51);--gradient-dark: linear-gradient(180deg, #1A1A1A, #0D0D0D)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-dark);color:var(--text-light);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}