.landing{--landing-ease:cubic-bezier(.22, 1, .36, 1);--landing-bounce:cubic-bezier(.34, 1.56, .64, 1)}.landing-hero{background:radial-gradient(120% 90% at 88% -10%, color-mix(in srgb, var(--color-primary) 14%, transparent) 0%, transparent 50%), linear-gradient(180deg, var(--background-color-white) 0%, var(--color-surface) 100%)}.landing-mark{position:relative}.landing-mark:after{content:"";z-index:-1;background:color-mix(in srgb, var(--color-primary) 22%, transparent);transform-origin:0;border-radius:4px;height:12px;position:absolute;inset:auto -2px 4px}.landing-plot{aspect-ratio:600/436}.landing-crop,.landing-bed-crop{width:120%;max-width:none;position:absolute;bottom:29%;left:-10%}.landing-crop{opacity:0;transition:opacity .35s}.landing-crop[data-final]{opacity:1}.landing-drop{opacity:0;width:12%;position:absolute;top:58%;left:92%}@media (prefers-reduced-motion:no-preference){@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes landing-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes landing-show{0%{opacity:0}to{opacity:1}}@keyframes landing-hide{to{opacity:0}}@keyframes landing-ripen{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes landing-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes landing-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}@keyframes landing-water{0%{opacity:0;transform:translate(0,0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(150%,170%)scale(1)}}.landing-in{animation:landing-rise .7s var(--landing-ease) both;animation-delay:calc(var(--seq,0) * .11s)}.landing-mark:after{animation:landing-sweep .55s var(--landing-ease) both;animation-delay:calc(var(--seq,0) * .11s)}.landing-level-bar{transform-origin:0;animation:landing-sweep 1.4s var(--landing-ease) .9s both}.landing-hero-grow .landing-crop{transform-origin:50% 88%}.landing-hero-grow .landing-crop[data-stage=SEED]{animation:.3s .5s both landing-show,.3s 1.2s forwards landing-hide}.landing-hero-grow .landing-crop[data-stage=SPROUT]{animation:landing-ripen .45s var(--landing-bounce) 1.2s both, landing-hide .3s ease 1.9s forwards}.landing-hero-grow .landing-crop[data-stage=GROWING]{animation:landing-ripen .45s var(--landing-bounce) 1.9s both, landing-hide .3s ease 2.6s forwards}.landing-hero-grow .landing-crop[data-stage=COMPLETED]{animation:landing-ripen .55s var(--landing-bounce) 2.6s both}.landing-drop-hero{animation:.9s ease-in 3 landing-water;animation-delay:calc(.5s + var(--drop) * .3s)}.landing-pop{animation:landing-pop-in .5s var(--landing-bounce) 2.9s both, landing-float 4s ease-in-out 3.4s infinite}.landing-pop-late{animation-delay:3.3s,3.8s}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.landing-reveal{opacity:0;transition:opacity .6s ease-out, transform .8s var(--landing-ease);transition-delay:calc(var(--reveal-i,0) * .1s);transform:translateY(24px)}.landing-reveal.revealed{opacity:1;transform:none}.landing-book-rise{transform:translateY(44px)rotate(-2deg)}.landing-sprout{transform-origin:50% 88%;transition:opacity .35s ease-out, transform .75s var(--landing-bounce);transition-delay:calc(var(--reveal-i,0) * .14s);transform:scale(.45)}.landing-pour{--pour-at:.6s}.landing-pour .landing-crop{transform-origin:50% 88%}.landing-pour .landing-crop[data-stage]{opacity:0}.landing-pour .landing-crop[data-stage=SEED]{opacity:1}.landing-pour.revealed .landing-crop[data-stage=SEED]{animation:landing-hide .3s ease calc(var(--pour-at) + .9s) forwards}.landing-pour.revealed .landing-crop[data-stage=SPROUT]{animation:landing-ripen .45s var(--landing-bounce) calc(var(--pour-at) + .9s) both, landing-hide .3s ease calc(var(--pour-at) + 1.7s) forwards}.landing-pour.revealed .landing-crop[data-stage=GROWING]{animation:landing-ripen .45s var(--landing-bounce) calc(var(--pour-at) + 1.7s) both, landing-hide .3s ease calc(var(--pour-at) + 2.6s) forwards}.landing-pour.revealed .landing-crop[data-stage=COMPLETED]{animation:landing-ripen .55s var(--landing-bounce) calc(var(--pour-at) + 2.6s) both}.landing-pour-mascot{opacity:0;transition:opacity .3s ease-out, transform .55s var(--landing-bounce);transform:translateY(34%)}.landing-pour.revealed .landing-pour-mascot{opacity:1;transform:none}.landing-pour.revealed .landing-pour-arm{animation:care-arm-pour .35s ease-out var(--pour-at) both, care-arm-sway .7s ease-in-out calc(var(--pour-at) + .35s) 4 alternate, care-arm-rest .3s ease-in-out calc(var(--pour-at) + 3.15s) forwards}.landing-pour .landing-pour-drop{opacity:0;animation:none;display:block}.landing-pour.revealed .landing-pour-drop{animation:care-drop .75s linear calc(var(--pour-at) + .3s + var(--drop-delay)) 3}.landing-pour.revealed .landing-pour-body{animation:care-mascot-cheer .5s ease-out calc(var(--pour-at) + 3.45s) 2, kitchen-breathe 3.2s ease-in-out calc(var(--pour-at) + 4.45s) infinite}.landing-step{transition-delay:calc(var(--reveal-i,0) * .28s)}.landing-steps-line{opacity:1;transform-origin:top;transition:transform 1.3s ease-in-out;transform:scaleY(0)}.landing-steps-line.revealed{transform:scaleY(1)}.landing-feature-art{transition:transform .4s var(--landing-ease)}.landing-feature:hover .landing-feature-art{transform:scale(1.06)rotate(-2deg)}.landing-feature{transition:transform .25s var(--landing-ease)}.landing-feature:hover{transform:translateY(-4px)}}.landing-feature-slot{display:flex}.landing-feature{border-radius:var(--radius-box-lg);background:var(--background-color-white);background:color-mix(in srgb, var(--feature-tint) 10%, var(--background-color-white));width:100%;min-height:232px;padding:24px;display:flex;position:relative;overflow:hidden}.landing-feature-body{z-index:1;flex-direction:column;align-items:flex-start;padding-right:38%;display:flex;position:relative}.landing-feature-art{width:var(--art-w,34%);object-fit:contain;object-position:right bottom;max-height:72%;position:absolute;bottom:12px;right:12px}.landing-feature[data-wide] .landing-feature-body{padding-right:42%}.landing-feature[data-wide] .landing-feature-art{width:var(--art-w,40%);max-height:88%}.landing-step{align-items:flex-start;gap:14px;display:flex}.landing-step-icon{background:var(--color-primary-light);width:56px;height:56px;box-shadow:0 0 0 4px var(--background-color-white);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:flex}.landing-steps-line{z-index:0;background:var(--color-primary-soft);width:2px;position:absolute;top:28px;bottom:40px;left:27px}@media (min-width:48rem){.landing-step{text-align:center;display:block}.landing-step-icon{margin:0 auto 14px}.landing-steps-line{width:auto;height:2px;inset:27px 12.5% auto}}@media (min-width:48rem) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.landing-steps-line{transform-origin:0;transform:scaleX(0)}.landing-steps-line.revealed{transform:scaleX(1)}}.landing-shelf{scroll-snap-type:x proximity;grid-auto-columns:42%;grid-auto-flow:column;gap:18px;margin:-14px -20px 0;padding:14px 20px 4px;display:grid;overflow-x:auto}@media (min-width:40rem){.landing-shelf{grid-auto-columns:27%}}@media (min-width:64rem){.landing-shelf{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.landing-book{scroll-snap-align:start;min-width:0;display:block}.landing-shelf-plank{background:var(--color-farm-panel);border-bottom:4px solid var(--color-farm-panel-shade);box-sizing:content-box;height:10px;margin-inline:-9px;display:block}.landing-book:first-child .landing-shelf-plank{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:-6px}.landing-book:last-child .landing-shelf-plank{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:-6px}.landing-cta{background:linear-gradient(180deg, var(--background-color-white) 0%, var(--color-farm-floor) 40%, var(--color-farm-field) 100%)}.landing-hill{--bed:min(28vw, 128px);--bed-h:calc(var(--bed) * 436 / 600);--hill-foot:clamp(16px, 2vw, 28px);--pour-mascot:calc(var(--bed) * .72);--pour-lift:calc(var(--bed) * .61);margin-top:clamp(26px,2.4vw,34px);position:relative}@media (min-width:40rem){.landing-hill{--bed:clamp(88px, 12.6vw, 172px)}}.landing-hill-ground{height:calc(var(--bed-h) + var(--hill-foot) + clamp(10px, 1.4vw, 20px));background:var(--color-farm-grass);border-radius:50% 50% 0 0/34px 34px 0 0;position:absolute;inset:auto -8% 0;overflow:hidden}.landing-hill-row{padding-top:calc(var(--pour-lift) + var(--pour-mascot) * 442 / 341 - var(--bed-h));padding-bottom:var(--hill-foot);justify-content:center;align-items:flex-end;gap:clamp(8px,3.2vw,48px);display:flex;position:relative}.landing-bed{width:var(--bed);flex:none;position:relative}.landing-pour-mascot,.landing-pour-drops{left:calc(50% - var(--pour-mascot) / 2);bottom:var(--pour-lift);width:var(--pour-mascot);aspect-ratio:341/442;position:absolute}.landing-pour-drops{pointer-events:none}.landing-pour-drop{display:none}.landing-story{background:linear-gradient(180deg, var(--color-farm-floor) 0%, var(--color-farm-field) 100%)}.story-track{padding-block:3.5rem}.story-head{text-align:center;max-width:620px;margin:0 auto 2.5rem}.story-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.story-step{border-radius:var(--radius-box-lg);background:var(--background-color-white);flex-direction:column;display:flex;overflow:hidden}.story-scene{aspect-ratio:4/3;position:relative;overflow:hidden;container-type:size}.story-world{aspect-ratio:4/3;width:min(100cqw,133.33cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-text{gap:12px;padding:16px;display:flex}.story-text-icon{object-fit:contain;flex:none;width:40px;height:40px}.story-progress{display:none}.story-berry,.story-berry-drop{opacity:0;width:7%;position:absolute}.story-grow-label{opacity:0}.story-grow-label:nth-last-child(2){opacity:1}@media (min-width:48rem){.story-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-height:600px){.story-track{height:calc(100svh - var(--gnb-h) + 200svh);padding-block:0}.story-sticky{top:var(--gnb-h);height:calc(100svh - var(--gnb-h));position:sticky;overflow:hidden}.story-grid{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr);align-content:center;row-gap:12px;height:100%;padding-block:16px;display:grid}.story-steps,.story-step{display:contents}.story-head{grid-row:1;margin:0}.story-head-desc{display:none}.story-scene{aspect-ratio:auto;height:min(calc(100vw - 40px), calc(100svh - var(--gnb-h) - 296px));border-radius:var(--radius-box-lg);box-shadow:var(--shadow-box-lg);opacity:0;transition:opacity .45s ease, transform .7s var(--landing-ease);grid-area:2/1;transform:scale(.97)}.story-step[data-active] .story-scene{opacity:1;transform:none}.story-progress{background:var(--color-farm-line);border-radius:9999px;grid-row:3;height:6px;display:block;overflow:hidden}.story-progress>span{border-radius:inherit;background:var(--color-primary);height:100%;transform:scaleX(var(--story-p,0));transform-origin:0;display:block}.story-text{border-radius:var(--radius-box);background:var(--background-color-white);opacity:0;transition:opacity .35s ease, transform .5s var(--landing-ease);grid-area:4/1;padding:12px 14px;transform:translateY(10px)}.story-step[data-active] .story-text{opacity:1;transform:none}.story-grow .landing-crop{opacity:0;transform-origin:50% 88%;transition:opacity .3s ease, transform .5s var(--landing-bounce);transform:scale(.9)}.story-track[data-growth="0"] .story-grow .landing-crop[data-stage=SEED],.story-track[data-growth="1"] .story-grow .landing-crop[data-stage=SPROUT],.story-track[data-growth="2"] .story-grow .landing-crop[data-stage=GROWING],.story-track[data-growth="3"] .story-grow .landing-crop[data-stage=COMPLETED]{opacity:1;transform:none}.story-grow-label,.story-grow-label:nth-last-child(2){opacity:0;transition:opacity .25s}.story-track[data-growth="0"] .story-grow-label:nth-last-child(4),.story-track[data-growth="1"] .story-grow-label:nth-last-child(3),.story-track[data-growth="2"] .story-grow-label:nth-last-child(2),.story-track[data-growth="3"] .story-grow-label:last-child{opacity:1}.story-pop{opacity:0;transition:opacity .2s,scale .2s;scale:.6}.story-step[data-active] .story-pop{opacity:1;transition:opacity .3s ease calc(.15s + var(--pop,0) * .13s), scale .5s var(--landing-bounce) calc(.15s + var(--pop,0) * .13s);scale:1}.story-step[data-active] .story-drop{animation:.9s ease-in infinite landing-water;animation-delay:calc(var(--drop) * .3s)}.story-track[data-growth="3"] .story-step[data-active] .story-drop{animation:none}@keyframes story-hop{0%{opacity:0;transform:translate(0,0)scale(.6)}12%{opacity:1;transform:translate(0,0)scale(1)}50%{transform:translate(-290%,-110%)rotate(-160deg)scale(1)}88%{opacity:1;transform:translate(-590%,90%)rotate(-340deg)scale(.85)}to{opacity:0;transform:translate(-590%,120%)rotate(-360deg)scale(.7)}}.story-berry{left:calc(62% + var(--berry) * 5%);top:50%}.story-step[data-active] .story-berry{animation:1.5s ease-in-out infinite story-hop;animation-delay:calc(var(--berry) * .5s)}@keyframes story-drop-in{0%{opacity:0;transform:translate(0,0)rotate(-20deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-170%,210%)rotate(40deg)scale(.8)}}.story-berry-drop{left:calc(54% + var(--berry) * 7%);top:34%}.story-step[data-active] .story-berry-drop{animation:1.5s ease-in infinite story-drop-in;animation-delay:calc(var(--berry) * .75s)}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-height:600px) and (min-width:48rem){.story-scene{height:min(calc((100vw - 56px) * .75), calc(100svh - var(--gnb-h) - 296px))}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-height:600px) and (min-width:64rem){.story-grid{grid-template-rows:minmax(0,1fr) repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4px 56px;padding-block:24px}.story-head{text-align:left;grid-area:2/1;margin:0 0 14px}.story-head-desc{display:block}.story-scene{grid-area:1/2/-1;align-self:center;height:100%;max-height:500px}.story-text{opacity:1;background:0 0;grid-column:1;transition:background-color .3s,box-shadow .3s;transform:none}.story-step:first-child .story-text{grid-row:3}.story-step:nth-child(2) .story-text{grid-row:4}.story-step:nth-child(3) .story-text{grid-row:5}.story-step:nth-child(4) .story-text{grid-row:6}.story-step[data-active] .story-text{background:var(--background-color-white);box-shadow:var(--shadow-popover)}.story-text-desc{transition:grid-template-rows .4s var(--landing-ease);grid-template-rows:0fr;display:grid}.story-text-desc>*{min-height:0;overflow:hidden}.story-step[data-active] .story-text-desc{grid-template-rows:1fr}.story-text-icon{opacity:.55;transition:opacity .3s}.story-step[data-active] .story-text-icon{opacity:1}.story-progress{grid-area:7/1;margin-top:12px}}