:root{--color-black:#0a0a0a;--color-dark:#141414;--color-carbon:#1a1a1a;--color-steel:#2a2a2a;--color-gunmetal:#333333;--color-silver-dark:#555555;--color-silver:#888888;--color-silver-light:#aaaaaa;--color-platinum:#cccccc;--color-white:#f0f0f0;--color-pure-white:#ffffff;--color-accent:#4a9eff;--color-accent-hover:#3a8eef;--color-glass:rgba(255,255,255,0.04);--color-glass-border:rgba(255,255,255,0.08);--color-glass-hover:rgba(255,255,255,0.08);--metal-gradient:linear-gradient(145deg,#1e1e1e,#2d2d2d);--metal-shine:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%,rgba(255,255,255,0.05) 100%);--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 16px 48px rgba(0,0,0,0.5);--shadow-xl:0 24px 64px rgba(0,0,0,0.6);--shadow-glow:0 0 30px rgba(74,158,255,0.15);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1);--header-height:80px;--container-max:1200px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-body);background:var(--color-black);color:var(--color-platinum);line-height:1.7;font-size:15px;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0}.section-dark{background:var(--color-dark)}.section-carbon{background:var(--color-carbon)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md);position:relative;padding:0 20px}.section-label::before,.section-label::after{content:'';position:absolute;top:50%;width:30px;height:1px;background:var(--color-accent);opacity:0.5}.section-label::before{left:-20px}.section-label::after{right:-20px}.section-header h2{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--color-pure-white);margin-bottom:var(--space-md);letter-spacing:-0.5px}.section-header p{font-size:16px;color:var(--color-silver);max-width:600px;margin:0 auto;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:0.5px;cursor:pointer;border:none;transition:var(--transition-smooth);text-transform:uppercase}.btn-primary{background:var(--color-pure-white);color:var(--color-black)}.btn-primary:hover{background:var(--color-platinum);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-pure-white);border:1px solid var(--color-gunmetal)}.btn-outline:hover{border-color:var(--color-pure-white);background:rgba(255,255,255,0.05);transform:translateY(-2px)}.btn-accent{background:var(--color-accent);color:var(--color-pure-white)}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-sm{padding:8px 18px;font-size:12px}.btn-lg{padding:18px 48px;font-size:15px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);display:flex;align-items:center;background:transparent;transition:var(--transition-smooth)}.site-header.scrolled{background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border);box-shadow:var(--shadow-md)}.header-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;width:100%}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:40px;width:auto;max-width:160px;object-fit:contain}.site-header.scrolled .logo-img{height:34px}.logo-text{font-size:26px;font-weight:800;color:var(--color-pure-white);letter-spacing:2px;text-transform:uppercase}.logo-text span{color:var(--color-accent)}.logo-tagline{display:block;font-size:10px;color:var(--color-silver);letter-spacing:3px;text-transform:uppercase;font-weight:500}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-size:13px;font-weight:500;color:var(--color-platinum);letter-spacing:1px;text-transform:uppercase;position:relative;padding:4px 0}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:var(--transition-fast)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.nav-links a:hover{color:var(--color-pure-white)}.nav-dropdown{position:relative}.nav-dropdown > a{display:flex;align-items:center;gap:6px}.nav-dropdown > a .dropdown-arrow{font-size:10px;transition:var(--transition-fast)}.nav-dropdown:hover > a .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:220px;background:linear-gradient(145deg,#1e1e1e,#262626);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:8px;opacity:0;visibility:hidden;transition:all 0.3s ease;box-shadow:var(--shadow-lg);z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}.nav-dropdown-menu a{display:flex !important;align-items:center;gap:12px;padding:10px 14px !important;border-radius:var(--radius-sm);font-size:13px !important;color:var(--color-silver-light) !important;text-transform:none !important;letter-spacing:0 !important}.nav-dropdown-menu a::after{display:none !important}.nav-dropdown-menu a:hover{background:rgba(74,158,255,0.08);color:var(--color-pure-white) !important}.nav-dropdown-menu a i{width:20px;text-align:center;color:var(--color-accent);font-size:14px}.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;z-index:1001;background:transparent;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);transition:var(--transition-fast)}.mobile-toggle:hover,.mobile-toggle:focus{border-color:var(--color-accent);background:var(--color-glass);outline:none}.mobile-toggle:active{background:var(--color-glass-hover)}.mobile-toggle span{width:22px;height:2px;background:var(--color-accent);border-radius:1px;transition:var(--transition-fast)}.mobile-toggle:hover span{background:var(--color-pure-white)}.mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-slider{position:relative;width:100%;height:100vh;min-height:600px;max-height:900px;overflow:hidden;contain:layout style}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;will-change:opacity}.slide.active{opacity:1;z-index:2}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease}.slide.active .slide-bg{transform:scale(1)}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%);z-index:1}.slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:90%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;contain:content}.slide-content h1{font-size:clamp(32px,6vw,64px);font-weight:800;color:var(--color-pure-white);line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-1px;min-height:72px}.slide-content p{font-size:clamp(16px,2vw,20px);color:var(--color-platinum);margin-bottom:var(--space-xl);font-weight:300;line-height:1.6}.slider-nav{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,0.5);background:transparent;cursor:pointer;transition:var(--transition-fast)}.slider-dot.active{background:var(--color-pure-white);border-color:var(--color-pure-white)}.slider-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--space-xl);z-index:10;pointer-events:none}.slider-arrow{width:50px;height:50px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);color:var(--color-pure-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition-fast);pointer-events:all}.slider-arrow:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.5)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.service-card{background:var(--metal-gradient);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--metal-shine);pointer-events:none}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-gunmetal)}.service-card-img{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;margin:0 auto var(--space-lg)}.service-card-img img{width:100%;height:100%;object-fit:cover}.service-icon{font-size:40px;color:var(--color-accent);margin-bottom:var(--space-lg);display:block}.service-card h4,.service-card-title{font-size:18px;font-weight:700;color:var(--color-pure-white);margin-bottom:var(--space-sm)}.service-card p{font-size:14px;color:var(--color-silver);line-height:1.7}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg)}.reference-card{background:var(--metal-gradient);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;position:relative;overflow:hidden}.reference-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--metal-shine);pointer-events:none}.reference-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.reference-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1;padding:var(--space-md)}.reference-logo img{max-width:85%;max-height:85%;object-fit:contain;filter:grayscale(100%) brightness(1.5);transition:var(--transition-smooth)}.reference-card:hover .reference-logo img{filter:grayscale(0%) brightness(1)}.reference-card h5{font-size:14px;font-weight:600;color:var(--color-platinum);position:relative;z-index:1}.reference-card .ref-link{font-size:12px;color:var(--color-accent);position:relative;z-index:1;display:flex;align-items:center;gap:4px}.reference-card .ref-link:hover{text-decoration:underline}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--metal-gradient);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:var(--transition-smooth)}.contact-item:hover{border-color:var(--color-gunmetal);box-shadow:var(--shadow-sm)}.contact-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:rgba(74,158,255,0.1);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:18px;flex-shrink:0}.contact-item h4,.contact-item-title{font-size:14px;font-weight:600;color:var(--color-pure-white);margin-bottom:4px}.contact-item p{font-size:14px;color:var(--color-silver);line-height:1.6}.contact-item a{color:var(--color-silver)}.contact-item a:hover{color:var(--color-accent)}.contact-map{width:100%;height:100%;min-height:350px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-glass-border)}.contact-map iframe{width:100%;height:100%;min-height:350px;border:0;display:block;filter:grayscale(50%) brightness(0.8);transition:var(--transition-smooth)}.contact-map:hover iframe{filter:grayscale(0%) brightness(1)}.site-footer{background:var(--color-dark);border-top:1px solid var(--color-glass-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand .logo-text{font-size:28px;margin-bottom:var(--space-md)}.footer-brand p{color:var(--color-silver-light);font-size:14px;line-height:1.8;margin-bottom:var(--space-lg)}.footer-social{display:flex;gap:var(--space-sm)}.footer-social a{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--color-glass);border:1px solid var(--color-glass-border);display:flex;align-items:center;justify-content:center;color:var(--color-silver);font-size:15px;transition:var(--transition-fast)}.footer-social a:hover{background:var(--color-accent);color:var(--color-pure-white);border-color:var(--color-accent);transform:translateY(-3px)}.footer-section h4,.footer-heading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-lg);color:var(--color-pure-white)}.footer-section ul li{margin-bottom:var(--space-sm)}.footer-section ul li a{color:var(--color-silver);font-size:14px;transition:var(--transition-fast)}.footer-section ul li a:hover{color:var(--color-accent);padding-left:var(--space-sm)}.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--color-silver);font-size:14px;margin-bottom:var(--space-md)}.footer-contact li i{color:var(--color-accent);margin-top:3px;flex-shrink:0}.footer-bottom{border-top:1px solid var(--color-glass-border);padding-top:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--color-silver-light);font-size:13px}.footer-logo-img{height:36px;width:auto;max-width:140px;object-fit:contain;margin-bottom:var(--space-md)}#about{content-visibility:auto;contain-intrinsic-size:auto 900px}#references{content-visibility:auto;contain-intrinsic-size:auto 500px}#faq{content-visibility:auto;contain-intrinsic-size:auto 750px}#contact{content-visibility:auto;contain-intrinsic-size:auto 650px}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 300px}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;will-change:opacity,transform}.animate-on-scroll.visible{opacity:1;transform:translateY(0);will-change:auto}.yt-facade{position:relative;cursor:pointer;background:#000}.yt-facade img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.yt-facade .yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(255,0,0,0.85);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:2}.yt-facade:hover .yt-play{background:red}.yt-facade .yt-play::after{content:'';border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}.map-placeholder{width:100%;height:100%;min-height:350px;display:flex;align-items:center;justify-content:center;background:var(--color-steel);color:var(--color-silver);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-fast)}.map-placeholder:hover{background:var(--color-gunmetal);color:var(--color-platinum)}.map-placeholder i{font-size:48px;margin-bottom:16px;display:block}.scroll-top{position:fixed;bottom:30px;right:30px;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--color-steel);color:var(--color-pure-white);border:1px solid var(--color-gunmetal);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-smooth);z-index:999}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-5px)}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.mobile-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:var(--color-dark);flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--space-2xl);transition:right var(--transition-smooth);box-shadow:var(--shadow-xl);border-left:1px solid var(--color-glass-border)}.nav-links.active{right:0}.nav-links a{font-size:16px;padding:var(--space-md) 0}.nav-dropdown-menu{position:static;transform:none !important;opacity:1;visibility:visible;background:transparent;border:none;box-shadow:none;padding:0 0 0 16px;min-width:auto;display:none}.nav-dropdown.open > .nav-dropdown-menu{display:block}.nav-dropdown > a .dropdown-arrow{transition:transform 0.3s ease}.nav-dropdown.open > a .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu a{padding:8px 0 !important;font-size:14px !important}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.hero-slider{height:100vh;height:100dvh;min-height:480px;max-height:750px}.slide-content{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:100%;padding:0 var(--space-lg);box-sizing:border-box}.slide{display:flex;align-items:center;justify-content:center}.slide-bg{transform:scale(1) !important}.slide-content h1{font-size:clamp(24px,8vw,36px);line-height:1.2}.slide-content p{font-size:14px}.slider-arrows{display:none}.references-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}}@media (max-width:480px){.references-grid{grid-template-columns:1fr}}