:root{--color-black: #0d0f12;--color-petroleum: #0a192f;--color-dark-grey: #1a1e24;--color-electric-blue: #00e5ff;--color-cold-white: #e6f1ff;--color-tactical-amber: #ffab00;--font-title: "Rajdhani", sans-serif;--font-text: "Inter", sans-serif;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-black);color:var(--color-cold-white);font-family:var(--font-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;line-height:1.1;letter-spacing:.02em}a{text-decoration:none;color:inherit}ul{list-style:none}.glass-panel{background:#1a1e2499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(90deg,var(--color-cold-white) 0%,rgba(230,241,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:linear-gradient(90deg,var(--color-electric-blue) 0%,#4dd2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-family:var(--font-text);font-weight:500;font-size:.95rem;border-radius:4px;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;letter-spacing:.03em}.btn-primary{background:#4fffb024;color:#e6fff4;border-color:#4fffb04d;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-primary:hover{background:#4fffb040;border-color:#4fffb099;box-shadow:0 4px 15px #4fffb026;transform:translateY(-2px)}.btn-secondary{background:#5a0f1e66;color:var(--color-cold-white);border:1px solid rgba(180,70,90,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:#6e142899;border-color:#dc5a6e66;transform:translateY(-2px)}.section-container{max-width:1280px;margin:0 auto;padding:var(--space-xl) 5%}.section-title{font-size:2.5rem;margin-bottom:var(--space-md);text-align:left;border-left:3px solid var(--color-electric-blue);padding-left:1rem}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition-smooth);padding:.85rem 5%;background:transparent}.header.scrolled{padding:.65rem 5%;background:#0d0f1280;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-title);font-size:clamp(1.4rem,2vw,1.6rem);font-weight:700;color:var(--color-cold-white);display:flex;align-items:center;gap:.35rem;transition:var(--transition-smooth);text-decoration:none}.logo:hover .logo-img{transform:scale(1.03) translateY(-20%);filter:drop-shadow(0 0 16px rgba(0,229,255,.7))}.logo-img{height:clamp(58px,6.5vw,76px);width:auto;display:block;object-fit:contain;margin-right:-.4rem;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;mix-blend-mode:normal;transition:var(--transition-smooth);filter:drop-shadow(0 0 8px rgba(0,229,255,.4));transform:translateY(-20%)}.logo span{color:var(--color-electric-blue)}.nav-menu{display:flex;gap:2rem}.nav-link{font-size:.9rem;font-weight:500;color:#e6f1ffb3;transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-cold-white)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--color-electric-blue);transition:var(--transition-smooth)}.nav-link:hover:after{width:100%}.header-actions{display:flex;gap:1rem;align-items:center}.menu-toggle{display:none;background:none;border:none;color:var(--color-cold-white);font-size:1.5rem;cursor:pointer}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:0 5%;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;background-color:var(--color-petroleum);transform:scale(.94);transform-origin:top center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(13,15,18,.65) 0%,rgba(13,15,18,.15) 30%,transparent 60%);z-index:-1}.hero-content{max-width:1280px;margin:0 auto;width:100%;padding-top:10rem}.hero-text-wrapper{max-width:550px}.hero-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin-bottom:1.2rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1rem;color:#e6f1ffcc;margin-bottom:2.2rem;font-weight:300;max-width:480px}.hero-actions{display:flex;gap:1rem}.hero-actions .btn{width:200px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:var(--space-lg)}.service-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:8px;z-index:0;overflow:hidden;pointer-events:none}.service-card>*:not(.service-img-wrapper){position:relative;z-index:1}.service-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-smooth)}.service-card:hover .service-img{transform:scale(1.05)}.service-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0d0f124d,#0d0f12d9)}.service-card{padding:2.5rem 2rem;border-radius:8px;transition:var(--transition-smooth);position:relative;overflow:hidden;display:flex;flex-direction:column}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.5),transparent);opacity:0;transition:var(--transition-smooth)}.service-card:hover{transform:translateY(-5px);background:#1a1e24cc;border-color:#ffffff1a}.service-card:hover:before{opacity:1}.service-icon{font-family:var(--font-title);font-size:1.5rem;color:var(--color-electric-blue);margin-bottom:1.5rem;opacity:.8;display:flex;align-items:center}.service-icon:before{content:"";display:inline-block;width:12px;height:12px;background-color:var(--color-electric-blue);margin-right:10px;border-radius:1px;box-shadow:0 0 10px var(--color-electric-blue)}.service-title{font-size:1.5rem;margin-bottom:1rem}.service-desc{font-size:.95rem;color:#e6f1ff99;flex-grow:1}.projects-section{background-color:#0a192f33;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}.projects-grid{display:flex;flex-direction:column;gap:4rem;margin-top:var(--space-lg)}.project-card{display:flex;align-items:stretch;background:#1a1e2466;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:var(--transition-smooth)}.project-card:hover{border-color:#00e5ff4d;box-shadow:0 10px 40px #00000080}.project-image-wrapper{flex:1.2;position:relative;overflow:hidden;min-height:350px;background-color:var(--color-dark-grey)}.project-image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent)}.project-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);color:#ffffff1a;font-size:2rem;background:repeating-linear-gradient(45deg,#0000001a,#0000001a 10px,#0003 10px,#0003 20px)}.project-video{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.project-info{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:2rem;margin-bottom:1rem}.project-desc{color:#e6f1ffb3;margin-bottom:2rem}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{font-size:.75rem;padding:.3rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--color-electric-blue);letter-spacing:.05em;text-transform:uppercase}.philosophy-section{position:relative;padding:var(--space-xl) 5%;text-align:center;background:var(--color-petroleum);overflow:hidden;border-top:1px solid rgba(0,229,255,.05);border-bottom:1px solid rgba(0,229,255,.05)}.philosophy-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);z-index:1;pointer-events:none;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.philosophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(0,229,255,.05) 0%,transparent 70%);z-index:1;pointer-events:none}.philosophy-content{position:relative;z-index:2;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.philosophy-label{font-family:var(--font-title);font-size:.85rem;color:var(--color-electric-blue);letter-spacing:.3em;text-transform:uppercase;margin-bottom:2rem;padding:.4rem 1.2rem;border:1px solid rgba(0,229,255,.2);border-radius:50px;background:#00e5ff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.philosophy-text{font-family:var(--font-title);font-size:clamp(2.5rem,5vw,4rem);line-height:1.15;color:var(--color-cold-white);font-weight:600;margin-bottom:2.5rem;text-shadow:0 4px 20px rgba(0,0,0,.5)}.philosophy-text span{color:#e6f1ffb3;display:block;margin-top:1rem;font-weight:400;font-size:clamp(1.2rem,2.5vw,2.2rem)}.philosophy-pillars{font-family:var(--font-text);font-size:.85rem;color:#e6f1ff80;letter-spacing:.15em;text-transform:uppercase;position:relative;padding-top:2rem}.philosophy-pillars:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-electric-blue);opacity:.5}.cta-section{padding:var(--space-xl) 5%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(255,171,0,.05) 0%,transparent 70%);z-index:-1}.cta-title{font-size:2.5rem;margin-bottom:1rem}.cta-desc{color:#e6f1ffb3;margin-bottom:2.5rem;max-width:600px}.btn-large{padding:1.2rem 3rem;font-size:1.1rem}.footer{background:#080a0c;border-top:1px solid rgba(255,255,255,.05);padding:4rem 5% 2rem}.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-title);font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:block}.footer-desc{color:#e6f1ff80;font-size:.9rem}.footer-links-group{display:flex;flex-direction:column;gap:1rem}.footer-title{font-family:var(--font-title);color:var(--color-electric-blue);font-size:1.2rem;margin-bottom:.5rem}.footer-link{color:#e6f1ff99;font-size:.9rem;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.footer-link:hover{color:var(--color-electric-blue);transform:translate(5px)}.footer-bottom{max-width:1280px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-signature{font-family:var(--font-text);font-size:.85rem;color:#e6f1ff66;letter-spacing:.03em;transition:var(--transition-smooth)}.footer-signature:hover{color:#e6f1ff99}.signature-brand{color:var(--color-electric-blue);font-family:var(--font-title);font-weight:600;letter-spacing:.05em;text-shadow:0 0 8px rgba(0,229,255,.25)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0f12d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;width:90%;max-width:400px;padding:2.5rem;border-radius:12px;text-align:center;transform:translateY(20px) scale(.95);transition:transform var(--transition-smooth);background:#1a1e24b3;box-shadow:0 10px 40px #00e5ff1a;border:1px solid rgba(0,229,255,.2)}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#e6f1ff99;font-size:1.2rem;cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-electric-blue)}.modal-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-cold-white)}.modal-subtitle{font-size:.95rem;color:#e6f1ffb3;margin-bottom:2rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-phone-block{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1.2rem;text-align:center;-webkit-user-select:text;user-select:text}.modal-phone-title{font-size:.9rem;color:#e6f1ff99;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-phone-number{font-family:var(--font-title);font-size:1.8rem;color:var(--color-electric-blue);font-weight:600;letter-spacing:1px;margin-bottom:.2rem}.modal-phone-desc{font-size:.8rem;color:#e6f1ff80}.modal-btn{width:100%;justify-content:center;gap:.5rem;font-size:1rem}.modal-btn span{font-size:1.2rem}@media (max-width: 992px){.services-grid{grid-template-columns:repeat(2,1fr)}.project-card{flex-direction:column}.project-image-wrapper{min-height:250px}}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:250px;height:100vh;background:#0d0f12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:6rem 2rem;transition:var(--transition-smooth);border-left:1px solid rgba(255,255,255,.05)}.nav-menu.active{right:0}.header-actions{display:none}.logo-img{height:clamp(51px,11vw,64px);margin-right:-.2rem;transform:translateY(-20%)}.nav-menu .header-actions-mobile{display:flex;flex-direction:column;margin-top:2rem;gap:1rem}.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.services-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}