:root{--cream:#faf9f5;--green:#2343ad;--accent:#2343ad;--mustard:#e8b936;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--ink:#20242b;--line:#c9c9c6;--muted:#60646b;--paper:#ffffff;color-scheme:light;font-family:var(--mono);color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}.wrap{max-width:1256px;margin:auto;padding-left:48px;padding-right:48px}.skip{position:absolute;top:-100px;left:16px;z-index:9;padding:15px;background:var(--cream)}.skip:focus{top:8px}.store-strip{background:var(--green);color:var(--cream);text-align:center;padding:11px 16px;font-size:.75rem;font-weight:700;letter-spacing:.15em}.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:2.5rem;font-weight:900;letter-spacing:-.08em;text-decoration:none;line-height:1}.logo-dot{color:var(--accent)}nav{display:flex;gap:30px}nav a{font-size:.9rem;text-decoration:none}nav a:hover{text-decoration:underline}.header-note{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em}.hero{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-top:68px;padding-bottom:72px}.eyebrow{font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.12em;font-weight:700;margin:0 0 22px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.5rem,6.2vw,5.6rem);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0}.hero h1 .title-accent{font-weight:400}.hero-copy{font-size:1.05rem;line-height:1.8;margin:25px 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--cream);border:1px solid var(--green);padding:15px 23px;text-decoration:none;font-size:.9rem;font-weight:700;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#2343ad;transform:translateY(-2px)}.price-seal{flex:0 0 196px;width:196px;aspect-ratio:1;border:2px solid var(--accent);outline:1px solid var(--accent);outline-offset:-9px;border-radius:50%;color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);margin:20px 26px 0 0}.price-seal>span{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.1em}.price-seal>strong{font-family:Georgia,serif;font-size:5.3rem;line-height:1.2;letter-spacing:-.08em}.price-seal strong span{font-size:.62em;vertical-align:top;line-height:1.55}.shelf-heading{display:flex;justify-content:space-between;border-top:2px solid var(--green);padding:17px 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.09em}.product{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream);border-radius:5px;overflow:hidden}.product-copy{padding:36px 44px 38px}.product-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.75rem;letter-spacing:.13em;color:#faf9f5}.app-icon{margin:31px 0 14px;width:78px;height:78px}.product h2{font-family:Georgia,serif;font-size:3.9rem;letter-spacing:-.055em;font-weight:500;line-height:1.1;margin:0 0 12px}.app-tagline{font-family:Georgia,serif;font-size:1.75rem;line-height:1.25;margin:0 0 20px;color:#ffffff}.product-description{font-size:1rem;line-height:1.7;max-width:350px;color:#faf9f5}.features{list-style:none;padding:0;margin:26px 0 33px;display:grid;gap:15px;font-size:.875rem}.features li{position:relative;padding-left:21px}.features li:before{content:'+';position:absolute;left:0;color:#ffffff}kbd{display:inline-block;white-space:nowrap;font-family:var(--mono);font-size:.75rem;background:#2343ad;border:1px solid rgba(250,249,245,.55);border-radius:4px;padding:4px 6px;margin-left:5px}.availability{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(250,249,245,.55);padding-top:23px}.coming-soon{font-size:.8rem;line-height:1.4;font-weight:700;max-width:210px}.app-price{font-family:Georgia,serif;font-size:2rem;white-space:nowrap}.app-price small{font-family:var(--mono);font-size:.8rem;color:#faf9f5}.release-note{font-size:.75rem;color:#faf9f5;margin:12px 0 0;line-height:1.5}.product-demo{background:#ecece8;padding:32px 32px 22px;color:var(--green);display:flex;align-items:center;flex-direction:column;justify-content:center}.demo-heading{display:flex;justify-content:space-between;width:100%;font-family:var(--mono);font-size:.75rem;letter-spacing:.07em;margin-bottom:23px}.demo-heading>span:last-child{font-size:1.1rem;line-height:1}.app-window{width:min(100%,340px);border:1px solid #70747b66;border-radius:12px;overflow:hidden;box-shadow:0 19px 36px #141a3226;background:#fbf4e5;transform:rotate(-2deg);transition:transform .3s}.app-window:hover{transform:rotate(0)}.app-window img{width:100%;height:auto}.theme-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:28px}.theme-picker button{padding:8px 10px;border:1px solid transparent;border-radius:4px;background:transparent;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:.75rem;min-height:40px;color:var(--green)}.theme-picker button[aria-pressed=true]{background:var(--cream);border-color:#2343ad}.theme-picker button:hover{background:#faf9f599}.swatch{display:block;width:12px;height:12px;border-radius:50%;border:1px solid #7a7c81}.swatch.paper{background:#fbf4e5}.swatch.terminal{background:#15251b}.swatch.amber{background:#b17d37}.swatch.system{background:linear-gradient(90deg,#fff 50%,#454545 50%)}.preview-caption{font-size:.75rem;line-height:1.5;text-align:center;margin:11px 0 0;min-height:2.25em;color:#5b5e64}.under-shelf{display:flex;justify-content:space-between;gap:24px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}.under-shelf>span{font-family:var(--mono);font-size:.75rem;white-space:nowrap}.under-shelf p{font-size:.875rem;margin:0;line-height:1.5}.promise{padding-top:100px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.promise h2,.questions h2{font-family:Georgia,serif;font-size:3.7rem;line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:0 0 25px}.promise h2 .title-accent{color:var(--accent)}.promise-intro>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:370px}.receipt{position:relative;padding:40px 32px 80px;background:var(--paper);box-shadow:0 4px 17px #20242b10;transform:rotate(3deg);border-top:2px solid var(--green);border-bottom:2px dashed #a7a7a3;font-family:var(--mono)}.receipt-brand{text-align:center;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.receipt-subtitle{text-align:center;font-size:.75rem;letter-spacing:.1em;margin:12px 0 30px}.receipt-line{display:flex;justify-content:space-between;gap:20px;margin:20px 0;font-size:.875rem}.receipt-line strong{font-weight:400}.receipt-total{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #a7a7a3;margin-top:30px;padding-top:23px;font-size:1.2rem;font-weight:bold}.receipt-thanks{font-size:.7rem;letter-spacing:.04em;margin-top:30px}.receipt-stamp{position:absolute;right:25px;bottom:16px;color:var(--accent);font-family:var(--mono);font-size:.8rem;font-weight:900;text-align:center;border:2px solid var(--accent);padding:8px 14px;line-height:1.15;transform:rotate(-15deg)}.questions{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:57px;padding-bottom:80px;border-top:2px solid var(--green)}.questions h2{font-size:3rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:22px 32px 22px 0;font-size:1rem;line-height:1.4}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;font-size:1.4rem;top:17px;color:var(--accent)}details[open] summary:after{content:'−'}details p{line-height:1.75;font-size:.95rem;max-width:540px;margin:0 0 22px}details a{display:inline-block;margin:0 0 24px;font-size:.875rem}.closing{border-top:1px solid var(--line);padding-top:46px;padding-bottom:49px;display:flex;justify-content:space-between;gap:25px;align-items:center}.closing>p{font-family:Georgia,serif;font-size:2.3rem;line-height:1.2;letter-spacing:-.03em;margin:0}.closing-price{font-family:Georgia,serif;color:var(--accent);font-size:3.7rem;letter-spacing:-.06em;line-height:1;text-align:center}.closing-price>span{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;margin-top:11px}.site-footer{background:var(--green);color:var(--cream);padding:42px 0 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-wordmark{font-size:3.8rem}.footer-top p{font-size:.9rem;line-height:1.6;color:#faf9f5}.footer-top>div{display:flex;flex-direction:column;gap:15px;font-size:.8rem}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(250,249,245,.55);margin-top:36px;padding-top:22px;font-family:var(--mono);font-size:.7rem;line-height:1.5;color:#faf9f5}.brand-image{width:154px;height:70px;object-fit:contain}.footer-brand-image{width:210px;height:auto}.article{max-width:800px;padding-top:65px;padding-bottom:90px}.article h1{font-family:Georgia,serif;font-size:3.6rem;letter-spacing:-.05em;line-height:1.05;font-weight:500;margin:0 0 25px}.article h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:500;margin-top:36px}.article p,.article li{line-height:1.8}.article ul{padding-left:22px}.article .intro{font-size:1.2rem}.article .back{display:inline-block;margin-bottom:36px;font-size:.9rem}.article kbd{color:var(--cream)}@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:84px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.header-note{display:none}.hero h1{font-size:4.4rem}.price-seal{flex-basis:165px;width:165px;margin-right:5px}.price-seal>strong{font-size:4.4rem}.price-seal>span{font-size:.6rem}.product-copy{padding:30px}.product-demo{padding:28px 20px 20px}.product h2{font-size:3.3rem}.app-tagline{font-size:1.5rem}.features kbd{margin:7px 0 0}.promise{gap:60px}.promise h2{font-size:3.3rem}.receipt{padding:32px 22px 85px}.receipt-line{font-size:.8rem}.questions{gap:40px}.theme-picker{gap:0}.theme-picker button{padding:8px 6px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.store-strip{font-size:.6rem;letter-spacing:.09em}.site-header{min-height:85px;gap:18px}.wordmark{font-size:2rem}nav{gap:16px}nav a{font-size:.8rem}nav a:nth-child(2){display:none}.hero{padding-top:44px;padding-bottom:40px;position:relative;display:block}.eyebrow{font-size:.65rem;letter-spacing:.08em;margin-bottom:20px}.hero h1{font-size:clamp(2.7rem,9vw,4.2rem);letter-spacing:-.055em}.hero-copy{font-size:1rem;max-width:380px;margin:21px 0 24px}.desktop-break{display:none}.price-seal{position:absolute;width:99px;right:25px;bottom:29px;margin:0;outline-offset:-6px;border-width:1px}.price-seal>strong{font-size:2.5rem}.price-seal>span{font-size:.42rem;letter-spacing:.03em}.hero .button{font-size:.8rem;padding:14px 15px}.shelf-heading{font-size:.6rem;gap:20px;letter-spacing:.05em}.product{grid-template-columns:1fr}.product-copy{padding:28px}.product-label{font-size:.7rem}.app-icon{margin-top:24px;width:68px;height:68px}.product h2{font-size:3.5rem}.app-tagline{font-size:1.8rem}.product-description{max-width:100%}.features{margin:25px 0}.features kbd{margin:0 0 0 4px}.product-demo{padding:26px 25px 20px}.app-window{max-width:310px}.theme-picker button{padding:9px;font-size:.75rem}.under-shelf{display:block;padding:20px 0}.under-shelf>span{font-size:.7rem}.under-shelf p{font-size:.85rem;margin-top:9px}.promise{grid-template-columns:1fr;gap:34px;padding-top:56px;padding-bottom:56px}.promise h2{font-size:3rem}.promise-intro>p:not(.eyebrow){max-width:100%}.receipt{max-width:400px;width:calc(100% - 14px);justify-self:center;padding:32px 28px 80px}.receipt-line{font-size:.875rem}.questions{grid-template-columns:1fr;gap:10px;padding-top:42px;padding-bottom:44px}.questions h2{font-size:2.7rem}.questions h2 br{display:none}summary{font-size:.95rem;padding-top:20px;padding-bottom:20px}.closing{padding-top:30px;padding-bottom:34px;gap:15px}.closing>p{font-size:1.5rem}.closing-price{font-size:2.8rem}.closing-price>span{font-size:.5rem;max-width:90px;line-height:1.4}.site-footer{padding-top:30px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:15px}.footer-wordmark{font-size:2.5rem;grid-column:1/-1}.footer-top p{font-size:.8rem}.footer-top>div{font-size:.75rem}.footer-bottom{font-size:.6rem;gap:22px}.footer-bottom>span:last-child{max-width:140px;text-align:right}.brand-image{width:123px;height:56px}.article{padding-top:40px;padding-bottom:60px}.article h1{font-size:2.7rem}}@media(max-width:360px){nav{gap:12px}.wordmark{font-size:1.8rem}.hero-copy{font-size:.95rem}.price-seal{width:82px;right:24px;bottom:33px}.price-seal>strong{font-size:2rem}.price-seal>span{font-size:.35rem}.product-copy{padding:24px}.product h2{font-size:3rem}.theme-picker button{padding:7px 6px}.features kbd{margin:8px 0 0}.receipt{padding:28px 17px 85px}.receipt-line{font-size:.78rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.receipt-brand img{width:180px;height:120px;object-fit:contain;margin:auto}.receipt-subtitle{margin-top:3px}.site-header .wordmark{display:block}.brand-image{height:90px;width:150px}.receipt-brand{margin-top:-16px}@media(max-width:700px){.brand-image{height:67px;width:110px}.site-header{min-height:85px}}
.theme-picker button{font-size:.875rem}.coming-soon{font-size:.875rem}nav a{font-size:.875rem}.footer-top>div{font-size:.875rem}@media(max-width:360px){.theme-picker button{padding-left:7px;padding-right:7px}.theme-picker{max-width:220px}}

/* Shop-sign palette: keep the existing logo shape, rendered in cobalt. */
.brand-image,.receipt-brand img{filter:url(#brand-cobalt)}
/* Badge copy stays inside a defined circle; receipt stamp participates in layout. */
.price-seal{width:196px;height:196px;min-width:196px;flex:0 0 196px;aspect-ratio:auto;padding:22px 14px;gap:5px;text-align:center}
.price-seal>span{display:block;font-size:.75rem;line-height:1.25;letter-spacing:.06em;white-space:nowrap}
.price-seal>strong{display:flex;align-items:flex-start;justify-content:center;font-size:5.1rem;line-height:1;letter-spacing:-.07em;white-space:nowrap}
.price-seal strong span{font-size:.55em;line-height:1;margin-top:.13em;margin-left:.06em}
.receipt{padding-bottom:28px}
.receipt-thanks{font-size:.75rem;line-height:1.5;text-align:center;margin-top:26px}
.receipt-stamp{position:static;display:block;width:max-content;max-width:100%;margin:23px 0 4px auto;padding:10px 15px;font-size:.875rem;line-height:1.2;transform:rotate(-8deg)}
@media(max-width:1000px) and (min-width:701px){.price-seal{width:166px;height:166px;min-width:166px;flex-basis:166px;padding:20px 12px}.price-seal>strong{font-size:4.1rem}}
@media(max-width:700px){.hero{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:20px;align-items:center}.hero>div:first-child{display:contents}.hero .eyebrow,.hero h1,.hero-copy{grid-column:1/-1;margin:0}.hero .button{grid-column:1;justify-self:start;white-space:normal;line-height:1.4;text-align:center}.price-seal{position:static;grid-column:2;width:144px;height:144px;min-width:144px;flex-basis:auto;margin:0;transform:rotate(7deg);padding:16px 10px;gap:5px;outline-offset:-7px}.price-seal>span{font-size:.75rem;letter-spacing:0}.price-seal>strong{font-size:3.6rem}.receipt{padding-bottom:27px}}
@media(max-width:380px){.hero{grid-template-columns:1fr;gap:23px}.hero .button{grid-column:1;justify-self:start}.price-seal{grid-column:1;justify-self:end;margin-top:-5px}.receipt{padding-bottom:27px}}

/* Paper stock, ink and halftone. The grain is static, not animated noise. */
body{isolation:isolate}
body::after{content:'';position:fixed;inset:0;z-index:8;pointer-events:none;background-image:url('/assets/paper-grain.svg');background-repeat:repeat;opacity:.075;mix-blend-mode:multiply}
.hero h1{color:var(--green);text-shadow:.8px .6px 0 rgba(35,67,173,.17)}
.hero h1 .title-accent{color:var(--accent)}
.store-strip{border-bottom:3px double rgba(255,255,255,.65)}
.product-demo{background-image:radial-gradient(rgba(35,67,173,.16) .65px,transparent .8px);background-size:5px 5px}
.receipt{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(32,36,43,.022) 3px,rgba(32,36,43,.022) 4px)}
.price-seal,.receipt-stamp{border-style:double;box-shadow:1px 1px 0 rgba(35,67,173,.17);text-shadow:.5px .3px 0 rgba(35,67,173,.2)}
.receipt-stamp{border-width:3px}
.theme-picker button{transition:background .2s,border-color .2s,transform .2s}
.theme-picker button:hover{transform:translateY(-2px)}
.theme-picker button:active,.button:active{transform:translateY(1px)}
.hero .eyebrow{animation:ink-enter .55s both}
.hero h1{animation:ink-enter .65s .08s both}
.hero-copy{animation:ink-enter .65s .16s both}
.hero .button{animation:ink-enter .65s .24s both}
.price-seal{--stamp-angle:9deg;animation:price-impression .8s .3s both;transform-origin:center}
@keyframes ink-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes price-impression{0%{opacity:0;transform:translateY(-12px) rotate(-8deg) scale(1.2)}60%{opacity:1;transform:translateY(1px) rotate(var(--stamp-angle)) scale(.97)}80%{transform:translateY(0) rotate(var(--stamp-angle)) scale(1.025)}100%{opacity:1;transform:translateY(0) rotate(var(--stamp-angle)) scale(1)}}
@media(max-width:700px){.price-seal{--stamp-angle:7deg}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero-copy,.hero .button,.price-seal{animation:none}.theme-picker button:hover{transform:none}}

/* Mustard ink on price labels; blue remains the main brand colour. */
.price-seal{background:var(--mustard);color:var(--accent);border-color:var(--accent);outline-color:var(--accent);box-shadow:3px 4px 0 rgba(35,67,173,.12)}
.receipt-stamp{background:var(--mustard);color:var(--accent);border-color:var(--accent);box-shadow:2px 3px 0 rgba(35,67,173,.12)}
.closing-price{background:var(--mustard);color:var(--accent);padding:15px 20px 13px;border:1px solid var(--accent);transform:rotate(3deg);flex-shrink:0}
.product-label>span:first-child{background:var(--mustard);color:var(--accent);padding:6px 9px;margin-top:-6px}
.features li:before{color:var(--mustard)}
.product-description,.hero-copy,.promise-intro>p:not(.eyebrow),details p,.article p,.article li{line-height:1.85}
.product-description{max-width:390px}.features{line-height:1.6}.header-note{max-width:195px;text-align:right;line-height:1.6}
.app-icon{width:96px;height:96px}
@media(max-width:700px){.closing-price{padding:12px 14px 10px}.hero .button{font-size:.8rem}.features kbd{margin-left:0;margin-top:5px}.app-icon{width:84px;height:84px}}

/* Privacy is part of the product promise, visible before the fine print. */
.hero-privacy{display:block;margin-top:14px;font-size:.9rem;line-height:1.7}
.hero-privacy strong{background:var(--mustard);color:var(--accent);padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.privacy-callout{display:block;border-left:3px solid var(--mustard);padding:2px 0 2px 15px;margin:0 0 27px;text-decoration:none;max-width:100%}
.privacy-callout strong{display:block;color:var(--mustard);font-size:1rem;line-height:1.5;margin-bottom:5px}
.privacy-callout>span{display:block;font-size:.875rem;line-height:1.7;color:#faf9f5}
.privacy-callout:hover strong{text-decoration:underline;text-underline-offset:4px}
.privacy-callout:focus-visible{outline-color:var(--mustard)}

/* One cobalt ink for the logo, type, panels, controls and stamps. */
.hero h1{line-height:.96}
.promise h2,.questions h2,.article h1{line-height:1}
.closing>p{line-height:1.06}
.article h2{line-height:1.12}
.button:hover{background:var(--green);box-shadow:0 3px 0 rgba(35,67,173,.2)}

/* Receipt Easter eggs: real disclosures, usable with mouse, touch or keyboard. */
.receipt-hint{font-size:.75rem;line-height:1.6;text-align:center;margin:-14px 0 20px;color:var(--muted)}
.receipt-item{border-bottom:1px dashed var(--line)}
.receipt-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:14px 0;font-size:.875rem;line-height:1.5}
.receipt-item summary strong{font-weight:400;white-space:nowrap}
.receipt-item summary:after{position:static;content:'+';font-size:1rem;line-height:1;color:var(--green)}
.receipt-item[open] summary:after{content:'−'}
.receipt-item summary:hover>span{text-decoration:underline;text-underline-offset:4px}
.receipt-item[open] summary{padding-bottom:10px}
.receipt-item .receipt-aside{font-size:.875rem;line-height:1.7;margin:0 0 17px;padding-left:12px;border-left:3px solid var(--mustard)}
.receipt-aside>strong{display:block;font-weight:700;color:var(--green);margin-bottom:8px}
.receipt-aside>span{display:block}
.receipt-aside a{display:inline;margin:0;font-size:inherit}

/* A rubber-stamp impression on the receipt, with no sticker fill or shadow. */
#promise-title{color:var(--green)}
.receipt-stamp{background:transparent;color:var(--green);border:5px double currentColor;border-radius:3px;box-shadow:none;text-shadow:none;font-family:var(--mono);font-size:clamp(1rem,2.2vw,1.5rem);font-weight:900;letter-spacing:.045em;line-height:1.1;padding:12px 15px;margin:28px auto 16px;transform:rotate(-8deg);mask-image:url('/assets/stamp-ink.svg');-webkit-mask-image:url('/assets/stamp-ink.svg');mask-size:180px 90px;-webkit-mask-size:180px 90px;mask-repeat:repeat;-webkit-mask-repeat:repeat}
.receipt-item:last-of-type{border-bottom:0}

.receipt-item summary::after,.receipt-item[open] summary::after{content:none;display:none}

/* Scratchpad owns violet and off-white; blue/mustard belong to Dime Store. */
#scratchpad{--green:#7055e6;--accent:#7055e6;--mustard:#faf9f5;color:var(--green)}
#scratchpad .product-demo{background-color:#faf9f5;background-image:radial-gradient(rgba(112,85,230,.13) .65px,transparent .8px)}
#scratchpad kbd{background:transparent;border-color:rgba(250,249,245,.65)}
#scratchpad .theme-picker button[aria-pressed=true]{background:var(--green);color:#faf9f5;border-color:var(--green)}
#scratchpad .theme-picker button:hover{background:rgba(112,85,230,.09)}
#scratchpad .theme-picker button[aria-pressed=true]:hover{background:var(--green)}
#scratchpad .preview-caption{color:var(--green)}
#scratchpad .app-window{border-color:rgba(112,85,230,.35);box-shadow:0 19px 36px rgba(112,85,230,.12)}
#scratchpad .under-shelf{border-color:rgba(112,85,230,.35)}
#scratchpad .theme-picker button:focus-visible{outline-color:var(--green)}

/* Separate the flat app icon from its matching product background. */
#scratchpad .app-icon{border:2px solid #faf9f5;border-radius:22%;padding:0}

.receipt-postscript{margin:28px 0 0;font-size:.875rem;line-height:1.6;text-align:center;color:var(--green)}

/* An explicitly fictional counter, styled like a mechanical shop tally. */
.download-counter{padding-top:20px;padding-bottom:65px;color:var(--green)}
.download-counter-inner{border-top:2px solid currentColor;border-bottom:2px solid currentColor;padding:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.download-counter .eyebrow{margin:0 0 18px}
.download-count{display:flex;align-items:baseline;font-family:var(--mono);font-size:clamp(1.7rem,4.2vw,3.5rem);font-weight:700;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.count-cell{display:inline-block;position:relative;width:.68em;height:1.1em;overflow:hidden;background:var(--green);color:var(--cream);border-radius:2px;margin-right:2px;text-align:center}
.count-track{display:block;will-change:transform}
.count-track>span{display:block;height:1.1em;line-height:1.1}
.count-comma{width:.38em;text-align:center}
.counter-disclaimer{font-size:.875rem;line-height:1.5;margin:16px 0 0}
.counter-punchline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:24ch}
@media(max-width:700px){.download-counter{padding-bottom:42px}.download-counter-inner{grid-template-columns:1fr;gap:24px;padding:26px 0}.download-count{font-size:clamp(1.55rem,6vw,2.7rem)}}

/* The approved Dime Store bird shares the hero with the price sticker. */
.hero{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:clamp(24px,4vw,54px)}
.hero>div:first-child{min-width:0}
.hero-art{display:flex;flex-direction:column-reverse;align-items:center;width:100%;max-width:370px;justify-self:end}
.bird-portrait{position:relative;width:100%;aspect-ratio:1/1.06;margin-top:-20px}
.dime-store-bird{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-art .price-seal{align-self:flex-end;width:156px;height:156px;min-width:156px;flex:0 0 156px;margin:0 6px 0 0;padding:18px 12px;position:relative;z-index:1}
.hero-art .price-seal>strong{font-size:3.9rem}
.hero-art .price-seal>span{font-size:.75rem}
@media(min-width:701px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:24px}.hero h1{font-size:clamp(3rem,5.7vw,4.4rem)}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);gap:22px}.hero-art{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:12px;max-width:440px;justify-self:center;align-items:center}.bird-portrait{margin-top:0;max-width:270px;justify-self:start}.hero-art .price-seal{position:static;grid-column:2;align-self:center;justify-self:end;width:144px;height:144px;min-width:144px;margin:0;padding:16px 10px}.hero-art .price-seal>strong{font-size:3.6rem}}
@media(max-width:380px){.hero-art{grid-template-columns:minmax(0,1fr) 126px;gap:8px}.hero-art .price-seal{width:126px;height:126px;min-width:126px;padding:15px 8px}.hero-art .price-seal>strong{font-size:3.1rem}.hero-art .price-seal>span{font-size:.7rem}}

/* Our unimpressed bird peeks over the counter rule, watching the made-up digits. */
.download-counter{padding-top:64px}
.download-counter-inner{position:relative}
.download-counter-inner::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:currentColor;z-index:2;pointer-events:none}
.counter-bird-peek{position:absolute;top:0;left:47%;width:clamp(136px,15vw,176px);aspect-ratio:1269/618;transform:translate(-50%,-100%);overflow:hidden;pointer-events:none;z-index:1}
.counter-bird-peek img{position:absolute;width:139.7951%;max-width:none;height:auto;left:-19.7794%;top:-17.9612%}
@media(max-width:700px){.counter-bird-peek{left:auto;right:14px;transform:translateY(-100%);width:136px}}

/* An understated footer Easter egg, with a real keyboard-accessible button. */
.footer-bottom{align-items:center;flex-wrap:wrap}
.footer-fineprint{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.language-toggle{display:inline-block;min-height:32px;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:.65rem;line-height:1.5;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;text-decoration-color:rgba(250,249,245,.45)}
.language-toggle[hidden]{display:none}
.language-toggle:hover{text-decoration-style:solid;text-decoration-color:currentColor}
.language-toggle:focus-visible{outline-color:var(--mustard)}