.recount-page{--accent:#7bcdb0}.recount-page header{position:relative;height:90px}.back-link{font-size:14px;color:var(--muted)}.product-nav{margin:0 6%;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:22px}.app-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}.app-brand img{border-radius:7px}.product-nav nav{gap:25px}.product-nav a[aria-current=page]{color:var(--fg);text-decoration:underline;text-underline-offset:8px;text-decoration-color:#7bcdb0}.product-nav nav a{color:var(--muted)}.app-hero{max-width:1400px;margin:auto;padding:110px 6%;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.app-hero h1{font-size:clamp(64px,8vw,120px);margin:25px 0;letter-spacing:-.065em}.app-lead{font-size:clamp(24px,3vw,36px);line-height:1.3;letter-spacing:-.035em}.app-description{color:var(--muted);font-size:18px;line-height:1.7;max-width:490px}.availability{display:flex;flex-wrap:wrap;gap:14px 24px;margin:30px 0;font-size:14px;color:var(--muted)}.availability span:first-child{color:#7bcdb0}.text-link{font-size:16px;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.text-link span{margin-left:12px}.icon-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;min-height:410px;border:1px solid var(--border);background:var(--surface)}.icon-stage img{width:65%;max-width:260px;height:auto;border-radius:23%}.icon-stage>span{font:11px monospace;letter-spacing:.14em;color:var(--muted)}.feature-grid{margin:0 6%;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:50px 0 80px}.feature-grid h2,.app-bottom h2{font-size:26px;letter-spacing:-.04em;margin:25px 0 16px;line-height:1.2}.feature-grid p,.app-bottom p{color:var(--muted);font-size:16px;line-height:1.7}.feature-number{font:12px monospace;color:#7bcdb0}.app-bottom{margin:0 6%;padding:25px 0 60px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:30px}.document{max-width:820px;margin:auto;padding:75px 6% 100px}.document-heading h1{font-size:clamp(48px,6vw,76px);line-height:1.1;margin:20px 0 25px}.document-heading .app-lead{font-size:24px;color:var(--muted)}.policy-date{font-size:14px;color:var(--muted)}.contents{display:flex;flex-wrap:wrap;gap:14px 24px;border-block:1px solid var(--border);padding:25px 0;margin:35px 0;font-size:14px}.document section{margin-top:48px;scroll-margin-top:30px}.document h2{font-size:28px;line-height:1.25;letter-spacing:-.035em;margin:0 0 18px}.document h3{font-size:19px;letter-spacing:-.015em;margin:25px 0 10px}.document p,.document li{font-size:16px;line-height:1.8;color:#b5b7bf}.document li{padding-left:8px;margin-bottom:14px}.document ol{padding-left:22px}.document strong{font-weight:550;color:var(--fg)}.document p a{text-decoration:underline;text-underline-offset:3px;color:var(--fg)}.document code{font-size:.95em}details{border-top:1px solid var(--border);padding:20px 0}details:last-child{border-bottom:1px solid var(--border)}summary{font-size:17px;line-height:1.5;cursor:pointer}summary:focus-visible{outline:2px solid var(--fg);outline-offset:6px}details p{margin-bottom:0}.recount-page footer nav{font-size:14px}
@media(max-width:700px){.recount-page header{height:78px}.product-nav{flex-wrap:wrap;padding:16px 0;gap:16px}.product-nav nav{gap:22px}.app-hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:40px}.app-hero h1{font-size:64px}.app-description{font-size:16px}.icon-stage{min-height:320px;padding:35px}.icon-stage img{max-width:190px}.feature-grid{grid-template-columns:1fr;gap:30px;padding:35px 0 45px}.feature-grid h2{margin-top:16px}.app-bottom{align-items:flex-start;flex-direction:column;gap:8px}.document{padding-top:45px}.document-heading h1{margin-left:0;margin-right:0}.recount-page footer{gap:20px}.recount-page footer nav{gap:20px}.recount-page footer>span{width:100%}}
/* Recount's product story: tactile tracker colors and purposeful motion. */
.recount-hero{padding-top:85px;padding-bottom:80px;grid-template-columns:1.1fr 1fr;gap:65px}.recount-hero h1{font-size:clamp(52px,5.8vw,88px);line-height:1.04;margin:25px 0}.recount-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b4d2a5;letter-spacing:-.065em}.recount-hero .app-lead{font-size:24px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.solid-link{background:#b4d2a5;color:#19251b;border-radius:30px;padding:15px 22px;font-size:14px;font-weight:600}.solid-link:hover{background:#cce2c0;color:#19251b}.solid-link span{margin-left:15px}.demo-stage{background:#191d1a;border:1px solid #414b3f;border-radius:30px;padding:28px;box-shadow:0 35px 100px #0005;transform:rotate(2deg)}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.demo-top>span:first-child{display:flex;align-items:center;gap:8px}.demo-top img{border-radius:6px}.demo-top>span:last-child,.mini-label{font:9px/1.5 monospace;letter-spacing:.12em;color:#bac4b5}.demo-title{font:32px/1.2 Georgia,serif;letter-spacing:-.04em;margin-top:30px;color:#eff2e9}.demo-hint{font-size:12px;line-height:1.6;color:#bac4b5}.tracker-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.demo-tile{position:relative;padding:20px;border-radius:22px;color:#eff2e9;min-width:0}.demo-tile h2{font-size:16px;letter-spacing:-.025em;line-height:1.3;margin:12px 0 8px}.demo-tile p{font-size:12px;margin:0;color:inherit}.demo-tile .tile-value{font-size:32px;font-variant-numeric:tabular-nums;color:#d3b5e7}.tile-symbol{font-size:27px;line-height:1}.plant{background:#2b382b;--tile-ink:#b4d2a5}.music{background:#3d2e49;--tile-ink:#d3b5e7}.coffee{background:#433629;--tile-ink:#eac099;grid-column:1/-1;display:flex;align-items:center;gap:16px}.coffee h2{margin-top:0}.tile-action{display:block;border:0;background:var(--tile-ink);color:#191d1a;border-radius:24px;min-width:44px;min-height:44px;padding:8px 15px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;margin:18px 0 0 auto;transition:transform .2s}.tile-action:hover{transform:scale(1.07)}.tile-action:active{transform:scale(.94)}.coffee .tile-action{margin:0 0 0 auto}.idea{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px dashed #596657;font-size:13px;color:#bac4b5;padding:17px}.demo-feedback{font-size:12px;color:#bac4b5;min-height:32px;margin-top:20px;line-height:1.5}.possibilities{border-block:1px solid var(--border);display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:24px 6%;font-size:13px;color:var(--muted)}.possibilities span:before{content:'＋';color:#b4d2a5;margin-right:12px}.story-section{max-width:1400px;margin:auto;padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-copy h2{font-size:clamp(36px,4vw,58px);margin:24px 0;line-height:1.08}.section-copy p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.8}.section-copy .text-link{display:inline-block;margin-top:14px;color:#b4d2a5}.shortcut-demo{padding:40px 28px;background:#111612;border:1px solid #2b382b;border-radius:26px;text-align:center}.shortcut-trigger{font:inherit;width:100%;text-align:left;display:flex;gap:18px;align-items:center;background:#292b3d;border:1px solid #535778;border-radius:18px;padding:22px;color:#eff2e9;cursor:pointer;margin-top:28px}.shortcut-trigger>span:first-child{font-size:32px;color:#b8bdf0}.shortcut-trigger>span:nth-child(2){flex:1;font-size:15px}.shortcut-trigger small,.shortcut-result small{display:block;font-size:12px;color:#b9bccd;margin-top:8px}.flow-line{height:80px;width:1px;background:#414b3f;margin:auto;position:relative}.flow-line i{position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#b4d2a5}.shortcut-result{display:flex;align-items:center;justify-content:center;gap:15px;text-align:left;padding:20px;border:1px solid #414b3f;border-radius:18px;background:#202b22}.result-check{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#b4d2a5;color:#191d1a}.shortcut-demo>.demo-hint{margin-top:20px}.insights-section{padding-top:35px}.insight-demo{border:1px solid #433629;border-radius:26px;background:#191613;padding:32px}.chart-heading,.chart-axis{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#d5bca4}.chart-heading>span:last-child{font:9px/1.6 monospace;letter-spacing:.1em}.chart-value{font-size:48px;color:#eac099;letter-spacing:-.05em;margin:35px 0}.chart-value small{font-size:13px;letter-spacing:0;color:#d5bca4;display:block;margin-top:8px}.insight-demo svg{width:100%;overflow:visible}.chart-grid{stroke:#433629;stroke-width:1;fill:none}.chart-line{stroke:#eac099;stroke-width:3;fill:none;stroke-dasharray:500;stroke-dashoffset:0}.insight-demo circle{fill:#eac099}.chart-axis{margin-top:15px;font-size:11px}.insight-tags,.type-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.insight-tags span,.type-chips span{font-size:11px;border:1px solid #433629;border-radius:20px;padding:7px 10px;color:#d5bca4}.type-chips span{border-color:var(--border);color:#b4d2a5}.layout-mini{height:85px;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr;gap:8px;margin-top:25px}.layout-mini i{border-radius:10px;background:#283b4c}.layout-mini i:nth-child(2){background:#3d2e49;grid-row:span 2}.layout-mini i:nth-child(3){background:#433629;grid-row:span 2}.layout-mini i:nth-child(4){background:#2b382b}.sharing-mini{display:flex;align-items:center;gap:10px;padding:20px 12px;border:1px solid var(--border);border-radius:14px;font-size:11px;color:#b4d2a5;margin-top:25px}.sharing-mini span:nth-child(2){font-size:24px;margin:auto}.pro-section{margin:0 6% 70px;padding:45px;border:1px solid var(--border);border-radius:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:#111612}.pro-section h2{font-size:38px;margin:20px 0}.pro-section h3{font-size:25px;margin:20px 0}.pro-section p{font-size:16px;line-height:1.8;color:var(--muted);max-width:540px}.pro-badge{font:10px monospace;letter-spacing:.1em;border:1px solid #596657;border-radius:30px;padding:8px 12px;color:#b4d2a5;display:inline-block}.app-bottom p{max-width:720px}.app-bottom>.text-link{flex-shrink:0}.demo-tile.just-logged{animation:logged .5s ease}.shortcut-demo.is-running .flow-line i{animation:flow .6s ease both}.shortcut-demo.is-running .shortcut-result{animation:logged .5s .5s ease}.motion-ready .story-section.is-visible .chart-line{animation:draw 1.4s ease both}.motion-ready .story-section.is-visible .layout-mini{animation:logged .6s ease}.motion-ready .demo-stage{animation:arrive .9s ease both}.motion-ready .demo-tile{animation:arrive .7s ease both}.motion-ready .demo-tile:nth-child(2){animation-delay:.12s}.motion-ready .demo-tile:nth-child(3){animation-delay:.24s}.motion-ready .demo-tile.just-logged{animation:logged .5s ease}
@keyframes arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes logged{50%{transform:translateY(-4px);box-shadow:0 0 0 2px #b4d2a555}}@keyframes flow{from{transform:translateY(0)}to{transform:translateY(74px)}}@keyframes draw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}
@media(max-width:1000px){.recount-hero{gap:30px}.demo-stage{padding:22px;transform:none}.story-section{gap:40px}.recount-hero h1{font-size:58px}.demo-top>span:last-child{font-size:8px}}
@media(max-width:700px){.recount-hero{grid-template-columns:1fr;padding-top:50px;gap:45px}.recount-hero h1{font-size:clamp(48px,11vw,70px)}.recount-hero .app-lead{font-size:21px}.demo-stage{max-width:480px;width:100%;margin:auto}.story-section{grid-template-columns:1fr;padding:65px 6%;gap:35px}.insights-section .section-copy{order:-1}.possibilities{gap:15px;font-size:11px}.pro-section{grid-template-columns:1fr;padding:28px;gap:25px}.pro-section h2{font-size:32px}.shortcut-demo{padding:28px 18px}.feature-grid{gap:45px}.demo-tile{padding:17px}.demo-tile h2{font-size:15px}.app-bottom>.text-link{flex-shrink:1}}
@media(prefers-reduced-motion:reduce){.recount-page *, .recount-page *:before,.recount-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chart-line{stroke-dashoffset:0}.flow-line i{display:none}}