:root{--bg:#030712;--bg2:#050c1a;--accent1:#4f8eff;--accent2:#a855f7;--accent3:#06d6c7;--glow1:#4f8eff59;--glow2:#a855f759;--text:#e2e8f0;--text-muted:#64748b;--border:#4f8eff26;--glass:#0a142d99;--font-head:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none;overflow-x:hidden}body:after{content:"";background:var(--accent1);pointer-events:none;z-index:9999;width:10px;height:10px;top:var(--cy,50%);left:var(--cx,50%);border-radius:50%;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}#loader{background:var(--bg);z-index:10000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-logo{font-family:var(--font-head);letter-spacing:.3em;background:linear-gradient(135deg, var(--accent1), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2rem,6vw,4rem);font-weight:800;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px var(--glow1))}50%{filter:drop-shadow(0 0 40px var(--glow2))}}.loader-bar{background:#ffffff14;border-radius:2px;width:280px;height:2px;margin:0 auto 1rem;overflow:hidden}.loader-fill{background:linear-gradient(90deg, var(--accent1), var(--accent2));border-radius:2px;width:0%;height:100%;animation:2.5s ease-in-out forwards loading}@keyframes loading{to{width:100%}}.loader-text{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;font-size:.75rem}#navbar{z-index:1000;justify-content:space-between;align-items:center;padding:1.2rem 4rem;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#030712d9}.nav-logo{font-family:var(--font-head);letter-spacing:.2em;background:linear-gradient(135deg, var(--accent1), var(--accent2));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.05em;font-size:.875rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent1)}.nav-cta{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#fff;letter-spacing:.05em;border-radius:100px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:box-shadow .3s,transform .3s}.nav-cta:hover{box-shadow:0 0 30px var(--glow1);transform:translateY(-2px)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu{z-index:999;opacity:0;visibility:hidden;background:#030712f7;justify-content:center;align-items:center;transition:all .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu ul{text-align:center;list-style:none}.mobile-menu ul li{margin:1.5rem 0}.mobile-menu ul li a{color:var(--text);font-family:var(--font-head);font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-menu ul li a:hover{color:var(--accent1)}#webgl-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#scroll-container{z-index:1;position:relative}.scene{align-items:center;min-height:100vh;padding:6rem 4rem;display:flex;position:relative}.scene-content{opacity:0;max-width:600px;transition:opacity .8s,transform .8s;transform:translateY(40px)}.scene-content.visible{opacity:1;transform:translateY(0)}.scene-content.right-align{margin-left:auto}.scene-content.left-align{margin-left:6%}.scene-content.center-align{text-align:center;max-width:800px;margin:0 auto}#hero{justify-content:center;align-items:center;min-height:100vh}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--accent1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4f8eff0f;border:1px solid #4f8eff4d;border-radius:100px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.75rem;display:inline-block}.hero-title{font-family:var(--font-head);letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1.05}.gradient-text{background:linear-gradient(135deg, var(--accent1) 0%, var(--accent2) 50%, var(--accent3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.scroll-hint{color:var(--text-muted);letter-spacing:.1em;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent1), transparent);width:1px;height:50px;animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.btn-primary{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:box-shadow .3s,transform .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 40px var(--glow1), 0 0 60px var(--glow2);transform:translateY(-3px)}.btn-ghost{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;padding:.9rem 2.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .3s,color .3s,box-shadow .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent1);color:var(--accent1);box-shadow:inset 0 0 20px #4f8eff1a}.btn-full{border-radius:12px;justify-content:center;width:100%;padding:1rem}.service-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--accent2);margin-bottom:1rem;font-size:.7rem;font-weight:600}.scene-title{font-family:var(--font-head);letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.scene-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.feature-list{margin-bottom:2rem;list-style:none}.feature-list li{color:var(--text);border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.feature-list li:before{content:"→";color:var(--accent1);font-size:.8rem}.platform-badges{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.badge{border:1px solid var(--border);color:var(--accent1);letter-spacing:.05em;cursor:default;background:#4f8eff14;border-radius:100px;padding:.4rem 1.1rem;font-size:.8rem;transition:background .3s,border-color .3s}.badge:hover{border-color:var(--accent1);background:#4f8eff33}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.stat-item{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;transition:border-color .3s,transform .3s}.stat-item:hover{border-color:var(--accent1);transform:translateY(-4px)}.stat-number{font-family:var(--font-head);background:linear-gradient(135deg, var(--accent1), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.875rem;display:block}.contact-form{flex-direction:column;gap:1rem;margin-top:2.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);resize:vertical;background:#0a142db3;border-radius:12px;outline:none;width:100%;padding:.9rem 1.2rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px #4f8eff1a}.contact-form select option{background:#0a1428}.contact-success{text-align:center;padding:3rem;animation:.5s fadeIn;display:none}.contact-success.show{display:block}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{background:linear-gradient(135deg, var(--accent1), var(--accent2));width:70px;height:70px;box-shadow:0 0 40px var(--glow1);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.contact-success h3{font-family:var(--font-head);color:#fff;margin-bottom:.5rem;font-size:2rem}.contact-success p{color:var(--text-muted)}.site-footer{background:var(--bg2);border-top:1px solid var(--border);text-align:center;padding:4rem}.footer-logo{font-family:var(--font-head);letter-spacing:.3em;background:linear-gradient(135deg, var(--accent1), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.footer-tagline{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent1)}.footer-copy{color:var(--text-muted);font-size:.8rem}.scene:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 60%,#4f8eff0a 0%,#0000 70%);position:absolute;inset:0}#saas:before{background:radial-gradient(70% 60% at 80%,#4f8eff0f 0%,#0000 70%)}#ecommerce:before{background:radial-gradient(70% 60% at 20%,#a855f70f 0%,#0000 70%)}#cloud:before{background:radial-gradient(70% 60% at 80%,#06d6c70d 0%,#0000 70%)}#crm:before{background:radial-gradient(70% 60% at 20%,#4f8eff0d 0%,#0000 70%)}#ai:before{background:radial-gradient(70% 60% at 80%,#a855f712 0%,#0000 70%)}#automation:before{background:radial-gradient(70% 60% at 20%,#06d6c70d 0%,#0000 70%)}#webdev:before{background:radial-gradient(70% 60% at 80%,#4f8eff0f 0%,#0000 70%)}#uxui:before{background:radial-gradient(70% 60% at 20%,#a855f70f 0%,#0000 70%)}#maintenance:before{background:radial-gradient(70% 60% at 80%,#06d6c70d 0%,#0000 70%)}#about:before{background:radial-gradient(60% 70%,#4f8eff12 0%,#0000 70%)}#contact:before{background:radial-gradient(60% 70%,#a855f70f 0%,#0000 70%)}.scene-contact{min-height:100vh}#scroll-progress{background:linear-gradient(90deg, var(--accent1), var(--accent2), var(--accent3));z-index:1001;width:0%;height:2px;transition:width .1s;position:fixed;top:0;left:0}@media (width<=1024px){.scene{padding:6rem 3rem}#navbar{padding:1.2rem 2rem}.scene-content.right-align,.scene-content.left-align{margin:0}}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.scene{padding:5rem 1.5rem}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.scene-content{max-width:100%}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-number{font-size:2rem}#navbar{padding:1rem 1.5rem}.site-footer{padding:3rem 1.5rem}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:1fr 1fr}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes border-glow{0%,to{box-shadow:0 0 8px var(--glow1)}50%{box-shadow:0 0 25px var(--glow2), 0 0 8px var(--glow1)}}