.nutrition-app-hero{background:var(--ink);color:white;padding:45px 0 65px}.app-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.app-back{display:inline-block;font-size:.875rem;color:#c9cec3;margin-bottom:26px}.app-icon{border-radius:22px;margin-bottom:24px}.nutrition-app-hero h1{font:700 clamp(3.5rem,6vw,6rem)/1.02 var(--display);margin:22px 0}.nutrition-app-hero em{font-style:normal;color:var(--yellow)}.app-lead{font-size:1.125rem;line-height:1.8;max-width:600px;color:#d6dace}.store-badge{display:inline-block;margin:24px 14px 14px 0;padding:14px}.store-badge img{height:54px;width:auto;object-fit:contain}.app-availability,.app-note{font-size:.875rem;line-height:1.7}.app-availability{margin-bottom:10px}.nutrition-app-hero .app-note{color:#bac0b2}.app-main-shot{margin:0;display:flex;justify-content:center}.app-main-shot img{width:min(100%,280px);height:auto;border-radius:12px}.app-heading{font:600 clamp(2.2rem,4vw,3.5rem)/1.1 var(--display);margin-bottom:30px}.app-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.app-features article{border-top:3px solid var(--yellow);padding-top:22px}.app-features h3{font:600 1.8rem/1.2 var(--display);margin-bottom:14px}.app-screens{background:#e8eae2;padding:65px 0}.app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:960px;margin:auto}.app-gallery figure{margin:0}.app-gallery img{width:100%;height:auto;border-radius:8px}.app-gallery figcaption{font-size:1rem;font-weight:700;margin-top:18px}.app-details{max-width:960px}.app-details>p{margin-bottom:24px}.app-details details{padding:20px 0;border-bottom:1px solid var(--line)}.app-details summary{font-weight:700;cursor:pointer}.app-details details p{margin-top:16px}.app-details details a{text-decoration:underline}.app-final{padding:45px 0}.app-trademark{font-size:.75rem;margin-top:24px;color:#c2c7bc}.home-app{background:#e8eae2;padding:90px 0}.home-app-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.home-app h2{font:700 clamp(2.8rem,5vw,4.6rem)/1.05 var(--display);margin:18px 0}.home-app p{max-width:650px}.home-app-visual{display:flex;justify-content:center}.home-app-visual img{width:210px;height:auto;border-radius:10px}.home-app .text-link{font-size:1rem;text-decoration:underline}.home-app .app-icon{width:72px;height:72px;margin-bottom:18px}.home-app-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media(max-width:800px){.app-intro,.home-app-grid{grid-template-columns:1fr;gap:38px}.app-main-shot img{width:230px}.app-features{grid-template-columns:1fr 1fr}.app-gallery{gap:16px;overflow-x:auto;grid-template-columns:repeat(6,220px);padding-bottom:16px}.home-app{padding:65px 0}.home-app-visual{display:none}}@media(max-width:480px){.app-features{grid-template-columns:1fr}.nutrition-app-hero h1{font-size:3.5rem}.home-app-actions{gap:12px}}
/* Desktop handoff to iPhone; hidden on small or touch-only screens. */
.app-desktop-qr{display:none}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){.app-desktop-qr{display:flex;align-items:center;gap:22px;margin:10px 0 26px;max-width:530px}.app-desktop-qr>a{flex-shrink:0;background:#fff;border-radius:4px;padding:8px}.app-desktop-qr img{width:180px;height:180px;object-fit:contain}.app-desktop-qr p{font-size:1rem;line-height:1.6;color:#d6dace}.app-desktop-qr .app-qr-title{color:#fff;font-weight:800;margin-bottom:8px}}

.home-app .app-discover{background:#131512;color:#fff;border:2px solid #131512;font-size:1rem;font-weight:800;min-height:54px;padding:14px 22px;text-align:center;white-space:normal}
.home-app .app-discover:hover{background:#fff;color:#131512}
.home-app .app-discover:focus-visible{outline:3px solid #131512;outline-offset:5px}
@media(max-width:700px){.home-app .app-discover{display:flex;width:100%;padding:14px 16px}}

/* Align the home app actions while preserving the official badge artwork. */
.home-app-actions{gap:28px;padding-block:14px}
.home-app-actions .store-badge{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;min-height:54px;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease}
.home-app-actions .store-badge img{display:block;height:54px;width:auto}
.home-app-actions .app-discover{min-height:54px;padding:12px 22px;line-height:1.5;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
@media(hover:hover) and (pointer:fine){.home-app-actions .store-badge:hover,.home-app-actions .app-discover:hover{transform:translateY(-3px);box-shadow:0 8px 18px #13151226}}
.home-app-actions .store-badge:focus-visible,.home-app-actions .app-discover:focus-visible{outline:3px solid #131512;outline-offset:6px;box-shadow:none}
@media(prefers-reduced-motion:reduce){.home-app-actions .store-badge,.home-app-actions .app-discover{transition:none}.home-app-actions .store-badge:hover,.home-app-actions .app-discover:hover{transform:none}}

/* Consistent App Store actions across the homepage and app page. */
.store-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;min-height:54px;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease}
.store-badge img{display:block;height:54px;width:auto}
.app-final .app-store-action{background:#131512;color:#fff;border:2px solid #131512;min-height:54px;padding:12px 22px;font-size:1rem;font-weight:800;line-height:1.5;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
@media(hover:hover) and (pointer:fine){.store-badge:hover,.app-final .app-store-action:hover{transform:translateY(-3px);box-shadow:0 8px 18px #13151226}.app-final .app-store-action:hover{background:#fff;color:#131512}}
.store-badge:focus-visible,.app-final .app-store-action:focus-visible{outline:3px solid #131512;outline-offset:6px;box-shadow:none}
.nutrition-app-hero .store-badge:focus-visible{outline-color:#fff}
@media(max-width:700px){.app-final .app-store-action{width:100%}}
@media(prefers-reduced-motion:reduce){.store-badge,.app-final .app-store-action{transition:none}.store-badge:hover,.app-final .app-store-action:hover{transform:none}}

.app-pro-pricing{border:1px solid var(--line);border-left:4px solid var(--yellow);padding:28px;margin-bottom:48px}.app-pro-pricing .app-heading{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:18px}.app-pro-pricing p{line-height:1.8}

.app-legal-block{margin-top:28px;padding-top:28px;border-top:1px solid var(--line);overflow-wrap:anywhere}.app-legal-block h2{font:600 2rem/1.2 var(--display);margin:26px 0 16px}.app-legal-block p{margin:0 0 16px;line-height:1.8}.app-legal-block a,.app-note a{text-decoration:underline;text-underline-offset:3px}[data-app-legal][hidden]{display:none}

/* Consistent spacing for the lower app information and legal sections. */
.app-info-section{padding-bottom:28px}
.app-info-section .app-final{padding:36px 0 28px}
.app-info-section .app-final .app-heading{margin-bottom:20px}
.app-info-section #health-notice{margin-top:0;padding-top:24px}
.app-legal-section{padding-top:0;padding-bottom:60px}
.app-legal-section .app-legal-block{margin-top:0;padding-top:28px}
.app-legal-block h2{margin-top:32px;margin-bottom:16px}
.app-legal-block [data-app-legal]>h2:first-child{margin-top:0}
.app-legal-block [data-app-legal]>p:last-child{margin-bottom:0}
.app-info-section #health-notice+.app-note{margin-top:20px;margin-bottom:0}
@media(max-width:700px){.app-info-section{padding-bottom:24px}.app-info-section .app-final{padding:28px 0 24px}.app-legal-section{padding-top:0;padding-bottom:40px}.app-legal-section .app-legal-block{padding-top:24px}.app-legal-block h2{font-size:1.75rem;margin-top:28px;margin-bottom:14px}}