*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#071f3a;background:#f7f7f7;font-family:Arial,Helvetica,sans-serif}.site{width:100%;overflow-x:hidden}.navbar{color:#fff;background:#071f3a;justify-content:space-between;align-items:center;width:100%;padding:20px 8%;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:35px}.logo h1{color:#d6a027;font-size:28px}.logo p{text-transform:uppercase;letter-spacing:1px;font-size:13px}nav{gap:25px;display:flex}nav a{color:#fff;font-weight:600;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#071f3a 0%,#0b3158 55%,#d6a027 55%);grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;min-height:85vh;padding:80px 8%;display:grid}.badge{color:#071f3a;background:#d6a027;border-radius:30px;margin-bottom:20px;padding:10px 18px;font-weight:700;display:inline-block}.hero h2{margin-bottom:20px;font-size:58px;line-height:1.05}.hero p{max-width:650px;font-size:19px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.btn{border-radius:8px;padding:15px 24px;font-weight:700;text-decoration:none}.primary{color:#071f3a;background:#d6a027}.secondary{color:#fff;border:2px solid #fff}.hero-card{color:#071f3a;text-align:center;background:#fff;border-radius:25px;padding:40px;box-shadow:0 20px 50px #00000040}.paint-circle{background:#d6a027;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:auto auto 25px;font-size:55px;display:flex}.hero-card h3{margin-bottom:15px;font-size:28px}.section{text-align:center;background:#fff;padding:80px 8%}.section h2,.benefits h2,.contact h2{margin-bottom:15px;font-size:42px}.section-text{color:#555;margin-bottom:45px;font-size:18px}.services-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.service-card{background:#f7f7f7;border-bottom:5px solid #d6a027;border-radius:18px;padding:35px 25px;transition:all .3s}.service-card:hover{transform:translateY(-8px)}.service-card span{font-size:45px}.service-card h3{margin:18px 0 12px;font-size:21px}.service-card p{color:#555;line-height:1.6}.benefits{color:#fff;background:#071f3a;grid-template-columns:1.2fr 1fr 1fr;align-items:stretch;gap:25px;padding:80px 8%;display:grid}.benefits p{font-size:17px;line-height:1.7}.benefit-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;padding:30px}.benefit-box h3{color:#d6a027;margin-bottom:12px}.contact{text-align:center;color:#071f3a;background:linear-gradient(135deg,#d6a027,#f1c75b);padding:80px 8%}.contact p{margin-bottom:30px;font-size:18px}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-buttons a{color:#fff;background:#071f3a;border-radius:10px;padding:16px 25px;font-weight:700;text-decoration:none}footer{color:#fff;text-align:center;background:#071f3a;padding:25px;font-weight:700}@media (width<=900px){.navbar{flex-direction:column;gap:20px}nav{flex-wrap:wrap;justify-content:center}.hero{text-align:center;grid-template-columns:1fr}.hero h2{font-size:42px}.hero p{margin:auto}.hero-buttons{justify-content:center}.services-grid{grid-template-columns:1fr}.benefits{text-align:center;grid-template-columns:1fr}}.about{background:#f7f7f7;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;padding:80px 8%;display:grid}.about h2{margin-bottom:20px;font-size:42px}.about p{color:#444;margin-bottom:15px;font-size:17px;line-height:1.8}.about-box{color:#fff;background:#071f3a;border-radius:22px;padding:35px}.about-box h3{color:#d6a027;margin-bottom:20px;font-size:26px}.about-box ul{list-style:none}.about-box li{margin-bottom:14px;font-size:17px}.projects{text-align:center;background:#fff;padding:80px 8%}.projects h2{margin-bottom:15px;font-size:42px}.projects-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.project-card{color:#fff;background:linear-gradient(135deg,#071f3a,#0b3158);border-bottom:6px solid #d6a027;border-radius:20px;justify-content:center;align-items:end;min-height:180px;padding:25px;font-size:22px;font-weight:700;display:flex}@media (width<=900px){.about{text-align:center;grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}}.benefits-section{background:#f8f9fb;padding:100px 8%}.section-header{text-align:center;max-width:750px;margin:auto auto 60px}.section-badge{color:#d6a027;background:#d6a02726;border-radius:999px;margin-bottom:15px;padding:8px 18px;font-weight:600;display:inline-block}.section-header h2{color:#071f3a;margin-bottom:15px;font-size:42px}.section-header p{color:#555;line-height:1.7}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.benefit-card{text-align:center;background:#fff;border-radius:22px;padding:35px;transition:all .3s;box-shadow:0 15px 35px #0000000d}.benefit-card:hover{transform:translateY(-10px)}.benefit-icon{color:#d6a027;background:#071f3a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 20px;font-size:34px;display:flex}.benefit-card h3{color:#071f3a;margin-bottom:15px}.benefit-card p{color:#666;line-height:1.7}.floating-whatsapp{color:#fff;z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:34px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 25px #00000040}.floating-whatsapp:hover{transform:scale(1.1)}@media (width<=900px){.benefits-grid{grid-template-columns:1fr}.section-header h2{font-size:32px}}