*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--dark:#1a1a1a;
--charcoal:#2d2d2d;
--warm:#d4892a;
--warm-dark:#b8741f;
--warm-light:#e6a54a;
--text:#333;
--text-mid:#666;
--text-light:#999;
--bg:#fff;
--bg-off:#f7f6f4;
--bg-dark:#1e1e1e;
--border:#e0ddd8;
--font:'Inter',system-ui,-apple-system,sans-serif;
--transition:.25s ease
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font);color:var(--text);line-height:1.6;background:var(--bg)}
a{text-decoration:none;color:inherit;transition:color var(--transition)}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.wrap--narrow{max-width:960px}

/* Header - dark top bar */
header{background:var(--dark);position:sticky;top:0;z-index:100}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo-img{height:40px;width:auto;filter:brightness(0) invert(1)}
nav{display:flex;align-items:center;gap:4px}
nav a{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.7);padding:8px 16px;border-radius:4px;transition:all var(--transition)}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-cta{background:var(--warm);color:#fff !important;font-weight:600;padding:9px 20px}
.nav-cta:hover{background:var(--warm-dark)}
.mob-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.mob-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}

/* Hero - full bleed image */
.hero{position:relative;height:520px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.15) 100%)}
.hero .wrap{position:relative;z-index:1;color:#fff}
.hero h1{font-size:2.8rem;font-weight:700;line-height:1.15;margin-bottom:14px;max-width:540px}
.hero p{font-size:1.1rem;opacity:.8;max-width:460px;margin-bottom:28px;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:4px;font-family:var(--font);font-weight:600;font-size:.88rem;cursor:pointer;border:none;transition:all var(--transition)}
.btn-p{background:var(--warm);color:#fff}
.btn-p:hover{background:var(--warm-dark);transform:translateY(-1px)}
.btn-o{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-o:hover{background:#fff;color:var(--dark)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:var(--charcoal)}
.btn-s{background:transparent;color:var(--dark);border:2px solid var(--dark)}
.btn-s:hover{background:var(--dark);color:#fff}

/* Tagline bar */
.tagline{background:var(--warm);color:#fff;text-align:center;padding:14px 0;font-size:.88rem;font-weight:600;letter-spacing:.02em}

/* Product categories - image cards */
.products-section{padding:72px 0}
.section-header{text-align:center;margin-bottom:44px}
.section-header h2{font-size:1.9rem;font-weight:700;color:var(--dark);margin-bottom:8px}
.section-header p{font-size:1rem;color:var(--text-mid);max-width:500px;margin:0 auto}
.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.p-card{position:relative;border-radius:8px;overflow:hidden;height:280px;cursor:pointer;transition:transform var(--transition)}
.p-card:hover{transform:translateY(-4px)}
.p-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease}
.p-card:hover .p-card-bg{transform:scale(1.05)}
.p-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 100%)}
.p-card-body{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff}
.p-card-body h3{font-size:1.15rem;font-weight:700;margin-bottom:4px}
.p-card-body p{font-size:.82rem;opacity:.75;line-height:1.5}

/* Why us - horizontal feature strip */
.why-section{background:var(--bg-off);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.why-item{text-align:center}
.why-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin:0 auto 14px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.why-item h4{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:6px}
.why-item p{font-size:.82rem;color:var(--text-mid);line-height:1.55}

/* About strip */
.about-section{padding:72px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-img{border-radius:8px;overflow:hidden;height:340px}
.about-img img{width:100%;height:100%;object-fit:cover}
.about-text h2{font-size:1.9rem;font-weight:700;color:var(--dark);margin-bottom:16px}
.about-text p{color:var(--text-mid);line-height:1.75;margin-bottom:14px}
.about-stats{display:flex;gap:40px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
.about-stat strong{display:block;font-size:1.6rem;font-weight:700;color:var(--dark)}
.about-stat span{font-size:.78rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em}

/* CTA */
.cta{padding:56px 0;background:var(--dark);color:#fff;text-align:center}
.cta h2{font-size:1.7rem;font-weight:700;margin-bottom:8px}
.cta p{opacity:.6;margin-bottom:24px;font-size:.95rem}

/* Page hero (subpages) */
.page-hero{background:var(--dark);color:#fff;padding:52px 0}
.page-hero h1{font-size:2rem;font-weight:700;margin-bottom:8px}
.page-hero p{font-size:1rem;opacity:.6;max-width:500px}

/* Two col */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.two-col h2{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:12px}
.two-col p{color:var(--text-mid);line-height:1.75;margin-bottom:14px}

/* Product list (products page) */
.prod-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prod-item{background:var(--bg-off);border-radius:8px;padding:28px 24px;border:1px solid var(--border);transition:all var(--transition)}
.prod-item:hover{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.prod-item h3{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:8px}
.prod-item p{font-size:.84rem;color:var(--text-mid);line-height:1.6}

/* Contact */
.contact-section{padding:72px 0}
.c-detail{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.c-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-off);border-radius:50%;flex-shrink:0}
.c-detail h4{font-size:.88rem;font-weight:700;margin-bottom:2px}
.c-detail p{font-size:.85rem;color:var(--text-mid)}
.c-form{background:var(--bg-off);border-radius:8px;padding:32px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-group{margin-bottom:16px}
.f-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px}
.f-group input,.f-group select,.f-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:4px;font-family:var(--font);font-size:.86rem;color:var(--text);background:#fff;transition:border-color var(--transition)}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{outline:none;border-color:var(--warm);box-shadow:0 0 0 3px rgba(212,137,42,.1)}
.f-group textarea{resize:vertical}

/* Footer */
footer{background:var(--bg-dark);color:rgba(255,255,255,.5);padding:48px 0 0}
.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}
.ft-brand .logo-img{height:32px;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.8}
.ft-brand p{font-size:.82rem;line-height:1.6}
.ft-col h4{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.8);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}
.ft-col a{display:block;padding:3px 0;font-size:.82rem;transition:color var(--transition)}
.ft-col a:hover{color:#fff}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;font-size:.72rem;opacity:.4}

@media(max-width:1024px){
.product-cards{grid-template-columns:repeat(2,1fr)}
.about-grid{grid-template-columns:1fr;gap:32px}
.ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.mob-toggle{display:flex}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark);flex-direction:column;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08)}
nav.active{display:flex}
nav a{padding:12px 0;width:100%}
.hero{height:420px}
.hero h1{font-size:2rem}
.product-cards,.prod-list{grid-template-columns:1fr}
.why-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.two-col{grid-template-columns:1fr;gap:28px}
.f-row{grid-template-columns:1fr}
.ft-grid{grid-template-columns:1fr}
.about-stats{flex-wrap:wrap;gap:24px}
.hero-actions{flex-direction:column}
}
@media(max-width:480px){
.why-grid{grid-template-columns:1fr}
.about-stats{flex-direction:column}
}