/* AI Backpack inline video and fictional flower-shop illustration. */
#ai-backpack[hidden]{display:none!important}
#ai-backpack .backpack-media{background:#edf3ef;gap:16px;align-items:stretch;min-height:0}
#ai-backpack :is(.backpack-video,.backpack-still){display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#fff}
#ai-backpack [hidden]{display:none!important}
#ai-backpack .backpack-replay{align-self:flex-start;justify-content:center}
@media(prefers-reduced-motion:reduce){#ai-backpack .backpack-video,#ai-backpack .backpack-replay{display:none!important}#ai-backpack .backpack-still{display:block!important}}

.animation-example-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}
.animation-example-copy{min-width:0}
.flower-example{min-width:0;margin:0}
.flower-example-scene{position:relative;overflow:hidden;border-radius:16px;background:#f4efe5}
.flower-example img{display:block;width:100%;height:auto}
.flower-example .flower-speech{position:absolute;bottom:70%;left:5%;width:64%;padding:18px 27px;border:2px solid #7e9f88;border-radius:50%;text-align:center;background:#fffffff5;color:#243b2b;font-size:16px;line-height:1.45;font-weight:700;box-shadow:0 5px 14px #1c322e18;margin:0}
.flower-speech:after{content:"";position:absolute;bottom:-10px;left:48%;width:18px;height:18px;background:#fffffff5;border-bottom:2px solid #7e9f88;border-right:2px solid #7e9f88;transform:skewY(35deg)}
.flower-example figcaption{font-size:12px;line-height:1.6;color:#65716f;margin-top:12px}
@media(max-width:760px){.animation-example-layout{grid-template-columns:1fr;gap:24px}.flower-example{max-width:480px;margin-inline:auto}.flower-example .flower-speech{font-size:14px;padding:14px 22px}}
@media(min-width:761px) and (max-width:1050px){.flower-example .flower-speech{font-size:14px;padding:14px 22px;width:76%}}
@media(max-width:380px){.flower-example .flower-speech{font-size:12px;padding:11px 18px;width:76%;bottom:67%}}

/* AI Backpack left-panel mascot and the owner's Monday lesson plan. */
#ai-backpack .backpack-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}
#ai-backpack .backpack-heading>div{min-width:0}
#ai-backpack .backpack-mascot{display:block;width:96px;height:auto;flex:none;object-fit:contain}
#ai-backpack .backpack-heading .product-tagline{margin-bottom:0}
#ai-backpack .backpack-updates{font-size:15px;font-weight:700;color:#385d50;margin:0 0 22px}
@media(max-width:420px){#ai-backpack .backpack-heading{gap:12px}#ai-backpack .backpack-mascot{width:68px}#ai-backpack .backpack-heading h3{font-size:32px}}

.flower-example .flower-explanation{font-size:15px;line-height:1.65;color:#4d5a60;margin:0 0 18px}

/* Ana’s layout polish: allow one product-intro line when it fits and more badge space. */
.product-heading{flex-wrap:wrap}
.product-heading>p{width:max-content;max-width:100%;flex:0 1 auto}
.immune-title-row{column-gap:32px}
.immune-title-row .app-store-badge{margin-inline-start:auto}

/* Separate custom logo introduction example; never shares hero IDs or controls. */
.product-logo-animation .logo-demo{margin:0;padding:24px;background:#f3f3f4;display:flex;flex-direction:column;align-items:center;gap:14px}
.logo-demo video,.logo-demo-still{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:9/16;object-fit:contain;mix-blend-mode:darken}
.logo-demo figcaption{font-size:14px;line-height:1.6;color:#4d5a60;max-width:370px;text-align:center}
.logo-demo [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.logo-demo video,.logo-demo-toggle{display:none!important}.logo-demo-still{display:block!important}}

/* Authentic brand and mascot examples; original artwork kept intact. */
.product-logo-animation .brand-examples{margin-top:26px}
.brand-examples h4{font-size:16px;line-height:1.5;margin:0 0 12px;color:#30363c}
.brand-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brand-examples-grid figure{margin:0;min-width:0;padding:10px 7px;background:#fff;border:1px solid #e4e5e8;border-radius:14px;text-align:center}
.brand-examples-grid img{display:block;width:100%;height:104px;object-fit:contain;object-position:center}
.brand-examples-grid figcaption{font-size:12px;line-height:1.4;margin-top:8px;color:#4d5a60}
@media(max-width:420px){.brand-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-examples-grid img{height:100px}}

.brand-examples .brand-examples-note{font-size:14px;line-height:1.5;margin:0 0 14px}
/* Give the original portrait Studio artwork more room without cropping its logo. */
.brand-examples-grid figure{display:flex;flex-direction:column;justify-content:center}
.brand-examples-grid img[src$="interanthi-studio-soft-shadow.png"]{height:180px}

.brand-examples-grid img[src$="greek-ai-logo-approved.png"]{height:130px;max-width:160px;margin-inline:auto}

/* Linda’s Flower Shop: deliberate playback with native sound and pause controls. */
.flower-example-scene:has(.flower-video){max-width:360px;margin-inline:auto;background:#f3f3f4}
.flower-video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
/* Comfortable touch target, including when the button is disabled or sending. */
#inquiry button[type="submit"]{min-height:48px;min-width:140px;padding:12px 22px;font:inherit;font-weight:700;line-height:1.4;border-radius:8px;cursor:pointer}
#inquiry button[type="submit"]:disabled{cursor:default}