.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#fffffff2;padding:15px 0;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.logo{align-items:center;gap:4px;font-family:sans-serif;font-size:2rem;font-weight:700;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo .bracket{color:var(--primary-color);font-size:2.2rem}.logo .cx{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo .labs{color:#f1f0f0;font-weight:550}.navbar.scrolled .logo .labs{color:var(--primary-color);font-weight:550}.nav-links{align-items:center;gap:40px;display:flex}.nav-links.desktop{display:none}@media (min-width:768px){.nav-links.desktop{display:flex}}.nav-links a{color:var(--light-bg);font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.navbar.scrolled .nav-links a{color:var(--text-dark);font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover:after{width:100%}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:10px;display:flex}@media (min-width:768px){.hamburger{display:none}}.hamburger span{background:var(--text-dark);width:25px;height:2px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;flex-direction:column;padding:20px;display:flex;overflow:hidden}.mobile-menu a{color:var(--text-dark);border-bottom:1px solid #0000001a;padding:15px 20px;font-weight:600;transition:all .3s}.mobile-menu a:hover{color:var(--primary-color);padding-left:30px}.navbar:not(.scrolled){transition:transform .3s;transform:translateY(-100%)}.navbar.scrolled{transform:translateY(0)}.hero{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:var(--gradient-1);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:var(--gradient-2);width:400px;height:400px;animation-delay:7s;bottom:-10%;right:-10%}.orb-3{background:var(--gradient-3);width:350px;height:350px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}}.grid-pattern{opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;text-align:center;width:100%;max-width:1200px;position:relative}.hero-animation-container{justify-content:center;align-items:center;min-height:200px;margin-bottom:60px;display:flex}.brand-animation{justify-content:center;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:1;display:flex}.bracket-left,.bracket-right{color:var(--primary-color);font-size:1.2em}.cx-container{align-items:center;gap:15px;display:flex}.letter-c,.letter-x{align-items:center;display:inline-flex;overflow:visible}.letter-x{min-width:1.2ch;transition:all .5s cubic-bezier(.4,0,.2,1)}.c-main,.x-text,.labs-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.c-expand{color:var(--text-light);white-space:nowrap;margin-left:-5px;font-size:1em;font-weight:700;display:inline-block;overflow:hidden}.x-text{white-space:nowrap;font-size:1em;font-weight:900;display:inline-block}.labs-text{color:var(--text-light);white-space:nowrap;margin-left:10px;font-weight:600;display:inline-block;overflow:hidden}.hero-subtitle{max-width:800px;margin:0 auto;padding:0 20px}.hero-subtitle h1{color:var(--text-light);margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.hero-subtitle p{color:#ffffffb3;margin-bottom:40px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-primary,.btn-secondary{border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:1.05rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-1);color:var(--text-light);box-shadow:0 10px 30px #f05f404d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f05f4066}.btn-primary .arrow{transition:transform .3s}.btn-primary:hover .arrow{transform:translate(5px)}.btn-secondary{color:var(--text-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #ffffff4d}.btn-secondary:hover{border-color:var(--primary-color);background:#f05f401a;transform:translateY(-3px)}.scroll-indicator{color:#ffffff80;z-index:9999;flex-direction:column;align-items:center;gap:10px;font-size:.85rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mouse{border:2px solid #ffffff4d;border-radius:15px;justify-content:center;width:26px;height:40px;padding-top:8px;display:flex}.wheel{background:#ffffff80;border-radius:2px;width:3px;height:8px;animation:1.5s ease-in-out infinite scroll}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (max-width:768px){.hero{padding:100px 20px 60px}.cx-container{gap:10px}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.brand-animation{font-size:clamp(2rem,8vw,6rem)}}.services{background:linear-gradient(#fafafa 0%,#f5f5f5 100%);position:relative;overflow:hidden}.services:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-color),transparent);height:1px;position:absolute;top:0;left:0;right:0}.services-container{max-width:1300px;margin:0 auto;padding:0 20px}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-tag{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f05f401a,#ff7a591a);border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-block}.section-header h2{color:var(--text-dark);margin-bottom:20px;font-size:clamp(2rem,5vw,3rem)}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px;display:grid}.service-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-1);opacity:0;z-index:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.service-card:hover:before{opacity:.03}.service-card:hover{border-color:#f05f4033;box-shadow:0 20px 60px #0000001a}.service-icon{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;display:flex;position:relative}.service-icon span{z-index:2;font-size:3rem;transition:transform .3s;position:relative}.service-card:hover .service-icon span{transform:scale(1.1)rotate(5deg)}.icon-bg{background:var(--gradient-1);opacity:.1;border-radius:20px;width:100%;height:100%;transition:all .3s;position:absolute;transform:rotate(45deg)}.service-card:hover .icon-bg{opacity:.15;transform:rotate(60deg)scale(1.2)}.service-card h3{color:var(--text-dark);z-index:1;margin-bottom:15px;font-size:1.5rem;position:relative}.service-card p{color:var(--text-muted);z-index:1;margin-bottom:20px;line-height:1.7;position:relative}.service-tags{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.tag{color:var(--primary-color);background:#f05f4014;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .3s}.service-card:hover .tag{background:#f05f4026;transform:translateY(-2px)}.service-hover-overlay{opacity:0;transition:all .4s;position:absolute;bottom:-50px;right:30px}.service-hover-overlay .arrow{color:var(--primary-color);opacity:.2;font-size:3rem}.service-card:hover .service-hover-overlay{opacity:1;bottom:20px}.services-cta{text-align:center;background:#fff;border-radius:20px;padding:50px 30px;box-shadow:0 10px 40px #0000000d}.services-cta p{color:var(--text-dark);margin-bottom:25px;font-size:1.3rem;font-weight:500}.btn-gradient{background:var(--gradient-1);color:#fff;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:1.05rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #f05f404d}.btn-gradient:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f05f4066}.btn-gradient .sparkle{transition:transform .3s}.btn-gradient:hover .sparkle{transform:rotate(180deg)scale(1.2)}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.services-cta{padding:40px 20px}}.portfolio{background:#fff;position:relative}.portfolio-container{max-width:1400px;margin:0 auto;padding:0 20px}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:2px solid #0000001a;border-radius:50px;padding:12px 30px;font-size:.95rem;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-1);border-color:var(--primary-color);color:#fff;box-shadow:0 5px 20px #f05f404d}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.portfolio-item{cursor:pointer;background:#f5f5f5;border-radius:15px;transition:all .3s;overflow:hidden}.portfolio-image{width:100%;padding-top:75%;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay{opacity:0;background:linear-gradient(#0000004d 0%,#f05f40f2 100%);align-items:flex-end;width:100%;height:100%;padding:30px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.overlay-content{color:#fff;transition:transform .4s;transform:translateY(20px)}.portfolio-item:hover .overlay-content{transform:translateY(0)}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;background:#fff3;border-radius:20px;margin-bottom:15px;padding:6px 15px;font-size:.75rem;font-weight:600;display:inline-block}.overlay-content h3{margin-bottom:10px;font-size:1.5rem}.overlay-content p{opacity:.9;margin-bottom:20px;font-size:.95rem;line-height:1.6}.view-project{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:gap .3s;display:inline-flex}.view-project:hover{gap:12px}.loading-state{text-align:center;padding:80px 20px}.spinner{border:4px solid #f05f4033;border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-muted);font-size:1.1rem}.no-results{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:1.1rem}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-filters{gap:10px}.filter-btn{padding:10px 20px;font-size:.85rem}}.portfolio-categories{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.category-tag{background:linear-gradient(135deg,var(--primary-color),coral);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:transform .3s;display:inline-block}.portfolio-item:hover .category-tag{transform:translateY(-2px)}.team{background:linear-gradient(135deg,#f7e8e6 0%,#e5eeff 100%);position:relative}.team-container{max-width:1200px;margin:0 auto;padding:0 20px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:60px;display:grid}.team-member{text-align:center;background:#fff;border-radius:20px;padding:40px 30px;transition:all .3s;box-shadow:0 4px 20px #00000014}.team-member:hover{transform:translateY(-10px);box-shadow:0 10px 40px #f05f4026}.member-image{border-radius:50%;width:150px;height:150px;margin:0 auto 25px;position:relative;overflow:hidden}.member-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.team-member:hover .member-image img{transform:scale(1.1)}.member-overlay{opacity:0;background:#f05f40e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.team-member:hover .member-overlay{opacity:1}.social-links{gap:15px;display:flex}.social-links a{color:#fff;transition:transform .3s}.social-links a:hover{transform:translateY(-3px)scale(1.1)}.team-member h3{color:var(--text-dark);margin-bottom:8px;font-size:1.5rem}.team-member p{color:var(--text-muted);font-size:1rem}.team-quote{text-align:center;background:#fff;border-radius:20px;max-width:800px;margin:0 auto;padding:40px 30px;box-shadow:0 4px 20px #00000014}.team-quote blockquote{color:var(--text-dark);margin-bottom:15px;font-size:1.2rem;font-style:italic;line-height:1.8}.team-quote cite{color:var(--primary-color);font-style:normal;font-weight:600}@media (max-width:768px){.team-grid{grid-template-columns:1fr}}.contact{background:linear-gradient(135deg,#fff9f5 0%,#f6fdff 100%);position:relative}.contact-container{max-width:1100px;margin:0 auto;padding:0 20px}.contact-content{grid-template-columns:1fr 2fr;align-items:start;gap:60px;display:grid}.contact-info{flex-direction:column;gap:30px;display:flex}.info-item{align-items:flex-start;gap:20px;display:flex}.info-icon{flex-shrink:0;font-size:2rem}.info-item h3{color:var(--text-dark);margin-bottom:8px;font-size:1.2rem}.info-item a{color:var(--primary-color);font-weight:600;transition:opacity .3s}.info-item a:hover{opacity:.8}.info-item p{color:var(--text-muted)}.contact-form{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{background:#fafafa;border:2px solid #0000001a;border-radius:10px;width:100%;padding:15px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);background:#fff;outline:none}.form-group textarea{resize:vertical;min-height:120px}.contact-form button{justify-content:center;width:100%}.form-success{color:#4caf50;text-align:center;background:#4caf501a;border-radius:10px;margin-top:20px;padding:15px;font-weight:600}.form-error{color:#f44336;text-align:center;background:#f443361a;border-radius:10px;margin-top:20px;padding:15px;font-weight:600}@media (max-width:968px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:30px 25px}}.footer{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);padding:60px 0 30px}.footer-content{grid-template-columns:1.5fr 2fr;gap:60px;max-width:1200px;margin:0 auto 40px;padding:0 20px;display:grid}.footer-brand p{color:#ffffffb3;margin-top:15px;font-size:1rem}.footer-logo{align-items:center;gap:4px;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;display:flex}.footer-logo .bracket{color:var(--primary-color);font-size:2.2rem}.footer-logo .cx{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-logo .labs{color:#fff;font-weight:500}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column h4{color:#fff;margin-bottom:20px;font-size:1.1rem}.footer-column a{color:#ffffffb3;margin-bottom:12px;font-size:.95rem;transition:all .3s;display:block}.footer-column a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:30px 20px 0;display:flex}.footer-bottom p{color:#ffffff80;font-size:.95rem}.footer-social{gap:20px;display:flex}.footer-social a{color:#fff9;transition:all .3s}.footer-social a:hover{color:var(--primary-color);transform:translateY(-3px)}@media (max-width:968px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}.app{width:100%;overflow-x:hidden}section{margin:0 auto;padding:100px 20px}@media (max-width:768px){section{padding:60px 20px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#f05f40;--secondary-color:#ff7a59;--dark-bg:#0f0f0f;--light-bg:#fafafa;--text-dark:#1a1a1a;--text-light:#fff;--text-muted:#6b6b6b;--gradient-1:linear-gradient(135deg,#f05f40 0%,#ff7a59 100%);--gradient-2:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-3:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}body{color:var(--text-dark);background-color:var(--light-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}