:root{--primary:#29b6b6;--primary-dark:#209090;--secondary:#004b93;--secondary-dark:#00366b;--bg-light:#f8f9fa;--bg-white:#fff;--text-main:#333;--text-muted:#666;--text-light:#f4f4f4;--border-color:#e5e7eb;--radius:8px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background-color:var(--bg-white);font-family:Inter,sans-serif;line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto}.section-padding{padding:80px 0}.bg-light{background-color:var(--bg-light)}.bg-white{background-color:var(--bg-white)}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.btn{border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:#fff;background-color:#0000;border:2px solid #fff}.btn-outline:hover{color:var(--text-main);background-color:#fff}.btn-block{width:100%;display:block}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-sm);transition:var(--transition);background-color:#fffffff2;padding:15px 0;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--secondary);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon,.logo-blue{color:var(--primary)}.nav{align-items:center;gap:24px;display:flex}.nav-list{gap:24px;list-style:none;display:flex}.nav-link{color:var(--text-main);transition:var(--transition);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--primary)}.mobile-menu-btn{cursor:pointer;color:var(--secondary);background:0 0;border:none;display:none}.hero{color:#fff;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-bg{z-index:-2;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(135deg,#004b93e6,#29b6b6cc);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{max-width:800px}.hero h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero .sub-headline{color:var(--text-light);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.hero-cta{gap:16px;display:flex}.section-header h2{color:var(--secondary);margin-bottom:10px;font-size:2.5rem}.divider{background-color:var(--primary);border-radius:2px;width:60px;height:4px;margin:0 auto 20px}.divider.left{margin:0 0 20px}.section-header p{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.service-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);text-align:left;background:#fff;border-bottom:4px solid #0000;padding:40px 30px}.service-card:hover{box-shadow:var(--shadow-md);border-bottom-color:var(--primary);transform:translateY(-5px)}.service-icon{width:60px;height:60px;color:var(--primary);background-color:#29b6b61a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.service-icon i{width:30px;height:30px}.service-card h3{color:var(--secondary);margin-bottom:15px;font-size:1.25rem}.service-card p{color:var(--text-muted)}.gallery-masonry{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.gallery-item{border-radius:var(--radius);box-shadow:var(--shadow-sm);line-height:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:250px;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";opacity:0;background:#004b9333;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.gallery-item:hover:after{opacity:1}.about-flex{align-items:center;gap:60px;display:flex}.about-image{flex:1;position:relative}.about-image img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md)}.experience-badge{background-color:var(--primary);color:#fff;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);padding:20px;position:absolute;bottom:-20px;right:-20px}.experience-badge .years{font-size:2rem;font-weight:700;line-height:1;display:block}.experience-badge .text{text-transform:uppercase;font-size:.85rem;font-weight:500}.about-content{flex:1}.about-content h2{color:var(--secondary);margin-bottom:10px;font-size:2.5rem}.about-content p{color:var(--text-muted);margin-bottom:20px}.about-list{margin-top:30px;list-style:none}.about-list li{color:var(--secondary);align-items:center;gap:15px;margin-bottom:15px;font-weight:500;display:flex}.about-list i{color:var(--primary)}.references-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;display:grid}.reference-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);text-align:center;border:1px solid var(--border-color);border-top:4px solid var(--primary);background:#fff;padding:40px 30px}.reference-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.ref-icon{width:60px;height:60px;color:var(--primary);background-color:#29b6b61a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.ref-icon i{width:30px;height:30px}.reference-card h3{color:var(--secondary);margin-bottom:5px;font-size:1.25rem}.ref-contact-person{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;font-weight:500}.ref-contact-links{flex-direction:column;align-items:center;gap:12px;display:flex}.ref-contact-links a{color:var(--text-main);transition:var(--transition);align-items:center;gap:8px;font-size:.95rem;text-decoration:none;display:flex}.ref-contact-links a:hover{color:var(--primary)}.ref-contact-links i{width:16px;height:16px;color:var(--primary)}.contact-grid{grid-template-columns:1fr 1.5fr;gap:50px;display:grid}.info-card{align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.icon-wrap{width:50px;height:50px;color:var(--secondary);background-color:#004b931a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card h4{color:var(--secondary);margin-bottom:5px;font-size:1.1rem}.info-card p,.info-card a{color:var(--text-muted);text-decoration:none}.info-card a:hover{color:var(--primary)}.company-details-box{border-radius:var(--radius);border-left:4px solid var(--primary);background-color:#fff;padding:30px}.company-details-box h4{color:var(--secondary);margin-bottom:15px}.company-details-box p{color:var(--text-muted);margin-bottom:8px}.contact-form{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;padding:40px}.form-group{margin-bottom:20px}.form-row{gap:20px;display:flex}.form-group.half{flex:1}label{color:var(--secondary);margin-bottom:8px;font-weight:500;display:block}input,select,textarea{border:1px solid var(--border-color);width:100%;transition:var(--transition);border-radius:4px;padding:12px 15px;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #29b6b61a}.footer{color:var(--text-light);background-color:#024;padding:60px 0 0}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:#fff;align-items:center;gap:8px;margin-bottom:20px;font-size:1.8rem;font-weight:700;display:flex}.footer-logo .logo-icon,.footer-logo .logo-blue{color:var(--primary)}.footer-desc{color:#ffffffb3;max-width:400px}.footer-heading{color:#fff;margin-bottom:20px;font-size:1.2rem}.footer-links{list-style:none}.footer-links li{color:#ffffffb3;margin-bottom:12px}.footer-links a{color:#ffffffb3;transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--primary)}.footer-bottom{color:#ffffff80;background-color:#001830;padding:20px 0;font-size:.9rem}.fade-in-section{opacity:0;will-change:opacity, visibility;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@media (width<=900px){.hero h1{font-size:2.5rem}.about-flex{flex-direction:column}.contact-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.nav{width:100%;box-shadow:var(--shadow-md);background:#fff;flex-direction:column;padding:20px;display:none;position:absolute;top:100%;left:0}.nav.active{display:flex}.nav-list{text-align:center;flex-direction:column;gap:15px}.mobile-menu-btn{display:block}.d-mobile-none{display:none}.form-row{flex-direction:column;gap:0}.hero-cta{flex-direction:column}.experience-badge{padding:10px;bottom:10px;right:10px}.experience-badge .years{font-size:1.5rem}}.brand-logo{width:auto;height:45px;display:block}.brand-logo-footer{width:auto;height:60px;display:block}.footer-logo{border-radius:var(--radius);background-color:#fff;margin-bottom:20px;padding:10px 15px;display:inline-block}body.admin-mode-active [contenteditable=true]{outline:1px dashed #29b6b64d;transition:all .2s}body.admin-mode-active [contenteditable=true]:hover{outline:2px dashed var(--primary);cursor:text;background-color:#29b6b60d}body.admin-mode-active img,body.admin-mode-active .hero-bg{outline:1px dashed #004b934d}body.admin-mode-active img:hover,body.admin-mode-active .hero-bg:hover{outline:3px solid var(--secondary);cursor:pointer;filter:brightness(.9)}.floating-whatsapp{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0000004d}.floating-whatsapp:hover{color:#fff;transform:scale(1.1);box-shadow:0 6px 14px #0006}@media (width<=768px){.floating-whatsapp{width:50px;height:50px;bottom:15px;right:15px}}