:root{--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--hill-top:#d4f7b8;--hill-bottom:#ccefd8;--sky-edge:#7ec8e338}@media (prefers-color-scheme:dark){:root{--hill-top:#82c84061;--hill-bottom:#57b87738;--sky-edge:#7ec8e31f}}body{overflow-x:clip}.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,470px);padding-bottom:2.5rem}.new-pill{background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow);animation:drop .7s var(--spring) both;transition:transform .2s var(--spring);border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;padding:.3rem .85rem .3rem .3rem;font-size:.92rem;font-weight:800;display:inline-flex}.new-pill:hover{transform:translateY(-2px)rotate(-1deg)}.new-tag{background:linear-gradient(135deg, var(--cta-start), var(--cta-end));color:var(--cta-label);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.12rem .6rem;font-size:.72rem;font-weight:900}.hero-tagline{animation:rise .8s var(--ease-out) .75s both}.home-hero .store-buttons,.home-hero .fine{animation:rise .8s var(--ease-out) .9s both}.garden-wrap{flex-direction:column;align-items:center;gap:.6rem;min-width:0;display:flex}.garden{aspect-ratio:1;isolation:isolate;background:radial-gradient(90% 60% at 80% 0%, var(--sky-edge), transparent 70%), linear-gradient(180deg, var(--bg-top), var(--card-bg) 70%);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);animation:rise .9s var(--ease-out) .2s both;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:36px;position:relative;overflow:hidden}.garden img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.g{animation:pop .7s var(--spring) both;position:absolute}.g-tree,.g-can{cursor:pointer}.m{transform-origin:50% 100%}.hill{background:linear-gradient(180deg, var(--hill-top), var(--hill-bottom) 60%);height:52%;animation:rise .9s var(--ease-out) .3s both;border-radius:50%;position:absolute;bottom:-22%;left:-12%;right:-12%}.g-cloud1{width:28%;animation-delay:.45s;top:5%;left:52%}.g-cloud2{opacity:.8;width:20%;animation-delay:.5s;top:17%;left:4%}.g-balloon{width:12%;animation-delay:.6s;top:7%;left:9%}.g-patch1{width:50%;animation-delay:.55s;bottom:25%;left:-2%}.g-patch2{width:50%;animation-delay:.6s;bottom:24%;right:-2%}.g-tree{width:58%;animation-delay:.35s;bottom:22%;left:21%}.g-bench{width:26%;animation-delay:.7s;bottom:24%;right:2%}.g-flowers{width:25%;animation-delay:.75s;bottom:17%;left:1%}.g-can{z-index:2;width:15%;animation-delay:.85s;bottom:19%;left:22%}.g-pond{width:38%;animation-delay:1s;bottom:3%;left:34%}.g-songbird{width:16%;animation-delay:1.05s;bottom:6%;right:5%}.g-mush{width:10%;animation-delay:1.1s;bottom:5%;left:6%}.g-bees{width:13%;animation-delay:1.2s;bottom:66%;left:58%}.g-butterfly{width:9%;animation-delay:1.3s;bottom:40%;left:8%}.g-sparrow{width:12%;animation:none;top:12%;left:100%}.g-cloud1 .m{animation:16s ease-in-out infinite alternate drift}.g-cloud2 .m{animation:12s ease-in-out -4s infinite alternate-reverse drift}.g-balloon .m{animation:6s ease-in-out infinite alternate balloon}.g-tree .m{animation:5s ease-in-out infinite alternate sway}.g-flowers .m{animation:3.6s ease-in-out -1s infinite alternate sway}.g-mush .m{transform-origin:50% 100%;animation:4.2s ease-in-out -2s infinite alternate sway}.g-songbird .m{transform-origin:40% 100%;animation:4.5s ease-in-out 1.8s infinite peck}.g-bees .m{animation:10s ease-in-out infinite buzz}.g-bees img{animation:.24s ease-in-out infinite alternate jitter}.g-butterfly .m{animation:12s ease-in-out infinite flit}.g-butterfly img{transform-origin:50%;animation:.22s ease-in-out infinite alternate flap}.g-sparrow .m{animation:15s linear 4s infinite fly-by}.flying{aspect-ratio:320/327;object-fit:cover;object-position:0 0;height:auto;animation:.27s steps(2,jump-none) infinite wingbeat,.53s ease-in-out infinite flight-bob}.g-can.pour .m{animation:pour 2.4s var(--ease-out);transform-origin:30% 70%}.g-tree.grow .m{animation:grow 1.1s var(--spring)}.garden-hint{color:var(--brand-mid);animation:rise .8s var(--ease-out) 1.6s both;margin:0;font-size:.9rem;font-weight:800}.new-head{flex-direction:column;gap:.5rem;max-width:40rem;display:flex}.new-head p:last-child{font-size:1.1rem}.new-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.new-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .35s var(--spring);flex-direction:column;gap:.4rem;padding:1.25rem 1.35rem 1.4rem;display:flex;position:relative;overflow:hidden}.new-card:before{content:"";background:linear-gradient(135deg, var(--a), var(--b));opacity:.32;border-radius:0 0 50% 50%/0 0 22% 22%;height:9.5rem;position:absolute;inset:0 0 auto}.new-card:hover{transform:translateY(-4px)rotate(-.6deg)}.new-card:nth-child(2n):hover{transform:translateY(-4px)rotate(.6deg)}.new-art{justify-content:center;align-items:flex-end;gap:.5rem;height:8.5rem;margin-bottom:.6rem;display:flex;position:relative}.new-art img{width:auto;height:auto;max-height:100%;animation:3.6s ease-in-out infinite alternate bob}.new-art img:nth-child(2){animation-delay:-1.2s}.new-art img:nth-child(3){animation-delay:-2.4s}.new-art .tall{height:100%}.new-art .mid{height:72%}.new-art .low{height:52%}.new-art svg{width:6rem;height:6rem;animation:9s linear infinite spin}.new-art svg path{fill:none;stroke:#1565c0;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-color-scheme:dark){.new-art svg path{stroke:#4fc3f7}}.new-card h3{font-size:1.15rem;font-weight:900;position:relative}.new-card p{font-size:.95rem;line-height:1.5;position:relative}.new-card a{color:var(--link);font-weight:800}.also-new{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.also-new li{background:var(--chip);border-radius:999px;padding:.35rem .8rem;font-weight:700}.also-new li:first-child{background:0 0;padding-inline:0 .2rem;font-weight:900}@media (width<=900px){.new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.new-grid{grid-template-columns:1fr}}.try{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:3rem;padding:4.5rem 0 3rem;display:grid}.try-copy{flex-direction:column;gap:1rem;max-width:30rem;display:flex}.try-copy>p{font-size:1.05rem}.cel-panel{background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:1.2rem}.cel-head{color:var(--brand-dark);margin:.1rem .3rem .9rem;font-size:1.15rem;font-weight:900}.cel-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.cel-card{--wash:75%;border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--a) var(--wash), var(--card-bg)), color-mix(in srgb, var(--b) var(--wash), var(--card-bg)));padding:.85rem .95rem .7rem}@media (prefers-color-scheme:dark){.cel-card{--wash:24%}}.cel-item{cursor:pointer;align-items:center;gap:.8rem;display:flex;position:relative}.cel-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cel-title{color:var(--brand-dark);font-weight:800;transition:opacity .2s}.cel-meta{color:var(--brand-mid);font-size:.85rem}.cel-item input{opacity:0;width:1px;height:1px;position:absolute}.check{border:2px solid var(--brand-soft);color:#0000;width:28px;height:28px;transition:background .2s ease, border-color .2s ease, color .2s ease, scale .35s var(--spring);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:900;display:grid}.cel-item:hover .check{border-color:var(--brand-mid)}.cel-item input:checked~.check{background:var(--cta-end);border-color:var(--cta-end);color:var(--cta-label);scale:1.15}.cel-item input:checked~.cel-text .cel-title{opacity:.55;text-decoration:line-through 2px}.cel-item input:focus-visible~.check{outline:3px solid var(--cta-end);outline-offset:2px}.cel-foot{border-top:1px solid color-mix(in srgb, var(--brand-dark) 10%, transparent);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.6rem;padding-top:.55rem;display:flex}.cel-kind{letter-spacing:.04em;text-transform:uppercase;color:var(--brand-mid);font-size:.8rem;font-weight:900}.cel-pick{position:relative}.cel-pick:after{content:"";border-right:2px solid var(--brand-mid);border-bottom:2px solid var(--brand-mid);pointer-events:none;width:.42rem;height:.42rem;position:absolute;top:50%;right:.8rem;transform:translateY(-70%)rotate(45deg)}.cel-pick select{appearance:none;border:1.5px solid var(--line);background:var(--card-bg);min-width:8.25rem;color:var(--brand-dark);font:inherit;cursor:pointer;border-radius:999px;padding:.32rem 2.1rem .32rem .85rem;font-size:.9rem;font-weight:800}.cel-pick select:focus-visible{outline:3px solid var(--cta-end);outline-offset:2px}.visitor img{width:100%;height:auto;display:block}.visitor .buzzing{animation:.24s ease-in-out infinite alternate jitter}.visitor .fluttering{animation:.22s ease-in-out infinite alternate flap}@media (width<=800px){.home-hero{grid-template-columns:1fr}.garden-wrap{justify-self:center;width:min(470px,100%)}.try{grid-template-columns:1fr;gap:2rem}.cel-panel{justify-self:center;width:min(440px,100%)}}.screens .reel-frame{width:100%;box-shadow:var(--shadow);border-width:5px;border-radius:26px}.download-cta{position:relative;overflow:hidden}.cta-art{align-items:flex-end;gap:.25rem;height:5.5rem;display:flex}.cta-art img{width:auto;height:100%;animation:3.2s ease-in-out infinite alternate bob}.cta-art img:last-child{height:70%;animation:2.4s ease-in-out infinite hop}@supports (animation-timeline:view()){.reveal{animation:linear both rise view();animation-range:entry 5% entry 45%}.tree-ladder li{animation:linear both pop view();animation-range:entry 10% entry 60%}}@keyframes drop{0%{opacity:0;transform:translateY(-.6em)rotate(-4deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pop{0%{opacity:0;scale:.4}}@keyframes drift{0%{transform:translate(-8%)}to{transform:translate(14%)}}@keyframes balloon{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-18%)rotate(3deg)}}@keyframes sway{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}@keyframes bob{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-7%)rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wingbeat{to{object-position:100% 0}}@keyframes flight-bob{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-3%)}75%{transform:translateY(3%)}}@keyframes jitter{0%{transform:translate(0)}to{transform:translate(2%,-5%)}}@keyframes flap{0%{transform:scaleX(1)}to{transform:scaleX(.45)}}@keyframes peck{0%,60%,to{transform:rotate(0)}66%{transform:rotate(14deg)}72%{transform:rotate(0)}78%{transform:rotate(14deg)}84%{transform:rotate(0)}}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-22%)}90%{transform:translateY(0)}}@keyframes buzz{0%{transform:translate(0)rotate(0)}20%{transform:translate(-110%,-30%)rotate(-6deg)}40%{transform:translate(-210%,40%)rotate(4deg)}60%{transform:translate(-120%,95%)rotate(-4deg)}80%{transform:translate(30%,40%)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes flit{0%{transform:translate(0)}25%{transform:translate(90%,-120%)}50%{transform:translate(200%,-40%)}75%{transform:translate(80%,60%)}to{transform:translate(0)}}@keyframes fly-by{0%{transform:translate(0)}12%{transform:translate(-300%,60%)}24%{transform:translate(-620%,-10%)}36%{transform:translate(-1000%,50%)}to{transform:translate(-1000%,50%)}}@keyframes pour{0%{transform:none}18%{transform:translate(20%,-130%)rotate(-8deg)}30%,70%{transform:translate(20%,-130%)rotate(30deg)}to{transform:none}}@keyframes grow{0%{transform:scale(1)}30%{transform:scale(1.06,.95)}55%{transform:scale(.97,1.06)}80%{transform:scale(1.02,.99)}to{transform:scale(1)}}.hero-title .nowrap{white-space:nowrap}.made-for{margin-top:2.25rem}.made-for h3{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-mid);margin-bottom:.7rem;font-size:.85rem;font-weight:900}.made-for ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.made-for a{background:var(--chip);color:var(--brand-dark);border-radius:999px;padding:.45rem 1rem;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-block}.made-for a:hover{color:var(--link)}.made-for a:focus-visible{outline:3px solid var(--cta-end);outline-offset:2px}