.landing{--paper:#f4f4ef;--ink:#111;--ink-muted:#55595f;--ink-gain:#1d7334;--ink-loss:#b3380a;--ink-mark:#2a7331;--measure:1240px;--receipt-room:880px;flex-direction:column;min-height:100vh;display:flex}:root[data-theme=light] .landing{--paper:#f1f1ec}.landing main{flex:1;padding-top:0;padding-bottom:0}.landing h2{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.15}.landing-bar{border-bottom-color:var(--line)}.landing-bar .inner{width:100%;max-width:calc(var(--measure) + 48px);margin:0 auto}.landing-nav{gap:4px;margin-left:auto;display:flex}.landing-nav a{color:var(--muted);padding:6px 10px}.landing-nav a:hover{color:var(--fg);background:var(--card);text-decoration:none}@media (max-width:760px){.landing-nav{display:none}.landing-bar .theme-switch{margin-left:auto}}.button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;align-items:center;padding:13px 24px;font-weight:700;display:inline-flex}.button:hover{filter:brightness(1.08);text-decoration:none}.button.ghost{border-color:var(--divider);color:var(--fg);background:0 0}.button.ghost:hover{border-color:var(--fg);filter:none}.landing-bar .button{padding:6px 12px;font-size:.8rem}.ascii{font-family:var(--font-body);white-space:pre;margin:0;line-height:1.2}.mascot .eyes{display:inline-grid}.mascot .eyes>span{grid-area:1/1}.mascot .eyes .shut{visibility:hidden;animation:6s step-end infinite blink}.mascot .eyes .open{animation:6s step-end infinite unblink}@keyframes blink{0%,94%{visibility:hidden}95%,98%{visibility:visible}99%,to{visibility:hidden}}@keyframes unblink{0%,94%{visibility:visible}95%,98%{visibility:hidden}99%,to{visibility:visible}}.record{max-width:var(--measure);grid-template-columns:minmax(0,1fr) 404px;grid-template-areas:"hero side""how side";column-gap:clamp(40px,7vw,112px);margin:0 auto;display:grid}.hero{grid-area:hero;padding:clamp(48px,9vh,104px) 0 72px}.hero h1{font-family:var(--font-figure);letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(2.5rem,6.4vw,5.5rem);line-height:.98}.cursor{vertical-align:-.04em;background:var(--accent);width:.5em;height:.8em;margin-left:.14em;animation:1.1s steps(2,start) infinite cursor;display:inline-block}@keyframes cursor{to{visibility:hidden}}.lead{max-width:54ch;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.6}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.line{align-items:baseline;gap:1ch;display:flex}.line dt{white-space:nowrap;flex:1;align-items:baseline;gap:1ch;min-width:0;display:flex}.line dt:after{content:"";opacity:.45;border-bottom:2px dotted;flex:1;min-width:2ch;transform:translateY(-.2em)}.line dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.ledger{max-width:44ch;color:var(--muted);margin:56px 0 0}.ledger .line{padding:3px 0}.ledger dd{color:var(--fg);font-family:var(--font-figure);font-weight:700}.record-side{grid-area:side;align-self:start;margin:0;padding:32px 0 24px}.printer{padding:0 12px}.printer-slot{z-index:1;background:var(--panel-head);border:1px solid var(--frame);height:12px;margin:0 -12px;position:relative}.printer-feed{overflow:hidden}:root[data-theme=light] .printer-feed{filter:drop-shadow(0 0 1px #0000008c)}.record-side figcaption{color:var(--muted);margin-top:14px;padding:0 12px;font-size:.85rem}.receipt{background:var(--paper);color:var(--ink);padding:18px 22px 28px;font-size:13px;line-height:1.45;animation:1.7s steps(26,end) .2s both print;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}@keyframes print{0%{transform:translateY(-100%)}to{transform:none}}.receipt a{color:inherit;text-underline-offset:2px;text-decoration:underline}.receipt :focus-visible{outline-color:var(--ink)}.receipt dl{margin:0}.receipt dt{color:var(--ink-muted)}.receipt .mascot{width:max-content;margin:0 auto 8px;font-size:3.2px;font-weight:600}.receipt .mascot .tuft{color:var(--ink-mark)}.receipt .mascot .blush{color:var(--ink-loss)}.receipt-name{font-family:var(--font-figure);text-align:center;margin:0;font-size:1.9rem;font-weight:700;line-height:1}.receipt-rule{color:var(--ink-muted);white-space:nowrap;margin:3px 0;overflow:hidden}.receipt blockquote{border-left:2px solid var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;padding-left:10px;display:-webkit-box;overflow:hidden}.receipt .stamp{border:1.5px solid var(--ink-mark);color:var(--ink-mark);font-family:var(--font-display);text-transform:uppercase;padding:0 7px;font-weight:700}.receipt .gain{color:var(--ink-gain);font-weight:600}.receipt .loss{color:var(--ink-loss);font-weight:600}.receipt .ink-muted{color:var(--ink-muted)}.receipt-total{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;font-weight:700;display:flex}.receipt-total strong{font-family:var(--font-figure);font-size:1.7rem;line-height:1.1}.receipt .barcode{width:max-content;max-width:100%;margin:12px auto 10px;font-size:14px;font-weight:600;line-height:1;overflow:hidden;transform:scaleY(1.9)}.receipt-foot{color:var(--ink-muted);text-align:center;margin:0;font-size:.82em}.receipt-foot.address{overflow-wrap:anywhere}.receipt [data-part]{margin:0 -8px;padding:4px 8px;transition:opacity .2s,background-color .2s}.how{grid-area:how;padding:24px 0 96px}.steps{margin:0;padding:0;list-style:none}.step{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.step-number{border:1px solid var(--divider);width:2.2em;height:2.2em;color:var(--muted);font-family:var(--font-figure);place-items:center;font-size:1.05rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s;display:grid}.step h3{font-family:var(--font-display);margin:.3em 0 8px;font-size:1.15rem;line-height:1.2}.step p{max-width:58ch;color:var(--muted);margin:0}@media (min-width:961px){.record-side{top:min(0px, calc(100vh - var(--receipt-room)));position:sticky}.record[data-step] .receipt [data-part]{opacity:.55}.record[data-step=capture] .receipt [data-part=capture],.record[data-step=label] .receipt [data-part=label],.record[data-step=price] .receipt [data-part=price],.record[data-step=score] .receipt [data-part=score]{background:color-mix(in srgb, var(--ink-mark) 16%, transparent);opacity:1}.record[data-step=capture] [data-step-id=capture] .step-number,.record[data-step=label] [data-step-id=label] .step-number,.record[data-step=price] [data-step-id=price] .step-number,.record[data-step=score] [data-step-id=score] .step-number{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}}@media (max-width:960px){.record{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""side""how"}.hero{padding-bottom:40px}.record-side{width:100%;max-width:404px;margin:0 auto;padding-top:0}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000);mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000)}.ticker-track{width:max-content;animation:80s linear infinite ticker;display:flex}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}.ticker-item{color:var(--fg);font-family:var(--font-figure);white-space:nowrap;align-items:baseline;gap:10px;padding:14px 22px;display:inline-flex}.ticker-item:hover{background:var(--row-hover);text-decoration:none}@keyframes ticker{to{transform:translate(-50%)}}.preview{max-width:var(--measure);margin:0 auto;padding:88px 0 0}.preview-windows{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-windows .window+.window{border-left:none}.window-head h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:.9rem}@media (max-width:900px){.preview-windows{grid-template-columns:minmax(0,1fr)}.preview-windows .window+.window{border-top:none;border-left:1px solid var(--frame)}}.closing{max-width:var(--measure);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);margin:0 auto;padding:112px 0 96px;display:grid}.closing-cat .bubble{color:var(--muted);margin:0 0 4px min(48%,100% - 29ch);font-size:.8rem}.closing-cat .mascot{font-size:clamp(3.4px,.6vw,8px);font-weight:600}.closing-cat .mascot.ink,:root[data-theme=light] .closing-cat .mascot.lit{display:none}:root[data-theme=light] .closing-cat .mascot.ink{display:block}.mascot.lit .tuft{color:var(--accent)}.mascot.lit .blush{color:var(--brand-orange)}.closing-cat .mascot.ink .tuft{color:var(--accent)}.closing-cat .mascot.ink .blush{color:var(--brand-orange)}.landing .closing h2{max-width:17ch;font-family:var(--font-figure);letter-spacing:-.04em;margin-bottom:32px;font-size:clamp(1.7rem,3.6vw,3.1rem);line-height:1.06}@supports (animation-timeline:view()){.closing-cat .mascot{animation:steps(45,end) both feed;animation-timeline:view();animation-range:entry 10% entry 95%}}@keyframes feed{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (max-width:760px){.closing{grid-template-columns:minmax(0,1fr);padding:72px 0 64px}.closing-cat .mascot{font-size:clamp(3.4px,1.55vw,7px)}}.landing-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:18px 24px;font-size:.85rem;display:flex}.landing-footer nav{flex-wrap:wrap;gap:20px;display:flex}.landing-footer a{color:var(--fg)}@media (max-width:600px){.ticker{margin:0 -16px}.landing-footer{padding:16px}}@media (prefers-reduced-motion:reduce){.cursor,.receipt,.mascot .eyes .open,.mascot .eyes .shut,.closing-cat .mascot,.ticker-track{animation:none}.receipt [data-part],.step-number{transition:none}.ticker{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ticker-track [aria-hidden=true]{display:none}}