:root{--primary-color:#1e88e5;--secondary-color:#43a047;--accent-color:#ffc107;--text-color:#333;--light-color:#f5f5f5;--dark-color:#263238}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{max-width:100%;overflow-x:hidden}.header{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;padding:1rem 5%;position:sticky;top:0;z-index:100}.logo h1{color:var(--primary-color);font-size:1.8rem;font-weight:700}.nav-items{display:flex;list-style:none}.nav-items li{margin-left:2rem}.nav-items a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-items a:hover{color:var(--primary-color)}.contact-btn{background-color:var(--primary-color);border-radius:4px;color:#fff!important;padding:.5rem 1rem}.mobile-menu-btn{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;width:30px}.mobile-menu-btn span{background-color:var(--text-color);border-radius:2px;display:block;height:3px;width:100%}.hero{align-items:center;background:linear-gradient(#0000001a,#0000001a),url(../images/bg-plumbing-top.jpg);background-position:50%;background-size:cover;color:#fff;display:flex;height:80vh;padding:0 5%}.hero-content{animation:slideInUp 1s ease-out;max-width:600px}.hero h2{animation:fadeInUp 1s ease-out .3s both;color:#fff;font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero h2:after{background:var(--accent-color);border-radius:2px;content:"";display:block;height:4px;margin-top:1rem;width:60px}.hero p{animation:fadeInUp 1s ease-out .6s both;font-size:1.3rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button{background-color:var(--accent-color);border-radius:4px;color:var(--text-color);display:inline-block;font-weight:700;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:#ffb300}section{padding:4rem 5%}.section-title{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card h3{color:var(--primary-color);margin-bottom:1rem}.about{background-color:var(--light-color)}.about-content{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.about-image{box-shadow:0 4px 6px #0000001a;height:256px;justify-self:center;overflow:hidden;width:256px}.about-image img{border-radius:6px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.testimonials-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem}.customer-name{color:var(--primary-color);font-weight:700;margin-top:1rem}.contact{background-color:var(--light-color)}.contact-container{display:grid;gap:2rem;grid-template-columns:1fr 2fr}.contact-info{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:.8rem;width:100%}.submit-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1.5rem;transition:background-color .3s}.submit-btn:hover{background-color:#1976d2}.footer{background-color:var(--dark-color);color:#fff;padding:3rem 5% 1rem}.footer-content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer h2,.footer h3{color:#fff;margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links a{color:#bbb;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem;text-align:center}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav-items{background-color:#fff;box-shadow:0 2px 5px #0000001a;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:70px;transform:translateY(-150%);transition:transform .3s;width:100%;z-index:99}.nav-items.open{transform:translateY(0)}.nav-items li{margin:1rem 5%}.hero{height:60vh}.hero h2{font-size:2rem}.about-content,.contact-container{grid-template-columns:1fr}}