.plan-stage{--plan-h:var(--plan-h-p);--plan-fold-l:var(--plan-fold-l-p);--plan-fold-t:var(--plan-fold-t-p);--plan-fold-w:var(--plan-fold-w-p);--plan-ball-l:var(--plan-ball-l-p);--plan-ball-t:var(--plan-ball-t-p);--plan-ball-w:var(--plan-ball-w-p)}@media (width>=600px){.plan-stage{--plan-h:var(--plan-h-t);--plan-fold-l:var(--plan-fold-l-t);--plan-fold-t:var(--plan-fold-t-t);--plan-fold-w:var(--plan-fold-w-t);--plan-ball-l:var(--plan-ball-l-t);--plan-ball-t:var(--plan-ball-t-t);--plan-ball-w:var(--plan-ball-w-t)}}@media (width>=1024px){.plan-stage{--plan-h:var(--plan-h-d);--plan-fold-l:var(--plan-fold-l-d);--plan-fold-t:var(--plan-fold-t-d);--plan-fold-w:var(--plan-fold-w-d);--plan-ball-l:var(--plan-ball-l-d);--plan-ball-t:var(--plan-ball-t-d);--plan-ball-w:var(--plan-ball-w-d)}}@media (width>=1024px) and (height<=920px){.plan-stage{--plan-h:var(--plan-h-s);--plan-fold-l:var(--plan-fold-l-s);--plan-fold-t:var(--plan-fold-t-s);--plan-fold-w:var(--plan-fold-w-s);--plan-ball-l:var(--plan-ball-l-s);--plan-ball-t:var(--plan-ball-t-s);--plan-ball-w:var(--plan-ball-w-s)}}.plan-lines--t,.plan-lines--d,.plan-lines--s{display:none}@media (width>=600px) and (width<=1023.98px){.plan-lines--p{display:none}.plan-lines--t{display:block}}@media (width>=1024px){.plan-lines--p{display:none}.plan-lines--d{display:block}}@media (width>=1024px) and (height<=920px){.plan-lines--d{display:none}.plan-lines--s{display:block}}.plan-art{height:var(--plan-h)}.plan-backing{z-index:0;pointer-events:none;width:141.9cqw;display:block;position:absolute;top:22cqw;left:-6cqw}@media (width>=600px){.plan-backing{width:106.4cqw;top:-6.5cqw;left:18cqw}}@media (width>=1024px){.plan-backing{width:60.1cqw;top:-4.6cqw;left:49.9cqw}}@media (width>=1024px) and (height<=920px){.plan-backing{width:35.42cqw;top:-4.21cqw;left:59.96cqw}}.plan-backing-paper{transform-origin:50% 100%;--idle:3.1s;--idle-delay:-1700ms;--r1:.6deg;--r2:-.4deg}.plan-hunch{z-index:2;left:var(--plan-ball-l);top:var(--plan-ball-t);width:var(--plan-ball-w);pointer-events:none;display:block;position:absolute}.plan-hunch-pose{transform-origin:50% 90%}.plan-hunch-paper{transform-origin:50% 90%;--idle:2.6s;--idle-delay:-800ms;--r1:2.5deg;--r2:-1.5deg}.plan-fold{z-index:2;left:var(--plan-fold-l);top:var(--plan-fold-t);width:var(--plan-fold-w);aspect-ratio:1152/598;perspective:1400px;transform-style:preserve-3d;pointer-events:none;grid-template-columns:328fr 496fr 328fr;display:grid;position:absolute}.plan-flap{transform-style:preserve-3d;position:relative}.plan-flap--left{transform-origin:100%}.plan-flap--right{transform-origin:0}.plan-centre,.plan-face{width:100%;height:100%;display:block}.plan-face{backface-visibility:hidden;position:absolute;inset:0}.plan-face--back{opacity:0;background-position:50%;background-size:cover;height:auto;top:2.4%;transform:rotateY(180deg)}.plan-face--sage{background-image:url(/img/landing/ingest/green.webp)}.plan-face--cream{background-image:url(/img/landing/ingest/cream.webp)}.plan-tick{transform-origin:50% 60%;backface-visibility:hidden;width:22%;height:auto;position:absolute;left:11%}.plan-tick--1{top:18.5%}.plan-tick--2{top:41.9%}.plan-lines .landing-line{vector-effect:non-scaling-stroke}.plan-dot,.plan-pencil--rest,.plan-pencil--step{opacity:0}.plan-pencil{transform-box:fill-box;transform-origin:0}.plan-labels{gap:14px;margin:18px 6cqw 0;display:grid}.plan-label{grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;gap:3px 4px;display:grid}.plan-label-num{grid-row:span 2}.plan-label-meta{text-wrap:balance}@media (width>=600px){.plan-labels{width:calc(var(--plan-fold-w) + 4cqw);margin:16px 0 0 calc(var(--plan-fold-l) - 2cqw);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:0}.plan-label{flex-direction:column;gap:4px;padding:0 10px;display:flex}.plan-label-num{margin-bottom:4px}}@media (width>=600px) and (width<=767.98px){.plan-labels{width:calc(var(--plan-fold-w) + 21cqw);margin-left:calc(var(--plan-fold-l) - 21cqw)}}@media (width>=1024px){.plan-labels{width:calc(var(--plan-fold-w) + 6cqw);margin:8px 0 0 calc(var(--plan-fold-l) - 3cqw)}}@media (width>=1024px) and (height<=920px){.plan-labels{width:calc(var(--plan-fold-w) + 13cqw);margin:4px 0 0 calc(var(--plan-fold-l) - 6cqw)}.plan-label{padding:0 6px}.plan-label-name{font-size:16px}.plan-label-meta{font-size:12px}}@media (width>=1024px) and (width<=1279px){.plan-label{padding:0 6px}.plan-label-name{font-size:16px}.plan-label-meta{font-size:12px}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-hunch-pose{animation:.6s step-end both plan-let-go}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-dot{animation:step-end plan-on;animation-delay:calc(.3s + var(--i,0) * 95ms);animation-duration:calc(2.2s - var(--i,0) * 95ms)}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-pencil--rest{animation:.3s step-end plan-on}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-pencil--step{animation:.22s step-end plan-on;animation-delay:calc(.3s + var(--i,0) * .22s)}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-pencil--settled{animation:1.18s step-end plan-off}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-line{animation:2.5s step-end plan-off}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-flap--right{will-change:transform;animation:1.7s step-end both plan-flap-right}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-flap--left{will-change:transform;animation:2.2s step-end both plan-flap-left}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-flap--right .plan-face--back{animation:1.7s step-end both plan-back-right}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-flap--left .plan-face--back{animation:2.2s step-end both plan-back-left}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-tick{animation:.33s step-end 2.4s both hero-stamp}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-tick--2{animation-delay:2.6s}:root:not([data-reduce-motion=reduce]) .plan-stage:is([data-scene=before],[data-scene=play]) .plan-label{animation:step-end plan-off;animation-duration:calc(2.6s + var(--i,0) * .15s)}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=before] :is(.plan-hunch-pose,.plan-dot,.plan-pencil,.plan-line,.plan-flap,.plan-face--back,.plan-tick,.plan-label){animation-play-state:paused}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=still] .plan-hunch-pose{animation:6s step-end plan-hold-tight}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=still] :is(.plan-pencil--rest,.plan-face--back){animation:6s step-end plan-hold-on}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=still] :is(.plan-pencil--settled,.plan-line,.plan-tick,.plan-label){animation:6s step-end plan-hold-off}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=still] .plan-flap--right{animation:6s step-end plan-hold-right}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=still] .plan-flap--left{animation:6s step-end plan-hold-left}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=after] .plan-art[data-on] .plan-hunch-pose{animation:.6s step-end plan-crumple}:root:not([data-reduce-motion=reduce]) .plan-stage[data-scene=after] .plan-art[data-on] .plan-pencil--settled{animation:.48s step-end plan-wiggle}}@keyframes plan-on{0%,to{opacity:1}}@keyframes plan-off{0%,to{opacity:0}}@keyframes plan-hold-on{0%,to{opacity:1}}@keyframes plan-hold-off{0%,to{opacity:0}}@keyframes plan-hold-tight{0%,to{transform:scale(1.08)rotate(-4deg)}}@keyframes plan-hold-right{0%,to{transform:translateZ(2px)rotateY(-180deg)}}@keyframes plan-hold-left{0%,to{transform:translateZ(1px)rotateY(180deg)}}@keyframes plan-let-go{0%{transform:scale(1.08)rotate(-4deg)}33.3%{transform:scale(1)}66.7%{transform:scale(1.03)rotate(2deg)}to{transform:none}}@keyframes plan-crumple{0%{transform:scale(.94)rotate(-3deg)}50%{transform:scale(1.03)rotate(1.5deg)}to{transform:none}}@keyframes plan-wiggle{0%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}to{transform:none}}@keyframes plan-flap-right{0%{transform:translateZ(2px)rotateY(-180deg)}70.59%{transform:translateZ(2px)rotateY(-120deg)}85.29%{transform:translateZ(2px)rotateY(-58deg)}to{transform:none}}@keyframes plan-back-right{0%{opacity:1}85.29%,to{opacity:0}}@keyframes plan-back-left{0%{opacity:1}88.64%,to{opacity:0}}@keyframes plan-flap-left{0%{transform:translateZ(1px)rotateY(180deg)}77.27%{transform:translateZ(1px)rotateY(120deg)}88.64%{transform:translateZ(1px)rotateY(58deg)}to{transform:none}}.plan-begin-bubble{transform-origin:0 0;--idle:2.8s;--idle-delay:-400ms;--r1:1.2deg;--r2:-.8deg}.plan-insight-corner{transform-origin:100% 0;--idle:3.3s;--idle-delay:-2300ms;--r1:-1deg;--r2:.6deg}@media (width>=768px){.plan-sheet+.plan-sheet{margin-top:-16px}.plan-sheet:hover{z-index:2;transform:translateY(-6px)}}@media (width>=1024px){.plan-sheet+.plan-sheet{margin-top:-24px}}@media (width>=768px){.plan-sheet:first-child{rotate:-1.2deg}.plan-sheet:nth-child(2){translate:10px;rotate:.8deg}.plan-sheet:nth-child(3){rotate:-.6deg}}@media (width>=1280px){.plan-sheet:first-child{rotate:-1.5deg}.plan-sheet:nth-child(2){translate:18px}.plan-sheet:nth-child(3){rotate:-.4deg}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .plan-sheet{transition:transform .22s cubic-bezier(.3,.7,.2,1)}}.plan-tracker{--act-delay:.2s;--act-stagger:.35s}.plan-tracker .paper-act-stamp{transform-origin:40% 70%}.plan-tracker-pencil{transform-origin:0;filter:drop-shadow(0 3px 3px #1428142e);width:140px;top:-5px;left:calc(100% - 124px);rotate:-20deg}@media (width>=1024px){.plan-tracker-pencil{width:176px;left:calc(100% - 136px);rotate:-16deg}}.plan-progress{background:radial-gradient(circle, var(--color-forest-green) 1px, transparent 1.5px) 0 50% / 6px 6px repeat-x;justify-content:space-between;align-items:center;width:88px;height:12px;margin-top:10px;display:flex;position:relative}.plan-progress-stop{border:1.5px solid var(--color-forest-green);background:var(--color-field-bg,#fff);border-radius:999px;width:8px;height:8px;display:block;position:relative}.plan-progress-marker{background:var(--color-golden-yellow);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--color-forest-green);border-radius:999px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .plan-tracker:is([data-scene=before],[data-scene=play]) .plan-progress-marker{animation:.6s step-end .9s both plan-progress}:root:not([data-reduce-motion=reduce]) .plan-tracker[data-scene=before] .plan-progress-marker{animation-play-state:paused}}@keyframes plan-progress{0%{transform:translate(-44px)}50%{transform:translate(-22px)scale(1.2)}to{transform:none}}
