.hero{position:relative}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(var(--dot) 1.1px,transparent 1.3px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.hero h1,.hero h1 .hl,.hero-sticky{position:relative}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:32px;padding-block:40px 56px;display:grid}.hero-copy{gap:22px;min-width:0;display:grid}.hero h1{letter-spacing:-.035em;font-variation-settings:"opsz" 96;isolation:isolate;font-size:calc(clamp(2.4rem,4.7vw,4.05rem));font-weight:780;line-height:.98}.hero h1 .hl{color:var(--green-deep);white-space:nowrap}.hero h1 .hl:after{content:"";z-index:-1;background:var(--green-soft);border-radius:4px;height:.2em;position:absolute;bottom:.02em;left:-2px;right:-2px}.stores{flex-wrap:wrap;gap:10px;display:flex}.store{border:1.5px solid var(--ink);background:var(--paper);border-radius:14px;align-items:center;gap:10px;padding:9px 16px 9px 12px;text-decoration:none;display:inline-flex}.store svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.store .store-play{fill:var(--green)}.store span{font-weight:800;line-height:1.1;display:grid}.store small{font:500 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.story{border-left:1.5px dashed var(--rule);gap:4px;margin:0;padding:0;list-style:none;display:grid}.story li{color:var(--ink-soft);padding:6px 0 6px 18px;transition:color .3s;position:relative}.story li:before{content:"";background:var(--paper);border:1.5px solid var(--ink-soft);border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s;position:absolute;top:13px;left:-6px}.story li b{font:700 1rem var(--f-display);color:inherit;display:block}.story li span{font-size:.92rem}.story li.on{color:var(--ink)}.story li.on:before{background:var(--green);border-color:var(--ink)}.hero-fig{justify-items:center;gap:8px;min-width:0;margin:0;display:grid;position:relative}#fig{touch-action:pan-y;width:100%;max-width:640px;height:auto;display:block;overflow:visible}.fig-cap{font:500 .74rem var(--f-mono);color:var(--ink-soft);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.fig-cap .hint{color:var(--green-deep)}body.is-scrolly .hero{height:290vh}body.is-scrolly .hero-sticky{top:calc(var(--nav-h) + env(safe-area-inset-top,0px));height:calc(100svh - var(--nav-h));align-items:center;display:grid;position:sticky}body.is-scrolly .hero-grid{padding-block:16px}body.is-scrolly #fig{max-height:calc(100svh - 70px - var(--nav-h))}.fig{stroke:var(--ink);stroke-width:1.35px;stroke-linejoin:round;stroke-linecap:round;fill:none}.fig text{stroke:none}.fig .ft{fill:var(--paper)}.fig .fl{fill:var(--shade-1)}.fig .fr{fill:var(--shade-2)}.fig .fc{fill:var(--shade-1)}.fig .fi{fill:var(--shade-3)}.fig .band-g{fill:var(--green-soft)}.fig .band-o{fill:var(--orange-soft)}.fig .cap-o{fill:var(--orange)}.fig .cap-ink{fill:var(--ink)}.fig .hl{stroke:var(--paper);stroke-width:1.6px;opacity:.95}.fig .stitch{stroke-dasharray:2 3}.fig .crease,.fig .lid,.fig .stitch{stroke-width:1px}.fig .egg{fill:var(--paper)}.fig .bun{fill:var(--kraft-2)}.fig .kraft-l{fill:var(--kraft)}.fig .kraft-r{fill:var(--kraft-2)}.fig .stem{stroke-width:1.4px}.fig .leaf,.fig .stem,.fig .vein{stroke:var(--green-deep)}.fig .leaf{fill:var(--green-soft);stroke-width:1.2px}.fig .vein{stroke-width:.8px}.fig .squig{stroke:var(--orange);stroke-width:1.3px}.fig .t-label{font:800 12px var(--f-display);fill:var(--ink);letter-spacing:.04em}.fig .t-small{font:600 6.2px var(--f-mono);fill:var(--ink);letter-spacing:.06em}.fig .straw-1{fill:var(--straw)}.fig .straw-2,.fig .straw-in{fill:var(--straw-2)}.fig .weave{stroke:var(--straw-line);stroke-width:.9px;opacity:.8}.fig .weave-in{stroke:var(--straw-line);stroke-width:.8px;opacity:.4}.fig .stripe-g{fill:var(--green);stroke:none}.fig .stripe-o{fill:var(--orange);stroke:none}.fig .straw-rim{fill:var(--straw-line)}.fig .rope{stroke:var(--straw-deep);stroke-width:3.6px}.fig .rope-in{stroke:var(--straw);stroke-width:1.3px;stroke-dasharray:3 2.6}.fig .leader{stroke:var(--ink-soft);stroke-width:1px;stroke-dasharray:3 4;opacity:0}.fig .rc-paper{fill:var(--receipt)}.fig .rc-text{font:500 5.4px var(--f-mono)}.fig .rc-head,.fig .rc-text,.fig .rc-total{fill:var(--receipt-ink)}.fig .rc-head{font:600 7.2px var(--f-mono);letter-spacing:.08em}.fig .rc-total{font:600 7.4px var(--f-mono)}.fig .rc-ok{font:600 5.6px var(--f-mono);fill:var(--green-deep);letter-spacing:.06em}.fig .rc-rule{stroke-width:.7px;stroke-dasharray:2 2}.fig .rc-bar,.fig .rc-rule{stroke:var(--receipt-ink)}.fig .roll{fill:var(--receipt)}.fig .tag{opacity:0}.fig .tag rect{stroke:var(--ink);stroke-width:1.2px}.fig .tag-ink rect{fill:var(--paper)}.fig .tag-green rect{fill:var(--green)}.fig .tag-orange rect{fill:var(--orange)}.fig .tag .t-price{font:600 12.5px var(--f-mono);fill:var(--ink)}.fig .tag .t-note{font:700 8.6px var(--f-body);fill:var(--ink-soft)}.fig .tag-green .t-note,.fig .tag-green .t-price,.fig .tag-orange .t-note,.fig .tag-orange .t-price{fill:var(--on-accent)}.fig .tag-link{stroke:var(--ink);stroke-width:1px}.fig .tag-dot{fill:var(--ink);stroke:none}section.band{border-top:1px solid var(--rule);padding-block:88px}.sec-head{gap:14px;max-width:760px;margin-bottom:40px;display:grid}.features{border-top:1.5px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature{border-bottom:1px solid var(--rule);align-content:start;gap:10px;min-width:0;padding:26px 26px 30px 0;display:grid}.feature+.feature{padding-left:26px}.features .feature:nth-child(3n+1){padding-left:0}.features .feature:not(:nth-child(3n+1)){border-left:1px solid var(--rule)}.feature p{color:var(--ink-soft);font-size:.98rem}.icon{fill:none;width:32px;height:32px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.prices{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:56px}.feed,.prices,.rules,.rules li,.slip{display:grid}.rules{gap:12px;margin:28px 0 0;padding:0;list-style:none}.rules li{border-top:1px dashed var(--rule);grid-template-columns:7.5em minmax(0,1fr);align-items:baseline;gap:14px;padding-top:12px}.rules .k{font:600 .78rem var(--f-mono);letter-spacing:.04em;color:var(--green-deep)}.feed{gap:16px}.feed-note{font:500 .72rem var(--f-mono);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.slip{background:var(--receipt);color:var(--receipt-ink);box-shadow:0 1px 0 var(--rule),0 10px 24px -18px #00000080;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 20px 20px;position:relative;-webkit-mask:radial-gradient(5px at 50% 0,#0000 98%,#000) 50% 0/14px 100%;mask:radial-gradient(5px at 50% 0,#0000 98%,#000) 50% 0/14px 100%}.slip:nth-child(2){margin-left:28px}.slip:nth-child(3){margin-left:56px}.slip .name{font-weight:800}.slip .price{font:600 1.35rem var(--f-mono);text-align:right}.slip .meta{font:500 .78rem var(--f-mono);opacity:.72;letter-spacing:.02em}.slip .pills{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.soon{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.soon-card{border:1.5px dashed var(--ink-soft);border-radius:18px;align-content:start;gap:10px;min-width:0;padding:22px;display:grid}.soon-card .pill{color:var(--ink-soft);justify-self:start}.soon-card p{color:var(--ink-soft);font-size:.96rem}.soon-card.wide{background:var(--paper-2);grid-column:span 2}.levels{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.levels:before{content:"";border-top:1.5px solid var(--ink);position:absolute;top:22px;left:22px;right:22px}.levels li{justify-items:start;gap:6px;min-width:0;padding-right:12px}.levels .node,.levels li{display:grid;position:relative}.levels .node{background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.25rem}.levels li:first-child .node{background:var(--green-soft)}.levels .pts{font:600 .82rem var(--f-mono);color:var(--green-deep)}.levels .perk{color:var(--ink-soft);font-size:.9rem}.earn{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.earn span{font:500 .8rem var(--f-mono);background:var(--paper-2);border-radius:999px;padding:6px 12px}.earn b,.final h2 em{color:var(--green-deep)}.pro .sec-head{margin:0}.pro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.privacy{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.privacy div{border-top:1.5px solid var(--ink);align-content:start;gap:8px;min-width:0;padding-top:18px;display:grid}.privacy p{color:var(--ink-soft);font-size:.96rem}.final{text-align:left;gap:22px;padding-block:110px;display:grid}.final h2{letter-spacing:-.04em;font-size:calc(clamp(2.6rem,7vw,5.6rem));font-weight:800;line-height:.95}.final h2 em{font-style:normal}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:24px 40px}.hero h1{font-size:calc(clamp(2.1rem,9.4vw,3.2rem))}.features,.levels,.prices,.pro,.soon{grid-template-columns:minmax(0,1fr)}.feature,.feature+.feature,.features .feature:nth-child(3n+1){padding:22px 0;border-left:0!important}.prices,.pro{gap:36px}.slip:nth-child(2),.slip:nth-child(3){margin-left:0}.soon-card.wide{grid-column:auto}.levels{gap:18px}.levels:before{border-top:0;border-left:1.5px solid var(--ink);inset:22px auto 22px 22px}.levels li{-moz-column-gap:16px;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:16px}.levels li>:not(.node){grid-column:2}.levels .node{grid-row:span 3}.privacy{grid-template-columns:minmax(0,1fr)}section.band{padding-block:64px}body.is-scrolly .fig-cap>span:first-child,body.is-scrolly .hero-copy .lede,body.is-scrolly .hero-copy .stores,body.is-scrolly .story li:not(.on){display:none}body.is-scrolly .hero-copy{gap:12px}body.is-scrolly #fig{max-height:58svh}body.is-scrolly .hero-sticky{align-items:start}}@media (prefers-reduced-motion:reduce){body.is-scrolly .hero{height:auto}body.is-scrolly .hero-sticky{height:auto;position:relative;top:auto}}
