:root{--ink:#0a0a0a;--cream:#f7f1e7;--paper:#fffdf8;--gold:#cba33a;--muted:#706960;--line:#ddd3c5;--soft:#eee4d7;--max:1180px;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55} body.lock{overflow:hidden}
a{color:inherit;text-decoration:none} button,input{font:inherit} img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto} .serif{font-family:Georgia,"Times New Roman",serif}
.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:999} .skip:focus{left:10px}
:focus-visible{outline:3px solid #e3c76a;outline-offset:3px}
.previewBanner{background:#f3e7b9;color:#2a2413;padding:10px 18px;text-align:center;font-size:12px;border-bottom:1px solid #d7c47c}
.previewBanner strong{letter-spacing:.07em}
header{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.97);color:white;border-bottom:1px solid #292929}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px} .badge{width:52px;height:52px} .brandWords strong{display:block;letter-spacing:.15em;font-size:13px} .brandWords span{display:block;color:#aaa196;font-size:8px;letter-spacing:.18em;margin-top:3px}
.navLinks{display:flex;gap:21px;align-items:center;font-size:12px;color:#d5cec4} .navLinks a:hover{color:white} .navCta{background:var(--gold);color:#111!important;padding:11px 15px;font-weight:800}
@media(max-width:900px){.navLinks a:not(.navCta){display:none}.brandWords{display:none}}
.appPage{display:none} .appPage.active{display:block}
.hero{background:#0b0b0b;color:white;padding:68px 0 55px} .heroGrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center}
.hero h1{font-size:clamp(50px,6.3vw,84px);font-weight:400;line-height:.96;letter-spacing:-.035em;margin:12px 0 22px} .hero p{font-size:18px;color:#d0c8bd;max-width:610px;margin:0 0 28px}
.actions{display:flex;gap:11px;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid white;color:white;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer;background:transparent} .btn.gold{background:var(--gold);border-color:var(--gold);color:#111} .btn.dark{background:#111;border-color:#111}
.heroImage{position:relative;border:1px solid #2d2d2d;overflow:hidden;background:#111} .heroImage img{width:100%;aspect-ratio:16/9;object-fit:cover} .priceFlag{position:absolute;left:14px;bottom:14px;background:var(--gold);color:#111;padding:10px 14px} .priceFlag b{font:34px Georgia,serif;font-weight:400} .priceFlag span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin-left:4px}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr}}
.goldbar{background:var(--gold);padding:11px 0;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
section{padding:84px 0} .head{max-width:780px;margin-bottom:38px} .head h2{font-size:clamp(38px,5vw,60px);font-weight:400;line-height:1.03;margin:9px 0 13px} .head p{font-size:17px;color:var(--muted);margin:0}
.sample{background:var(--paper)} .sampleGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start} .sampleVisual{position:sticky;top:96px} .sampleVisual img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)} .caption{font-size:12px;color:var(--muted);margin-top:9px}
.weekButtons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px} .weekButton{border:1px solid #c9bdad;background:transparent;padding:9px 13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer} .weekButton.active{background:#111;color:white;border-color:#111}
.menuHead{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px} .menuHead h3{font:34px Georgia,serif;font-weight:400;margin:0} .menuHead span{font-size:11px;color:var(--muted);text-align:right}
.menuGroups{display:grid;grid-template-columns:1fr 1fr;gap:18px} .menuGroup{border-top:2px solid #111;padding-top:11px} .menuGroup h4{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0 0 8px} .menuGroup ul{list-style:none;padding:0;margin:0} .menuGroup li{font-size:14px;padding:6px 0;border-bottom:1px solid #eee5d9}
.draftNote{background:#f4ede1;padding:14px;color:#5e574e;font-size:13px;margin-top:17px}
@media(max-width:840px){.sampleGrid{grid-template-columns:1fr}.sampleVisual{position:static}.menuGroups{grid-template-columns:1fr}}
.how{background:#111;color:white} .how .head p{color:#bbb1a4} .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px} .step{border-top:1px solid #444;padding-top:17px} .step b{font:31px Georgia,serif;color:var(--gold)} .step h3{font:27px Georgia,serif;font-weight:400;margin:7px 0} .step p{color:#bcb3a7;margin:0}
@media(max-width:700px){.steps{grid-template-columns:1fr}}
.value{background:#f0e5d7} .valueGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center} .valueTitle{font:clamp(44px,5vw,61px) Georgia,serif;line-height:1.03} .benefits{display:grid;grid-template-columns:1fr;gap:0} .benefit{padding:18px 0;border-top:1px solid #d4c7b7} .benefit:last-child{border-bottom:1px solid #d4c7b7} .benefit strong{font:23px Georgia,serif;font-weight:400;display:block;margin-bottom:4px} .benefit span{color:var(--muted)} @media(max-width:760px){.valueGrid{grid-template-columns:1fr}}
.delivery{background:white} .deliveryGrid{display:grid;grid-template-columns:1fr .82fr;gap:45px;align-items:start} .facts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:23px} .fact{background:#f5eee4;border:1px solid #e1d6c7;padding:17px} .fact small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800} .fact strong{display:block;font:23px Georgia,serif;font-weight:400;margin-top:4px}
.zipCard{background:#111;color:white;padding:28px} .zipCard h3{font:31px Georgia,serif;font-weight:400;margin:7px 0} .zipCard p{color:#beb5aa;margin:0 0 18px} .zipForm{display:grid;grid-template-columns:1fr auto;gap:8px} .zipForm input{min-height:49px;padding:0 13px;border:1px solid #444} .zipForm button{border:0;background:var(--gold);color:#111;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:0 16px;cursor:pointer}
.zipResult{display:none;margin-top:14px;padding:14px;font-size:14px} .zipResult.good{display:block;background:#173525;color:#ecf8f0} .zipResult.flag{display:block;background:#3b2f17;color:#fff0bd} .zipResult.no{display:block;background:#3a1f1f;color:#ffe1e1} .zipResult .inlineBtn{margin-top:11px;border:1px solid currentColor;background:transparent;color:inherit;padding:9px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;cursor:pointer}
@media(max-width:760px){.deliveryGrid{grid-template-columns:1fr}} @media(max-width:520px){.facts{grid-template-columns:1fr}.zipForm{grid-template-columns:1fr}.zipForm button{padding:14px}}
.halal{background:#f7f1e7} .halalGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px} .halal h2{font:50px Georgia,serif;font-weight:400;line-height:1.03;margin:8px 0} .halalStatus{background:white;border:1px solid var(--line);padding:22px} .statusRow{padding:13px 0;border-top:1px solid var(--line)} .statusRow:first-child{border-top:0} .statusRow small{display:block;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:9px;font-weight:800} .statusRow strong{display:block;margin-top:4px} .pending{color:#8a5b13}
@media(max-width:760px){.halalGrid{grid-template-columns:1fr}}
.pricing{background:var(--gold)} .pricingGrid{display:grid;grid-template-columns:1fr .72fr;gap:44px;align-items:center} .pricing h2{font:clamp(45px,6vw,70px) Georgia,serif;font-weight:400;line-height:1;margin:0 0 13px} .priceCard{background:#111;color:white;padding:33px;text-align:center} .priceCard .big{font:72px Georgia,serif;line-height:1} .priceCard .small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin-top:7px} .disclosure{background:#211c11;color:#f1e2b0;padding:14px;text-align:left;font-size:12px;margin-top:17px}
@media(max-width:720px){.pricingGrid{grid-template-columns:1fr}}
.about{background:var(--paper)} .aboutGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px} .about h2{font:51px Georgia,serif;font-weight:400;line-height:1.03;margin:8px 0} .aboutCopy p{font-size:17px;color:var(--muted)} @media(max-width:700px){.aboutGrid{grid-template-columns:1fr}}
.faq{background:#111;color:white} .faqGrid{display:grid;grid-template-columns:.6fr 1.4fr;gap:45px} .faq h2{font:46px Georgia,serif;font-weight:400;margin:8px 0} .faqIntro{color:#aaa196} details{border-top:1px solid #383838;padding:18px 0} details:last-child{border-bottom:1px solid #383838} summary{font:21px Georgia,serif;cursor:pointer} details p{color:#aaa196;max-width:760px}
@media(max-width:760px){.faqGrid{grid-template-columns:1fr}}
.final{background:#f7f1e7;text-align:center} .final h2{font:clamp(44px,6vw,69px) Georgia,serif;font-weight:400;line-height:1;margin:0 0 13px} .final p{color:var(--muted);max-width:650px;margin:0 auto 22px}
footer{background:#050505;color:white;padding:43px 0} .foot{display:grid;grid-template-columns:1fr 1.3fr;gap:30px} .footLinks{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;color:#aaa196;font-size:11px} .footMeta{color:#716a62;font-size:11px;margin-top:17px;text-align:right} @media(max-width:700px){.foot{grid-template-columns:1fr}.footLinks{justify-content:flex-start}.footMeta{text-align:left}}
.legal{background:var(--paper);min-height:75vh;padding:60px max(18px,calc((100vw - 900px)/2)) 90px} .legalTop{display:flex;justify-content:space-between;gap:15px;margin-bottom:38px;color:var(--muted);font-size:12px} .legal h1{font:clamp(43px,6vw,67px) Georgia,serif;font-weight:400;line-height:1;margin:0 0 30px} .legalBody h3{font:25px Georgia,serif;font-weight:400;margin:29px 0 6px} .legalBody p{font-size:16px;color:#504b44} .legalBody a{text-decoration:underline}
.manage{background:var(--paper);min-height:75vh;padding:70px 0 95px} .manageCard{max-width:690px;margin:auto;background:white;border:1px solid var(--line);padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.08)} .manageCard h1{font:42px Georgia,serif;font-weight:400;margin:18px 0 8px} .manageCard p{color:var(--muted)} .row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 0} .row span{font-size:13px;color:var(--muted)} .demoBtn{background:#111;color:white;border:0;padding:12px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;cursor:pointer} .demoBtn.danger{background:#7b2a2a}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:100} .modal.open{display:flex} .modalCard{background:white;width:min(610px,100%);max-height:90vh;overflow:auto;padding:28px} .modalCard h2{font:37px Georgia,serif;font-weight:400;margin:6px 0} .modalCard p{color:var(--muted)} .modalActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px} .closeBtn{background:white;border:1px solid #111;color:#111;padding:12px 14px;font-weight:800;cursor:pointer}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}