.page-header{position:relative;background:url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1400&h=400&fit=crop) center/cover no-repeat;padding:120px 0 60px;text-align:center}.page-header-overlay{position:absolute;inset:0;background:#2b2b2bd9}.page-header .container{position:relative;z-index:1}.page-header h1{color:var(--white);font-size:2.8rem;font-weight:700;margin-bottom:12px}.page-header p{color:var(--gray-300);font-size:1.15rem}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background:url(https://images.unsplash.com/photo-1541976590-713941681591?w=1600&h=900&fit=crop) center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#2b2b2bbf}.hero-content{position:relative;z-index:1;text-align:center;max-width:750px;padding:0 20px}.hero-content h1{font-size:3.2rem;font-weight:800;color:var(--white);margin-bottom:20px;line-height:1.15}.hero-content p{font-size:1.2rem;color:var(--gray-300);margin-bottom:36px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-card{background:var(--white);border:1px solid var(--gray-100);border-radius:12px;padding:32px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.service-icon{font-size:2.5rem;display:block;margin-bottom:16px}.service-card h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}.service-card p{font-size:.9rem;color:var(--gray-500);line-height:1.6}.why-us{background:linear-gradient(#2b2b2be6,#2b2b2be6),url(https://images.unsplash.com/photo-1589939705384-5185137a7f0f?w=1400&h=500&fit=crop) center/cover no-repeat}.why-us .section-title{color:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.stat-card{text-align:center;padding:30px 20px}.stat-number{display:block;font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:8px}.stat-label{font-size:1rem;color:var(--gray-300);font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card{border-radius:12px;overflow:hidden;background:var(--white);border:1px solid var(--gray-100);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.project-image{height:220px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-category{position:absolute;top:12px;left:12px;background:var(--primary);color:var(--dark);padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-info{padding:24px}.project-info h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}.project-info p{font-size:.9rem;color:var(--gray-500)}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.cta-content{text-align:center}.cta-content h2{color:var(--dark);font-size:2rem;margin-bottom:12px}.cta-content p{color:var(--gray-900);font-size:1.1rem;margin-bottom:28px}.cta-section .btn-primary{background-color:var(--dark);color:var(--white);border-color:var(--dark)}.cta-section .btn-primary:hover{background-color:var(--dark-light);border-color:var(--dark-light)}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-text h2{font-size:2rem;margin-bottom:20px}.about-text p{margin-bottom:16px;font-size:1rem;line-height:1.8}.about-image{height:400px;border-radius:12px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.value-card{background:var(--white);padding:32px;border-radius:12px;border-left:4px solid var(--primary)}.value-card h3{font-size:1.15rem;margin-bottom:10px}.value-card p{font-size:.95rem;color:var(--gray-500);line-height:1.7}.services-list{display:flex;flex-direction:column;gap:60px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.service-detail.reverse{direction:rtl}.service-detail.reverse>*{direction:ltr}.service-detail-icon{font-size:2.5rem;display:block;margin-bottom:12px}.service-detail-content h2{font-size:1.6rem;margin-bottom:14px}.service-detail-content p{font-size:1rem;line-height:1.7;margin-bottom:20px}.service-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-features li{font-size:.95rem;color:var(--gray-700);padding-left:20px;position:relative}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.service-img{width:100%;height:300px;object-fit:cover;border-radius:12px}.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:800px;margin:0 auto}.contact-info-card{background:var(--dark);color:var(--gray-300);padding:36px;border-radius:12px;text-align:center}.contact-info-card h4{color:var(--primary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.contact-info-card p{font-size:1rem;line-height:1.7}.contact-info-card a{color:var(--white);font-size:1.1rem;font-weight:500;transition:color .3s ease}.contact-info-card a:hover{color:var(--primary)}@media(max-width:1024px){.services-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.page-header h1{font-size:2rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-number{font-size:2.2rem}.projects-grid,.about-story{grid-template-columns:1fr}.about-image{height:250px}.values-grid,.service-detail{grid-template-columns:1fr}.service-detail.reverse{direction:ltr}.service-img{height:200px}.service-features,.contact-info-grid{grid-template-columns:1fr}.cta-content h2{font-size:1.6rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #d4a017;--primary-dark: #b8860b;--dark: #2b2b2b;--dark-light: #3a3a3a;--gray-900: #2d2d2d;--gray-700: #4a4a4a;--gray-500: #6b6b6b;--gray-300: #c4c4c4;--gray-100: #f0f0f0;--white: #ffffff;--off-white: #fafafa}html,body,#root{min-height:100vh;scroll-behavior:smooth}#root{display:flex;flex-direction:column}main{flex:1}body{font-family:Poppins,sans-serif;color:var(--gray-700);line-height:1.6;background-color:var(--white)}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--dark);line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-alt{background-color:var(--off-white)}.section-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:12px}.section-subtitle{text-align:center;color:var(--gray-500);font-size:1.1rem;margin-bottom:50px}.btn{display:inline-block;padding:12px 28px;border-radius:6px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center}.btn-primary{background-color:var(--primary);color:var(--dark);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline{background-color:transparent;color:var(--white);border-color:var(--white)}.btn-outline:hover{background-color:var(--white);color:var(--dark)}.btn-lg{padding:16px 36px;font-size:1.05rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--dark);box-shadow:0 2px 10px #0000004d}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:1.4rem}.logo-stmo{font-weight:800;color:var(--primary)}.logo-construction{font-weight:400;color:var(--white)}.nav-links{display:flex;align-items:center;gap:8px}.nav-links li a{padding:8px 16px;color:var(--white);font-weight:500;font-size:.95rem;border-radius:4px;transition:color .3s ease}.nav-links li a:hover,.nav-links li a.active{color:var(--primary)}.nav-cta{margin-left:8px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:26px;height:3px;background-color:var(--white);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.footer{background-color:var(--dark);color:var(--gray-300);padding:60px 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-section h3{color:var(--white);font-size:1.3rem;margin-bottom:16px}.footer-section h4{color:var(--white);font-size:1rem;margin-bottom:16px}.footer-section p{font-size:.9rem;line-height:1.7}.footer-section ul li{font-size:.9rem;margin-bottom:8px}.footer-section ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding:24px 20px;margin-top:40px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;background-color:var(--dark);flex-direction:column;padding:20px;gap:4px;transform:translateY(-120%);transition:transform .3s ease;box-shadow:0 4px 10px #0000004d}.nav-links.open{transform:translateY(0)}.nav-links li{width:100%}.nav-links li a{display:block;padding:12px 16px}.nav-cta{margin-left:0;margin-top:8px;text-align:center}.footer-container{grid-template-columns:1fr;gap:30px}.section{padding:50px 0}.section-title{font-size:1.8rem}}