@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap";:root{--bg: #18191d;--bg-rgb: 24, 25, 29;--surface: #1f2127;--surface-hover: #25282f;--text: #f2f2f4;--border: rgba(255,255,255,.07);--accent: #00d4ff;--accent-rgb: 0, 212, 255;--font-family: "Inter", sans-serif;--transition: .3s ease;--radius: 16px}[data-theme=blue]{--bg: #080e1f;--bg-rgb: 8, 14, 31;--surface: #0d1630;--surface-hover: #132040;--text: #dde4f0;--border: rgba(255,255,255,.07);--accent: #3d9eff;--accent-rgb: 61, 158, 255}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;padding:0 2rem;transition:background .4s ease,box-shadow .4s ease}.site-header.scrolled{background:rgba(var(--bg-rgb),.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px #ffffff0f}.nav-inner{max-width:1280px;margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{font-size:1.4rem;font-weight:900;letter-spacing:3px;color:var(--text);flex-shrink:0}.logo em{font-style:normal;color:var(--accent);text-shadow:0 0 12px var(--accent)}.nav-links{display:flex;align-items:center;gap:2.2rem}.nav-links a{font-size:.88rem;font-weight:600;letter-spacing:.5px;opacity:.75;transition:opacity .25s,color .25s;position:relative}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--accent)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.theme-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;transition:all .3s ease}.theme-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.2)}.nav-cta{background:var(--accent);color:#000;padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:700;transition:all .3s ease;box-shadow:0 0 16px rgba(var(--accent-rgb),.4)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 24px rgba(var(--accent-rgb),.6)}.hamburger{display:none;background:none;border:none;flex-direction:column;gap:5px;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--text);transition:all .3s ease;border-radius:2px}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(var(--accent-rgb),.15) 1px,transparent 1px);background-size:40px 40px;animation:gridPulse 6s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 60%,rgba(var(--accent-rgb),.08) 0%,transparent 70%)}@keyframes gridPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.9;transform:scale(1.04)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:860px;padding:0 2rem}.hero-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .2s ease forwards}.hero h1{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1.05;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp .8s .4s ease forwards}.hero p{font-size:1.15rem;color:#fff9;max-width:560px;margin:0 auto 2.5rem;opacity:0;animation:fadeUp .8s .6s ease forwards}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .8s ease forwards}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#000;padding:.9rem 2.2rem;border-radius:40px;font-size:.95rem;font-weight:700;border:none;transition:all .3s ease;box-shadow:0 0 24px rgba(var(--accent-rgb),.45)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(var(--accent-rgb),.6)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text);padding:.9rem 2.2rem;border-radius:40px;font-size:.95rem;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5;animation:bounce 2s ease-in-out infinite;z-index:2}.hero-scroll span{font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.hero-scroll svg{width:20px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 2rem}.stats-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;text-align:center}.stat-item .stat-number{font-size:2.8rem;font-weight:900;color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb),.4);line-height:1}.stat-item .stat-label{font-size:.82rem;letter-spacing:2px;text-transform:uppercase;opacity:.6;margin-top:.4rem}.section{padding:6rem 2rem}.section-sm{padding:4rem 2rem}.container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.section-header p{margin-top:1rem;max-width:560px;margin-left:auto;margin-right:auto;opacity:.6}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.solution-card{background:var(--surface);padding:2.5rem;position:relative;overflow:hidden;transition:background .3s ease;cursor:pointer}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.solution-card:hover{background:var(--surface-hover)}.solution-card:hover:before{opacity:1}.card-code{font-size:.7rem;letter-spacing:4px;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:1rem}.solution-card h3{font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.solution-card p{opacity:.6;font-size:.92rem;line-height:1.7}.card-arrow{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.82rem;font-weight:600;color:var(--accent);opacity:0;transition:opacity .3s ease}.solution-card:hover .card-arrow{opacity:1}.marquee-section{padding:2rem 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.marquee-track{display:flex}.marquee-content{display:flex;align-items:center;gap:4rem;white-space:nowrap;animation:marqueeScroll 24s linear infinite;padding-right:4rem}.marquee-content:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-logo-text{font-size:1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;opacity:.35;transition:opacity .3s;color:var(--text)}.partner-logo-text:hover{opacity:1;color:var(--accent)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.partner-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.partner-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.partner-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.partner-card:hover:after{opacity:1}.partner-icon{font-size:2rem;margin-bottom:1rem}.partner-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.partner-card p{font-size:.88rem;opacity:.6;line-height:1.7}.partner-tag{display:inline-block;margin-top:1rem;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3);padding:.25rem .7rem;border-radius:20px}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;background:none;border:none;color:var(--text);text-align:left;padding:1.5rem 0;font-size:1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .3s}.faq-question:hover{color:var(--accent)}.faq-icon{font-size:1.4rem;font-weight:300;color:var(--accent);flex-shrink:0;transition:transform .3s ease;line-height:1}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-answer p{padding-bottom:1.5rem;opacity:.7;line-height:1.8}.faq-item.open .faq-answer{max-height:400px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-form-wrapper h2,.contact-info-wrapper h2{font-size:1.8rem;font-weight:800;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.82rem;font-weight:600;letter-spacing:1px;opacity:.7}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-group select option{background:var(--bg)}.btn-submit{width:100%;justify-content:center;margin-top:.5rem}.info-item{display:flex;gap:1.2rem;margin-bottom:1.8rem;align-items:flex-start}.info-icon{font-size:1.4rem;width:48px;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-item strong{display:block;font-size:.82rem;opacity:.5;letter-spacing:1px;margin-bottom:.3rem}.info-item p{opacity:.85;line-height:1.6}.page-hero{padding:160px 2rem 80px;text-align:center;position:relative;overflow:hidden;background:var(--bg)}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(var(--accent-rgb),.1) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.page-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;position:relative;z-index:1}.page-hero p{margin-top:1rem;font-size:1.1rem;opacity:.6;position:relative;z-index:1}.filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.5rem 1.2rem;border-radius:20px;font-size:.82rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0006}.project-card-img{height:220px;background:linear-gradient(135deg,var(--surface-hover),var(--bg));display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.project-card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--accent-rgb),.15),transparent)}.project-card-body{padding:1.5rem}.project-cat{font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.project-card-body h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.project-card-body p{font-size:.88rem;opacity:.6}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:4rem 2rem 2rem;margin-top:4rem}.footer-inner{max-width:1280px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.footer-brand .logo{font-size:1.2rem;margin-bottom:1rem}.footer-brand p{font-size:.88rem;opacity:.5;line-height:1.8;max-width:280px}.footer-col h4{font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-bottom:1.2rem}.footer-col ul{display:flex;flex-direction:column;gap:.7rem}.footer-col a{font-size:.9rem;opacity:.7;transition:all .2s}.footer-col a:hover{opacity:1;color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;opacity:.4}.social-links{display:flex;gap:1rem}.social-links a{width:36px;height:36px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:.6;transition:all .3s ease}.social-links a:hover{opacity:1;background:var(--accent);color:#000}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.footer-top{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:var(--bg);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border)}.hamburger{display:flex}.nav-cta{display:none}.stats-inner{gap:1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start}.solutions-grid{gap:0}}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--accent);color:#000;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px rgba(var(--accent-rgb),.4)}.scroll-top-btn.visible{opacity:1;visibility:visible}.scroll-top-btn:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(var(--accent-rgb),.6)}
