.header{position:sticky;top:0;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:2rem}.logo{font-size:1.5rem;font-weight:700;color:#06c;text-decoration:none;white-space:nowrap}.nav{display:flex;gap:2rem;flex:1;justify-content:center}.nav-link{color:#333;text-decoration:none;font-weight:500;transition:color .3s}.nav-link:hover{color:#06c}.header-actions{display:flex;align-items:center;gap:1rem}.cta-button{background:#06c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .3s}.cta-button:hover{background:#0052a3}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#333}@media (max-width: 768px){.menu-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 4px 8px #0000001a;display:none;gap:1rem}.nav-open{display:flex}.cta-button{padding:.5rem 1rem;font-size:.9rem}}.hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(135deg,#0a2540,#06c,#00a86b)}.hero-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:0}.hero-content{position:relative;z-index:1;max-width:1200px;width:100%;padding:0 20px}.hero-text{max-width:600px;color:#fff}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-description{font-size:1.25rem;margin-bottom:2rem;line-height:1.6;opacity:.95}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#fff;color:#06c;border:none;padding:1rem 2rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .3s,box-shadow .3s;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s,color .3s;text-decoration:none}.btn-secondary:hover{background:#fff;color:#06c}@media (max-width: 768px){.hero{min-height:500px}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:1rem}}.services{padding:5rem 20px;background:#f9f9f9}.services-container{max-width:1200px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.service-image-wrapper{width:100%;height:300px;overflow:hidden;background:#e8e8e8;position:relative}.service-placeholder-residential{background:linear-gradient(135deg,#ffd54f,#ff8f00)}.service-placeholder-commercial{background:linear-gradient(135deg,#4caf50,#2e7d32)}.service-placeholder-consulting{background:linear-gradient(135deg,#06c,#004494)}.service-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover .service-image{transform:scale(1.05)}.service-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.service-image-fallback.visible{display:flex}.service-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.service-name{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#06c}.service-description{color:#666;margin-bottom:1.5rem;line-height:1.6;flex:1}.learn-more-button{background:#06c;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .3s;margin-top:auto;text-decoration:none}.learn-more-button:hover{background:#0052a3}@media (max-width: 768px){.services{padding:3rem 20px}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-image-wrapper{height:250px}}.about{padding:5rem 20px;background:linear-gradient(135deg,#06c,#0052a3);color:#fff}.about-container{max-width:1200px;margin:0 auto}.about-content{text-align:center;max-width:600px;margin:0 auto}.about-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.about-subtitle{font-size:1.1rem;margin-bottom:2rem;opacity:.95;line-height:1.6}.about-button{background:#fff;color:#06c;border:none;padding:1rem 2rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;text-decoration:none;display:inline-block}.about-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.about{padding:3rem 20px}.about-title{font-size:2rem}.about-button{padding:.875rem 1.5rem;font-size:1rem}}.footer{background:#1a1a1a;color:#fff;padding:3rem 20px 1.5rem}.footer-container{max-width:1400px;margin:0 auto}.footer-newsletter{border-bottom:1px solid #333;padding-bottom:3rem;margin-bottom:3rem}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.newsletter-description{color:#ccc;margin-bottom:1.5rem;line-height:1.6}.newsletter-form{display:flex;gap:.5rem;max-width:400px;margin:0 auto}.newsletter-input{flex:1;padding:.875rem 1rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:1rem}.newsletter-input::placeholder{color:#888}.newsletter-input:focus{outline:none;border-color:#06c}.newsletter-button{background:#06c;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.newsletter-button:hover{background:#0052a3}.footer-main{display:flex;flex-direction:column;gap:2rem}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand-name{font-size:1.75rem;font-weight:700;font-family:serif;margin:0;margin-bottom:.5rem}.brand-name-red{color:#e63946}.brand-name-white{color:#fff}.footer-tagline{color:#fff;line-height:1.6}.social-links{display:flex;gap:1rem}.social-link{color:#ccc;transition:color .3s}.social-link:hover{color:#fff}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-heading{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.footer-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-list a{color:#fff;text-decoration:none;transition:color .3s}.footer-list a:hover{color:#ccc}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #333;flex-wrap:wrap;gap:1rem}.footer-copyright{color:#888}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{color:#ccc;text-decoration:none;transition:color .3s}.footer-legal a:hover{color:#fff}@media (max-width: 1023px) and (min-width: 769px){.footer-content{grid-template-columns:1fr 1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}}@media (min-width: 1024px){.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem}}@media (max-width: 768px){.footer-newsletter{padding-bottom:2rem;margin-bottom:2rem}.newsletter-form{flex-direction:column;max-width:100%}.newsletter-button{width:100%}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}#root{min-height:100vh}