@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0a192f;--color-primary-light:#112240;--color-accent:#ff7a00;--color-accent-hover:#e06c00;--color-text-main:#333;--color-text-muted:#666;--color-text-light:#f8f9fa;--color-bg-light:#fff;--color-bg-subtle:#f3f4f6;--color-bg-dark:#0a192f;--border-radius:8px;--box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--box-shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);background-color:var(--color-bg-light);font-family:Outfit,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw + 1rem,4.5rem)}h2{font-size:clamp(2rem,4vw + 1rem,3.5rem)}h3{font-size:clamp(1.5rem,3vw + .5rem,2.5rem)}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(35px,8vw,60px)}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px;padding-bottom:15px;font-size:clamp(2rem,4vw + 1rem,3rem);position:relative}.section-title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-top:-35px;margin-bottom:50px;font-size:1.1rem}.btn{letter-spacing:1px;cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:clamp(.9rem,1vw,1.05rem);font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px #ff7a0066}.btn-secondary{color:var(--color-accent);border:2px solid var(--color-accent);background-color:#0000}.btn-secondary:hover{background-color:var(--color-accent);color:#fff}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.bg-dark{background-color:var(--color-primary);color:#fff}.bg-dark h1,.bg-dark h2,.bg-dark h3{color:#fff}.bg-light{background-color:var(--color-bg-subtle)}.grid{gap:30px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=992px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:60px 0}.section p,.hero-subheadline{padding:0 5px}}.fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#e0f2feb3 0%,#0284c740 100%);border-top-left-radius:200px;border-bottom-left-radius:100px;width:65vw;height:120vh;position:fixed;top:-10vh;right:-5vw;transform:rotate(-4deg)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(225deg,#e0f2fe99 0%,#0284c733 100%);border-top-right-radius:180px;border-bottom-right-radius:80px;width:40vw;height:80vh;position:fixed;bottom:-5vh;left:-5vw;transform:rotate(5deg)}.watermark-section:before{content:"";opacity:.12;z-index:0;pointer-events:none;background-image:url(/uploads/logo_transparent.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:600px;height:100%;max-height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.watermark-section>*{z-index:1;position:relative}.navbar{z-index:1000;padding:20px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);background-color:#fff;border-bottom:1px solid #0000000d;padding:15px 0;box-shadow:0 10px 30px #0000000d}.navbar.scrolled .logo-text,.navbar.scrolled .nav-links a:not(.btn),.navbar.scrolled .mobile-toggle{color:var(--color-primary);text-shadow:none}.navbar-container{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1600px;margin:0 auto;padding:0 80px;display:flex}.logo-text{color:#fff;letter-spacing:1px;font-size:clamp(15px,1.5vw + 8px,22px);font-weight:700}.logo-img-wrapper{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:5px 12px;transition:all .3s;display:flex}.logo-img-wrapper img{object-fit:contain;width:auto;height:75px}.navbar:not(.scrolled) .logo-img-wrapper{box-shadow:0 4px 10px #00000026}.navbar.scrolled .logo-img-wrapper{box-shadow:none;background-color:#0000;padding:0}.navbar:not(.scrolled) .logo-text{text-shadow:0 2px 4px #0000004d}.nav-links{align-items:center;gap:clamp(15px,2vw,30px);display:flex}.nav-links a:not(.btn){color:#fff;white-space:nowrap;padding:5px 0;font-weight:500;position:relative}.navbar:not(.scrolled) .nav-links a:not(.btn){text-shadow:0 2px 4px #0000004d}.nav-links a:not(.btn):after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:not(.btn):hover:after{width:100%}.mobile-toggle{color:#fff;cursor:pointer;z-index:9999;background:0 0;border:none;flex-shrink:0;display:none;position:relative}@media (width<=1400px){.mobile-toggle{display:block}.navbar.scrolled .nav-links a:not(.btn){text-shadow:0 2px 4px #0000004d;color:#fff!important}.mobile-toggle.menu-open{color:#fff!important}.nav-links{background-color:var(--color-primary);z-index:9998;flex-direction:column;justify-content:center;width:300px;height:100vh;transition:right .4s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0000001a}.nav-links.open{right:0}.navbar-container{padding:0 40px}}@media (width<=768px){.navbar-container{padding:0 20px}.logo-text{white-space:normal!important;font-size:16px!important}.logo-img-wrapper img{height:55px!important}}.preloader-container{z-index:999999;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-logo{filter:drop-shadow(0 10px 15px #0000001a);width:240px;max-width:70vw;height:auto;margin-bottom:30px}.preloader-spinner{border:3px solid #0284c733;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-section{color:#fff;background-position:50%;background-size:cover;background-attachment:fixed;align-items:center;height:100vh;min-height:600px;display:flex;position:relative}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0a192ff2 0%,#0a192f80 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;padding-top:80px;position:relative}.hero-headline{color:#fff;text-shadow:0 4px 10px #0000004d;margin-bottom:20px;font-size:4.5rem;font-weight:700;line-height:1.1}.hero-subheadline{color:#ffffffe6;max-width:600px;margin-bottom:40px;font-size:1.3rem}.hero-actions{gap:20px;display:flex}.hero-btn-secondary{color:#fff;border-color:#fff}.hero-btn-secondary:hover{color:var(--color-primary);background-color:#fff}@media (width<=768px){.hero-headline{font-size:2.8rem}.hero-subheadline{font-size:1.1rem}.hero-actions{flex-direction:column}}.scroll-indicator{z-index:3;cursor:pointer;opacity:.8;flex-direction:column;align-items:center;transition:opacity .3s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:1}.mouse{border:2px solid #fff;border-radius:20px;width:26px;height:42px;margin-bottom:8px;position:relative}.wheel{background:var(--color-accent);border-radius:2px;width:4px;height:8px;animation:2s infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}.arrow-scroll{border-bottom:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;animation:2s infinite scrollArrow;transform:rotate(45deg)}@keyframes scrollWheel{0%{opacity:1;top:8px}to{opacity:0;top:22px}}@keyframes scrollArrow{0%{opacity:0;transform:rotate(45deg)translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(5px,5px)}}.marquee-container{-webkit-user-select:none;user-select:none;gap:30px;padding:20px 0;display:flex;overflow:hidden}.marquee-content{flex-shrink:0;align-items:center;gap:30px;min-width:100%;animation:90s linear infinite marquee;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 30px))}}.client-logo-card{background-color:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:220px;height:120px;padding:15px 25px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000001a}.client-logo-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.client-logo-img{object-fit:contain;max-width:100%;max-height:100%}.client-logo-text{color:var(--color-primary);text-align:center;white-space:normal;font-size:1.1rem;font-weight:700}.org-tree{text-align:center;width:100%;padding:40px 0;display:block;overflow-x:auto}.tree{text-align:left;width:max-content;display:inline-block}.tree ul{justify-content:center;padding-top:20px;padding-left:0;transition:all .5s;display:flex;position:relative}.tree li{float:left;text-align:center;padding:20px 5px 0;list-style-type:none;transition:all .5s;position:relative}.tree li:before,.tree li:after{content:"";border-top:2px solid #334155;width:50%;height:20px;position:absolute;top:0;right:50%}.tree li:after{border-left:2px solid #334155;left:50%;right:auto}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:2px solid #334155;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul ul:before{content:"";border-left:2px solid #334155;width:0;height:20px;position:absolute;top:0;left:50%}.tree li .org-node{color:#333;z-index:2;background:#fff;border:2px solid #334155;border-radius:10px;flex-direction:column;align-items:center;min-width:150px;max-width:200px;padding:15px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 6px #0000001a}.tree li .org-node:hover{background:var(--color-bg-subtle);border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.org-photo{object-fit:cover;border:3px solid var(--color-accent);background-color:#f1f5f9;border-radius:50%;width:70px;height:70px;margin-bottom:10px}.org-photo-placeholder{border:3px solid var(--color-accent);color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;display:flex}.org-name{margin-bottom:5px;font-size:.95rem;font-weight:700;line-height:1.2}.org-role{color:var(--color-primary);text-transform:uppercase;font-size:.8rem;font-weight:600}.portfolio-card{background:var(--color-primary-light);border-radius:var(--border-radius);transition:var(--transition);border:1px solid #ffffff1a;position:relative;overflow:hidden}.portfolio-card:hover{border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 10px 20px #0006}.portfolio-content{padding:30px}.portfolio-status{color:var(--color-accent);background:#ff7a0033;border-radius:20px;margin-bottom:15px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.portfolio-title{color:#fff;margin-bottom:15px;font-size:1.2rem}.portfolio-client,.portfolio-purpose{color:#ffffffb3;margin-bottom:8px;font-size:.95rem}.portfolio-image-overlay{opacity:0;background:#0a192fb3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.portfolio-card:hover .portfolio-image-overlay{opacity:1}.portfolio-overlay-text{color:#fff;border:2px solid var(--color-accent);background:#ff7a001a;border-radius:25px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:transform .3s;transform:translateY(15px)}.portfolio-card:hover .portfolio-overlay-text{transform:translateY(0)}