/* Additive presentation layer. Existing device geometry and landscape rules remain. */
:root{--nav-height:88px}
.menu-logo img{width:125px;height:auto}
.membership-icon{display:block;width:64px;height:64px;margin:0 0 22px;fill:none;stroke:var(--text);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.progress-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;padding:55px 6%;background:radial-gradient(ellipse at 75% 50%,#65432d55,transparent 65%),var(--bg)}
.progress-copy h2{font-size:clamp(32px,3.7vw,60px);margin:18px 0 24px}
.progress-copy p{font-size:clamp(16px,1.45vw,21px);line-height:1.6;color:var(--muted);max-width:530px}
.progress-copy .progress-support{font-size:16px}
.progress-chart{min-width:0;margin:0;padding:28px;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(135deg,#71523b33,#20150f66)}
.chart-heading h3{font-size:clamp(20px,2vw,28px);margin:8px 0 12px}
.weight-chart{display:block;width:100%;height:auto;overflow:visible}
.chart-grid{fill:none;stroke:#ffffff18;stroke-width:1}
.chart-curve{fill:none;stroke:#b38bff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.chart-axis{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}
.progress-chart figcaption{margin-top:24px;font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:700px){.progress-scene{grid-template-columns:1fr;gap:24px;padding:35px 24px}.progress-copy{text-align:center}.progress-copy h2{font-size:36px}.progress-copy p{margin-inline:auto}.progress-chart{padding:20px}.membership-icon{width:56px;height:56px;margin-bottom:18px}}
html{scroll-padding-top:calc(var(--nav-height) + 18px)}
.skip{z-index:80}
.header{position:fixed;inset:0 0 auto;height:var(--nav-height);z-index:40;padding:12px 6%;gap:28px;grid-template-columns:1fr auto 1fr;background:linear-gradient(180deg,#20140ff2 0%,#25180fdf 60%,#2b1c1280 84%,transparent 100%);isolation:isolate}
.header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}
.header .brand{grid-column:2;grid-row:1;width:160px;justify-self:center}
.header .brand img{width:100%;height:auto;max-height:62px}
.header .header-nav{display:flex;gap:clamp(14px,1.6vw,30px);font-size:12px;letter-spacing:.025em;font-weight:600;text-transform:none}
.header .header-nav-left{grid-column:1;grid-row:1;justify-content:flex-end}
.header .header-nav-right{grid-column:3;grid-row:1;justify-content:flex-start;padding-right:35px}
.header-nav a:hover,.header-nav a[aria-current="location"]{color:#fff;text-decoration:underline;text-underline-offset:6px}
.header>.language{position:absolute;display:flex;right:12px;top:50%;transform:translateY(-50%);padding:8px;width:44px;height:44px}
.header>.language svg{width:28px;height:28px}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px;align-items:center;justify-content:center}
#site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0;padding:24px 28px 32px;background:linear-gradient(145deg,#352215f5,#1f160ff5);box-shadow:-20px 0 80px #0004;overflow-y:auto;overscroll-behavior:contain}
#site-menu::backdrop{background:#1e140f88;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;font-size:13px;color:var(--muted)}
.menu-close{border:0;border-radius:0;width:44px;height:44px;background:none;font-size:28px;line-height:1;flex-shrink:0}
#site-menu a:focus-visible,#site-menu button:focus-visible{outline:none;color:#fff;text-shadow:0 0 8px #ffffff70}
#site-menu nav{display:grid}
#site-menu nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #ffffff24;font-size:23px;font-weight:600;letter-spacing:-.02em}
#site-menu nav a span{font-size:12px;font-weight:400;color:var(--muted)}
#site-menu>p{font-size:14px;line-height:1.65;margin-top:30px;color:var(--muted)}
body.menu-open{overflow:hidden}
.mini-label{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.6;color:var(--muted)}
.taste-demo{margin-top:22px}
.taste-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.taste-or{font-size:14px;color:var(--muted)}
.taste-actions button,.pantry-options button{border:1px solid #ffffff70;border-radius:999px;background:#35221555;color:#fff;padding:10px 18px;font-size:14px;min-height:44px}
.taste-actions button[aria-pressed="true"],.pantry-options button[aria-pressed="true"]{background:#fff9f4;color:#352215;border-color:#fff9f4}
.plan-copy .taste-result{font-size:14px;line-height:1.5;min-height:3em;max-width:420px;margin:12px 0 0;color:var(--muted)}
.pantry-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;padding:75px 6%;background:var(--bg)}
.pantry-scene::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg),#35221550 30%,#35221550 65%,var(--bg)),url('assets/original-background-warm.png') center/cover}
.pantry-copy h2{font-size:clamp(34px,4.2vw,66px);margin:20px 0 24px;line-height:1.08}
.pantry-copy>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:530px}
.pantry-copy .pantry-photo-note{font-size:15px;line-height:1.6;margin-top:28px}
.premium-tag{display:block;width:fit-content;border:1px solid #ffffff70;border-radius:6px;padding:2px 7px;font-size:11px;color:var(--text);margin:0 0 10px}
@media(max-width:700px) and (orientation:portrait){.pantry-photo-note .premium-tag{margin-inline:auto}}
.pantry-demo{padding:28px;border:1px solid #ffffff3a;border-radius:28px;background:linear-gradient(135deg,#61432dbb,#291c13dd);box-shadow:0 24px 65px #160d0935;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0}
.demo-heading{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:600;margin-bottom:18px}
.pantry-options{display:flex;gap:8px;flex-wrap:wrap}
.pantry-options button{font-size:13px;padding:9px 15px}
.ingredient-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.ingredient-chips span{display:inline-block;background:#63358b;border:0;border-radius:6px;font-size:12px;line-height:1.5;padding:5px 10px;color:#fff;text-decoration:none}
.pantry-result{display:grid;grid-template-columns:42% minmax(0,1fr);gap:20px;align-items:center}
.pantry-result>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:17px}
.pantry-result h3{font-size:clamp(19px,1.8vw,26px);line-height:1.2;letter-spacing:-.025em;margin:10px 0}
.pantry-result p{font-size:12px;color:var(--muted)}
.pantry-result .mini-label{font-size:8px}
.pantry-recipe-link{display:inline-flex;gap:12px;font-size:13px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.demo-note{font-size:11px;line-height:1.5;color:var(--muted);margin:22px 0 0}
.daily-flow{padding:35px 6% 60px;max-width:1600px;margin:auto}
.daily-flow header{text-align:center;margin-bottom:36px}
.daily-flow h2{font-size:clamp(30px,3vw,46px);margin:12px 0}
.daily-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.daily-flow li{display:flex;gap:18px;padding:22px 0;border-top:1px solid #ffffff40}
.daily-flow li{flex-direction:column}
.flow-icon{display:block;width:64px;height:64px;flex-shrink:0;margin-bottom:4px;fill:none;stroke:var(--text);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.daily-flow h3{font-size:20px;margin:0 0 10px;line-height:1.3}
.daily-flow p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.guide-intro{padding:55px 6% 60px;max-width:1200px;margin:auto}
.guide-intro header{text-align:center;max-width:720px;margin:0 auto 30px}
.guide-intro h2{font-size:clamp(32px,3.6vw,50px);margin-top:12px}
.guide-intro header p{color:var(--muted);font-size:18px;line-height:1.6}
.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.guide-pair article{display:flex;align-items:center;gap:24px;padding:20px;border-top:1px solid #ffffff40}
.guide-pair img{width:130px;height:155px;object-fit:cover;object-position:90% center;border-radius:75px}
.guide-pair h3{font-size:30px;margin:0 0 8px}
.guide-pair p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}
.guide-intro .guide-footnote{font-size:12px;line-height:1.6;text-align:center;margin:20px 0 0;color:var(--muted)}
.membership{padding:55px 6% 35px;max-width:1120px;margin:auto}
.membership header{text-align:center}
.membership h2{font-size:clamp(30px,3.5vw,46px);margin-top:12px}
.membership-options{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0 20px}
.membership-options article{border-top:1px solid #ffffff50;padding:25px 0}
.membership-options h3{font-size:24px;margin:0 0 14px}
.membership-options p{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.membership-label{display:inline-block;max-width:100%;padding:9px 14px;border:1px solid #63358b;border-radius:10px;background:#63358b;font-size:13px;line-height:1.5;color:#fff;text-decoration:none}
.membership-note{font-size:12px;line-height:1.6;color:var(--muted);max-width:700px;margin:0 auto;text-align:center}
.download{height:auto;max-height:none;min-height:0;padding-top:60px;padding-bottom:65px}
.download>.mini-label{margin-bottom:20px}
.download .launch-contact{font-size:18px;padding:18px 26px}
.download .contact-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 24px;max-width:440px}
.download .store-status{opacity:.85}
.download .store-status>span{font-size:17px;min-width:205px;padding:14px 24px;box-shadow:none;background:transparent;border-color:#ffffff50;color:var(--text)}
.download .store-status small{color:var(--muted)}
@media(min-width:1101px){.plan-scene{height:auto;min-height:740px;padding:30px 0}.plan-copy h2{font-size:clamp(48px,5vw,80px)}.plan-copy>p{font-size:clamp(18px,1.55vw,24px)}}
@media(max-width:1100px){
  :root{--nav-height:72px}
  .header{padding:10px 22px;gap:10px;grid-template-columns:1fr auto 1fr}
  .header .brand{width:140px}
  .header .header-nav{display:none}
  .menu-toggle{display:flex;grid-column:1;grid-row:1;justify-self:start}
  .header>.language{position:static;transform:none;grid-column:3;grid-row:1;justify-self:end}
  .pantry-scene{gap:5%;padding:55px 5%}
  .pantry-copy>p{font-size:17px}
  .pantry-demo{padding:20px}
  .pantry-result{grid-template-columns:1fr;gap:12px}
  .pantry-result>img{aspect-ratio:1.8;max-height:190px}
  .guide-pair article{gap:18px;padding:18px 0}
  .guide-pair img{width:100px;height:125px}
}
@media(max-width:700px) and (orientation:portrait){
  .header{padding-inline:16px}
  .hero-copy{top:92px}
  .pantry-scene{grid-template-columns:1fr;padding:40px 24px;gap:24px}
  .pantry-copy{text-align:center}
  .pantry-copy h2{font-size:38px;margin:16px 0 20px}
  .pantry-copy>p{font-size:17px;line-height:1.6}
  .pantry-copy .pantry-photo-note{font-size:14px;margin-top:18px}
  .pantry-demo{padding:20px;border-radius:22px}
  .pantry-result{grid-template-columns:38% minmax(0,1fr);gap:15px}
  .pantry-result>img{aspect-ratio:.85;max-height:none}
  .pantry-result h3{font-size:18px}
  .pantry-result .mini-label{font-size:7px}
  .demo-heading{font-size:16px}
  .pantry-options button{font-size:12px;padding-inline:13px}
  .daily-flow{padding:25px 24px 35px}
  .daily-flow header{margin-bottom:25px}
  .daily-flow ol{grid-template-columns:1fr;gap:0}
  .daily-flow li{padding:18px 0}
  .daily-flow p{font-size:16px}
  .taste-actions{justify-content:center}
  .plan-copy .taste-result{font-size:14px;margin-inline:auto}
  .guide-intro{padding:35px 24px}
  .guide-intro header p{font-size:17px}
  .guide-pair{grid-template-columns:1fr;gap:0}
  .guide-pair article{padding:18px 0;gap:24px}
  .guide-pair img{width:110px;height:125px}
  .guide-pair h3{font-size:27px}
  .membership{padding:35px 24px 20px}
  .membership-options{grid-template-columns:1fr;gap:0;margin:20px 0}
  .membership-options article{padding:20px 0}
  .membership-options p{font-size:16px}
  .download{padding:40px 24px 45px}
  .download .launch-contact{font-size:16px;padding:16px 22px;gap:15px}
}
@media (min-width:701px) and (max-width:1000px), (orientation:landscape) and (max-height:500px) and (max-width:1100px){
  .plan-copy h2{font-size:clamp(30px,4.2vw,42px)}
  .plan-copy>p{font-size:15px;line-height:1.5}
  .plan-copy .taste-result{font-size:12px}
  .taste-demo{margin-top:14px}
  .taste-actions button{font-size:12px;padding:8px 12px}
  .pantry-copy h2{font-size:34px}
  .pantry-copy .pantry-photo-note{font-size:13px}
  .daily-flow ol{gap:20px}
  .daily-flow li{gap:10px}
  .daily-flow h3{font-size:18px}
  .daily-flow p{font-size:14px}
  .guide-pair p{font-size:15px}
}
@media (orientation:landscape) and (max-height:500px){:root{--nav-height:62px}.header .brand{width:125px}.menu-top{margin-bottom:10px}#site-menu nav a{font-size:19px;padding:12px 0}}
@media (orientation:landscape) and (max-height:500px) and (max-width:700px){
  .pantry-scene{padding:35px 5%;gap:22px}
  .pantry-copy h2{font-size:28px}
  .pantry-copy>p{font-size:15px}
  .pantry-demo{padding:16px}
  .pantry-result h3{font-size:19px}
  .pantry-options button{font-size:11px;padding:8px 10px}
  .daily-flow ol{grid-template-columns:1fr;gap:0}
  .guide-pair{gap:15px}
  .guide-pair article{gap:12px}
  .guide-pair img{width:70px;height:90px}
  .guide-pair h3{font-size:24px}
  .guide-pair p{font-size:13px}
  .membership-options{gap:20px}
}
@media(max-width:700px){.daily-flow li{align-items:center;text-align:center}.daily-flow .flow-icon{margin-inline:auto}.membership-options article{text-align:center}.membership-icon{margin-inline:auto}}
@media(max-width:700px) and (orientation:portrait){.burger-copy{width:100%;align-self:center}.burger-copy>h2,.burger-copy>p{width:100%;max-width:none;margin-left:auto;margin-right:auto;text-align:center}}
@media(max-width:1100px){#site-menu nav a{font-size:16.1px}}
@media(orientation:landscape) and (max-height:500px){#site-menu nav a{font-size:13.3px}}
.guide-pair img{width:150px;height:225px;object-fit:contain;object-position:center bottom;border-radius:0;flex-shrink:0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
@media(max-width:700px){.guide-pair article{gap:16px}.guide-pair img{width:42%;height:auto;max-height:250px}.guide-pair article:nth-child(even){flex-direction:row-reverse}.guide-pair article:nth-child(even)>div{text-align:right}.guide-pair article>div{min-width:0}.guide-pair p{font-size:15px}}
#languages::backdrop{background:linear-gradient(180deg,#352215 0%,#51351f80 15%,#51351f80 85%,#352215 100%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
#languages{max-height:100dvh;padding-top:60px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}
.guide-portrait{position:relative;isolation:isolate;display:block;width:150px;flex-shrink:0}
.guide-portrait::before{content:"";position:absolute;z-index:-1;inset:16% -8% auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c39c6340,transparent 68%);box-shadow:0 0 28px #bd97551a}
.guide-portrait::after{content:"";position:absolute;z-index:-1;left:-8%;top:16%;width:116%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#32c977 0deg 52deg,#eee8ce80 52deg 360deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%);mask:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%)}
.guide-pair .guide-portrait img{display:block;width:100%;height:auto;max-height:none}
@media(max-width:700px){.guide-pair article{gap:24px}.guide-portrait{width:40%}.guide-pair article>div,.guide-pair article:nth-child(even)>div{flex:1;min-width:0;text-align:center}.guide-pair p{font-size:14px}}
@media(max-width:1100px){.header .menu-toggle{grid-column:3;justify-self:end}.header>.language{grid-column:1;justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved softer navigation fade. */

.header{background:none}
.header::after{content:"";position:absolute;top:0;left:0;right:0;height:150%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(32,20,15,.57) 0%,rgba(37,24,15,.525) 45%,rgba(43,28,18,.30) 72%,transparent 100%)}
.header::before{bottom:auto;height:150%;mask-image:linear-gradient(#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(#000 45%,transparent 100%)}