.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:.75rem}.section-title{font-size:2.25rem;font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--gray-500);max-width:600px;margin-bottom:3rem}.section-header-center{text-align:center}.section-header-center .section-subtitle{margin-left:auto;margin-right:auto}.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background-color .3s,box-shadow .3s}.header.scrolled{background-color:var(--white);box-shadow:var(--shadow)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;color:var(--white);transition:color .3s}.header.scrolled .logo{color:var(--navy)}.logo-icon{width:44px;height:44px;background:var(--amber);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem;color:var(--white)}.nav{display:flex;align-items:center;gap:2rem}.nav a{font-size:.95rem;font-weight:500;color:#ffffffd9;transition:color .2s}.header.scrolled .nav a{color:var(--gray-600)}.nav a:hover{color:var(--amber)}.header-phone{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--amber);font-size:.95rem}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0;transition:all .3s}.header.scrolled .mobile-toggle span{background:var(--navy)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(217,119,6,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(36,52,71,.5) 0%,transparent 50%)}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#d9770626;border:1px solid rgba(217,119,6,.3);border-radius:100px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--amber-light);margin-bottom:2rem}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:1.5rem}.hero h1 span{color:var(--amber)}.hero p{font-size:1.2rem;color:#ffffffb3;max-width:540px;margin-bottom:2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.hero-stat h3{font-size:2rem;font-weight:800;color:var(--amber)}.hero-stat p{font-size:.9rem;color:#ffffff80;margin-bottom:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit}.btn-primary{background:var(--amber);color:var(--white)}.btn-primary:hover{background:var(--amber-dark);transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{border-color:var(--white);background:#ffffff0d}.btn-dark{background:var(--navy);color:var(--white)}.btn-dark:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.services{background:var(--gray-50)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{background:var(--white);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--amber)}.service-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;background:#d977061a;color:var(--amber)}.service-card h3{font-size:1.25rem;font-weight:700;color:var(--navy);margin-bottom:.75rem}.service-card p{font-size:.95rem;color:var(--gray-500);line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:20px;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;position:relative;overflow:hidden}.about-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(217,119,6,.15) 0%,transparent 60%)}.about-image-icon{position:relative;z-index:1;font-size:5rem;margin-bottom:1.5rem}.about-image-text{position:relative;z-index:1;color:var(--white);font-size:1.5rem;font-weight:800;text-align:center}.about-image-sub{position:relative;z-index:1;color:#fff9;font-size:.95rem;margin-top:.5rem}.about-content .section-subtitle{max-width:100%}.values-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.value-item{display:flex;gap:1rem;align-items:flex-start}.value-check{width:28px;height:28px;min-width:28px;border-radius:50%;background:#d977061a;color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;margin-top:2px}.value-item div h4{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}.value-item div p{font-size:.9rem;color:var(--gray-500)}.projects{background:var(--gray-50)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.project-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.project-image{height:220px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.03))}.project-info{padding:1.75rem}.project-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--amber);background:#d977061a;padding:.3rem .75rem;border-radius:100px;margin-bottom:.75rem}.project-info h3{font-size:1.2rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.project-info p{font-size:.9rem;color:var(--gray-500);line-height:1.6}.cta{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);text-align:center;padding:5rem 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(217,119,6,.08) 0%,transparent 70%)}.cta-content{position:relative;z-index:1}.cta h2{font-size:2.5rem;font-weight:800;color:var(--white);margin-bottom:1rem}.cta p{font-size:1.15rem;color:#ffffffa6;max-width:550px;margin:0 auto 2.5rem}.cta-phone{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.75rem;font-weight:800;color:var(--amber);margin-top:2rem}.cta-phone-label{font-size:.9rem;color:#ffffff80;font-weight:500}.footer{background:var(--gray-900);color:#fff9;padding:4rem 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .logo{color:var(--white);margin-bottom:1rem}.footer-brand p{font-size:.9rem;line-height:1.7;max-width:300px}.footer h4{color:var(--white);font-size:.95rem;font-weight:700;margin-bottom:1.25rem}.footer ul li{margin-bottom:.75rem}.footer ul li a{font-size:.9rem;transition:color .2s}.footer ul li a:hover{color:var(--amber)}.footer-contact li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.9rem}.footer-contact-icon{color:var(--amber);font-size:1rem;min-width:20px}.footer-bottom{padding:1.5rem 0;text-align:center;font-size:.85rem}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.nav{display:none}.mobile-toggle{display:block}.nav.open{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--white);padding:1.5rem;box-shadow:var(--shadow-lg);gap:1rem}.nav.open a{color:var(--gray-700);padding:.5rem 0}.hero h1{font-size:2.5rem}.hero-stats{gap:2rem;flex-wrap:wrap}.section{padding:3.5rem 0}.section-title{font-size:1.85rem}.services-grid,.projects-grid{grid-template-columns:1fr}.cta h2{font-size:1.85rem}.cta-phone{font-size:1.35rem}.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center;justify-content:center}.header-phone{display:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--navy: #1a2332;--navy-light: #243447;--amber: #d97706;--amber-dark: #b45309;--amber-light: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px -5px rgba(0, 0, 0, .15)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}