*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f3ed;color:#171717}
a{text-decoration:none;color:inherit}
.header{min-height:520px;background:linear-gradient(135deg,#151515,#2d251d 55%,#8b642f);color:#fff;padding:28px 7vw;display:flex;flex-direction:column;justify-content:space-between}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:24px;font-weight:900;letter-spacing:.08em}
.menu a{margin-left:26px;opacity:.86}
.menu a:hover{opacity:1}
.hero{max-width:720px;padding:80px 0 40px}
.hero h1{font-size:68px;line-height:.95;margin:0 0 22px}
.hero p{font-size:21px;line-height:1.45;opacity:.86;margin:0 0 30px}
.btn{display:inline-block;background:#e9b75f;color:#111;padding:15px 25px;border-radius:999px;font-weight:900}
.btn.dark{background:#171717;color:#fff}
.section{padding:64px 7vw}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}
.section h2{font-size:38px;margin:0}
.muted{color:#777}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.08);transition:.25s}
.card:hover{transform:translateY(-5px)}
.card img{width:100%;height:260px;object-fit:cover;display:block}
.card-body{padding:22px}
.tag{text-transform:uppercase;letter-spacing:.12em;color:#96703a;font-size:12px;font-weight:900}
.card h3{font-size:22px;margin:9px 0 12px}
.price{font-size:23px;font-weight:900}
.old{color:#999;text-decoration:line-through;font-size:15px;margin-right:8px}
.banner{background:#171717;color:#fff;border-radius:34px;padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.banner h2{font-size:42px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.feature{background:#fff;border-radius:24px;padding:24px}
.feature b{display:block;font-size:18px;margin-bottom:8px}
.page-head{background:#171717;color:#fff;padding:90px 7vw 55px}
.page-head h1{font-size:54px;margin:0 0 12px}
.text{max-width:900px;font-size:18px;line-height:1.7}
.footer{background:#111;color:#aaa;padding:36px 7vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.menu{display:none}.hero h1{font-size:44px}.banner{grid-template-columns:1fr}.section-top{display:block}.page-head h1{font-size:38px}}