*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#ffffff;color:#222;line-height:1.6;font-size:17px;transition:background-color .3s ease,color .3s ease}.container{width:90%;max-width:1200px;margin:0 auto}.section-wrapper section{padding:80px 0;border-bottom:1px solid #eaeaea;scroll-margin-top:100px}h1{color:#fff;font-family:Titillium Web,sans-serif}h1,h2,h3{text-align:center;margin-bottom:1rem;transition:color .3s ease}h2,h3{color:#005bab;font-family:Poppins,sans-serif;position:relative}h3.paint-underline{display:inline-block;position:relative;padding-bottom:.25rem}.paint-underline:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:15%;height:4px;background-color:#f5a623;border-radius:2px}h2.no-underline,h2.no-underline.paint-underline{background:none!important;position:static!important}h2.no-underline:after{content:none!important}h2{cursor:default}h2:after{content:"";display:block;width:80px;height:6px;background:linear-gradient(90deg,#0077ff,#00a9b7);margin:6px auto 0;border-radius:3px;opacity:.7;transition:width .4s ease}h3:hover:after{width:100px;opacity:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:sticky;top:0;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:20;transition:all .3s ease-in-out}.navbar.bounce{animation:bounceDown .4s ease}@keyframes bounceDown{0%{transform:translateY(-10px)}50%{transform:translateY(4px)}to{transform:translateY(0)}}.nav-links{display:flex;align-items:center;flex-wrap:wrap}.nav-links a{margin-left:1.5rem;text-decoration:none;color:#003d80;font-weight:600;position:relative;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#0080ff;transition:width .3s}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.logo-container{cursor:pointer;display:flex;align-items:center}.logo{border-radius:12px;transition:transform .3s ease}.professional-logo{width:120px;height:auto;object-fit:contain}.hero{background-image:url(/hero-background.jpg);background-size:cover;background-position:50%;color:white;padding:120px 0;text-align:center;position:relative;user-select:none;transition:background-color .4s ease}.hero-content-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.hero-text-container{max-width:720px;padding:0 1rem}.hero-title-static-height{font-size:2.4rem;font-weight:700;min-height:72px;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-subtext{font-size:1.2rem;margin-top:.5rem;transition:color .3s ease}.get-quote-wrapper{margin-top:1.2rem}.btn.btn-whatsapp:hover{background-color:#25d366;color:white}.hero-arrow{background-color:white;color:#003d80;border-radius:50%;font-size:2rem;cursor:pointer;border:none;position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;box-shadow:0 2px 6px rgb(0 0 0/.15);user-select:none}.hero-arrow:hover{background-color:#003d80;color:white}.hero-arrow-left{left:0}.hero-arrow-right{right:0}.card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.card{background-color:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;text-align:center;cursor:pointer;user-select:none;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.project-image{border-radius:8px;object-fit:cover;width:100%;height:200px;transition:transform .3s ease}.card:hover .project-image{transform:scale(1.05)}.project-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.project-modal-overlay.active{opacity:1;pointer-events:auto}.project-modal-content{background:white;border-radius:12px;max-width:900px;max-height:85vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:slideIn .4s ease forwards}.project-modal-content img{max-width:100%;border-radius:12px;margin-bottom:1rem}.project-modal-close{position:absolute;top:16px;right:16px;background:#003d80;border:none;color:white;border-radius:50%;width:36px;height:36px;font-size:1.5rem;cursor:pointer;transition:background-color .3s ease}.project-modal-close:hover{background:#0053ba}@keyframes slideIn{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;position:relative}input,textarea{padding:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}input:focus,textarea:focus{border-color:#0053ba;outline:none;box-shadow:0 0 0 3px rgba(0,83,186,.25)}.btn.btn-whatsapp{border:2px solid #25d366;color:#25d366;background-color:transparent;padding:.75rem 1.6rem;font-weight:700;border-radius:999px;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer}.btn.btn-whatsapp:hover,.form-success-message,form button.btn-whatsapp:hover{background-color:#25d366;color:white}.form-success-message{position:absolute;top:-4rem;left:50%;transform:translateX(-50%);padding:1rem 1.5rem;border-radius:999px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.25);display:flex;align-items:center;gap:1rem;animation:fadeInDown .5s ease forwards;z-index:10;max-width:350px}.form-success-message button{background:transparent;border:none;color:white;font-weight:700;cursor:pointer;font-size:1.25rem;padding:0 .4rem;line-height:1;transition:color .3s ease}.form-success-message button:hover{color:#003d80}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.form-message{text-align:center;font-weight:600;margin-top:1rem;font-size:1rem;padding:.75rem 1.25rem;border-radius:8px;max-width:500px;margin-left:auto;margin-right:auto}.form-success{background-color:#e0f7ff;color:#0077cc;border:1px solid #b3e5fc}.form-error{background-color:#fff4f4;color:#cc0033;border:1px solid #ffcccc}.client-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;text-align:center}.client-logos img{transition:all .4s ease-in-out;filter:grayscale(1);max-height:60px;max-width:150px;object-fit:contain;cursor:default}.client-logos img:hover{filter:none;transform:scale(1.1) rotate(-1deg);animation:shake .3s ease-in-out;cursor:pointer}.client-intro{text-align:center;font-size:1.1rem;color:#444;max-width:700px;margin:1rem auto 0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}}.testimonial-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.testimonial{background-color:#e6f0ff;border-left:6px solid #0053ba;padding:1.5rem;border-radius:8px;font-style:italic;position:relative;transition:box-shadow .3s ease}.testimonial:hover{box-shadow:0 10px 25px rgba(0,83,186,.3)}.quote{font-size:1.1rem}.quote-author{text-align:right;font-weight:700;margin-top:.5rem;color:#146EBE}.quote-mark{font-size:2rem;font-weight:700;margin:0 4px}.quote-mark.blue{color:#0080ff}.people-saying{background-color:#f2faff;padding:80px 0;text-align:center}.people-saying p,.people-saying ul{max-width:700px;margin:0 auto;font-size:1.15rem;font-style:italic}.people-saying ul{list-style:none;margin-top:2rem}.people-saying li{margin:1rem 0}.quote-highlight{background:linear-gradient(90deg,#000000,#1a1a1a);color:white;padding:80px 0;text-align:center;transition:background-color .3s ease}.quote-wrapper{max-width:800px;margin:0 auto;position:relative}.quote-text{font-size:1.3rem;font-style:italic;margin:2rem 0}.quote-mark.open{top:-30px;left:-30px}.quote-mark.close,.quote-mark.open{position:absolute;font-size:4rem;color:#0080ff}.quote-mark.close{bottom:-30px;right:-30px}footer{background:#000;color:#ccc;text-align:center;padding:3rem 1rem 1.5rem;font-size:.95rem;font-weight:500;border-top:2px solid #0053ba;transition:background-color .3s ease}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:1rem}.footer-column h4{color:#0080ff;margin-bottom:1rem}.footer-column a,.footer-column p{display:block;margin:.4rem 0;color:#bbb;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-column a:hover{color:#fff}.footer-link.arrow-hover{position:relative;display:inline-block;color:#bbb;transition:color .3s ease;padding-right:1.2rem}.footer-link.arrow-hover:after{content:"→";position:absolute;right:0;top:0;opacity:0;transform:translateX(-4px);transition:opacity .3s ease,transform .3s ease;color:#0080ff;font-weight:700}.footer-link.arrow-hover:hover:after{opacity:1;transform:translateX(2px)}.footer-link.arrow-hover:hover{color:#ffffff}.footer-socials{gap:1rem;margin-top:.5rem}.footer-socials a{font-size:1.5rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.footer-socials a:hover{color:white}.footer-socials{display:flex;gap:1.2rem;margin-top:.75rem;justify-content:center}.footer-socials a{font-size:1.25rem;color:#0080ff;transition:transform .3s ease,color .3s ease}.footer-socials a:hover{color:#00a2ff;transform:scale(1.2)}.floating-contact{position:fixed;bottom:30px;right:30px;z-index:1000}.section-wrapper{min-height:100vh;display:flex;flex-direction:column}.quote-footer-wrapper{margin-top:auto}.btn-contact{border:2px solid #146ebe;color:#74C0FC;background:transparent;padding:.75rem 1.5rem;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 4px 12px rgba(116,192,252,.4);transition:all .3s ease}.btn-contact:hover{background-color:#74C0FC;color:white;box-shadow:0 6px 18px rgba(116,192,252,.6)}@media (max-width:768px){.hero-title-static-height{font-size:1.6rem;min-height:56px}.nav-links a{margin-left:.8rem;font-size:.9rem}.card-grid,.testimonial-grid{grid-template-columns:1fr}.logo-container{justify-content:center;margin-bottom:.5rem}.nav-links{flex-wrap:wrap;justify-content:center}}