:root{--green:#173e31;--deep:#102d24;--cream:#f7f4e9;--sage:#b5c6aa;--ink:#18372c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px max(5vw,20px);background:var(--cream);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em}.brand img{width:46px;height:46px;object-fit:contain}nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.navbtn,.button{display:inline-block;background:var(--green);color:white;border-radius:40px;padding:15px 25px;font-weight:700;transition:transform .2s,background .2s}.button:hover,.navbtn:hover{transform:translateY(-2px);background:#2c634b}.hero{min-height:660px;background:linear-gradient(90deg,rgba(12,39,29,.94),rgba(12,39,29,.76) 48%,rgba(12,39,29,.18)),url('/assets/food.jpg') center/cover;display:flex;align-items:center;color:white}.hero-inner{padding:90px max(7vw,25px);max-width:850px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#a9c8a8}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7vw,100px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d1e4c3}h2{font-size:clamp(34px,4.5vw,64px);letter-spacing:-.045em;line-height:1.1;margin:18px 0 25px}.hero p{font-size:21px}.hero .sub{font-size:17px;line-height:1.7;max-width:520px;color:#e4eae1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 20px}.ghost{background:transparent;border:1px solid #dce8d8}.small{font-size:12px!important;opacity:.75;line-height:1.6}.intro,.preview,.end{padding:90px max(7vw,25px)}.intro{text-align:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;text-align:left}.features article{background:white;border-radius:20px;padding:35px;box-shadow:0 10px 35px #163d3010}.features article span{font-size:12px;letter-spacing:.14em;color:#6d9276;font-weight:800}.features h3{font-size:24px;margin:25px 0 15px}.features p,.sectionhead p{color:#63746a;line-height:1.7}.preview{background:#e9eee3}.screens{display:flex;gap:20px;overflow-x:auto;padding:25px 0;scroll-snap-type:x mandatory}.screens img{height:450px;max-width:80vw;width:auto;border-radius:22px;box-shadow:0 14px 35px #142f2726;scroll-snap-align:center}.plus{background:var(--green);color:white;padding:95px max(7vw,25px)}.plus>div{max-width:780px}.plus p{max-width:610px;line-height:1.7;color:#e1e9de}.plusmark{color:#c0dfaa}.light{background:#dcebd0;color:var(--green)}.end{text-align:center}.end p{font-size:19px}footer{background:var(--deep);color:white;padding:45px max(7vw,25px);display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}footer p{margin:0;color:#c7d6c9}.footbrand img{width:38px;height:38px}.download{min-height:70vh;padding:90px 25px;text-align:center;background:radial-gradient(circle at top,#e5eddd,var(--cream) 65%)}.download h1{font-size:clamp(44px,6vw,76px);color:var(--green)}.download>p{max-width:560px;margin:0 auto 35px;line-height:1.7}.links{display:grid;gap:16px;max-width:560px;margin:auto}.linkcard{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid #d9e3d5;border-radius:17px;padding:24px;text-align:left}.linkcard strong{display:block;font-size:19px}.linkcard span{display:block;color:#697c70;font-size:14px;margin-top:7px}.linkcard.disabled{opacity:.65}.linkcard:not(.disabled):hover{border-color:var(--green)}@media(max-width:700px){header{padding:12px 18px}nav{gap:12px}nav>a:not(.navbtn){display:none}.brand{font-size:13px}.brand img{width:38px;height:38px}.navbtn{padding:12px 14px}.hero{min-height:620px;background-position:60% center}.hero-inner{padding:75px 25px}.features{grid-template-columns:1fr}.intro,.preview,.end{padding:65px 22px}.screens img{height:360px}footer{display:block}footer>*{margin:12px 0}}

/* Homepage app previews */
.hero{position:relative;gap:2vw;justify-content:space-between;overflow:hidden}
.hero-inner{position:relative;z-index:1;flex:1 1 53%;max-width:760px;padding-right:12px}
.hero-showcase{position:relative;flex:0 1 42%;min-width:290px;height:555px;margin:40px 6vw 40px 0;display:flex;align-items:center;justify-content:center}
.hero-phone{position:absolute;border:7px solid #17241f;border-radius:32px;overflow:hidden;background:#f8f6ed;box-shadow:0 24px 70px #0008;max-width:245px;width:65%;aspect-ratio:9/19.5}
.hero-phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.hero-phone-back{transform:translate(40%,8%) rotate(10deg);opacity:.9}
.hero-phone-front{transform:translate(-25%,-3%) rotate(-7deg);z-index:1}
.showcase-label{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.15em;white-space:nowrap;color:#f0f5e8}
@media(max-width:950px){.hero{flex-direction:column;align-items:stretch}.hero-inner{padding-bottom:15px}.hero-showcase{margin:0 auto 55px;width:min(90%,430px);height:430px;min-width:0}.hero-phone{max-width:185px}}
@media(max-width:550px){.hero-showcase{height:350px}.hero-phone{max-width:155px;border-width:5px;border-radius:23px}.showcase-label{bottom:0}}

/* Active store/social destinations */
a.linkcard{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
a.linkcard:hover,a.linkcard:focus-visible{transform:translateY(-2px);border-color:#357a64;box-shadow:0 8px 24px rgba(23,62,49,.12)}

/* MEALVORI+ premium feature showcase */
.plus{padding:88px max(6vw,24px);background:linear-gradient(135deg,#194d3c,#123c31);color:#fff}
.plus>div.plus-content{max-width:1180px;margin:0 auto}
.plus-lead{font-size:clamp(16px,1.7vw,20px);max-width:730px!important}
.plus-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.15em;color:#d5e7ce;margin:42px 0 18px}
.plus-dot{height:9px;width:9px;border-radius:50%;background:#b8e3a6}
.plus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plus-card{border:1px solid #ffffff28;background:#ffffff0e;border-radius:18px;padding:25px;min-height:190px}
.plus-card h3{font-size:20px;line-height:1.25;margin:14px 0 10px;color:#fff}
.plus-card p{font-size:14px;line-height:1.65;color:#dce8dc;margin:0}
.plus-icon{font-size:27px;line-height:1}
.plus-upcoming-label{margin-top:40px}
.plus-upcoming{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plus-upcoming>div{border:1px dashed #c7d9bf80;border-radius:16px;padding:21px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.plus-upcoming span{font-size:26px}.plus-upcoming strong{font-size:17px}.plus-upcoming small{margin-left:auto;color:#d5e4d5;font-size:12px}
.plus-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:42px;padding-top:30px;border-top:1px solid #ffffff30}
.plus-price{font-size:40px;font-weight:800;color:#fff}.plus-price span{font-size:17px;font-weight:500;color:#dce8dc}
.plus-bottom p.small{margin:8px 0;color:#dce8dc;max-width:520px}.plus-free{font-size:14px;color:#dce8dc;margin:10px 0 0}
@media(max-width:900px){.plus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.plus{padding:65px 22px}.plus-grid,.plus-upcoming{grid-template-columns:1fr}.plus-card{min-height:0}.plus-bottom{align-items:flex-start;flex-direction:column}.plus-upcoming small{margin-left:0}}

/* Mobile hero: keep action buttons fully visible above app previews. */
@media (max-width: 950px) {
  .hero { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; height:auto; min-height:0; overflow:hidden; }
  .hero-inner { flex:0 0 auto; width:100%; max-width:100%; padding:72px 25px 0; }
  .hero .actions { position:relative; z-index:2; margin:28px 0 20px; }
  .hero-showcase { flex:0 0 auto; position:relative; margin:85px auto 55px; width:min(85%,430px); height:430px; }
}
@media (max-width:550px) {
  .hero-inner { padding:58px 22px 0; }
  .hero h1 { font-size:clamp(45px,11vw,65px); overflow-wrap:normal; }
  .hero .actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:26px 0 18px; }
  .hero .actions .button { display:block; width:100%; text-align:center; }
  .hero .small { display:block; }
  .hero-showcase { width:min(82%,350px); height:330px; margin:95px auto 58px; }
  .hero-phone { width:53%; max-width:145px; }
  .hero-phone-back { transform:translate(34%,6%) rotate(8deg); }
  .hero-phone-front { transform:translate(-24%,-2%) rotate(-6deg); }
  .showcase-label { bottom:-16px; }
}