:root{--ink:#13342f;--green:#205a4d;--mint:#dff2e9;--paper:#fbfaf6;--coral:#e86f54;--line:#dce8e1}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:28px 24px 64px}header{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.mark{background:var(--green);border-radius:10px 10px 10px 3px;width:28px;height:28px}.badge{color:#477a6d;border:1px solid #a7cdbd;border-radius:99px;padding:7px 11px;font-size:13px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:80px 0 62px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#4c806f;font-size:12px;font-weight:800}h1{letter-spacing:-.065em;margin:14px 0 20px;font-size:clamp(42px,7vw,74px);line-height:.96}h1 em{color:var(--green);font-style:normal}.intro{color:#57746c;max-width:600px;font-size:19px;line-height:1.5}.balance{background:linear-gradient(145deg,#e5f5ed,#cbe8dc);border-radius:25px;padding:30px;box-shadow:0 18px 40px #c9dcd433}.balance span,.balance small{color:#52756a;display:block}.balance strong{letter-spacing:-.06em;margin:10px 0;font-size:45px;display:block}.grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}article{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px}h2{margin:0 0 18px;font-size:21px}h3{text-transform:uppercase;letter-spacing:.1em;color:#64877c;margin:32px 0 12px;font-size:14px}form{gap:10px;display:grid}input{font:inherit;border:1px solid #cadfd5;border-radius:10px;padding:13px}button{font:inherit;background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:13px;font-weight:700}.row,.goal>div:first-child{border-bottom:1px solid #edf2ef;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.row small,.goal small{color:#77948a;margin-top:3px;display:block}.negative{color:#c44d3b}.empty{color:#708b82}.track{background:#e7f0eb;border-radius:8px;height:8px;margin:10px 0 3px;overflow:hidden}.track i{background:var(--coral);border-radius:8px;height:100%;display:block}@media (max-width:700px){.hero,.grid{grid-template-columns:1fr}.hero{padding:54px 0 35px}}