/* A garden of small, purposeful movements. */
.hero-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.garden{position:absolute;width:340px;height:375px;bottom:35px;isolation:isolate;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);will-change:transform}
.garden-left{left:-58px}.garden-right{right:-50px}
.garden-ground{position:absolute;inset:50px 6px 10px;border-radius:48% 54% 41% 52%;background:#f3f2e9;transform:rotate(-13deg)}
.garden-right .garden-ground{background:#eef3e7;border-radius:55% 42% 49% 38%;transform:rotate(13deg)}
.garden-line{position:absolute;inset:6px 0 0;width:100%;height:100%;fill:none;stroke:#91a982;stroke-width:1.4;stroke-linecap:round;opacity:.7}
.garden-line .draw-line{stroke-dasharray:800;stroke-dashoffset:800;animation:line-grow 2.2s .25s ease-out forwards}
.garden-token{position:absolute;width:52px;height:52px;display:grid;place-items:center;border-radius:17px;box-shadow:0 7px 20px #344c2210;background:#f6e4c2;transform:rotate(var(--turn,-12deg));animation:token-hello 1s var(--delay,.35s) both}
.garden-token svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.token-heart{left:86px;top:3px;color:#c77852;--turn:-16deg}.token-water{right:5px;top:100px;background:#e6f0f2;color:#729dab;--turn:14deg;--delay:.6s}.token-check{right:74px;top:0;background:#e0ebd4;color:#54784a;--turn:13deg;--delay:.5s}.token-leaf{left:7px;top:101px;background:#f4ebd4;color:#65824d;--turn:-15deg;--delay:.75s}
.garden-star{position:absolute;width:21px;height:21px;color:#d6ba75;animation:star-greet 1s .9s both}.garden-star svg{height:100%;width:100%;fill:currentColor}.garden-left .star-one{top:66px;left:61px}.garden-left .star-two{top:49px;right:53px;width:12px;height:12px;color:#adc2a4}.garden-right .star-one{top:65px;right:45px;color:#a7be98}.garden-right .star-two{top:58px;left:78px;width:13px;height:13px}
.hero-character.cat img,.hero-character.guinea-pig img{animation-name:grounded-breathe;animation-duration:7s}
.hero-character.is-reacting img{animation:friend-hello .7s cubic-bezier(.3,.8,.3,1)}
.daily-product,.feature-visual,.profile-visual,.meal-visual{isolation:isolate}
.feature-visual::before{content:'';position:absolute;width:300px;height:310px;bottom:-40px;left:50%;transform:translateX(-50%) rotate(-8deg);border-radius:48% 48% 18% 18%;background:#dfe9cf99;z-index:-1}
.guidance .feature-visual::before{background:#ece1ee99;transform:translateX(-50%) rotate(8deg)}
.scene-sprig{position:absolute;width:90px;height:120px;fill:none;stroke:#87a374;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;left:-5px;bottom:36px;z-index:0;pointer-events:none;transform-origin:50% 100%}
.guidance .scene-sprig{left:auto;right:-4px;bottom:16px;stroke:#a393a6;transform:scaleX(-1)}
.sharing .people-bubble{box-shadow:0 14px 34px #314a2220}.guidance .source-bubble{box-shadow:0 14px 34px #4d354d18}
.people-bubble .sharing-check{position:absolute;right:-10px;top:-10px;width:28px;height:28px;border-radius:50%;background:#315831;color:white;border:3px solid white;display:grid;place-items:center;font-size:12px}
.motion-ready .daily-panel.reveal,.motion-ready .feature.reveal,.motion-ready .profile-panel.reveal,.motion-ready .meal-panel.reveal{opacity:1;transform:none;transition:none}
.motion-ready .scene-enter{opacity:0;translate:0 28px;transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--scene-delay,0ms)}
.motion-ready .scene-enter.scene-visible{opacity:1;translate:0 0}
.motion-ready .feature-visual .people-bubble,.motion-ready .feature-visual .source-bubble{transition:opacity .5s .3s,translate .7s .3s;translate:0 20px;opacity:0}
.feature-visual.scene-visible .people-bubble,.feature-visual.scene-visible .source-bubble{translate:0 0;opacity:1}
.feature-visual.scene-visible .avatar-stack span{animation:avatar-arrive .6s both;animation-delay:calc(.25s + var(--avatar-order,0)*.12s)}
.scene-visible .scene-sprig{animation:sprig-wave 1.8s .5s ease-in-out 2}
.scene-visible .profile-character{animation:cast-greeting 1.1s .15s both;transform-origin:50% 90%}
.care-preview{position:relative;overflow:visible}.care-preview .activity{border-radius:0 0 22px 22px}.complete-task{position:relative}.complete-task svg path{stroke-dasharray:30;stroke-dashoffset:0}.care-celebrating .complete-task svg path{animation:check-draw .5s ease both}.care-celebrating .activity-dot{animation:activity-ring .7s .2s 2}.care-celebrating .member-switch button[aria-pressed=true] img{animation:cast-greeting .8s both;transform-origin:50% 90%}.care-celebrating .activity{animation:activity-arrive .65s .18s both}
.care-particle{position:absolute;width:9px;height:9px;border-radius:3px;background:#8fb57a;left:calc(50% - 4px);top:calc(50% - 4px);pointer-events:none;animation:care-burst .75s ease-out forwards;--burst-x:0px;--burst-y:-55px}.care-particle:nth-last-child(2){background:#d6b981}.care-particle:nth-last-child(3){background:#9ebec8}
.species-card{position:relative;overflow:hidden}.species-card::before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#efeadb;top:24px;left:50%;transform:translateX(-50%) scale(.7);opacity:0;transition:transform .35s,opacity .35s}.species-card[data-category=plants]::before{background:#e1ead5}.species-card img{position:relative;transform-origin:50% 90%}.species-card:is(:hover,:focus-visible)::before{opacity:1;transform:translateX(-50%) scale(1)}.species-card:is(:hover,:focus-visible){background:#eef3e5;transform:translateY(-3px)}.species-card[data-category=animals]:is(:hover,:focus-visible){background:#f3ebdf}.species-card:is(:hover,:focus-visible) img{transform:translateY(-4px) rotate(-3deg) scale(1.05)}.species-card.scene-enter{transition:opacity .75s,translate .85s,transform .25s,background .25s}.species-card:is(a)>small{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#bdc7ae}
.species-card.species-arriving img{animation:cast-greeting .8s backwards;animation-delay:var(--species-delay,0ms)}
.safety-art::before{content:'';position:absolute;inset:16px 10px 0;border:1px solid #8ea47a;border-radius:48% 52% 45% 55%;transform:rotate(-12deg);opacity:.6}.safety-art.scene-visible img:first-child{animation:cast-greeting 1.1s .2s both;transform-origin:50% 90%}.safety-art.scene-visible img:last-child{animation:sprig-wave 2s .3s 2;transform-origin:50% 95%}
.meal-visual{position:relative}.meal-visual::before{content:'';position:absolute;width:330px;height:330px;border:1px solid #e0ce9b;border-radius:50%;top:110px;z-index:-1}.meal-visual::after{content:'';position:absolute;width:270px;height:350px;background:#efdfb84a;border-radius:50% 40% 45% 40%;top:125px;z-index:-1;transform:rotate(20deg)}
.meal-step .step-arrow{transition:transform .35s,color .35s}.meal-step[aria-pressed=true] .step-arrow{transform:rotate(45deg);color:var(--forest)}
.closing{position:relative;overflow:hidden;padding-top:20px}.motion-ready .closing>img{display:none}.closing-cast{position:relative;width:510px;max-width:calc(100% - 40px);height:230px;margin:0 auto 26px;isolation:isolate}.closing-cast::before{content:'';position:absolute;width:95%;height:150px;left:2.5%;bottom:0;background:#f1f5e9;border-radius:50%;z-index:-1}.closing-cast::after{content:'';position:absolute;width:80%;height:175px;left:10%;bottom:8px;border:1px solid #ccdac0;border-radius:50%;z-index:-1;transform:rotate(-7deg)}
.closing-cast img{position:absolute;object-fit:contain;height:auto;margin:0;border-radius:0;box-shadow:none;transform-origin:50% 90%}.closing-cast .cast-cat{width:185px;left:0;bottom:15px}.closing-cast .cast-guinea{width:145px;left:129px;bottom:-4px;z-index:2}.closing-cast .cast-plant{width:220px;right:0;bottom:15px}.closing-cast .cast-small{width:135px;right:124px;bottom:-9px;z-index:1}.closing-cast.scene-visible img{animation:cast-greeting 1s both;animation-delay:var(--cast-delay,0ms)}
@keyframes line-grow{to{stroke-dashoffset:0}}@keyframes token-hello{from{opacity:0;transform:translateY(18px) rotate(calc(var(--turn) - 18deg)) scale(.8)}to{opacity:1;transform:translateY(0) rotate(var(--turn)) scale(1)}}@keyframes star-greet{from{opacity:0;transform:rotate(-60deg) scale(.4)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes grounded-breathe{0%,100%{transform:rotate(-1deg) scaleY(1)}50%{transform:rotate(1.5deg) scaleY(1.025)}}@keyframes sprig-wave{0%,100%{rotate:0deg}35%{rotate:-4deg}70%{rotate:3deg}}@keyframes cast-greeting{0%{opacity:0;transform:translateY(18px) rotate(-5deg) scale(.94)}55%{opacity:1;transform:translateY(-4px) rotate(3deg) scale(1.02)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes avatar-arrive{from{opacity:0;transform:translateX(-10px) scale(.7)}to{opacity:1;transform:none}}@keyframes check-draw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes activity-ring{0%{box-shadow:0 0 0 0 #799c7666}100%{box-shadow:0 0 0 8px #799c7600}}@keyframes activity-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes care-burst{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(130deg)}}
@media(min-width:1500px){.garden-left{left:-20px}.garden-right{right:-15px}.garden{width:390px;height:400px}}
@media(max-width:1100px){.garden{width:280px;height:335px;bottom:15px}.garden-left{left:-66px}.garden-right{right:-62px}.garden-token{width:44px;height:44px;border-radius:14px}.garden-token svg{width:25px;height:25px}.token-water{right:15px;top:113px}.token-leaf{left:15px;top:113px}.meal-visual::before{width:270px;height:270px}.meal-visual::after{width:235px;height:310px}}
@media(max-width:700px){.hero-decor{inset:auto 0 0;height:260px}.garden{height:245px;width:220px;bottom:0;will-change:auto;transform:none}.garden-left{left:calc(50% - 220px)}.garden-right{right:calc(50% - 220px)}.garden-ground{inset:36px 5px 5px}.garden-token{width:34px;height:34px;border-radius:12px}.garden-token svg{width:21px;height:21px}.token-heart{left:39px;top:3px}.token-water{right:9px;top:21px}.token-check{right:32px;top:3px}.token-leaf{left:16px;top:17px}.garden-star{width:12px;height:12px}.garden-left .star-one{left:24px;top:90px}.garden-left .star-two{right:50px;top:2px}.garden-right .star-one{right:17px;top:83px}.garden-right .star-two{left:52px;top:2px}.hero-characters{margin-top:28px}.scene-sprig{width:68px;height:100px;left:-8px;bottom:15px}.feature-visual::before{width:255px;height:270px}.closing-cast{width:360px;height:185px;margin-bottom:24px}.closing-cast .cast-cat{width:140px;left:-12px;bottom:13px}.closing-cast .cast-guinea{width:107px;left:75px;bottom:1px}.closing-cast .cast-plant{width:168px;right:-13px;bottom:14px}.closing-cast .cast-small{width:103px;right:71px;bottom:-5px}.closing-cast::before{height:115px}.closing-cast::after{height:145px}.meal-visual::before{top:80px}.meal-visual::after{top:100px}}
@media(prefers-reduced-motion:reduce){.garden{transform:none!important;will-change:auto}.garden-line .draw-line{stroke-dashoffset:0}.motion-ready .scene-enter{opacity:1;translate:none}.motion-ready .feature-visual .people-bubble,.motion-ready .feature-visual .source-bubble{opacity:1;translate:none}.care-particle{display:none}.garden-token{transform:rotate(var(--turn))}.scene-enter,.scene-enter *{animation:none!important;transition:none!important}}