:root{--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-orange:#ea580c;--primary-orange-hover:#c2410c;--bg-dark:#0f172a;--bg-light:#fff;--bg-subtle:#f8fafc;--text-dark:#1e293b;--text-light:#f8fafc;--text-muted:#64748b;--border-color:#e2e8f0;--font-heading:"Inter", system-ui, -apple-system, sans-serif;--font-body:"Roboto", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html,body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);width:100%;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;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 1.5rem}.text-center{text-align:center}.section-title{color:var(--bg-dark);margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-inline:auto;font-size:1.125rem}section{padding:5rem 0}section:nth-child(2n){background-color:var(--bg-subtle)}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-blue{background-color:var(--primary-blue);color:#fff}.btn-blue:hover{background-color:var(--primary-blue-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #2563eb33}.btn-orange{background-color:var(--primary-orange);color:#fff}.btn-orange:hover{background-color:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #ea580c33}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#fffffff2;padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--bg-dark);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo span{color:var(--primary-blue)}.logo span.orange{color:var(--primary-orange)}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary-blue)}.hero{height:100vh;padding:0;display:flex}.hero-panel{color:#fff;flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex;position:relative;overflow:hidden}.hero-electrical{background:linear-gradient(135deg, var(--bg-dark) 0%, var(--primary-blue) 100%)}.hero-plumbing{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--bg-dark) 100%)}.hero-panel:after{content:"";opacity:.1;pointer-events:none;background:url(https://www.transparenttextures.com/patterns/cubes.png);position:absolute;inset:0}.hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:1rem;width:64px;height:64px;margin-top:5rem;margin-bottom:2rem;padding:1rem}.hero-title{margin-bottom:1rem;font-size:3.5rem}.hero-desc{opacity:.9;max-width:80%;margin-bottom:2rem;font-size:1.25rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-card{border:1px solid var(--border-color);background:#fff;border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.service-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.service-card:before{content:"";background:var(--primary-blue);transform-origin:0;width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card.orange-accent:before{background:var(--primary-orange)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:48px;height:48px;color:var(--primary-blue);margin-bottom:1.5rem}.service-card.orange-accent .service-icon{color:var(--primary-orange)}.service-card h3{margin-bottom:1rem;font-size:1.25rem}.service-card p{color:var(--text-muted)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-item{align-items:flex-start;gap:1.5rem;display:flex}.feature-icon-wrapper{background:var(--bg-subtle);width:56px;height:56px;color:var(--primary-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item h4{margin-bottom:.5rem;font-size:1.125rem}.feature-item p{color:var(--text-muted);font-size:.95rem}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-image{border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.about-text h3{margin-bottom:1.5rem;font-size:2rem}.about-text p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.125rem}.contact-wrapper{background:#fff;border-radius:1rem;grid-template-columns:1fr 2fr;gap:3rem;display:grid;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.contact-info{background:var(--bg-dark);color:#fff;padding:3rem}.contact-info h3{margin-bottom:2rem;font-size:1.5rem}.info-item{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.info-item .icon{color:var(--primary-orange)}.contact-form{padding:3rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-control:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}textarea.form-control{resize:vertical;min-height:120px}footer{background:var(--bg-dark);color:#fff;padding:4rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-col h4{margin-bottom:1.5rem;font-size:1.25rem}.footer-col p{color:var(--text-muted)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.social-links a:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px)}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff1a;padding-top:2rem}@media (width<=768px){section{padding:4rem 0}.section-title{font-size:2rem}.hero{flex-direction:column;height:auto;padding-top:70px}.hero-panel{padding:4rem 1.5rem;text-align:left!important;align-items:flex-start!important}.hero-title{text-align:left!important;font-size:2.25rem!important}.hero-desc{text-align:left!important;align-self:flex-start!important;max-width:100%!important;font-size:1.1rem!important}.hero-icon{align-self:flex-start!important;margin-top:.5rem!important}.hero-panel div{text-align:left!important}.about-content,.contact-wrapper{grid-template-columns:1fr;gap:2rem}.about-text h3{font-size:1.75rem}.contact-info,.contact-form{padding:2rem 1.5rem}.form-grid{grid-template-columns:1fr!important}.mobile-menu-btn{cursor:pointer;color:var(--bg-dark);display:block!important}.nav-links{background:#fff;flex-direction:column;gap:0;padding:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.nav-links.active{display:flex}.nav-links a{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.nav-links a:last-child{border-bottom:none}.features-grid,.services-grid,.footer-content{grid-template-columns:1fr}}