/* Interactive product presentation; shared brand styles remain in styles.css. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}
button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #a66b27;outline-offset:4px}.mobile-menu{display:none}.header{position:relative;z-index:5}.header nav{gap:25px}.hero{min-height:750px}.hero-visual{height:660px;padding-bottom:48px}.hero-phone{display:block;cursor:zoom-in;transition:transform .25s,box-shadow .25s}.hero-phone:hover{transform:rotate(2deg) translateY(-3px);box-shadow:0 28px 54px #233b2e30}.screen-enlarge{position:absolute;bottom:35px;right:16px;display:grid;place-items:center;width:32px;height:32px;background:#fffef5;color:var(--ink);border-radius:50%;font-size:1.35rem;box-shadow:0 2px 10px #0002}.screen-switcher{position:absolute;bottom:25px;display:flex;padding:5px;border:1px solid #d8dfca;border-radius:30px;background:#fffef8;box-shadow:0 8px 24px #233b2e08;z-index:2}.screen-switcher button{border:0;background:transparent;border-radius:24px;font-size:.75rem;min-height:44px;padding:10px 17px;transition:background .2s,color .2s}.screen-switcher button[aria-pressed=true]{background:#294933;color:#fffef5}.screen-hint{position:absolute;bottom:4px;left:10px;right:10px;text-align:center;font-size:.5625rem;line-height:1.4;color:#67755e}.hero .note-top,.hero .note-bottom{pointer-events:none}.hero .note-bottom{bottom:110px}
.try-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:95px}.try-copy h2{margin-top:20px;font-size:3.5rem;line-height:1.08}.try-copy .section-lead{max-width:375px}.demo-instruction{font-size:.875rem;margin-top:30px;display:flex;align-items:center;gap:12px;color:#57764b}.demo-instruction>span{font-size:1.5rem}.demo-disclaimer{font-size:.6875rem;color:var(--muted);line-height:1.8;margin-top:18px}.demo-app{background:#fffef9;border:1px solid #d6decf;border-radius:22px;padding:30px;box-shadow:0 18px 55px #233b2e0a;transform:rotate(1deg);min-width:0}.demo-app-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-kicker{font-size:.625rem;color:#73806b;letter-spacing:.8px}.demo-app-top h3{font-size:1.25rem;font-weight:600;letter-spacing:-.5px;margin-top:8px}.demo-label{font-size:.5625rem;letter-spacing:1px;background:#edf1e5;padding:7px 9px;border-radius:5px;flex-shrink:0}.demo-progress{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px;font-size:.6875rem;color:#728167}.demo-progress button{border:0;background:transparent;font-size:.6875rem;min-height:44px;padding:8px 0 8px 12px;color:#547548}.demo-track{height:4px;border-radius:4px;background:#e8eddf;overflow:hidden;margin-bottom:14px}.demo-track>span{display:block;height:100%;width:0;background:#749655;transition:width .25s}.demo-row{display:flex;align-items:center;gap:13px;min-height:68px;border-bottom:1px solid #edf0e6;cursor:pointer;padding-block:12px}.demo-row input{appearance:none;display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1.5px solid #a7b29e;border-radius:7px;margin:0;cursor:pointer}.demo-row input:checked{background:#4a7541;border-color:#4a7541}.demo-row input:checked::after{content:'✓';color:white;font-size:.875rem}.demo-product{font-size:.875rem;font-weight:500;min-width:0;flex:1;overflow-wrap:anywhere}.demo-product small{display:block;font-weight:400;font-size:.625rem;color:#7c8675;margin-top:5px}.demo-price{font-size:.875rem;font-weight:600;white-space:nowrap}.is-done .demo-product{text-decoration:line-through;color:#7b8872}.is-done .demo-price{color:#899281}.demo-form{display:flex;gap:8px;margin-top:20px}.demo-form input{flex:1;width:0;min-width:0;border:1px solid #dce4d4;border-radius:10px;background:#f8faf3;padding:12px 14px;font:inherit;font-size:.8125rem;color:var(--ink);min-height:48px}.demo-form input::placeholder{color:#7d8a72}.demo-form button{width:48px;min-height:48px;flex-shrink:0;border:0;border-radius:10px;background:#e6edda;font-size:1.5rem;color:#3e653a}.demo-form button:hover{background:#d6e4c4}.demo-total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:26px;border-top:1px dashed #dce4d4;padding-top:22px}.demo-total div>span{font-size:.6875rem;color:#718066;display:block;margin-bottom:6px}.demo-total strong{font-size:1.875rem;letter-spacing:-1px;font-weight:600}.demo-total>span{font-size:.625rem;color:#7c8971;max-width:110px;line-height:1.6;text-align:right}.demo-feedback{min-height:30px;margin-top:14px;font-size:.625rem;color:#647b55;line-height:1.7}
.dinner-section{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-bottom:110px}.dinner-image{position:relative;min-width:0}.dinner-image img{width:100%;height:510px;object-fit:cover;border-radius:110px 22px 22px 22px;background:#eceadd}.dinner-image>span{position:absolute;left:18px;bottom:16px;max-width:calc(100% - 36px);background:#fffdf2e8;padding:8px 12px;border-radius:6px;font-size:.5625rem;color:#54654b}.dinner-copy{min-width:0}.dinner-copy h2{font-size:3.1rem;margin-top:20px}.dinner-copy .section-lead{font-size:1rem;margin-top:24px}.dinner-copy>p:not(.eyebrow):not(.section-lead){font-size:.875rem;line-height:1.9;color:var(--muted);margin-top:20px}.recipe-path{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:27px}.recipe-path>span{border:1px solid #d7dfcb;padding:9px 12px;border-radius:8px;font-size:.6875rem}.recipe-path i{font-style:normal;color:#8d9c7d}.dinner-copy>.text-link{margin-top:21px;color:#476c38}.feature-card{transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#a9bc96;transform:translateY(-4px)}
.share-button{background:transparent;border:1px solid #d5ddc9;border-radius:8px;padding:10px 14px;font-size:.75rem;min-height:44px;margin-left:auto}.share-button:hover{background:#e9eedf}.footer-top>a:last-child{margin-left:0}.back-top{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.footer-bottom{flex-wrap:wrap;gap:12px 24px}#share-feedback{font-size:.75rem;line-height:1.7;margin-top:10px;overflow-wrap:anywhere}
.screen-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid #d4dec9;border-radius:20px;background:#f8f7f0;color:var(--ink);box-shadow:0 25px 80px #0004;overscroll-behavior:contain;overflow-y:auto}.screen-dialog::backdrop{background:#152619c9;backdrop-filter:blur(6px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.dialog-toolbar h2{font:600 1rem/1.5 var(--sans);letter-spacing:0}.dialog-toolbar button,.dialog-controls button{border:1px solid #d2ddc5;background:#eef2e7;min-width:44px;min-height:44px;border-radius:50%;font-size:1.4rem}.dialog-image{background:#e9edde;border-radius:12px;display:flex;justify-content:center;overflow:hidden}.dialog-image img{height:62dvh;width:auto;max-width:100%;object-fit:contain;min-height:0}.dialog-controls{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:12px}.dialog-controls p{font-size:.75rem;color:#66775a}html:has(dialog[open]){overflow:hidden}.screen-dialog:not([open]){display:none}
@media(min-width:761px) and (max-width:1100px){.try-section{gap:45px}.dinner-section{gap:40px}.dinner-image img{height:450px}.header nav{gap:15px}.header nav a{font-size:.75rem}}
@media(max-width:760px){.header{gap:12px}.header>.button{margin-left:auto}.mobile-menu{display:block;position:static;order:3}.mobile-menu summary{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--line);border-radius:9px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{display:block;width:17px;height:1px;background:var(--ink);transition:transform .2s}.mobile-menu[open] summary>span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[open] summary>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header .mobile-menu nav{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;gap:0;background:#fffef8;border:1px solid #dbe1cf;border-radius:14px;padding:10px;box-shadow:0 14px 35px #233b2e16}.mobile-menu nav a{min-height:48px;padding:13px 14px;font-size:.875rem;border-radius:8px}.mobile-menu nav a:hover{background:#eaf0df}.hero{min-height:0}.hero-visual{height:590px;padding-bottom:70px}.hero .note-top{top:118px}.hero .note-bottom{bottom:128px;max-width:240px}.screen-switcher{bottom:29px}.screen-switcher button{padding-inline:16px;font-size:.75rem}.screen-hint{bottom:5px;font-size:.5625rem;line-height:1.6}.hero-phone{width:225px}.hero .eyebrow{font-size:.5625rem;letter-spacing:1.1px}.hero h1{line-height:1.05}.try-section{grid-template-columns:minmax(0,1fr);gap:33px;padding-block:60px}.try-copy h2{font-size:2.6rem}.try-copy .section-lead{font-size:.9375rem}.demo-instruction{margin-top:18px}.demo-disclaimer{font-size:.625rem;margin-top:12px}.demo-app{padding:23px;transform:none;border-radius:18px}.demo-app-top h3{font-size:1.125rem}.demo-row{min-height:70px}.demo-row .demo-product{font-size:.875rem}.demo-price{font-size:.8125rem}.dinner-section{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:65px}.dinner-image img{height:330px;border-radius:65px 16px 16px 16px}.dinner-copy h2{font-size:2.6rem}.dinner-copy .section-lead{font-size:.9375rem}.dinner-copy .eyebrow{font-size:.5625rem;letter-spacing:1.1px}.recipe-path{gap:7px}.recipe-path>span{padding:8px 10px;font-size:.6875rem}.share-button{margin-left:0}.screen-dialog{padding:12px}.dialog-image img{height:58dvh}.screen-dialog .dialog-toolbar h2{font-size:.875rem}.footer-bottom nav{column-gap:15px}.feature-card:hover{transform:none}}
@media(max-width:360px){.header{column-gap:8px}.header>.brand{gap:6px;font-size:1.25rem}.header>.button{font-size:.6875rem;padding-inline:11px}.header>.brand img{width:29px;height:29px}.hero-visual{height:560px}.hero-phone{width:205px}.screen-hint{font-size:.5rem}.demo-app{padding:18px}.demo-app-top h3{font-size:1rem}.demo-row{gap:10px}.demo-total strong{font-size:1.625rem}}
@media(prefers-reduced-motion:reduce){.hero-phone,.demo-track>span,.screen-switcher button,.feature-card{transition:none}.hero-phone:hover{transform:rotate(5deg)}}
@media(max-width:360px){.demo-row{display:grid;grid-template-columns:23px minmax(0,1fr);gap:5px 12px}.demo-row input{grid-column:1;grid-row:1 / span 2}.demo-product{grid-column:2}.demo-price{grid-column:2;font-size:.75rem;color:#64745b}.demo-app-top{flex-wrap:wrap}.demo-total{flex-wrap:wrap}.demo-total>span{max-width:100%;text-align:left}.screen-switcher{max-width:calc(100% - 8px);flex-wrap:wrap;justify-content:center}.screen-switcher button{padding-inline:12px}}