:root{--color-primary: #785829;--color-primary-light: #b2905e;--color-dark: #1a1a1a;--color-dark-soft: #242424;--color-light: #ffffff;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--font-main: "Inter", sans-serif;--font-heading: "Montserrat", sans-serif;--container-width: 1200px;--section-padding: 100px 0;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-dark);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-light);line-height:1.2}ul{list-style:none}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.8rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary{background-color:var(--color-primary);color:var(--color-light)}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-light)}#header{position:fixed;top:0;width:100%;z-index:1000;padding:1rem 0;background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(120,88,41,.2)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:50px;width:auto}.logo-dark{display:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a:hover{color:var(--color-primary-light)}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.menu-toggle span{width:30px;height:2px;background:var(--color-light);transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{height:100vh;display:flex;align-items:center;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=2072) center/cover;padding-top:80px}.hero-content{max-width:700px}.badge{display:inline-block;padding:.4rem 1rem;background:#78582933;border:1px solid var(--color-primary);color:var(--color-primary-light);border-radius:50px;font-size:.9rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:4rem;margin-bottom:1.5rem}.hero h1 span{color:var(--color-primary-light)}.hero p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--color-text-muted)}.hero-actions{display:flex;gap:1rem}.section{padding:var(--section-padding)}.bg-dark{background-color:var(--color-dark-soft)}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;background:var(--color-primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.expertise-item{background:var(--color-dark-soft);padding:1.5rem;border-radius:8px;border:1px solid rgba(120,88,41,.1);transition:var(--transition)}.expertise-item:hover{border-color:var(--color-primary);transform:translateY(-5px)}.expertise-item .icon{font-size:2rem;margin-bottom:1rem}.image-placeholder{width:100%;aspect-ratio:1/1;background:linear-gradient(45deg,var(--color-dark),var(--color-primary));border-radius:20px;opacity:.5}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header .section-title:after{left:50%;transform:translate(-50%)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:var(--color-dark);padding:2.5rem;border-radius:12px;border:1px solid rgba(120,88,41,.2);transition:var(--transition);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary)}.product-card:hover{transform:translateY(-10px);background:#7858290d;box-shadow:0 10px 30px #0000004d}.product-tag{display:block;font-size:.8rem;color:var(--color-primary-light);margin-bottom:1rem;font-weight:700;text-transform:uppercase}.product-card h3{font-size:1.75rem;margin-bottom:.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-item{text-align:center;padding:3rem 2rem;background:var(--color-dark-soft);border-radius:12px;border-bottom:3px solid transparent;transition:var(--transition)}.service-item:hover{background:#2a2a2a;border-bottom-color:var(--color-primary);transform:translateY(-5px)}.icon-service{font-size:3rem;display:block;margin-bottom:1.5rem;font-style:normal}.service-item h3{margin-bottom:1rem}.service-item p{color:var(--color-text-muted)}footer{background:#0d0d0d;padding-top:5rem;border-top:1px solid rgba(120,88,41,.1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-logo{height:40px;margin-bottom:1.5rem}.footer-brand p{color:var(--color-text-muted);max-width:300px}.footer-links h4,.footer-contact h4{margin-bottom:1.5rem;font-size:1.1rem}.footer-links ul li{margin-bottom:.8rem;color:var(--color-text-muted)}.footer-links ul li a:hover{color:var(--color-primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:2rem 0;text-align:center;color:var(--color-text-muted);font-size:.9rem}@media(max-width:992px){.hero h1{font-size:3rem}.grid-2{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:var(--color-dark);flex-direction:column;padding:4rem 2rem;display:flex;transition:var(--transition);z-index:999}.nav-links.active{left:0}.menu-toggle{display:flex}.hero{text-align:center}.hero-actions{justify-content:center}.section-padding{padding:60px 0}}
