:root{--brand-blue:#485089;--brand-orange:#f9a63d;--brand-dark-orange:#d98622;--brand-gray:#716e6c;--brand-red:#b9352c;--nav-width:250px;--dot-size:8px;--glass-blur:blur(12px);--bg-color:#f4f6f8;--text-primary:#1a1a24;--text-secondary:#4a4a58;--vignette-grad:radial-gradient(circle at center, transparent 30%, #d2d6ded9 120%);--card-bg:#ffffffb3;--border-color:#4850891a;--nav-bg:#f4f6f8d9;--webgl-fog:#f4f6f8;--webgl-floor:#fff}[data-theme=dark]{--bg-color:#030305;--text-primary:#fff;--text-secondary:#a0a0a5;--vignette-grad:radial-gradient(circle at center, transparent 30%, #020204d9 120%);--card-bg:#14141cb3;--border-color:#ffffff0d;--nav-bg:#030305d9;--webgl-fog:#030305;--webgl-floor:#050508}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);width:100vw;height:100vh;font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow:hidden}body.unlocked{overflow:hidden auto}.accent-dot{color:var(--brand-orange);font-weight:600}#intro-layer{z-index:1000;width:100%;height:100%;transition:opacity 1.5s,transform 1.5s;position:fixed;top:0;left:0}#intro-layer.finished{opacity:0;pointer-events:none;transform:scale(1.05)}#webgl-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#vignette{background:var(--vignette-grad);z-index:2;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;transition:background .4s;position:absolute;top:0;left:0}#brand-reveal{z-index:3;pointer-events:none;flex-direction:column;align-items:center;width:85%;max-width:500px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subtitle-container{margin-top:2.5rem;overflow:hidden}.subtitle{letter-spacing:.45em;color:var(--brand-blue);text-transform:uppercase;opacity:0;font-size:.75rem;font-weight:400;transition:color .4s;transform:translateY(100%)}[data-theme=dark] .subtitle{color:#a0a0a5}.loading-state{background:var(--bg-color);z-index:10;width:100%;height:100%;color:var(--brand-gray);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.75rem;transition:opacity 1s;display:flex;position:absolute;top:0;left:0}#app-content{opacity:0;pointer-events:none;z-index:10;width:100%;min-height:100vh;transition:opacity 1.5s .5s;position:relative}#app-content:not(.locked){opacity:1;pointer-events:auto}.navbar{background:var(--nav-bg);width:100vw;height:80px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:500;flex-direction:row;justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0}#app-content{padding-top:80px}.nav-brand{align-items:center;display:flex}.nav-logo-img{width:auto;height:40px}.nav-controls{align-items:center;gap:3rem;display:flex}.nav-links{flex-direction:row;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;align-items:center;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.nav-links a:hover,.nav-links a.active{color:var(--brand-orange)}.nav-links a:before{content:"";background:var(--brand-orange);width:0;height:2px;margin-right:0;transition:width .3s,margin .3s;display:inline-block}.nav-links a:hover:before,.nav-links a.active:before{width:15px;margin-right:10px}.desktop-theme-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.desktop-theme-toggle:hover{background:var(--border-color);color:var(--brand-orange)}.theme-icon{width:20px;height:20px}#theme-toggle{cursor:pointer;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.5rem 0;font-size:.9rem;font-weight:500;display:flex}.theme-label{display:none}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;padding:8px;display:none}.hamburger span{background:var(--text-primary);width:25px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger span+span{margin-top:5px}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-drawer{display:contents}.nav-menu-overlay,.nav-theme-item{display:none}.hero-section{width:100%;height:100vh;position:relative;overflow:hidden}.carousel-track{width:100%;height:100%;position:absolute}.carousel-slide{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute}.carousel-overlay{background:linear-gradient(90deg, var(--bg-color) 0%, transparent 60%);z-index:10;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 10%;display:flex;position:absolute}[data-theme=dark] .carousel-overlay{background:linear-gradient(90deg, var(--bg-color) 0%, transparent 60%)}.carousel-content h2{color:var(--text-primary);margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1}.carousel-content .highlight{color:var(--brand-blue);font-weight:600}[data-theme=dark] .carousel-content .highlight{color:#fff}.cta-button{background:var(--brand-orange);color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;border-radius:4px;padding:1rem 2.5rem;font-size:.9rem;font-weight:500;transition:transform .3s,background .3s}.cta-button:hover{background:var(--brand-dark-orange);transform:translateY(-3px)}.inner-section{width:100%;min-height:80vh;padding:6rem 5%}.section-title{color:var(--text-primary);text-align:center;margin-bottom:4rem;font-size:2.5rem;font-weight:300}.map-wrapper{border:1px solid var(--border-color);background:var(--card-bg);width:100%;height:60vh;backdrop-filter:var(--glass-blur);border-radius:12px;padding:1rem;position:relative}#highcharts-container{width:100%;height:100%}.map-legend{background:var(--nav-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;font-size:.8rem;position:absolute;bottom:2rem;right:2rem}.legend-item{align-items:center;gap:8px;margin-bottom:5px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.hq{background:var(--brand-orange);box-shadow:0 0 10px var(--brand-orange)}.dot.project{background:var(--brand-blue)}.services-grid{flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.service-card{aspect-ratio:1;background:var(--card-bg);border:1px solid var(--border-color);cursor:crosshair;border-radius:50%;justify-content:center;align-items:center;width:100%;transition:border-radius .5s cubic-bezier(.25,1,.5,1),transform .5s,z-index .3s;display:flex;position:relative;overflow:hidden;box-shadow:-2px 0 10px #00000026}.service-card+.service-card{margin-left:0}.service-logo{z-index:2;width:60%;height:auto;transition:opacity .5s}.service-content{background:var(--brand-blue);color:#fff;opacity:0;z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}[data-theme=dark] .service-content{background:var(--brand-orange)}.service-card:hover{z-index:10;border-radius:12px;transform:translateY(-10px)}.service-card:hover .service-logo{opacity:0}.service-card:hover .service-content{opacity:1;transform:translateY(0)}.service-content h3{margin-bottom:1rem;font-size:1.2rem}.service-content p{opacity:.9;margin-bottom:1.5rem;font-size:.9rem}.service-link{color:#fff;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff80;border-radius:20px;padding:.5rem 1.5rem;font-size:.8rem;text-decoration:none;transition:background .3s}.service-link:hover{color:var(--brand-blue);background:#fff}.service-item-wrapper{flex-direction:column;flex:1 1 0;align-items:center;min-width:60px;max-width:300px;display:flex;position:relative}.service-item-wrapper+.service-item-wrapper{margin-left:-20px}.service-plus-link{display:none}.about-section{background-image:url(/img/hero0.png);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.about-section:before{content:"";background:var(--bg-color);opacity:.75;z-index:0;width:100%;height:100%;transition:background .5s;position:absolute;top:0;left:0}.about-grid{z-index:1;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid;position:relative}.glass-panel{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:3rem}.about-icon{opacity:.8;margin-bottom:1.5rem;font-size:3rem}.glass-panel h2{margin-bottom:1.5rem;font-weight:400}.glass-panel p{color:var(--text-secondary);font-size:1rem;line-height:1.8}@media (width<=900px){.navbar{border-bottom:1px solid var(--border-color);z-index:1000;border-top:none;border-left:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 1.2rem;inset:0 0 auto}#app-content{padding-top:60px;padding-bottom:0;padding-right:0}.nav-brand{margin:0}.nav-logo-img{height:30px}.desktop-theme-toggle{display:none}.hamburger{flex-direction:column;display:flex}.nav-menu-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.nav-menu-overlay.active{opacity:1;pointer-events:auto}.nav-drawer{background:var(--bg-color);border-left:1px solid var(--border-color);z-index:999;flex-direction:column;width:280px;height:100vh;padding:5rem 2rem 2rem;transition:transform .35s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-drawer.active{transform:translate(0)}.nav-links{flex-direction:column;gap:0;list-style:none;display:flex}.nav-links li{border-bottom:1px solid var(--border-color)}.nav-links a{padding:1.2rem 0;font-size:1rem;display:block}.nav-links a:before{display:none}.nav-theme-item{padding-top:1rem;display:block;border-bottom:none!important}.theme-label{color:var(--text-secondary);display:inline}.map-section{min-height:auto;padding:0!important;overflow:visible!important}.map-section>div{height:1100px!important;min-height:1100px!important;overflow:hidden!important}#map-iframe{border:none;width:100%;height:100%;display:block}.inner-section{min-height:auto;padding:4rem 1.5rem}.section-title{margin-bottom:2.5rem;font-size:2rem}.services-grid{grid-template-columns:1fr 1fr;gap:3rem 1.5rem;padding:0;display:grid}.service-item-wrapper{width:100%;min-width:120px;max-width:160px;margin:0 auto!important}.service-content{display:none}.service-card:hover{border-radius:50%;transform:none}.service-plus-link{background:var(--brand-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-top:1rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000040}.service-plus-link:active{transform:scale(.9)}.about-grid{grid-template-columns:1fr;padding:0 1rem}.glass-panel{padding:1.5rem}}.clients-section{padding-bottom:6rem}.marquee-wrapper{white-space:nowrap;width:100%;margin-top:3rem;display:flex;position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:15%;height:100%;position:absolute;top:0}.marquee-wrapper:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.marquee-wrapper:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.marquee-track{cursor:pointer;will-change:transform;width:max-content;animation:50s linear infinite scrollMarquee;display:flex}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.marquee-group{gap:2rem;padding-right:2rem;display:flex}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-card{background:var(--card-bg);border:1px solid var(--border-color);will-change:transform;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:100px;padding:1.5rem;transition:transform .15s cubic-bezier(.2,0,0,1),border-color .15s;display:flex}.client-card img{object-fit:contain;filter:grayscale();opacity:.7;will-change:filter, opacity, transform;max-width:100%;max-height:100%;transition:filter .15s,opacity .15s,transform .15s cubic-bezier(.2,0,0,1)}.client-card:hover{border-color:var(--brand-orange);transform:translateY(-5px)}.client-card:hover img{filter:grayscale(0%);opacity:1;transform:scale(1.05)}[data-theme=dark] .client-card{background:#f0f0f0}@media (width<=768px){.marquee-track{animation:35s linear infinite scrollMarquee}.client-card{width:120px;height:80px;padding:1rem}.marquee-group{gap:1.5rem;padding-right:1.5rem}}.timeline-section{padding-top:2rem;padding-bottom:1rem;overflow:auto hidden}.tl-strip{justify-content:space-between;align-items:stretch;gap:2.5rem;max-width:1300px;margin:3rem auto 0;padding:0 2rem;display:flex;position:relative}.tl-line{background:var(--border-color);z-index:0;height:2px;position:absolute;top:58px;left:2rem;right:2rem}.tl-item{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.tl-year{color:var(--brand-blue);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.6rem;font-weight:600}[data-theme=dark] .tl-year{color:var(--brand-orange)}.tl-dot{background:var(--bg-color);border:3px solid var(--brand-orange);z-index:2;border-radius:50%;width:16px;height:16px;transition:background .3s,box-shadow .3s;position:relative}.tl-item:hover .tl-dot{background:var(--brand-orange);box-shadow:0 0 12px var(--brand-orange)}.tl-desc{color:var(--text-secondary);justify-content:center;align-items:flex-start;max-width:140px;margin-top:1rem;font-size:.9rem;line-height:1.5;transition:color .3s;display:flex}.tl-item:hover .tl-desc{color:var(--text-primary)}.tl-img-wrap{clip-path:inset(0 60% 0 0);transform-origin:0;border-radius:8px;width:100%;height:220px;margin-top:auto;transition:clip-path .5s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.tl-item:hover .tl-img-wrap{clip-path:inset(0)}.tl-item:after{content:"";opacity:1;pointer-events:none;z-index:2;background-color:#f8bf22;background-image:url(/logos/Favicon.svg);background-position:50%;background-repeat:no-repeat;background-size:52px 52px;border-radius:0 8px 8px 0;height:220px;transition:opacity .45s;position:absolute;bottom:0;left:40%;right:0}.tl-item:hover:after{opacity:0}.tl-img-wrap img{object-fit:cover;object-position:center;filter:grayscale(40%);width:100%;height:100%;transition:filter .4s}.tl-item:hover .tl-img-wrap img{filter:grayscale(0%)}@media (width<=768px){.tl-strip{flex-direction:column;align-items:flex-start;gap:0;padding:0 0 0 2rem;overflow-x:visible}.tl-line{width:2px;height:100%;inset:0 auto 0 2rem}.tl-item{text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:3rem;padding-left:2.5rem;position:relative}.tl-year{color:var(--brand-orange);margin-bottom:.5rem;font-size:1.8rem}.tl-dot{position:absolute;top:6px;left:-2.8rem}.tl-desc{max-width:100%;margin-bottom:1rem;font-size:1rem}.tl-img-wrap{clip-path:inset(0);width:100%;height:180px;margin-top:auto}.tl-item:after{display:none}}.site-footer{background:var(--bg-color);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:6rem 5% 2rem}@media (width>=769px){#clients.inner-section{padding-top:3rem;padding-bottom:5rem;min-height:auto!important}.site-footer{padding-top:5rem}}.footer-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin-bottom:4rem;margin-left:auto;margin-right:auto;display:grid}.footer-col h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem;font-weight:500;display:inline-block;position:relative}.footer-col h3:after{content:"";background:var(--brand-orange);width:25px;height:2px;position:absolute;bottom:-5px;left:0}.footer-col p{margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.footer-col a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-col a:hover{color:var(--brand-orange)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);opacity:.7;padding-top:2rem;font-size:.85rem}.footer-map{filter:grayscale(20%)opacity(.9);border:none;border-radius:8px;width:100%;height:300px;transition:filter .4s}[data-theme=dark] .footer-map{filter:invert()hue-rotate(180deg)brightness(95%)contrast(85%)sepia(20%)}.floating-wa{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #00000026}.floating-wa svg{width:32px;height:32px}.floating-wa:hover{transform:scale(1.1)translateY(-5px);box-shadow:0 8px 16px #25d3664d}@media (width<=768px){.floating-wa{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.floating-wa svg{width:28px;height:28px}.footer-content{gap:2.5rem}.site-footer{padding:4rem 1.5rem 1.5rem}}