/* Owner's blue Hero artwork. One responsive composition, no learning styles. */
.home-hero.growmo-v4-host{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:10px;min-height:0;padding:clamp(24px,3.5vw,52px);background:linear-gradient(120deg,#082c5b,#075fc7);border:1px solid #168bff}
.growmo-v4-host .hero-copy,.growmo-v4-host .hero-art{min-width:0}
.home-hero.growmo-v4-host:before{display:none}
.growmo-v4-host .hero-art{display:block;min-height:0}
.growmo-v4-host h1{font-size:clamp(38px,4.4vw,66px);line-height:1.12;letter-spacing:-.035em}
.growmo-v4-host h1 em{font-style:normal;color:#ffe05a}
.growmo-v4-host .hero-copy>p{font-size:clamp(15px,1.3vw,19px);line-height:1.75}
.growmo-v4-host .home-actions{gap:10px}
.growmo-v4-host .home-actions button,.growmo-v4-host .home-actions a{min-height:44px;max-width:100%;white-space:normal}
.growmo-v4-stage{position:relative;isolation:isolate;aspect-ratio:870/800;width:100%;max-width:100%;overflow:hidden;border-radius:24px}
.growmo-v4-scene{display:block;width:100%;height:100%;overflow:hidden}
.growmo-v4-mouth{transform-origin:995px 381px;opacity:0}
.growmo-v4-blink{opacity:0;animation:growmo-blink 6.6s infinite}
.growmo-v4-wing{transform-origin:1172px 454px}
.is-speaking .growmo-v4-wing{animation:growmo-wing 1.25s ease-in-out infinite alternate}
.growmo-v4-sparkles{opacity:0}
.is-speaking .growmo-v4-sparkles{animation:growmo-sparkles 1.8s ease-in-out infinite alternate}
.is-finished .growmo-v4-sparkles{animation:growmo-finished .9s ease-out}
.growmo-v4-voice{position:absolute;left:51.8%;top:48%;width:38.5%;min-height:44px;height:12.8%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:0;border-radius:18px;background:#fff;color:#0b2c64;font-family:inherit;cursor:pointer;box-shadow:0 0 0 2px #fff}
.growmo-v4-play{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#ff3153;color:#ffe147;border-radius:50%;font-size:16px}
.growmo-v4-control-label{font-size:clamp(10px,1vw,15px);font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.growmo-v4-voice:focus-visible{outline:3px solid #ffdf65;outline-offset:4px}
.growmo-v4-progress{display:flex;align-items:center;gap:10px;color:#d7ecff;font-size:11px;min-height:26px;margin:8px 4px 0}
.growmo-v4-meter{height:4px;flex:1;background:#235a98;border-radius:8px;overflow:hidden}
.growmo-v4-fill{display:block;height:100%;width:0;background:#ffdb63}
.growmo-v4-error{font-size:14px;line-height:1.5;color:#ffe596;margin:8px 4px}
.growmo-v4-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes growmo-blink{0%,41%,43%,88%,90%,100%{opacity:0}41.4%,42.3%,88.5%,89.3%{opacity:1}}
@keyframes growmo-wing{from{transform:rotate(-1deg)}to{transform:rotate(2deg)}}
@keyframes growmo-sparkles{from{opacity:.15}to{opacity:1}}
@keyframes growmo-finished{0%,100%{opacity:0}40%{opacity:1}}
@media(max-width:900px){
 .home-hero.growmo-v4-host{grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(20px,4vw,36px);border-radius:27px}
 .growmo-v4-host h1{font-size:clamp(36px,6.5vw,60px);line-height:1.14}
 .growmo-v4-host .hero-art{width:100%;max-width:610px;margin-inline:auto}
 .growmo-v4-host .hero-copy>p{font-size:16px}
 .growmo-v4-control-label{font-size:clamp(10px,2.2vw,16px)}
}
@media(max-width:400px){
 .home-hero.growmo-v4-host{padding:22px 14px 16px}
 .growmo-v4-host h1{font-size:clamp(31px,9vw,36px)}
 .growmo-v4-host .home-actions button,.growmo-v4-host .home-actions a{padding:12px 14px;font-size:13px}
 .growmo-v4-voice{gap:4px;padding:5px;border-radius:12px}
 .growmo-v4-play{width:22px;height:22px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .growmo-v4-host .growmo-v4-blink,.growmo-v4-host .growmo-v4-wing,.growmo-v4-host .growmo-v4-sparkles{animation:none!important}
 .growmo-v4-host .growmo-v4-mouth{opacity:0!important;transform:none!important}
}