:root{--cream:#fffaf0;--paper:#fffdf8;--brown:#3d2417;--orange:#e96f2e;--green:#567345;--muted:#776d63;--line:#eadfce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#1d1916;font-family:Inter,Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:var(--brown);color:#f7ead9;font-size:12px}.topbar .container{height:36px;display:flex;justify-content:space-between;align-items:center}.top-links{display:flex;gap:18px}.header{position:sticky;top:0;z-index:30;background:#fffaf0ee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font:900 26px Georgia;color:var(--brown)}.logo small{display:block;font:700 9px Inter;letter-spacing:2px;color:var(--green)}.navlinks{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--orange)}.nav-order{background:var(--orange);color:white;padding:11px 18px;border-radius:999px}.menu{display:none;background:none;border:0;font-size:25px}.hero{padding:90px 0 80px;background:linear-gradient(115deg,#fffaf0,#f7eedc)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:var(--green);display:flex;gap:9px;align-items:center}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.hero h1,.pagehero h1{font:900 clamp(50px,7vw,82px)/.98 Georgia;color:var(--brown);letter-spacing:-3px;margin:18px 0}.hero h1 em,.pagehero h1 em,h2 em{color:var(--orange);font-style:normal}.hero p,.pagehero p{font-size:18px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:14px 21px;font-weight:900;font-size:13px;cursor:pointer}.btn-primary{background:var(--orange);color:#fff}.btn-dark{background:var(--brown);color:#fff}.btn-outline{border:1px solid #cbbba6;background:transparent;color:var(--brown)}.hero-stats{display:flex;gap:35px;margin-top:42px}.hero-stats strong{font:800 26px Georgia;display:block;color:var(--brown)}.hero-stats span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8a7c6d}.hero-art{min-height:500px;border-radius:34px;background:linear-gradient(145deg,#e7c879,#a96a37);display:grid;place-items:center;box-shadow:0 18px 55px #3924171a;position:relative}.pack{width:260px;height:360px;background:#fff9e8;border-radius:18px 18px 25px 25px;box-shadow:20px 28px 45px #4d2d1b55;transform:rotate(-4deg);padding:28px 22px;text-align:center}.brandword{font:900 43px Georgia;color:var(--brown)}.grain{font-size:80px;margin:25px 0 10px}.seal{position:absolute;right:10%;top:13%;width:65px;height:65px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;z-index:2}.marquee{background:var(--green);color:#fff}.marquee .container{min-height:60px;display:flex;align-items:center;justify-content:space-around;gap:18px;flex-wrap:wrap;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.section{padding:100px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 50px}.section-head h2,.split h2{font:900 clamp(38px,5vw,58px)/1.05 Georgia;color:var(--brown);margin:14px 0}.section-head p,.split p{color:var(--muted)}.cards,.product-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.product,.recipe{background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden}.card-media,.product-img,.recipe-img{height:230px;background:linear-gradient(145deg,#e6cf99,#d07a43);display:grid;place-items:center}.mini-pack,.product-pack{background:#fff5d6;box-shadow:12px 15px 25px #53351c44;display:grid;place-items:center;text-align:center}.mini-pack{width:125px;height:175px;font-size:45px}.card-body,.product-info,.recipe-body{padding:24px}.card h3,.product h3,.recipe h3{font:800 24px Georgia;color:var(--brown);margin:0 0 7px}.card p,.product p,.recipe p{font-size:13px;color:var(--muted)}.link{font-size:12px;font-weight:900;color:var(--orange)}.green-section{background:var(--green);color:#fff}.green-section .section-head h2{color:#fff}.green-section .section-head p{color:#e5efdd}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff33}.benefit{padding:34px;background:#567345}.benefit h3{font:800 21px Georgia;margin:0 0 8px}.benefit p{font-size:13px;color:#e4eddd}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo-card{min-height:500px;border-radius:30px;background:linear-gradient(145deg,#d3ad68,#7d4a2d);display:grid;place-items:center}.plate{width:330px;height:330px;border-radius:50%;background:#fffaf0;border:15px solid #eee0c7;display:grid;place-items:center;font-size:100px}.checklist{padding:0;list-style:none}.checklist li{padding:10px 0 10px 30px;position:relative;font-size:14px}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green);font-size:18px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{background:#fff;border:1px solid var(--line);padding:28px;border-radius:22px}.stars{color:var(--orange)}.quote p{font:italic 16px/1.6 Georgia;color:var(--brown)}.pagehero{padding:80px 0 65px;background:linear-gradient(120deg,#fffaf0,#f3e7d2);border-bottom:1px solid var(--line)}.pagehero h1{max-width:900px}.product-grid{grid-template-columns:repeat(4,1fr)}.product-img{height:240px}.product-pack{width:125px;height:175px;font:900 18px Georgia;color:var(--brown);border-radius:10px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f8ead8;color:var(--orange);font-size:9px;font-weight:900;text-transform:uppercase}.recipe-grid{grid-template-columns:repeat(3,1fr)}.recipe-img{font-size:80px}.timeline{max-width:850px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:#decfb9}.timeitem{position:relative;padding:0 0 42px 65px}.timeitem:before{content:"";position:absolute;left:8px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--orange);border:5px solid var(--cream)}.timeitem strong{color:var(--orange);font-size:12px}.timeitem h3{font:800 25px Georgia;color:var(--brown);margin:4px 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-box{background:#fff;border:1px solid var(--line);padding:32px;border-radius:25px}.field{margin-bottom:15px}.field label{display:block;font-size:11px;font-weight:900;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;border:1px solid #d9cdbb;background:#fffdf8;padding:13px;border-radius:10px;font:inherit}.field textarea{min-height:120px}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:900;color:var(--brown);display:flex;justify-content:space-between}.faq p{color:var(--muted);font-size:13px}.cta{background:var(--brown);color:#fff;padding:75px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font:900 48px Georgia;margin:0}.cta h2 em{color:#f2bd55}.notice{padding:15px 18px;background:#fff3db;border:1px solid #ead3aa;border-radius:12px;color:#6b4b29;font-size:12px}.success{margin-top:15px;background:#eaf4e3;border:1px solid #c8dfb7;padding:15px;border-radius:12px;color:#48613b;font-weight:800}footer{background:#27170f;color:#eadfce;padding:60px 0 22px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footergrid h4{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#bca98f}.footergrid a{display:block;font-size:12px;margin:9px 0;color:#eadfce}.footergrid p{color:#a99580;font-size:12px;max-width:290px}.footbottom{border-top:1px solid #51392b;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;color:#9e8b78;font-size:10px}@media(max-width:950px){.navlinks{gap:13px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards,.testimonials,.recipe-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits,.process{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:2fr 1fr 1fr}}@media(max-width:700px){.top-links{display:none}.menu{display:block}.navlinks{display:none;position:absolute;top:114px;left:0;right:0;background:var(--cream);padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.nav-order{text-align:center}.hero{padding:60px 0}.hero h1,.pagehero h1{font-size:48px}.section{padding:75px 0}.cards,.product-grid,.benefits,.process,.testimonials,.recipe-grid,.footergrid{grid-template-columns:1fr}.hero-stats{justify-content:space-between;gap:10px}.cta-inner{flex-direction:column;align-items:flex-start}.cta h2{font-size:38px}.footbottom{flex-direction:column;gap:8px}}
/* =========================================
   VARIABLES & RESET
========================================= */
:root {
    --primary-color: #0F2027; /* Deep Navy */
    --accent-color: #bca98f; /* Premium Gold */
    --accent-hover: #a38f74;
    --text-dark: #222222;
    --text-light: #555555;
    --bg-light: #f9fafb;
    --white: #ffffff;
    --transition: all 0.3s ease-in-out;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: var(--text-dark); line-height: 1.7; background-color: var(--white); }
h1, h2, h3, h4, .logo { font-family: 'Playfair Display', serif; }
a { text-decoration: none; transition: var(--transition); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.mt-2 { margin-top: 15px; }

/* =========================================
   ANIMATIONS (NEW)
========================================= */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn 1.2s ease-out; }
.slide-up { animation: slideUp 1s ease-out forwards; }

/* =========================================
   TOP BAR & HEADER
========================================= */
.topbar { background-color: var(--primary-color); color: var(--white); font-size: 13px; padding: 10px 0; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; }
.top-links a { color: var(--accent-color); margin-left: 20px; font-weight: 600; }
.top-links a:hover { color: var(--white); }
.header { background: var(--white); box-shadow: 0 4px 15px rgba(0,0,0,0.03); position: sticky; top: 0; z-index: 1000; }
.nav { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; }
.logo { font-size: 24px; font-weight: 700; color: var(--primary-color); display: flex; flex-direction: column; line-height: 1.1; }
.logo small { font-size: 11px; font-family: 'Inter', sans-serif; color: var(--accent-color); letter-spacing: 1.5px; text-transform: uppercase; }
.navlinks a { color: var(--text-dark); margin-left: 30px; font-weight: 600; font-size: 15px; }
.navlinks a:hover { color: var(--accent-color); }
.btn-nav-order { background: var(--accent-color); color: var(--white) !important; padding: 10px 22px; border-radius: 4px; }
.btn-nav-order:hover { background: var(--primary-color); }
.menu { display: none; background: none; border: none; font-size: 28px; cursor: pointer; color: var(--primary-color); }

/* =========================================
   HERO SECTION
========================================= */
.hero { position: relative; background: url('https://images.unsplash.com/photo-1600565193348-f74bd3c7ccdf?auto=format&fit=crop&q=80&w=1920') center/cover no-repeat; min-height: 85vh; display: flex; align-items: center; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(15, 32, 39, 0.95), rgba(32, 58, 67, 0.7)); }
.hero-content { position: relative; z-index: 2; color: var(--white); max-width: 800px; }
.hero h1 { font-size: 4.5rem; line-height: 1.1; margin: 20px 0; }
.hero h1 em { color: var(--accent-color); font-style: italic; }
.hero p { font-size: 1.2rem; margin-bottom: 35px; opacity: 0.9; max-width: 650px; }
.eyebrow { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; color: var(--accent-color); }
.hero-stats { display: flex; gap: 50px; margin-top: 50px; border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; }
.stat-item strong { display: block; font-size: 2rem; color: var(--accent-color); font-family: 'Playfair Display', serif; }
.stat-item span { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #ccc; }

/* =========================================
   BUTTONS
========================================= */
.btn { display: inline-block; padding: 14px 30px; font-weight: 600; border-radius: 4px; cursor: pointer; text-align: center; }
.btn-primary { background: var(--accent-color); color: var(--white); border: 2px solid var(--accent-color); }
.btn-primary:hover { background: var(--primary-color); border-color: var(--primary-color); }
.btn-outline-light { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.5); margin-left: 15px; }
.btn-outline-light:hover { background: var(--white); color: var(--primary-color); border-color: var(--white); }

/* =========================================
   LAYOUTS & SECTIONS
========================================= */
.section { padding: 100px 0; }
.bg-light { background-color: var(--bg-light); }
.bg-dark { background-color: var(--primary-color); }
.text-white { color: var(--white); }
.text-gold { color: var(--accent-color); }
.light-eyebrow { color: var(--accent-color); }
.center { text-align: center; margin-bottom: 60px; }
.section-head h2 { font-size: 2.8rem; margin: 15px 0 20px; color: var(--primary-color); }
.bg-dark .section-head h2 { color: var(--white); }
.section-head h2 em { color: var(--accent-color); }
.section-head p { max-width: 600px; margin: 0 auto; color: var(--text-light); font-size: 1.1rem; }

/* Grids */
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; }

/* Cards */
.card { background: var(--white); border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.06); transition: var(--transition); border: 1px solid #eee; }
.card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); border-color: var(--accent-color); }
.card-img { width: 100%; height: 240px; object-fit: cover; }
.card-body { padding: 35px 30px; }
.card-body h3 { font-size: 1.6rem; margin-bottom: 15px; color: var(--primary-color); }
.card-body p { color: var(--text-light); }

/* Split Section (Image + Text) */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.rounded-img { width: 100%; border-radius: 12px; }
.shadow { box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
.split h2 { font-size: 2.8rem; margin: 15px 0; color: var(--primary-color); }
.checklist { list-style: none; margin: 25px 0; }
.checklist li { position: relative; padding-left: 35px; margin-bottom: 18px; color: var(--text-light); font-size: 1.05rem; font-weight: 600; }
.checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--white); background: var(--accent-color); width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; }

/* Benefit Boxes (Leadership) */
.benefit-box { padding: 40px; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; background: rgba(255,255,255,0.02); transition: var(--transition); }
.benefit-box:hover { background: rgba(255,255,255,0.06); border-color: var(--accent-color); }
.benefit-box h3 { font-size: 1.8rem; margin-bottom: 5px; }

/* =========================================
   CTA SECTION
========================================= */
.cta { background: linear-gradient(135deg, var(--primary-color), #1a303a); padding: 90px 0; text-align: center; color: var(--white); }
.cta h2 { font-size: 3.5rem; margin-bottom: 35px; }
.cta h2 em { color: var(--accent-color); }

/* =========================================
   FOOTER
========================================= */
.footer { background: #071014; color: #9aa5ab; padding: 80px 0 20px; font-size: 14px; }
.footergrid { display: grid; grid-template-columns: 2fr 1fr 1.5fr 1.5fr; gap: 40px; margin-bottom: 60px; }
.footer h4 { color: var(--white); margin-bottom: 20px; font-family: 'Inter', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.footer p { margin-bottom: 10px; line-height: 1.8; }
.footer a { display: block; color: #9aa5ab; margin-bottom: 12px; }
.footer a:hover { color: var(--accent-color); }
.footbottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 25px; display: flex; justify-content: space-between; font-size: 13px; }

/* =========================================
   RESPONSIVE DESIGN (MOBILE)
========================================= */
@media (max-width: 900px) {
    .split { grid-template-columns: 1fr; gap: 40px; }
    .hero h1 { font-size: 3rem; }
    .footergrid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .navlinks { display: none; } 
    .menu { display: block; }
    .hero { min-height: 70vh; text-align: center; }
    .hero-stats { flex-direction: column; gap: 20px; align-items: center; border: none; }
    .actions { display: flex; flex-direction: column; gap: 15px; align-items: center; }
    .btn-outline-light { margin-left: 0; }
    .footergrid { grid-template-columns: 1fr; text-align: center; }
    .footbottom { flex-direction: column; gap: 15px; text-align: center; }
    .topbar-inner { flex-direction: column; gap: 10px; text-align: center; }
}