/* Image motion is optional; tap/keyboard opens the same detailed view. */
[data-enlarge]{cursor:zoom-in;transition:scale .28s ease,box-shadow .28s ease;transform-origin:center}
.hero-scene .phone,.hero-scene .screen,.display-demo .screen{transition:scale .3s ease,box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){
[data-enlarge]:hover{scale:1.035;box-shadow:0 18px 40px #17253124}
.hero-scene .phone:hover{scale:1.045;z-index:3}.hero-scene .phone img:hover{scale:1}
.hero-scene .screen:hover,.display-demo .screen:hover{scale:1.025}
}
[data-enlarge]:focus-visible{outline:3px solid #086ca5;outline-offset:5px}
.image-preview{width:min(1200px,96vw);max-height:94dvh;background:#fff;color:#14252f;border:1px solid #ccddea;padding:16px;border-radius:16px;overflow:hidden}
.image-preview::backdrop{background:#101a24cc;backdrop-filter:blur(5px)}
.image-preview header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px}.image-preview h2{font-size:17px;letter-spacing:-.025em;line-height:1.4}.image-preview header button{flex-shrink:0;border:0;border-radius:8px;background:#086ca5;color:white;padding:10px 15px;min-height:44px;font-weight:700}
.image-preview .image-scroll{overflow:auto;max-height:calc(94dvh - 125px);overscroll-behavior:contain;background:#f5f6f6;border-radius:10px;text-align:center}
.image-preview .image-scroll img{display:block;max-height:calc(94dvh - 130px);max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}
.image-preview.is-detailed .image-scroll img{max-height:none;max-width:none;width:auto;height:auto;min-width:100%}
.image-preview footer{padding:10px 0 0!important;display:flex;justify-content:space-between;gap:10px;margin:0;color:#56656e;font-size:11px}.image-preview footer button{background:white;color:#086ca5;border:1px solid #086ca5;border-radius:8px;padding:9px 13px;min-height:44px;font:inherit;font-weight:700}
@media(max-width:720px){.image-preview{padding:12px}.image-preview h2{font-size:13px}.image-preview footer span{max-width:155px;font-size:10px}}
@media(prefers-reduced-motion:reduce){[data-enlarge],.hero-scene .phone,.hero-scene .screen,.display-demo .screen{transition:none!important;scale:1!important}}
.image-preview[open]{display:flex;flex-direction:column}.image-preview header,.image-preview footer{flex-shrink:0}.image-preview .image-scroll{min-height:0;flex:1 1 auto}

.inventory-story{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-top:10px}.inventory-story h2{font-size:36px}.inventory-story h2 em{color:#257331}.inventory-story p{color:#596368;font-size:14px;line-height:1.8;margin:23px 0}.inventory-story .inventory-caption{font-size:12px;color:#257331}.recipe-example{padding:32px;border:1px solid #cbdfea;border-radius:16px;background:#fff;position:relative;overflow:hidden}.recipe-example:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--signature)}.recipe-example h3{font-size:27px;margin-bottom:25px}.recipe-example>.eyebrow{font-size:9px;color:#086ca5}.recipe-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e4e8e5;font-size:14px}.recipe-row strong{color:#086ca5}.recipe-result{margin-top:22px;background:#257331;color:white;padding:15px;border-radius:8px;font-size:12px;font-weight:700}.recipe-example>small{display:block;font-size:10px;color:#647269;line-height:1.7;margin-top:16px}@media(max-width:720px){.inventory-story{grid-template-columns:1fr;gap:23px}.inventory-story h2{font-size:31px}.recipe-example{padding:26px 22px}}

[data-enlarge].touch-preview,.hero-scene .phone.touch-preview{scale:1.04;box-shadow:0 18px 40px #17253124}.hero-scene .phone.touch-preview{z-index:3}@media(prefers-reduced-motion:reduce){[data-enlarge].touch-preview,.hero-scene .phone.touch-preview{scale:1!important}}

.chat-card{transition:scale .28s ease,box-shadow .28s ease;transform-origin:bottom right}.chat-card.touch-preview{scale:1.045;box-shadow:0 18px 40px #173b2030;z-index:2}@media(hover:hover) and (pointer:fine){.chat-card:hover{scale:1.045;box-shadow:0 18px 40px #173b2030;z-index:2}}@media(prefers-reduced-motion:reduce){.chat-card,.chat-card.touch-preview{transition:none!important;scale:1!important}}