@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f6f5f0;--ink:#242923;--muted:#72776f;--line:#e2e5dc;--green:#315a36;--lime:#d2e7a4;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-family:Manrope,system-ui,sans-serif;line-height:1.15}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #74984a}button,a{-webkit-tap-highlight-color:transparent}.page-width{max-width:1120px;margin-inline:auto;padding-inline:28px}.site-header{justify-content:space-between;align-items:center;gap:22px;max-width:1260px;margin:auto;padding:26px 40px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:14px;line-height:1.25;display:flex}.brand strong{font-weight:700}.brand-mark{background:var(--green);color:var(--lime);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.site-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.small-button,.button{border:1px solid var(--line);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.button{padding:16px 24px;font-size:14px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#244929}.small-button:hover{background:#e8edde}.text-link{align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.status-dot{background:#648947;border-radius:50%;width:7px;height:7px}.landing-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:80px;display:grid}.landing-hero h1{letter-spacing:-.065em;margin:28px 0 24px;font-size:clamp(38px,4.6vw,60px);line-height:1.06}em{color:#668150;font-style:normal}.hero-copy{color:var(--muted);max-width:460px;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:32px 0 17px;display:flex}.quiet{color:var(--muted);font-size:11px}.receipt{background:#fff;border:1px solid #efeee7;justify-self:center;width:100%;max-width:330px;padding:32px;position:relative;transform:rotate(4deg);box-shadow:0 18px 48px #24341c10}.receipt-top{letter-spacing:.09em;color:var(--muted);justify-content:space-between;margin-bottom:28px;font-family:monospace;font-size:9px;display:flex}.receipt p{font-size:14px}.receipt-time{letter-spacing:-.07em;font-size:65px;font-weight:700;line-height:1.4}.receipt-time span{color:var(--muted);margin-left:3px;font-size:30px;font-weight:400}.receipt-chart{align-items:end;gap:12px;height:110px;margin:14px 0 23px;display:flex}.receipt-chart span{background:#dfe9d0;border-radius:5px 5px 0 0;flex:1}.receipt-chart span:last-child{background:var(--green)}.receipt-rule{border-top:1px dashed #c9cebe;margin-bottom:18px}.receipt-end{color:var(--muted);font-family:monospace!important;font-size:11px!important}.receipt-sticker{background:var(--lime);text-align:center;border-radius:50%;place-content:center;width:86px;height:86px;font-size:16px;font-weight:700;line-height:1.1;display:grid;position:absolute;bottom:15px;right:-24px;transform:rotate(9deg);box-shadow:0 5px #71835222}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:50px;padding-top:32px;padding-bottom:66px;display:grid}.principles article>svg{color:#688356;width:20px;margin-bottom:14px}.principles h2{letter-spacing:-.025em;margin-bottom:9px;font-size:16px}.principles p{color:var(--muted);font-size:13px;line-height:1.7}.sample-section{background:#eeefe8;padding:50px 0 55px}.section-intro{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-intro h2{margin-top:10px;font-size:29px}.profile{padding-top:40px;padding-bottom:64px}.profile.compact{padding-bottom:0}.sample-note{color:#637054;background:#f2f5eb;border:1px dashed #b9c6a8;border-radius:8px;margin-bottom:30px;padding:11px 15px;font-size:11px}.profile-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.identity{align-items:center;gap:15px;display:flex}.avatar{width:56px;height:56px;color:var(--green);background:#dfe8d1;border-radius:50%;flex-shrink:0;place-items:center;font:600 25px Manrope,sans-serif;display:grid}.profile-heading h1{margin:5px 0 4px;font-size:29px;line-height:1.25}.muted{color:var(--muted);font-size:12px}.profile-layout{grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:22px;display:grid}.usage-card,.detail-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px}.card-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px;display:flex}.delay-badge{color:#5a7150;white-space:nowrap;background:#f1f4eb;border:1px solid #e0e8d5;border-radius:100px;padding:4px 10px;font-size:10px}.daily-total{letter-spacing:-.065em;margin:5px 0;font:600 clamp(44px,5.5vw,72px)/1.25 Manrope,sans-serif}.hidden-total{margin:20px 0;font-size:26px}.chart-header{color:var(--muted);justify-content:space-between;gap:16px;margin:38px 0 15px;font-size:10px;display:flex}.week-chart{gap:12px;height:168px;display:flex}.week-chart button{color:#7c8178;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;min-width:0;padding:0;font-size:10px;display:flex}.bar-track{align-items:end;width:100%;max-width:45px;height:118px;margin-bottom:10px;display:flex}.bar{background:#e3eacf;border-radius:5px 5px 2px 2px;width:100%;transition:height .3s,background .2s}.week-chart button:hover .bar{background:#a8bd8c}.week-chart .selected .bar{background:var(--green)}.week-chart .selected{color:var(--green);font-weight:700}.bar.missing{border:1px dashed #aab29e;background:0 0!important}.bar-date{opacity:.6;font-size:9px}.history-controls{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:28px;font-size:11px;display:flex}.history-controls label{font-weight:600}.history-controls input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0;max-width:100%;padding:8px}.history-controls span{color:var(--muted)}.history-controls input:focus-visible{outline-offset:2px;outline:3px solid #74984a}.week-navigation{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.week-navigation .small-button{padding:8px 11px;font-size:10px}.date-navigation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:11px;display:flex}.date-navigation button{background:var(--paper);border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.detail-card{margin-top:20px}.detail-card h2{letter-spacing:-.025em;font-size:17px}.detail-card .card-top{margin-bottom:5px}.app-row{border-bottom:1px solid #eff0ea;align-items:center;gap:13px;padding:17px 0;font-size:12px;display:flex}.app-row:last-child{border:0;padding-bottom:0}.app-row>div{flex:1}.app-row>div>span{font-size:10px;display:block}.app-monogram{border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:600;display:grid}.categories-card{margin-top:0}.categories-card h2{margin:14px 0 24px;font-size:23px}.category-strip{border-radius:8px;gap:3px;height:9px;margin-bottom:24px;display:flex;overflow:hidden}.category-row{justify-content:space-between;margin:17px 0;font-size:12px;display:flex}.category-row>span{align-items:center;gap:10px;display:flex}.category-row i{border-radius:50%;width:7px;height:7px;display:inline-block}.category-row strong{font-weight:500}.context-card{padding:26px 18px}.context-card>svg{color:#8a957f}.context-card h2{letter-spacing:-.02em;margin:12px 0;font-size:15px}.context-card p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.75}.context-meta{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.context-meta span{color:#8b9084;margin:3px 0;font-size:10px;display:block}.own-link{color:var(--green);background:#e4ebd8;border-radius:12px;align-items:center;gap:13px;padding:19px;display:flex}.own-link strong,.own-link span{font-size:11px;display:block}.own-link span{margin-top:4px;font-size:10px}.site-footer{max-width:1200px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:22px;margin:0 auto;padding:36px 40px;font-size:11px;display:flex}.site-footer div{flex-wrap:wrap;gap:22px;display:flex}.prose{max-width:780px;min-height:65vh;padding-block:70px}.prose h1{margin:22px 0;font-size:48px;line-height:1.1}.prose h2{margin:32px 0 15px;font-size:22px}.prose p{color:var(--muted);margin:16px 0;font-size:15px;line-height:1.85}.prose .eyebrow{font-size:10px}.prose .text-link{margin-top:24px}.notice{color:#506249;background:#e9efdf;border-radius:14px;margin:24px 0;padding:22px}.notice p{margin-bottom:0}.empty-day{min-height:170px;padding-block:10px}.empty-day svg{color:#99aa86}.empty-day h2{margin:17px 0 10px;font-size:23px}.empty-day p{color:var(--muted);font-size:13px}.compact .profile-heading h1{font-size:25px}@media (max-width:800px){.landing-hero{gap:28px;padding-top:40px}.landing-hero h1{font-size:43px}.hero-copy{font-size:15px}.receipt{padding:22px}.receipt-time{font-size:52px}.profile-layout{grid-template-columns:1fr}.profile-layout aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.own-link{grid-column:1/-1}.context-card{padding:18px}.principles{gap:24px}.profile-heading h1{font-size:23px}.profile-heading{align-items:start}.site-footer{flex-direction:column}}@media (max-width:560px){.site-header{padding:20px}.site-header nav>a:first-child{display:none}.site-header nav .small-button{padding:9px 12px;font-size:10px}.brand{font-size:12px}.page-width{padding-inline:20px}.landing-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:46px}.landing-hero h1{font-size:44px}.receipt{width:270px;margin:30px 0 12px}.hero-actions{gap:18px}.principles{grid-template-columns:1fr;gap:25px;padding-block:30px}.principles article{max-width:340px}.principles article>svg{margin-bottom:9px}.section-intro{display:block}.section-intro h2{margin-bottom:18px;font-size:26px}.profile-heading{display:block}.profile-heading>.small-button{margin-top:18px}.identity{align-items:start;gap:12px}.avatar{width:42px;height:42px;font-size:19px}.profile-heading h1{font-size:23px}.identity .eyebrow{font-size:8px}.profile-layout aside{grid-template-columns:1fr}.usage-card,.detail-card{border-radius:14px;padding:22px}.daily-total{font-size:61px}.week-chart{gap:10px}.detail-card .card-top{flex-direction:column;align-items:start}.chart-header{font-size:9px}.site-footer{padding:28px 20px}.prose h1{font-size:39px}.prose{padding-block:30px}.desktop-break{display:none}}.account-form{gap:20px;max-width:430px;padding-block:20px;display:grid}.account-form label{gap:8px;font-size:13px;display:grid}.account-form input:not([type=checkbox]){font:inherit;background:#fff;border:1px solid #abb9a6;border-radius:9px;width:100%;min-width:0;padding:14px}.account-form .confirmation{align-items:start;gap:12px;display:flex}.account-form input:focus-visible{outline-offset:3px;outline:3px solid #74984a}.account-form p{color:#994031;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}