*{box-sizing:border-box}
:root{
  --green:#073f22;
  --green2:#0b5a31;
  --orange:#cf5b18;
  --gold:#d6a833;
  --cream:#f8f4ea;
  --dark:#111;
}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--dark)}
.wrap{width:min(1180px,94%);margin:auto}
.top{background:#fff;border-bottom:1px solid rgba(214,168,51,.55);position:relative;z-index:5}
.nav{height:86px;display:grid;grid-template-columns:190px 1fr 150px;gap:24px;align-items:center}
.logo{max-height:66px;max-width:180px;object-fit:contain}
nav{display:flex;justify-content:center;gap:28px}
nav a{text-decoration:none;color:#222;font-weight:800;font-size:14px}
.contact-btn,.actions a{background:var(--orange);color:#fff;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:900;text-align:center;box-shadow:0 8px 18px rgba(207,91,24,.25)}
.hero{min-height:590px;position:relative;background:
  linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.45)),
  url('assets/hero-spices.jpg') center/cover no-repeat,
  #222;color:#fff;overflow:hidden}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;background:var(--cream);clip-path:polygon(0 65%,100% 35%,100% 100%,0 100%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:590px}
.tag{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:2px}
h1{font-size:clamp(44px,6vw,76px);line-height:.98;margin:12px 0;text-transform:uppercase;max-width:650px}
.sub{font-size:21px;line-height:1.55;max-width:680px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.actions a:nth-child(2){background:var(--green)}
.launch-card{background:rgba(255,255,255,.94);color:#111;border:3px solid var(--gold);border-radius:26px;padding:34px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.launch-card img{width:min(360px,90%);height:auto;margin-bottom:18px}
.launch-card h2{font-size:38px;color:var(--green);margin:0 0 10px;text-transform:uppercase}
.launch-card p{font-size:18px;font-weight:700;color:#555}
.dots{display:flex;justify-content:center;gap:10px;margin-top:20px}
.dots span{width:13px;height:13px;background:var(--orange);border-radius:50%;animation:pulse 1.5s infinite}
.dots span:nth-child(2){animation-delay:.25s}.dots span:nth-child(3){animation-delay:.5s}
@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}
.info{padding:55px 0;background:var(--cream)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-grid div{background:#fff;border:1px solid rgba(214,168,51,.7);border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.info-grid h3{color:var(--green);font-size:22px;margin:0 0 8px}
.info-grid p{line-height:1.55;margin:0}
footer{background:var(--green);color:#fff;text-align:center;padding:18px;font-weight:700}
@media(max-width:800px){
  .nav{height:auto;grid-template-columns:1fr;padding:15px 0;text-align:center}
  nav{flex-wrap:wrap;gap:14px}
  .hero-grid,.info-grid{grid-template-columns:1fr;text-align:center}
  .sub{margin:auto}
  .actions{justify-content:center}
}