:root{--gutter: 28px}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gutter)}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.05;letter-spacing:-.02em}h2{font-size:clamp(34px,4.2vw,50px)}.topbar{position:relative;z-index:10;display:flex;align-items:center;gap:14px;padding-top:22px;padding-bottom:22px}.logo{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto;color:var(--ink);text-decoration:none}.logo-mark{width:27px;height:33px;flex:none}.logo-word{font-family:var(--display);font-weight:500;font-size:23px;letter-spacing:-.01em;white-space:nowrap}.nav-cta{flex:none;white-space:nowrap;font-weight:500;font-size:15px;line-height:1;text-decoration:none;color:var(--button-ink);background:var(--button);padding:12px 18px;border-radius:999px;transition:background .2s}.nav-cta:hover{background:var(--button-hover)}.nav-cta .cta-short,.nav-links{display:none}.nav-links a{font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.navmenu{position:static;flex:none}.navmenu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;cursor:pointer;color:var(--ink);border:1px solid var(--line);list-style:none;transition:border-color .2s,background .2s}.navmenu-btn::-webkit-details-marker{display:none}.navmenu-btn:hover,.navmenu[open] .navmenu-btn{border-color:var(--ink-soft)}.navmenu-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.navmenu-icon-close,.navmenu[open] .navmenu-icon-bars{display:none}.navmenu[open] .navmenu-icon-close{display:block}.navmenu[open]:before{content:"";position:fixed;inset:0;z-index:-1;background:color-mix(in srgb,var(--wall) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navmenu-panel{position:absolute;top:100%;left:0;right:0;padding:4px var(--gutter) 24px;background:var(--wall);border-bottom:1px solid var(--line);box-shadow:0 18px 32px -24px var(--shadow);animation:navmenuIn .24s ease}@keyframes navmenuIn{0%{opacity:0;transform:translateY(-6px)}}.navmenu-list{list-style:none}.navmenu-item{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 0;color:var(--ink);text-decoration:none}.navmenu-list li+li .navmenu-item{border-top:1px solid var(--line)}.navmenu-glyph{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--leaf);background:var(--tint);transition:background .2s,color .2s}.navmenu-glyph svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.navmenu-item:hover .navmenu-glyph,.navmenu-item:focus-visible .navmenu-glyph{color:var(--button-ink);background:var(--button)}.navmenu-title{font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:-.01em}.navmenu-prefs{margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}@media(min-width:800px){.nav-links{display:flex;align-items:center;gap:28px;margin:0 auto 0 36px}.logo{margin-right:0}.navmenu{display:none}}.hero{padding:48px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:36px 72px;align-items:start}.hero h1,.shelf,.shelf-hint{grid-column:1 / -1}.hero h1{font-size:clamp(46px,7vw,92px);line-height:1;letter-spacing:-.03em;text-wrap:balance}.h1-pre{display:block;color:var(--ink-soft)}.lede{font-size:18px;line-height:1.6;max-width:44ch}.hero-get .badges{margin-top:0}.hero-note{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);max-width:40ch}.badges{--badge-h: 54px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.badge{display:flex;align-items:center;gap:10px;border-radius:10px;transition:transform .2s ease}.badge img{display:block;width:auto;height:var(--badge-h)}a.badge:hover{transform:translateY(-2px)}.badge.is-soon{cursor:default}.badge .b-soon{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.03em;color:var(--lamp-ink);background:var(--lamp);white-space:nowrap}.shelf{--pw: 196px;--h: calc(var(--pw) * 1.2);--ground: calc(var(--h) * 116 / 120);margin-top:4px}.shelf-row{list-style:none;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.shelf-row:before{content:"";position:absolute;left:-12px;right:-12px;top:calc(var(--ground) - 5px);height:34px;border-radius:3px;background:linear-gradient(var(--birch-top) 0 10px,transparent 10px),repeating-linear-gradient(var(--birch) 0 7px,var(--birch-ply) 7px 8px);box-shadow:0 22px 28px -18px var(--shadow)}.slot{position:relative;display:flex;flex-direction:column;align-items:center}.pot-btn{display:block;width:var(--pw);padding:0;border:0;background:none;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent}.pot-btn .plant{display:block;width:100%;height:var(--h);overflow:visible;transition:transform .25s ease}.pot-btn:not(.is-done):hover .plant{transform:translateY(-3px)}.pot-btn.is-done{cursor:default}.tag{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin-top:calc(18px - var(--h) * 4 / 120);max-width:calc(100% - 8px);min-width:108px;padding:8px 12px 9px;border-radius:4px;background:var(--paper);box-shadow:0 1px 0 var(--line),0 6px 14px -8px var(--shadow);text-align:center;line-height:1.25}.tag-name{font-size:13.5px;font-weight:600;hyphens:auto;overflow-wrap:anywhere}.tag-days{font-size:13px;color:var(--ink-soft);white-space:nowrap}.tag-days .num{font-variant-numeric:tabular-nums}.tag.is-done .tag-days{color:var(--leaf);font-weight:500}.shelf-hint{margin-top:-6px;text-align:center;font-size:14.5px;color:var(--ink-soft)}.how,.features{padding:104px 0}.how{padding-top:64px}.sec-head{max-width:38rem;margin-bottom:56px}.sec-head p{margin-top:18px;font-size:18px;color:var(--ink-soft)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.step-scene{position:relative;width:164px;margin-bottom:26px}.step-plant{position:relative;z-index:1;display:block;width:140px;height:168px;margin:0 0 -7.6px 12px;overflow:visible}.ledge{display:block;height:9px;border-radius:2px;background:linear-gradient(var(--birch-top) 0 4px,var(--birch) 4px);box-shadow:0 10px 14px -10px var(--shadow)}.step h3{display:flex;align-items:baseline;gap:12px;font-size:24px}.step-n{font-size:15px;font-weight:500;letter-spacing:0;color:var(--ink-soft);font-variant-numeric:tabular-nums}.step p{margin-top:10px;color:var(--ink-soft);max-width:34ch}.features{border-top:1px solid var(--line)}.feat-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}.feat-list li{padding:26px 0 30px;border-top:1px solid var(--line)}.feat-list h3{font-size:21px;letter-spacing:-.01em}.feat-list p{margin-top:8px;color:var(--ink-soft);max-width:46ch}.final{padding:88px 0 112px;text-align:center;border-top:1px solid var(--line)}.final-scene{width:188px;margin:0 auto 36px}.final-btn{--pw: 150px;position:relative;z-index:1;margin:0 auto -8px}.final-btn .plant{height:180px}.final h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.03em}.final p{margin:18px auto 0;max-width:40ch;font-size:18px;color:var(--ink-soft)}.final .badges{justify-content:center;margin-top:34px}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:28px}.shelf{--pw: 150px}}@media(max-width:760px){.hero-grid{gap:0}.hero h1{order:1}.shelf{order:2;--pw: min(31vw, 132px);margin-top:20px}.shelf-hint{order:3;margin-top:22px}.lede{order:4;margin-top:44px}.hero-get{order:5;margin-top:26px}.shelf-row{grid-template-columns:repeat(3,minmax(0,1fr))}.slot:first-child,.slot:last-child{display:none}.tag{min-width:0;width:calc(100% - 6px);padding:7px 6px 8px}.tag-name{font-size:12.5px}.tag-days{font-size:12px}.steps{grid-template-columns:1fr;gap:36px}.step{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:20px;align-items:end}.step-scene{grid-row:1 / 3;align-self:start;width:100px;margin:-30px 0 0}.step-plant{width:84px;height:100.8px;margin:0 0 -5.4px 8px}.step p{margin-top:6px}.feat-list{grid-template-columns:1fr}}@media(max-width:560px){:root{--gutter: 20px}.topbar{padding-top:16px;padding-bottom:16px}.hero{padding:28px 0 72px}.hero h1{font-size:clamp(36px,10.4vw,52px)}.lede{font-size:17px}.how,.features{padding:72px 0}.sec-head{margin-bottom:40px}.sec-head p{font-size:17px}.final{padding:64px 0 80px}}@media(max-width:420px){.logo-word{font-size:21px}.nav-cta{padding:11px 15px;font-size:14.5px}.nav-cta .cta-long{display:none}.nav-cta .cta-short{display:inline}.badges{--badge-h: 42px;gap:10px}.badge{gap:8px}.badge .b-soon{padding:3px 7px;font-size:10px}}@media(max-width:359px){.logo-word{display:none}.badges{flex-direction:column;align-items:flex-start}}