@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

.screenshot-tabs{display:flex;gap:4px;width:fit-content;max-width:100%;box-sizing:border-box;overflow-x:auto;padding:5px;margin:0 0 20px;border:1px solid var(--line);border-radius:16px;background:#e9ede9}
.screenshot-tabs button{flex-shrink:0;min-height:44px;padding:10px 18px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.screenshot-tabs button[aria-selected="true"]{background:var(--ink);color:white;box-shadow:0 2px 5px #19251d18}
.screenshot-tabs button:focus-visible,[data-screenshot-gallery] [role="tabpanel"]:focus-visible{outline:2px solid var(--green);outline-offset:2px}
[data-screenshot-gallery] .screenshots[hidden]{display:none}
[data-screenshot-gallery] .screenshots img{object-fit:contain;max-width:100%;height:auto;max-height:400px;align-self:center}
@media(max-width:700px){.screenshot-tabs button{padding:10px 14px}[data-screenshot-gallery] .screenshots img{max-height:360px}}
:root{color-scheme:light;--paper:#f8faf8;--ink:#19251d;--muted:#5e6861;--line:#dce2dc;--green:#245b3b;--lime:#d9f878;--purple:#e5ddfb;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #286040;outline-offset:6px;border-radius:4px}::selection{background:var(--lime);color:var(--ink)}.shell{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:12px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;gap:1px;font-size:23px;letter-spacing:-1.5px;line-height:1}.brand-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.byline{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:8px;padding-left:16px;border-left:1px solid #b9c4bb}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:550}.nav-count{background:#e5eadf;border-radius:6px;padding:3px 6px;font-size:12px;margin-left:6px}.hero{padding:68px 0 72px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.75px;margin-bottom:24px;color:var(--green)}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}h1,h2,h3,p{margin:0}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(66px,7.6vw,108px);letter-spacing:-5px;line-height:1.08;font-weight:750}.tap-word{position:relative;display:inline-block;z-index:0}.tap-word:after{content:'';position:absolute;background:var(--lime);bottom:3px;left:-6px;right:-6px;height:33%;z-index:-1;transform:rotate(-3deg);border-radius:2px}.hero-aside{width:268px;padding-bottom:5px}.hero-aside p{font-size:21px;line-height:1.55;color:var(--muted);letter-spacing:-.35px}.round-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:550;margin-top:30px}.circle-arrow{display:grid;place-items:center;border:1px solid #bdc8bb;width:42px;height:42px;border-radius:50%;font-size:23px}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0 24px;font-size:13px;color:var(--muted)}.section-label h2{font-size:12px;font-weight:650;letter-spacing:1.35px;color:var(--ink)}.section-label h2 span{margin-left:12px;font-weight:400;color:var(--muted)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;list-style:none;margin:0;padding:0}.app-card{position:relative;border-radius:var(--radius);overflow:hidden;isolation:isolate;border:1px solid #19251d12}.circuit-card{background:#e6f3c7}.spendra-card{background:#e9e4f5}.card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.card-link:focus-visible{outline-offset:-5px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 30px 0}.category{font-size:12px;letter-spacing:1px;font-weight:650}.badge{font-size:12px;border:1px solid #0002;background:#ffffff38;border-radius:20px;padding:3px 10px;white-space:nowrap}.card-intro{display:flex;gap:24px;align-items:center;padding:30px 30px 22px}.app-icon-wrap{position:relative;z-index:2;flex:none;width:76px;pointer-events:none}.app-icon{width:76px;height:76px;border-radius:18px;box-shadow:0 7px 15px #15261218;object-fit:cover}.store-pill{position:absolute;right:-8px;bottom:-10px;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:var(--ink);color:white;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 2px 5px #0002;pointer-events:auto;min-height:32px}.app-info h3{font-size:20px;font-weight:650;letter-spacing:-.5px;margin-bottom:5px}.app-info p{font-family:'Manrope',sans-serif;font-size:31px;font-weight:650;line-height:1.23;letter-spacing:-1.1px}.app-art{height:356px;position:relative;overflow:hidden;margin-top:8px;display:flex;justify-content:center;gap:19px;padding-top:15px}.shot{flex:0 0 auto;width:37%;height:auto;align-self:flex-start;border-radius:17px;box-shadow:0 18px 28px #18201429;transition:transform .4s ease;transform:rotate(-7deg);object-fit:contain}.shot-two{transform:translateY(38px) rotate(7deg)}.card-bottom{position:relative;z-index:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px;background:#f0f7df;border-top:1px solid #19251d13;font-size:14px;font-weight:500}.spendra-card .card-bottom{background:#eeebf7}.card-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--ink);color:white;font-size:21px;flex-shrink:0}.closing-note{display:flex;align-items:center;gap:24px;padding:44px 0;margin:16px 0 24px}.note-index{font-size:12px;letter-spacing:1px;border:1px solid #cbd4c9;border-radius:20px;padding:5px 11px}.closing-note p{font-size:20px;font-weight:500;letter-spacing:-.5px}.closing-note>span:last-child{margin-left:auto;color:var(--muted);font-size:14px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:27px 0 34px;font-size:14px;color:var(--muted)}.site-footer .wordmark{font-size:20px;color:var(--ink)}.site-footer .byline{font-size:12px}.site-footer>a:last-child{color:var(--ink)}
.wrap{width:min(1024px,calc(100% - 96px));margin:0 auto;padding:48px 0 30px}.back-link{display:inline-flex;gap:8px;color:var(--muted);font-size:14px;margin-bottom:42px}.app-id{display:flex;gap:14px;align-items:center;margin-bottom:24px}.app-id img{width:56px;height:56px;border-radius:14px}.app-id strong{font-weight:600}.wrap h1{font-family:'Manrope',sans-serif;font-size:clamp(42px,6vw,72px);font-weight:750;letter-spacing:-3px;line-height:1.14;margin:0 0 18px}.tagline{font-size:22px;color:var(--muted);max-width:650px;line-height:1.55}.download-cta{display:flex;align-items:center;gap:24px;margin:30px 0 40px}.store-button{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:white;background:var(--ink);border-radius:12px;padding:12px 20px;line-height:1.2}.store-button svg{width:26px;height:32px;fill:currentColor}.store-button-text{display:flex;flex-direction:column}.store-button-text small{font-size:12px}.store-button-text strong{font-size:23px;font-weight:550}.download-help{font-size:14px;color:var(--muted);max-width:350px}.screenshots{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px;border-radius:var(--radius);background:#e9edf0;margin:0 0 56px;scrollbar-width:thin;scrollbar-color:#9ba895 transparent}.screenshots img{height:400px;width:auto;max-width:none;flex-shrink:0;scroll-snap-align:center;border-radius:17px}.wrap section{max-width:760px;padding:30px 0;border-top:1px solid var(--line)}.wrap section h2{font-family:'Manrope',sans-serif;font-size:25px;font-weight:650;letter-spacing:-.7px;margin:0 0 20px}.wrap section p{margin:0 0 18px;color:#4f5a52;line-height:1.8}.wrap section strong{font-weight:650;color:var(--ink)}.wrap section ul{padding-left:22px;color:#4f5a52}.wrap section li{margin-bottom:8px}.wrap section a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.pages{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.wrap footer{font-size:13px;color:var(--muted);padding:10px 0}.contact-box{background:#e6f3c7;border-radius:18px;padding:28px}.wrap details{border-bottom:1px solid var(--line);padding:16px 0}.wrap details:last-child{border-bottom:0}.wrap summary{font-weight:550;cursor:pointer;list-style:none;position:relative;padding-right:30px;line-height:1.5}.wrap summary::-webkit-details-marker{display:none}.wrap summary:after{content:'+';position:absolute;right:2px;top:-3px;font-size:23px;font-weight:400}.wrap details[open] summary:after{content:'−'}.wrap details p{margin:14px 0 0}.detail-circuit .screenshots{background:#e6f3c7}.detail-spendra .screenshots{background:#e9e4f5}
@media(hover:hover) and (pointer:fine){.app-card:hover .shot-one{transform:translateY(-8px) rotate(-5deg)}.app-card:hover .shot-two{transform:translateY(27px) rotate(5deg)}.app-card:hover .card-arrow{background:var(--green)}.site-header a:hover,.back-link:hover,.pages a:hover,.site-footer>a:hover{text-decoration:underline;text-underline-offset:5px}.store-button:hover,.store-pill:hover{background:var(--green)}.round-link:hover .circle-arrow{background:var(--lime);border-color:var(--lime)}}
@media(max-width:1000px){.shell,.wrap{width:calc(100% - 56px)}.hero h1{font-size:82px;letter-spacing:-4px}.hero-aside{width:235px}.app-info p{font-size:25px}.card-intro{gap:18px;padding:25px 24px 22px}.card-top{padding:24px 24px 0}.app-icon-wrap,.app-icon{width:64px;height:64px}.app-art{height:300px}.card-bottom{padding:18px 22px;font-size:14px}.site-footer .byline{display:none}.category{letter-spacing:0}.badge{padding:3px 8px}}
@media(max-width:700px){.shell,.wrap{width:calc(100% - 36px)}.site-header{height:84px}.wordmark{font-size:22px}.site-header .byline{display:none}.brand-mark{width:34px;height:34px}.site-header nav{gap:20px;font-size:14px}.nav-count{display:none}.hero{padding:46px 0 38px}.eyebrow{font-size:12px;letter-spacing:.7px;margin-bottom:24px}.hero-row{display:block}.hero h1{font-size:clamp(62px,13.8vw,92px);letter-spacing:-3px;line-height:1.1}.hero-aside{width:auto;margin-top:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-aside p{font-size:16px;line-height:1.55}.round-link{margin:0;font-size:14px;max-width:155px;gap:12px;line-height:1.4}.circle-arrow{width:36px;height:36px;flex-shrink:0}.section-label{padding:18px 0}.section-label>span{font-size:12px}.section-label h2{font-size:12px;letter-spacing:0}.section-label h2 span{margin-left:5px}.app-grid{grid-template-columns:1fr;gap:24px}.app-card{border-radius:22px}.card-top{padding:24px 24px 0}.category,.badge{font-size:12px}.card-intro{padding:28px 24px 20px;gap:23px}.app-info h3{font-size:19px}.app-info p{font-size:29px}.app-icon-wrap,.app-icon{width:70px;height:70px}.app-art{height:340px;gap:20px}.shot{width:37%}.card-bottom{font-size:14px}.closing-note{flex-wrap:wrap;gap:12px 16px;padding:26px 0;margin:16px 0}.closing-note p{font-size:17px}.closing-note>span:last-child{margin-left:0;width:100%;font-size:14px}.site-footer{flex-wrap:wrap;gap:14px;padding:24px 0}.site-footer .wordmark{margin-right:auto}.site-footer>a:last-child{width:100%}.wrap{padding:30px 0}.back-link{margin-bottom:28px}.wrap h1{font-size:44px;letter-spacing:-2px}.tagline{font-size:19px}.download-cta{align-items:flex-start;flex-direction:column;gap:16px}.screenshots{padding:20px;gap:16px;margin-bottom:35px}.screenshots img{height:360px}.wrap section h2{font-size:23px}.pages{gap:20px}.contact-box{padding:22px}}
@media(max-width:360px){.hero-aside{align-items:flex-start;flex-direction:column}.round-link{max-width:none}.hero h1{font-size:60px}.app-info p{font-size:25px}.card-intro{gap:18px}.app-art{height:280px}.section-label>span{display:none}.card-top{padding-inline:18px}.badge{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.store-pill{gap:5px}.store-pill svg{width:12px;height:16px;fill:currentColor}
.wrap section h2{position:relative;padding-left:18px}.wrap section h2::before{content:'';position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--lime),var(--green))}