:root{
  --ink:#141a16;--muted:#7b857e;--green:#48a568;--green2:#2d8050;
  --green3:#63bc7d;--soft:#edf7f0;--line:#dce5df;--canvas:#f7f8f6;
  --surface:rgba(255,255,255,.9);--orange:#ed7655;--orange-soft:#fff0eb;
  --yellow:#e8a620;--blue:#398bd8;--shadow:0 28px 80px rgba(31,56,40,.11);
  --shadow-soft:0 14px 38px rgba(31,56,40,.08);--radius-lg:36px;
  --radius-md:22px;--radius-sm:15px
}
@property --p{syntax:'<angle>';inherits:true;initial-value:0deg}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 7% 11%,rgba(228,211,188,.22),transparent 25%),
  radial-gradient(circle at 92% 14%,rgba(173,204,184,.24),transparent 27%),
  radial-gradient(circle at 54% 75%,rgba(208,219,227,.18),transparent 24%),
  var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a,input,select{font:inherit}
button{color:inherit}
a{text-decoration:none;color:inherit}
.icon{width:20px;height:20px;flex:none}
svg symbol{overflow:visible}

/* header */
.site-header{position:sticky;z-index:15;top:0;padding:14px 0 0;pointer-events:none}
.header-shell{width:min(1240px,calc(100% - 40px));min-height:72px;margin:auto;padding:10px 12px 10px 15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border:1px solid rgba(210,221,213,.9);border-radius:23px;background:rgba(255,255,255,.82);box-shadow:0 12px 40px rgba(25,49,34,.08);backdrop-filter:blur(22px);pointer-events:auto}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:950;letter-spacing:-.055em;width:max-content}
.brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 18px rgba(34,100,59,.18)}
.brand span{display:inline-flex;align-items:baseline}.brand b{color:var(--green)}
.header-shell nav{display:flex;gap:24px;font-size:13px;font-weight:760;color:#59635d}
.header-shell nav a{position:relative;padding:9px 0;transition:.2s}
.header-shell nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;border-radius:4px;background:var(--green);transition:.2s}
.header-shell nav a:hover{color:var(--green2)}
.header-shell nav a:hover:after{left:0;right:0}
.header-actions-right{justify-self:end;display:flex;align-items:center;gap:10px}
.support-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid #d4dfd7;border-radius:15px;background:rgba(255,255,255,.82);color:#334039;font-size:13px;font-weight:850;box-shadow:0 8px 20px rgba(31,72,48,.06);transition:.2s}
.support-button:hover{transform:translateY(-2px);border-color:#9fc7ab;box-shadow:0 12px 26px rgba(31,72,48,.12)}
.header-button{justify-self:end;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 19px;border:0;border-radius:15px;background:linear-gradient(135deg,#62ba7d,#2e8953);color:#fff;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 12px 26px rgba(48,139,83,.22),inset 0 1px rgba(255,255,255,.28);cursor:pointer;transition:.2s}
.header-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(48,139,83,.3)}
.header-button:active,.primary:active,.secondary:active{transform:translateY(1px) scale(.985)}

/* hero */
.hero{width:min(1240px,calc(100% - 48px));min-height:820px;margin:auto;padding:72px 0 100px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px}
.eyebrow,.section-head>span,.demo-copy>span,.download>div>span,.calc-head>span{color:var(--green2);font-size:12px;font-weight:900;letter-spacing:.16em}
.eyebrow{display:inline-flex;align-items:center}.eyebrow i{display:inline-block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--green3),var(--green2));box-shadow:0 0 0 6px rgba(69,156,100,.1);margin-right:10px}
.hero h1{font-size:clamp(52px,5.8vw,80px);line-height:.985;letter-spacing:-.065em;margin:24px 0 25px;max-width:720px;text-wrap:balance}
.hero h1 em{color:var(--green2);font-style:normal}
.hero-copy>p,.section-head p,.feature p,.demo-copy p,.download p,.calc-head p{font-size:18px;line-height:1.65;color:#68746c}
.hero-copy>p{max-width:620px}
.hero-actions{display:flex;gap:12px;margin:34px 0 22px}
.primary,.secondary{min-height:58px;padding:0 25px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:850;border:0;transition:.2s}
.primary{background:linear-gradient(135deg,#63bd7f,#2d8952);color:#fff;box-shadow:0 15px 34px rgba(48,139,83,.23),inset 0 1px rgba(255,255,255,.28);cursor:pointer}
.primary:hover{transform:translateY(-2px)}
.primary .icon{width:16px;height:16px}
.secondary{border:1px solid #d5e0d8;background:rgba(255,255,255,.78);box-shadow:0 10px 24px rgba(31,56,40,.06)}
.secondary .icon{width:18px;height:18px;color:var(--green2)}
.hero-proof{display:flex;align-items:stretch;gap:10px;margin-top:28px}
.hero-proof span{max-width:155px;padding:12px 15px;border:1px solid rgba(214,225,217,.92);border-radius:16px;background:rgba(255,255,255,.63);box-shadow:0 9px 26px rgba(31,56,40,.045);color:#566159;font-size:11px;font-weight:750;line-height:1.35}
.hero-proof strong{display:block;color:var(--green2);font-size:9px;letter-spacing:.14em;margin-bottom:5px}

/* store buttons (used in hero / download / modal) */
.stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.store{min-width:190px;height:62px;padding:9px 12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border:0;border-radius:16px;background:#111713;color:#fff;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:.2s}
.store:hover{transform:translateY(-2px);background:#1d2720}
.store-icon{display:grid;place-items:center;width:36px;height:36px}
.store-icon .icon{width:24px;height:24px}
.store>span:nth-child(2){display:grid;min-width:0}
.store small{color:#c6cec8;font-size:9px}
.store b{font-size:17px}
.store em{font-size:7px;color:#9bd0ad;font-style:normal;font-weight:900;justify-self:end}
.store.big{min-width:0;height:104px;padding:16px;grid-template-columns:42px 1fr}
.store.big .store-icon{width:42px;height:42px}
.store.big .store-icon .icon{width:30px;height:30px}
.store.big b{font-size:19px}
.store.notified:after{content:"Скоро у сторі";position:absolute;inset:0;display:grid;place-items:center;background:var(--green2);font-weight:850}

/* hero phone stage */
.hero-stage{min-height:760px;display:grid;place-items:center;position:relative;isolation:isolate}
.hero-glow{position:absolute;width:610px;height:610px;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.94),rgba(216,237,222,.78) 48%,rgba(202,227,211,.3) 70%,transparent 71%);filter:drop-shadow(0 36px 65px rgba(42,93,57,.11));z-index:-1}
.phone{background:#fff;border:8px solid #111713;border-radius:48px;overflow:hidden;box-shadow:0 44px 110px rgba(24,47,32,.24),0 12px 32px rgba(24,47,32,.14);position:relative}
.hero-phone{width:410px;height:790px;z-index:2;transform:rotate(1deg)}
.status{height:34px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;background:#fff}
.scan-photo{height:372px;margin:0;position:relative;background:#eef4ef;overflow:hidden}
.scan-photo>img{width:100%;height:100%;display:block;object-fit:cover}
.scan-photo>button{position:absolute;top:14px;left:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.94);font-size:27px;font-weight:350;box-shadow:0 7px 20px rgba(22,36,27,.16)}
.scan-photo>span{position:absolute;right:17px;bottom:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--green3),var(--green2));border:3px solid rgba(255,255,255,.7);box-shadow:0 9px 22px rgba(32,101,58,.25)}
.scan-photo>span .icon{width:18px;height:18px}
.scan-sheet{height:384px;padding:24px 22px 18px;background:#fff}
.scan-sheet>small{color:var(--green2);font-size:8px;font-weight:900;letter-spacing:.16em}
.scan-sheet h2{font-size:26px;line-height:1.06;letter-spacing:-.04em;margin:8px 0 20px}
.scan-meta{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:18px;border-bottom:1px solid #e5ebe6}
.scan-meta span{display:grid;gap:5px}.scan-meta span+span{padding-left:15px;border-left:1px solid #e5ebe6}
.scan-meta small{font-size:7px;color:#919b94;font-weight:900;letter-spacing:.12em}.scan-meta b{font-size:13px}
.scan-nutrition{display:grid;grid-template-columns:repeat(3,54px) 1fr;align-items:center;gap:9px;margin-top:17px;padding:13px;border:1px solid #dce5df;border-radius:20px;background:linear-gradient(135deg,#fff,#fafcfb);box-shadow:0 11px 25px rgba(31,56,40,.08)}
.macro-ring{--ring:var(--green);width:54px;height:54px;border-radius:50%;padding:5px;background:conic-gradient(var(--ring) var(--macro-p,72%),#e9eeeb 0);transition:background .4s ease}
.macro-ring.fat{--ring:var(--yellow)}.macro-ring.carbs{--ring:var(--blue)}
.macro-ring>span{width:100%;height:100%;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff}
.macro-ring b{font-size:11px}.macro-ring small{font-size:7px;color:#7f8982}
.scan-nutrition>strong{text-align:right;font-size:22px;line-height:1}.scan-nutrition>strong small{display:block;margin-top:4px;color:#7f8982;font-size:8px}
.phone-cta{height:48px;margin:16px 0 0;border-radius:15px;background:linear-gradient(135deg,#61b77c,#318b54);color:#fff;display:grid;place-items:center;font-weight:850;box-shadow:0 12px 25px rgba(48,139,83,.22)}
.float-note{position:absolute;z-index:3;display:grid;grid-template-columns:34px auto;align-items:center;gap:10px;padding:14px 16px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(31,72,48,.1)}
.float-note i{width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--green2);display:grid;place-items:center}
.float-note .icon{width:16px;height:16px}
.float-note span{display:grid}
.float-note b{font-size:13px}
.float-note small{font-size:10px;color:var(--muted)}
.note-one{left:-2%;top:21%}
.note-two{right:-4%;bottom:13%}

/* value row */
.value-row{width:min(1120px,calc(100% - 48px));min-height:126px;margin:-20px auto 0;padding:24px 34px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;align-items:center;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px rgba(31,72,48,.08)}
.value-row span{display:grid;text-align:center}
.value-row b{font-size:28px}
.value-row small{font-size:12px;color:var(--muted)}
.value-row>i{height:44px;background:#e3ebe5}

/* section shells */
.section,.feature-section,.calculator-section{width:min(1240px,calc(100% - 48px));margin:auto;padding:125px 0}
.section-head{max-width:760px;margin-bottom:50px}
.section-head h2,.demo-copy h2,.download h2,.calc-head h2{font-size:clamp(40px,5vw,66px);line-height:1.05;letter-spacing:-.055em;margin:14px 0}
.section-head.center{text-align:center;margin:0 auto 50px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps article{min-height:290px;padding:30px;border-radius:28px;background:#fff;border:1px solid var(--line);position:relative;transition:.2s}
.steps article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.steps em{position:absolute;right:26px;top:24px;font-size:24px;font-style:normal;color:#d6e1d9;font-weight:900}
.steps i{width:60px;height:60px;margin-bottom:44px;border-radius:20px;background:var(--soft);color:var(--green2);display:grid;place-items:center}
.steps i .icon{width:26px;height:26px}
.steps h3{font-size:22px;margin:0 0 10px}
.steps p{color:var(--muted);line-height:1.6;font-size:15px}

/* feature grid */
.feature-section{padding-top:70px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature{min-height:660px;padding:42px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.feature.dark{background:linear-gradient(145deg,#143c29,#22563b);color:#fff;border:0}
.feature small{color:var(--green2);font-weight:900;letter-spacing:.14em}
.feature.dark small{color:#a5dbb6}
.feature h3{font-size:35px;line-height:1.1;letter-spacing:-.045em;margin:14px 0 12px}
.feature.dark p{color:#bdd0c3}
.feature-tags{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.feature-tags span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:#cfe4d6}
.feature-tags .icon{width:15px;height:15px;color:#8fd6a6;background:rgba(255,255,255,.08);border-radius:50%;padding:3px;box-sizing:content-box}
.scan-visual{position:relative;width:340px;justify-self:center;align-self:end;margin-bottom:-95px}
.round-food{width:340px;height:340px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 28px 50px rgba(0,0,0,.25)}
.scan-corner{position:absolute;width:36px;height:36px;border-color:#fff;z-index:2}
.scan-corner.tl{left:-6px;top:16px;border-left:4px solid;border-top:4px solid;border-radius:12px 0}
.scan-corner.tr{right:-6px;top:16px;border-right:4px solid;border-top:4px solid;border-radius:0 12px}
.scan-corner.bl{left:-6px;top:170px;border-left:4px solid;border-bottom:4px solid;border-radius:0 0 0 12px}
.scan-corner.br{right:-6px;top:170px;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 12px}
.scan-result{position:absolute;right:2px;bottom:26px;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 10px;border-radius:99px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.28);z-index:3}
.scan-result .icon{width:15px;height:15px;color:#fff;background:var(--green);border-radius:50%;padding:5px;box-sizing:content-box}
.scan-result span{display:grid;line-height:1.2}
.scan-result b{font-size:13px;color:var(--ink)}
.scan-result small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.04em}
.mini-meals{display:grid;align-content:end;gap:10px}
.mini-meals span{min-height:96px;padding:10px;display:grid;grid-template-columns:80px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 14px;border:1px solid var(--line);border-radius:18px}
.mini-meals img{width:80px;height:80px;object-fit:cover;border-radius:14px;grid-row:1/3}
.mini-meals b{align-self:end;font-size:14px}
.mini-meals i{color:var(--muted);font-size:12px;font-style:normal;align-self:start}

/* calculator */
.calc-head{max-width:760px;margin:0 auto 54px;text-align:center}
.calc-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.calc-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.calc-copy li{display:flex;gap:14px;align-items:flex-start}
.calc-copy .icon{width:15px;height:15px;color:#fff;background:var(--green);border-radius:50%;padding:5px;box-sizing:content-box;margin-top:3px}
.calc-copy b{display:block;font-size:16px;margin-bottom:3px}
.calc-copy small{color:var(--muted);font-size:14px;line-height:1.55}
.calc-card{padding:36px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:16px}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-card label{display:grid;gap:7px;font-weight:750;font-size:13px;color:#4a564e}
.calc-card input,.calc-card select{height:52px;padding:0 15px;border:1px solid #d5dfd8;border-radius:15px;background:#fafcfb;font-weight:700;color:var(--ink)}
.calc-card .submit{margin-top:6px}
.calc-result{margin-top:10px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;opacity:.4;filter:grayscale(.5);transition:.35s}
.calc-result.show{opacity:1;filter:none}

/* demo section */
.demo-section{padding:120px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;background:#e7f0ea}
.demo-copy{position:sticky;top:50px;padding-top:100px}
.demo-copy ul{list-style:none;margin:16px 0 0;padding:0}
.demo-copy li{display:flex;align-items:center;gap:10px;margin:12px 0;font-weight:750;color:#526057}
.demo-copy .icon{width:14px;height:14px;color:#fff;background:var(--green);border-radius:50%;padding:4px;box-sizing:content-box}
.demo-phone{width:min(100%,600px);height:900px;justify-self:end}
.app-head{height:87px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.app-user{display:flex;align-items:center;gap:12px}
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}
.app-head h3{margin:0;font-size:22px}
.app-head p{margin:3px 0 0;color:var(--muted);font-size:11px}
.app-head>div:last-child{display:flex;gap:8px}
.round{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:#5c675f}
.round .icon{width:18px;height:18px}
.app-scroll{height:calc(100% - 190px);overflow:auto;padding:0 18px 35px;background:#f8faf8}
.daily{padding:22px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 34px rgba(31,72,48,.09);transition:.25s}
.daily-top{display:flex;justify-content:space-between}
.daily-top>span{display:grid}
.daily-top small,.meals-title small{font-size:9px;letter-spacing:.14em;color:#849087;font-weight:900}
.daily-top>span>b{font-size:24px;margin-top:5px}
.daily-top>em{padding:9px 11px;height:max-content;border-radius:99px;background:var(--soft);color:var(--green2);font-size:9px;font-style:normal;font-weight:850;transition:.25s}
.daily-top>em.over{background:var(--orange-soft);color:var(--orange)}
.daily-body{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;margin-top:15px}
.donut{--p:0deg;--ring:var(--green);width:150px;height:150px;padding:12px;border-radius:50%;background:conic-gradient(var(--ring) var(--p),#e7ece8 0);position:relative;transition:--p .5s ease,background .3s}
.donut.over{--ring:var(--orange)}
.donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.donut span{position:relative;z-index:1;height:100%;display:grid;place-content:center;text-align:center}
.donut b{font-size:27px}
.donut small{color:var(--muted)}
.bars{display:grid;gap:14px}
.bars label{display:grid;grid-template-columns:1fr auto;font-size:11px;color:#77827a}
.bars label>b{color:#68746c}
.bars i{grid-column:1/3;height:6px;border-radius:99px;background:#e8ede9;overflow:hidden}
.bars i em{display:block;height:100%;width:0;border-radius:99px;background:var(--green);transition:width .45s ease}
.bars label:nth-child(2) i em{background:var(--yellow)}
.bars label:nth-child(3) i em{background:var(--blue)}
.add-button{width:100%;height:52px;margin-top:18px;border:0;border-radius:17px;background:linear-gradient(#61b57c,#318b54);color:#fff;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.add-button .icon{width:15px;height:15px}
.meals-title{display:flex;align-items:end;justify-content:space-between;margin:22px 5px 12px}
.meals-title>span{display:grid}
.meals-title h3{margin:3px 0 0}
.meals-title>b{color:var(--green2)}
.dates{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border-radius:20px;background:#edf2ee}
.dates button{height:70px;border:0;border-radius:15px;background:transparent;color:#98a29b;display:grid;place-content:center}
.dates button small{font-size:7px}
.dates button b{font-size:18px}
.dates .active{background:var(--green);color:#fff}
.meal-list{display:grid;gap:10px;margin-top:12px}
.meal{min-height:112px;padding:10px;display:grid;grid-template-columns:90px 1fr 40px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:21px;background:#fff}
.meal img{width:90px;height:90px;border-radius:16px;object-fit:cover}
.meal-icon{width:90px;height:90px;border-radius:16px;background:var(--soft);display:grid;place-items:center;color:var(--green2)}
.meal-icon .icon{width:28px;height:28px}
.meal>span{min-width:0;display:grid}
.meal small,.meal em{color:#7e8981;font-size:9px;font-style:normal}
.meal>span>b{font-size:14px;margin:3px 0}
.meal button{width:38px;height:38px;border:2px solid #d8e1db;border-radius:50%;background:#fff;cursor:pointer}
.meal.done{background:#f3faf5;border-color:#84c699}
.meal.done button{background:var(--green);border-color:var(--green);color:#fff}
.meal.done button:after{content:"✓"}
.bottom{position:absolute;bottom:0;left:0;right:0;height:74px;padding:5px 8px 9px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line)}
.bottom button{border:0;border-radius:16px;background:transparent;color:#9da7a0;display:grid;place-content:center;gap:5px;cursor:pointer}
.bottom .icon{width:19px;height:19px;margin:0 auto}
.bottom small{font-size:8px;font-weight:800}
.bottom .active{color:var(--green2);box-shadow:0 7px 18px rgba(31,72,48,.09)}

/* download */
.download{width:min(1120px,calc(100% - 48px));margin:100px auto;padding:54px 64px;display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:64px;align-items:center;border-radius:40px;background:#fff;box-shadow:var(--shadow)}
.download-visual{width:min(360px,100%);height:auto;aspect-ratio:1242/2688;justify-self:center;border-radius:28px;overflow:hidden;background:transparent;box-shadow:0 22px 58px rgba(24,47,32,.13)}
.download-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.download-content{min-width:0}
.store-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.store-badge{width:192px;height:58px;padding:0;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;cursor:pointer}
.store-badge:hover{opacity:.88}
.store-badge img{width:100%;height:100%;display:block;object-fit:contain}
.google-badge img{width:130%;height:130%;max-width:none}
.store-badge span{position:absolute;right:8px;top:6px;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.92);color:#26352b;font-size:7px;font-weight:950;letter-spacing:.08em}
.download h2{font-size:46px}

footer{min-height:160px;padding:35px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#14251b;color:#dce8df}
footer p{color:#9eb0a4}
footer>span{justify-self:end;color:#9eb0a4}

/* toast */
.toast{position:fixed;z-index:20;left:50%;bottom:30px;transform:translate(-50%,120px);padding:15px 22px;border-radius:16px;background:#153c29;color:#fff;font-weight:750;box-shadow:var(--shadow);opacity:0;transition:.25s}
.toast.show{transform:translate(-50%,0);opacity:1}

/* dialogs */
dialog{width:min(540px,calc(100% - 32px));border:0;border-radius:30px;padding:0;box-shadow:0 35px 100px rgba(16,38,25,.25)}
dialog::backdrop{background:rgba(18,30,22,.46);backdrop-filter:blur(5px)}
dialog form,.modal-inner{padding:34px;position:relative}
dialog small{color:var(--green2);font-weight:900;letter-spacing:.14em}
dialog h3{font-size:34px;margin:9px 0}
dialog p{color:var(--muted)}
dialog label{display:grid;gap:7px;margin-top:14px;font-weight:750}
dialog input{height:54px;padding:0 16px;border:1px solid #d5dfd8;border-radius:16px;background:#fafcfb;font-weight:700}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dialog-close{position:absolute;right:20px;top:20px;width:45px;height:45px;border:0;border-radius:50%;background:#f1f4f2;font-size:25px;cursor:pointer;line-height:1}
.submit{width:100%;margin-top:22px}
.modal-stores{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.modal-store-badges{display:grid;grid-template-columns:1fr 1fr}.modal-store-badges .store-badge{width:100%;height:auto;aspect-ratio:3/1}

@media(max-width:1080px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .calc-wrap{grid-template-columns:1fr;gap:36px}
}
@media(max-width:900px){
  .header{grid-template-columns:1fr auto}
  .header nav{display:none}
  .header-actions-right{gap:8px}
  .support-button{min-height:44px;padding:0 14px}
  .hero{grid-template-columns:1fr;text-align:center}
  .hero-copy{display:grid;justify-items:center}
  .hero-copy>p{max-width:680px}
  .hero-stage{min-height:670px}
  .value-row{grid-template-columns:1fr 1fr;gap:24px}
  .value-row>i{display:none}
  .steps,.feature-grid{grid-template-columns:1fr}
  .demo-section{grid-template-columns:1fr}
  .demo-copy{position:static;padding-top:0}
  .demo-phone{justify-self:center}
  .download{grid-template-columns:1fr;text-align:center;justify-items:center}
  footer{grid-template-columns:1fr;text-align:center;justify-items:center;gap:10px}
  footer>span{justify-self:center}
}
@media(max-width:600px){
  .header{width:calc(100% - 28px);height:72px}
  .header-button{padding:12px 14px}
  .header-button span.btn-label{display:none}
  .support-button{font-size:13px;padding:0 12px}
  .brand{font-size:26px}
  .hero{width:calc(100% - 28px);padding-top:35px}
  .hero h1{font-size:48px}
  .hero-actions{display:grid;width:100%}
  .primary,.secondary{width:100%}
  .trust{justify-content:center}
  .hero-stage{min-height:580px}
  .orb{width:370px;height:370px}
  .hero-phone{width:320px;min-height:520px}
  .scanner{height:365px}
  .scanner>img{width:270px;height:270px}
  .macro-float span{padding:4px 7px}
  .float-note{display:none}
  .value-row{width:calc(100% - 28px);padding:24px 15px}
  .section,.feature-section,.calculator-section{width:calc(100% - 28px);padding:85px 0}
  .steps article{min-height:250px}
  .feature{padding:28px;min-height:600px}
  .feature h3{font-size:29px}
  .scan-visual{width:280px}
  .round-food{width:280px;height:280px}
  .demo-section{padding:80px 10px}
  .demo-copy{padding:0 14px}
  .demo-phone{height:820px;border-width:5px;border-radius:35px}
  .daily-body{grid-template-columns:122px 1fr;gap:12px}
  .donut{width:118px;height:118px}
  .meal{grid-template-columns:74px 1fr 36px}
  .meal img,.meal-icon{width:74px;height:74px}
  .meal em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .download{width:calc(100% - 28px);padding:36px 20px}
  .download-mark{width:220px;height:220px}
  .download-mark img{width:150px;height:150px}
  .download h2{font-size:36px}
  .field-grid,.calc-row,.modal-stores,.calc-result{grid-template-columns:1fr}
  .calc-result{grid-template-columns:1fr;justify-items:center;text-align:center}
}


/* Meals365 legal links in site footer */
.site-footer .footer-center{display:grid;gap:10px;text-align:center;justify-items:center}
.site-footer .footer-center p{margin:0}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
.footer-legal a{color:#c6d6cb;text-decoration:none;font-size:12px;font-weight:700;transition:.2s}
.footer-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .site-footer{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:12px!important;padding-top:32px!important;padding-bottom:32px!important}
  .site-footer>span{justify-self:center!important}
}

/* 2026 premium product page */
.value-row{margin-top:-34px;padding:20px 28px;border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(31,56,40,.075)}
.value-row span{padding:6px 18px;text-align:left}
.value-row b{font-size:15px;line-height:1.2;margin-bottom:7px}
.value-row small{font-size:10px;line-height:1.45}
.value-row>i{height:54px;background:linear-gradient(transparent,#dfe7e1,transparent)}

.section,.feature-section,.calculator-section{padding:112px 0}
.section-head h2,.demo-copy h2,.download h2,.calc-head h2{font-size:clamp(40px,5vw,62px)}
.section-head p{max-width:680px}
.steps{gap:14px}
.steps article{min-height:300px;padding:28px;border-color:rgba(218,228,221,.95);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,252,250,.88));box-shadow:0 12px 34px rgba(31,56,40,.055);overflow:hidden}
.steps article:before{content:"";position:absolute;width:150px;height:150px;right:-75px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(91,176,118,.14),transparent 70%)}
.steps em{color:#cbd9cf;font-size:18px;letter-spacing:.08em}
.steps i{margin-bottom:42px;background:linear-gradient(145deg,#f1faf4,#e4f3e9);border:1px solid #d9ebdf;box-shadow:inset 0 1px #fff,0 10px 24px rgba(45,128,80,.08)}
.steps h3{font-size:20px;letter-spacing:-.02em}.steps p{font-size:14px;margin-bottom:0}

.feature-section{padding-top:72px}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.feature{min-height:0;padding:34px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,251,249,.9));border:1px solid rgba(216,226,219,.95);box-shadow:0 18px 50px rgba(31,56,40,.075);display:block;overflow:hidden;position:relative}
.feature:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.65),transparent 28%)}
.feature-copy,.feature>*{position:relative;z-index:1}
.feature-icon{width:50px;height:50px;margin-bottom:22px;border-radius:16px;display:grid;place-items:center;color:var(--green2);background:linear-gradient(145deg,#f3fbf5,#e4f3e8);border:1px solid #d7e9dd;box-shadow:0 10px 23px rgba(45,128,80,.09)}
.feature-icon .icon{width:23px;height:23px}
.feature small{font-size:10px;color:var(--green2);font-weight:900;letter-spacing:.14em}
.feature h3{font-size:31px;line-height:1.08;margin:12px 0 12px;max-width:590px}
.feature p{font-size:15px;line-height:1.6;margin:0}
.scanner-feature{grid-column:span 7;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;align-items:center;background:
  radial-gradient(circle at 100% 0,rgba(103,184,128,.19),transparent 35%),
  linear-gradient(145deg,#fff,#f6faf7)}
.scanner-feature .feature-copy{align-self:center}.scanner-feature h3{font-size:38px}
.feature-tags{gap:10px}.feature-tags span{color:#5f6d64;font-size:11px}.feature-tags .icon{color:#fff;background:var(--green);padding:3px}
.scanner-card{width:270px;border:6px solid #111713;border-radius:34px;background:#fff;box-shadow:0 28px 65px rgba(24,47,32,.22);overflow:hidden;transform:rotate(1.2deg)}
.scanner-card>img{width:100%;aspect-ratio:1;display:block;object-fit:cover}
.scanner-card-body{padding:17px 15px 16px}.scanner-card-body>small{font-size:7px}.scanner-card-body h4{font-size:20px;line-height:1.05;letter-spacing:-.035em;margin:6px 0 14px}
.scanner-numbers{display:grid;grid-template-columns:repeat(3,1fr);padding:11px 0;border-top:1px solid #e4ebe6;border-bottom:1px solid #e4ebe6}
.scanner-numbers span{display:grid;gap:3px}.scanner-numbers span+span{padding-left:7px;border-left:1px solid #e5ebe7}
.scanner-numbers small{font-size:5px;color:#919b94}.scanner-numbers b{font-size:9px}
.scanner-macros{margin-top:13px;padding:10px;border:1px solid #dce6df;border-radius:15px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}
.scanner-macros>i{width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--green) 70%,#e6ede8 0);position:relative}.scanner-macros>i:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.scanner-macros>span{display:grid;grid-template-columns:repeat(3,auto);gap:6px}.scanner-macros>span b,.scanner-macros>span small{font-size:6px;letter-spacing:0;color:#5f6a63}.scanner-macros>strong{font-size:16px;text-align:right}.scanner-macros>strong small{display:block;font-size:6px;color:var(--muted)}
.menu-feature{grid-column:span 5;min-height:690px;display:grid;grid-template-rows:auto 1fr}.menu-feature h3{font-size:34px}
.mini-meals{align-content:end;gap:9px;margin-top:24px}
.mini-meals span{min-height:92px;padding:9px;grid-template-columns:74px 1fr 34px;grid-template-rows:1fr 1fr;background:rgba(255,255,255,.82);box-shadow:0 9px 24px rgba(31,56,40,.055)}
.mini-meals img{width:74px;height:74px;grid-row:1/3}.mini-meals b{font-size:12px}.mini-meals i{font-size:9px}.mini-meals em{grid-column:3;grid-row:1/3;width:30px;height:30px;border:2px solid #d7e0da;border-radius:50%;display:grid;place-items:center;font-size:12px;font-style:normal;color:#fff}.mini-meals em:not(:empty){background:var(--green);border-color:var(--green)}
.compact-feature{grid-column:span 6;min-height:365px}
.compact-feature h3{font-size:31px}.compact-feature p{max-width:480px}
.target-feature{background:radial-gradient(circle at 86% 15%,rgba(219,238,224,.8),transparent 38%),linear-gradient(145deg,#fff,#f8faf8)}
.formula-pill{display:inline-flex;margin-top:30px;padding:13px 18px;border-radius:14px;background:#17241b;color:#dff1e4;font-size:12px;font-weight:850;letter-spacing:.06em;box-shadow:0 12px 26px rgba(23,36,27,.14)}
.progress-feature{background:radial-gradient(circle at 90% 0,rgba(221,232,240,.75),transparent 38%),linear-gradient(145deg,#fff,#f8faf9)}
.mini-chart{height:92px;margin-top:27px;padding:14px 18px 0;display:flex;align-items:end;gap:9px;border-left:1px solid #e0e7e2;border-bottom:1px solid #e0e7e2}
.mini-chart i{height:var(--h);flex:1;max-width:40px;border-radius:9px 9px 2px 2px;background:linear-gradient(#f39a7e,#ea6446);box-shadow:inset 0 1px rgba(255,255,255,.35)}.mini-chart i.good{background:linear-gradient(#77cf72,#42a862)}

.calculator-section{padding-top:105px}.calc-head{margin-bottom:48px}.calc-wrap{gap:38px;align-items:stretch}
.calc-copy{padding:28px;border:1px solid rgba(218,227,221,.9);border-radius:28px;background:rgba(255,255,255,.52)}
.calc-copy ul{height:100%;align-content:center}.calc-copy li{padding:14px;border-radius:17px;background:rgba(255,255,255,.72)}
.calc-card{padding:30px;border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(31,56,40,.1)}
.calc-card input,.calc-card select{background:#fbfcfb;border-color:#d8e2db;outline:none}.calc-card input:focus,.calc-card select:focus,dialog input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(72,165,104,.11)}
.calc-result{border-top:1px solid #e1e8e3}.calc-result .donut{width:132px;height:132px}
.calc-macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.calc-macro{display:grid;justify-items:center;gap:9px;text-align:center}.calc-macro .macro-ring{width:76px;height:76px;padding:7px}.calc-macro .macro-ring>span{width:100%;height:100%;border-radius:50%;display:grid;place-content:center;background:#fff}.calc-macro .macro-ring b{font-size:16px}.calc-macro .macro-ring small{font-size:9px}.calc-macro strong{font-size:10px;color:#637067}

.demo-section{padding-top:115px;padding-bottom:115px;background:
  radial-gradient(circle at 9% 19%,rgba(231,216,194,.26),transparent 27%),
  radial-gradient(circle at 88% 16%,rgba(183,211,192,.35),transparent 31%),
  #f2f5f2}
.demo-copy{top:95px;padding-top:80px}.demo-copy p{font-size:17px}.demo-scroll-button{margin-top:18px;color:var(--green2)}
.demo-phone{width:min(100%,540px);height:930px;border-width:7px;border-radius:45px;background:#fff}
.app-head{height:92px;padding:15px 25px 12px}.app-head h3{font-size:25px;letter-spacing:-.035em}.app-head p{font-size:11px}
.profile-glyph{width:46px;height:46px;position:relative;border-radius:50%;border:1px solid #d2ddd5;background:linear-gradient(#fff,#fafcfb);box-shadow:0 8px 20px rgba(31,56,40,.08)}
.profile-glyph:before{content:"";position:absolute;width:8px;height:8px;border:2px solid #27332b;border-radius:50%;left:17px;top:10px}
.profile-glyph:after{content:"";position:absolute;width:17px;height:10px;border:2px solid #27332b;border-bottom:0;border-radius:12px 12px 0 0;left:12px;top:24px}
.app-scroll{height:calc(100% - 194px);padding:0 18px 32px;background:
  radial-gradient(circle at 100% 9%,rgba(223,239,228,.8),transparent 27%),
  radial-gradient(circle at 0 64%,rgba(238,229,216,.35),transparent 25%),#fbfcfb}
.daily{padding:20px;border-radius:27px;border-color:#d5e0d8;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,251,249,.9));box-shadow:0 17px 42px rgba(31,56,40,.08)}
.daily-top>span>b{font-size:23px}.daily-top>em{background:#edf7f0}
.daily-body{grid-template-columns:126px 1fr;gap:17px;margin-top:12px}.daily .donut{width:126px;height:126px;padding:10px}.daily .donut:after{inset:10px}.daily .donut b{font-size:25px}.daily .bars{gap:12px}
.daily-actions{display:grid;grid-template-columns:1fr 50px;gap:9px;margin-top:16px}.daily-actions .add-button{height:50px;margin:0}.add-button span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14)}
.scan-button{height:50px;border:1px solid #d3e0d6;border-radius:16px;background:linear-gradient(#fff,#f8fbf9);color:var(--green2);box-shadow:0 9px 20px rgba(31,56,40,.07);cursor:pointer}.scan-button .icon{width:22px;height:22px}
.meals-title{margin:20px 5px 10px;align-items:center}.meals-title h3{font-size:22px;margin:0;letter-spacing:-.025em}.meals-title>b{font-size:10px;padding:6px 9px;border-radius:99px;background:#edf7f0}
.meal-list{gap:9px;margin-top:0}.meal{min-height:98px;padding:9px;grid-template-columns:76px 1fr 35px;gap:11px;border-radius:19px;border-color:#d8e2db;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,249,.94));box-shadow:0 7px 19px rgba(31,56,40,.045)}
.meal img,.meal-icon{width:76px;height:76px;border-radius:14px}.meal>span>b{font-size:13px;line-height:1.25;margin:3px 0}.meal small,.meal em{font-size:8px}.meal small{color:var(--green2)}.meal button{width:34px;height:34px}.meal.done{background:linear-gradient(135deg,#f8fcf9,#f0f8f3);border-color:#b9d7c2}
.bottom{height:68px;grid-template-columns:repeat(4,1fr);padding:5px 10px 8px;border-top-color:#e0e7e2}.bottom button{border-radius:18px}.bottom .active{background:linear-gradient(#f6fbf7,#fff);box-shadow:0 8px 24px rgba(31,56,40,.08)}

.download{position:relative;overflow:hidden;border:1px solid #dbe5de;background:linear-gradient(135deg,#fff,#f6faf7);box-shadow:0 28px 70px rgba(31,56,40,.1)}
.download:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-130px;top:-180px;background:radial-gradient(circle,rgba(92,177,119,.2),transparent 70%)}
.download>*{position:relative;z-index:1}

.site-footer{border-radius:34px 34px 0 0}.site-footer .brand img{box-shadow:none}
.toast{border:1px solid rgba(255,255,255,.12);background:rgba(20,46,30,.94);backdrop-filter:blur(16px)}

dialog{border:1px solid rgba(213,225,217,.9);background:#fff}
dialog form,.modal-inner{padding:35px}.dialog-close{background:#fff;border:1px solid #dce5df;box-shadow:0 8px 20px rgba(31,56,40,.09)}
.wide-field{grid-column:1/3}.scanner-dialog{width:min(460px,calc(100% - 24px));max-height:min(900px,calc(100vh - 24px));border-radius:39px;overflow:auto}
.scanner-dialog::backdrop{background:rgba(22,31,25,.57);backdrop-filter:blur(12px)}
.scanner-demo-result{background:#fff}.scanner-demo-photo{aspect-ratio:1;position:relative;overflow:hidden}.scanner-demo-photo img{width:100%;height:100%;object-fit:cover;display:block}.scanner-demo-photo .dialog-close{left:16px;right:auto;top:16px}
.scanner-demo-content{padding:25px}.scanner-demo-content>small{font-size:9px}.scanner-demo-content h3{font-size:29px;line-height:1.08;letter-spacing:-.04em;margin:8px 0}.scanner-demo-content>p{margin:0 0 18px;font-size:12px}
.scanner-demo-meta{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;border-top:1px solid #e3eae5;border-bottom:1px solid #e3eae5}.scanner-demo-meta span{display:grid;gap:5px}.scanner-demo-meta span+span{padding-left:13px;border-left:1px solid #e3eae5}.scanner-demo-meta small{font-size:7px;color:#8b968e}.scanner-demo-meta b{font-size:13px}
.scanner-demo-kbjv{margin-top:17px;padding:17px;border:1px solid #dce5df;border-radius:21px;box-shadow:0 11px 27px rgba(31,56,40,.07)}.scanner-demo-kbjv h4{font-size:14px;margin:0 0 13px}.scanner-demo-kbjv>div{display:grid;grid-template-columns:repeat(3,58px) 1fr;gap:9px;align-items:center}
.scanner-demo-kbjv .macro-ring{width:58px;height:58px}.scanner-demo-kbjv .macro-ring>i{width:100%;height:100%;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;font-style:normal}.scanner-demo-kbjv .macro-ring b{font-size:12px}.scanner-demo-kbjv .macro-ring small{display:block;font-size:8px;color:var(--muted)}.scanner-demo-kbjv strong{text-align:right;font-size:24px}.scanner-demo-kbjv strong small{display:block;font-size:8px;color:var(--muted)}
.scanner-demo-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:16px}.scanner-demo-actions .primary,.scanner-demo-actions .secondary{min-height:50px;padding:0 13px;font-size:11px}
.scanner-weight-editor{margin-top:14px;padding:9px 12px 9px 15px;display:grid;grid-template-columns:1fr 92px 14px;align-items:center;gap:8px;border:1px solid #d7e3da;border-radius:16px;background:linear-gradient(135deg,#f8fcf9,#f2f8f4);color:#58655c;font-size:11px;font-weight:850}
.scanner-weight-editor input{width:92px;height:40px;padding:0 10px;border:1px solid #cbdacf;border-radius:11px;background:#fff;color:var(--ink);font-size:14px;text-align:right;outline:none}
.scanner-weight-editor input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(72,165,104,.11)}
.scanner-weight-editor b{color:var(--green2)}

@media(max-width:1080px){
  .header-shell{grid-template-columns:1fr auto}.header-shell nav{display:none}
  .hero{grid-template-columns:1fr;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-proof{justify-content:center}.hero-stage{min-height:800px}
  .scanner-feature,.menu-feature{grid-column:span 12}.compact-feature{grid-column:span 6}
}
@media(max-width:760px){
  .site-header{padding-top:8px}.header-shell{width:calc(100% - 20px);min-height:62px;padding:7px 8px 7px 10px;border-radius:19px}.brand{font-size:23px}.brand img{width:38px;height:38px}.support-button{display:none}.header-button{min-height:44px;padding:0 13px}
  .hero{width:calc(100% - 28px);padding:55px 0 72px;gap:24px}.hero-copy{width:100%;text-align:center}.eyebrow{justify-content:center}.hero h1{width:100%;max-width:420px;margin:21px auto 23px;font-size:clamp(39px,10vw,46px);line-height:1.04;letter-spacing:-.052em}.hero-copy>p{max-width:390px;margin:0 auto;font-size:16px;text-wrap:balance}.hero-actions{width:min(390px,100%);display:grid;justify-self:center}.hero-proof{width:min(390px,100%);display:grid;grid-template-columns:repeat(3,1fr);justify-self:center}.hero-proof span{padding:11px 9px}
  .hero-stage{min-height:690px}.hero-glow{width:390px;height:390px}.hero-phone{width:min(390px,94vw);height:735px}.scan-photo{height:330px}.scan-sheet{height:370px}.float-note{display:none}
  .value-row{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:0;padding:12px}.value-row span{text-align:center;padding:13px}.value-row>i{display:none}
  .section,.feature-section,.calculator-section{width:calc(100% - 28px);padding:82px 0}.section-head{margin-bottom:34px}.section-head h2,.demo-copy h2,.download h2,.calc-head h2{font-size:38px}
  .steps{grid-template-columns:1fr}.steps article{min-height:245px}.steps i{margin-bottom:28px}
  .feature-grid{grid-template-columns:1fr}.scanner-feature,.menu-feature,.compact-feature{grid-column:auto}.scanner-feature{grid-template-columns:1fr;min-height:0}.scanner-card{margin:20px auto 0}.menu-feature{min-height:0}.compact-feature{min-height:330px}.feature{padding:27px}.feature h3,.scanner-feature h3,.menu-feature h3{font-size:29px}
  .demo-section{padding:82px 10px;gap:36px}.demo-copy{padding:0 14px}.demo-phone{height:850px}.daily-body{grid-template-columns:108px 1fr}.daily .donut{width:108px;height:108px}.daily{padding:16px}.meal{grid-template-columns:68px 1fr 32px}.meal img,.meal-icon{width:68px;height:68px}
  .download{grid-template-columns:1fr;padding:22px 18px 38px;gap:32px}.download-visual{width:min(320px,88vw);height:auto}.download-content{text-align:center}.download-content p{font-size:15px}.store-badges{display:grid;grid-template-columns:1fr;width:220px;margin:26px auto 0;gap:10px}.store-badge{width:220px;height:66px}.google-badge img{width:130%;height:130%}
  .site-footer .footer-legal{width:min(320px,100%);display:grid;grid-template-columns:1fr;gap:9px}.site-footer .footer-legal a{padding:2px 0;border:0;border-radius:0;background:none}
  .calc-result{grid-template-columns:1fr;justify-items:center}.calc-macro-grid{width:100%}
  .scanner-demo-kbjv>div{grid-template-columns:repeat(3,53px) 1fr}.scanner-demo-kbjv .macro-ring{width:53px;height:53px}.scanner-demo-actions{grid-template-columns:1fr}
  .wide-field{grid-column:auto}
}
@media(max-width:430px){
  .hero h1{max-width:390px;font-size:clamp(37px,10.3vw,41px)}.hero-copy>p{max-width:350px}.hero-proof{grid-template-columns:1fr}.hero-proof span{max-width:none}.hero-phone{width:350px;height:705px}.scan-photo{height:300px}.scan-sheet{padding:20px 18px}.scan-sheet h2{font-size:23px}.scan-nutrition{grid-template-columns:repeat(3,48px) 1fr;padding:10px}.macro-ring{width:48px;height:48px}
  .demo-phone{height:820px}.app-head{padding-left:18px;padding-right:18px}.app-head h3{font-size:22px}.app-scroll{padding-left:11px;padding-right:11px}.daily-body{grid-template-columns:96px 1fr;gap:10px}.daily .donut{width:96px;height:96px}.daily .donut b{font-size:21px}.daily .bars{gap:9px}.meal{grid-template-columns:62px 1fr 30px;gap:8px}.meal img,.meal-icon{width:62px;height:62px}.meal>span>b{font-size:11px}.meal small,.meal em{font-size:7px}.meal button{width:30px;height:30px}
}