
:root{--orange:#ff5a00;--deep:#15110f;--cream:#fff7ec;--muted:#6f625d}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--deep);line-height:1.6}
a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}
.nav{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;color:var(--orange)}
.brand img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.menu{display:flex;gap:24px;font-weight:700}.menu a:hover{color:var(--orange)}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 8px 20px rgba(255,90,0,.25);margin:5px}
.btn.dark{background:var(--deep)}
.hero{background:linear-gradient(120deg,#1b120f 0%,#3b1608 52%,#ff5a00 130%);color:#fff;padding:78px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:20px}
h1{font-size:56px;line-height:1.05;margin-bottom:18px}.highlight{color:#ffb066}
.hero p{font-size:19px;color:#ffe8d8;margin-bottom:26px;max-width:650px}
.hero-card{background:#fff;border-radius:28px;padding:28px;color:var(--deep);box-shadow:0 18px 45px rgba(0,0,0,.3);text-align:center}
.hero-card img{width:260px;height:260px;border-radius:50%;object-fit:cover;margin-bottom:16px}
.hero-card h3{font-size:28px;color:var(--orange)}
.section{padding:70px 0}.section-title{text-align:center;margin-bottom:38px}
.section-title h2{font-size:38px;margin-bottom:10px}.section-title p{color:var(--muted);font-size:18px}
.products{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.product{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid #f0dfd3}
.product-img{height:230px;background:linear-gradient(135deg,#2a1711,#ff5a00);display:flex;align-items:center;justify-content:center;color:#fff;font-size:80px}
.product-body{padding:28px}.product-body h3{font-size:28px;margin-bottom:8px}
.price{font-size:28px;color:var(--orange);font-weight:900;margin:12px 0}.meta{color:var(--muted);font-weight:700;margin-bottom:16px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature{background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.feature .icon{font-size:34px;margin-bottom:10px}.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.about-box{background:var(--cream);border-radius:24px;padding:34px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.contact{background:linear-gradient(120deg,#21130f,#4a1d0d);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:28px}
.footer{background:#120c0a;color:#fff;padding:28px 0;text-align:center}.footer p{color:#d8c8bf}
.whatsapp{position:fixed;right:22px;bottom:22px;background:#25D366;color:#fff;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:60}
@media(max-width:800px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.products,.blog-grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.menu{display:none}h1{font-size:40px}}
