:root{--ink:#172521;--cream:#f7f5ef;--lime:#c9f761;--muted:#69736e;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,30px);display:flex}.brand{color:var(--ink);letter-spacing:-1px;font-size:21px;font-weight:800;text-decoration:none}.brand span{color:#469a65;margin-right:3px}.nav nav{gap:30px;display:flex}.nav a{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.nav-cta{border-bottom:2px solid var(--ink);padding-bottom:3px}.hero{background:radial-gradient(circle at 78% 23%,#dcf7aa 0,#0000 25%);min-height:730px;padding:102px 5vw 0;position:relative;overflow:hidden}.eyebrow,.section-kicker{letter-spacing:1.2px;color:#557066;font:700 11px DM Mono,monospace}.eyebrow i{background:#4b9f5d;border-radius:50%;width:6px;height:6px;margin:0 8px;display:inline-block}.hero h1,.how h2,.feature h2,.pricing h2,.final h2{letter-spacing:-5px;margin:18px 0 22px;font-size:clamp(48px,7.2vw,94px);font-weight:800;line-height:.98}.hero em,h2 em{color:#4f9b64;letter-spacing:-4px;font-family:Georgia,serif;font-weight:400}.hero>p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:30px;margin:31px 0 17px;display:flex}.button{cursor:pointer;border:0;border-radius:4px;padding:16px 20px;font:700 14px Manrope;text-decoration:none;display:inline-block}.primary{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--lime)}.primary b{color:var(--lime);margin-left:12px;font-size:19px}.text-link{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.text-link span{color:#4b9f5d;font-size:18px}.hero>small,.final small{color:var(--muted);font-size:11px}.dashboard{background:#fff;border:1px solid #cfd8d1;border-radius:9px;width:min(46vw,610px);padding:25px;font-size:13px;position:absolute;top:122px;right:5vw;box-shadow:16px 18px #deebd6}.dash-top{justify-content:space-between;font-weight:800;display:flex}.month,.sent{color:#7b8881;font:10px DM Mono}.live-dot{background:#65bd6f;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:20px;margin:30px 0;display:grid}.stat-row>div{border-right:1px solid var(--line)}label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.stat-row strong{letter-spacing:-1px;font-size:21px;display:block}.stat-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.green,.up{color:#398f58!important}.bars{align-items:end;gap:5px;height:42px;margin-top:7px;display:flex}.bars i{background:#bde968;border-radius:2px 2px 0 0;width:10px}.bars i:first-child{height:25%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:35%}.bars i:nth-child(4){height:70%}.bars i:nth-child(5){height:58%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:75%}.reminder{background:#f5f7f3;border-radius:5px;align-items:center;gap:10px;padding:12px;display:flex}.reminder b,.reminder small{font-size:11px;display:block}.reminder small{color:var(--muted);margin-top:3px}.avatar{background:#d4eac8;border-radius:50%;padding:9px 6px;font-size:10px}.sent{margin-left:auto}.proof{text-align:center;background:#e4efd7;grid-template-columns:repeat(4,1fr);padding:38px 5vw;display:grid}.proof div{border-right:1px solid #bfd0b3}.proof div:last-child{border:0}.proof b,.proof span{display:block}.proof b{letter-spacing:-1px;font-size:25px}.proof span{color:var(--muted);margin-top:3px;font-size:11px}.how,.pricing{padding:130px 8vw}.how h2{font-size:56px}.steps{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px;display:grid}.steps article{border-top:2px solid var(--ink);padding-top:17px}.steps span{color:#499560;font:12px DM Mono}.steps h3{margin:20px 0 8px;font-size:19px}.steps p,.feature p{color:var(--muted);font-size:14px;line-height:1.7}.feature{background:var(--ink);color:#f7f5ef;justify-content:space-between;align-items:center;gap:10vw;padding:115px 13vw;display:flex}.feature h2{font-size:55px}.feature p{color:#afbbb4;max-width:450px}.feature ul,.plans ul{padding:0;list-style:none}.feature li{margin:14px 0;font-size:13px}.feature li:before,.plans li:before{content:"✓";color:var(--lime);margin-right:9px}.phone{width:310px;color:var(--ink);background:#f8fbf5;border:8px solid #344840;border-radius:25px;flex:none;height:445px;padding:15px 12px;box-shadow:10px 10px #9bc588}.phone-head{border-bottom:1px solid #d3ddd4;justify-content:space-between;padding:0 0 14px;display:flex}.bubble{border-radius:10px;width:86%;margin-top:18px;padding:12px;font-size:11px;line-height:1.45}.bubble small{color:#77857d;text-align:right;margin-top:5px;display:block}.received{background:#e5eddc}.reply{background:#cdf391;margin-left:auto}.typing{color:#86938b;margin:20px 0 0 6px;font-size:10px}.typing i{background:#86938b;border-radius:50%;width:3px;height:3px;display:inline-block}.pricing{text-align:center;background:#eff3eb}.pricing h2{font-size:56px}.plans{text-align:left;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1040px;margin:55px auto 0;display:grid}.plans article{border:1px solid var(--line);background:#fff;border-radius:6px;padding:30px;position:relative}.plans .popular{background:var(--ink);color:#fff;box-shadow:8px 10px 0 var(--lime);border:0;transform:translateY(-12px)}.popular>label{background:var(--lime);color:var(--ink);padding:7px 12px;font:700 10px DM Mono;position:absolute;top:-26px;left:0}.plans h3{margin:0;font-size:20px}.plans p{color:var(--muted);margin:5px 0 28px;font-size:12px}.plans .price{letter-spacing:-1px;font-size:25px;font-weight:800}.price small{color:var(--muted);font-size:11px;font-weight:500}.plans ul{height:150px;margin:30px 0}.plans li{margin:13px 0;font-size:12px}.plans button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:100%;padding:13px;font:700 12px Manrope}.popular button{background:var(--lime);border-color:var(--lime)}.final{text-align:center;background:#bce665;padding:125px 5vw}.final h2{font-size:65px}.final .button{margin:10px 0 15px}.final small{color:#45663e;display:block}footer{color:var(--muted);justify-content:space-between;align-items:center;padding:30px 5vw;font-size:11px;display:flex}footer a:last-child{color:var(--muted)}dialog{background:#fff;border:0;border-radius:8px;width:min(450px,92vw);padding:36px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#11261baa}.close{cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:15px}dialog h2{letter-spacing:-2px;margin:9px 0;font-size:35px}dialog p{color:#4b9f5d;font-size:13px;font-weight:700}form label{margin-top:16px;font-size:12px;font-weight:700}input{border:1px solid var(--line);border-radius:3px;width:100%;margin-top:7px;padding:12px;font:14px Manrope}form .button{width:100%;margin:22px 0 12px}dialog>small{color:var(--muted);font-size:10px}@media (max-width:800px){.nav nav{display:none}.hero{min-height:900px;padding-top:75px}.dashboard{width:100%;margin-top:55px;position:relative;top:auto;right:auto}.stat-row{gap:8px}.chart{display:none}.stat-row{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr 1fr;gap:30px}.proof div:nth-child(2){border:0}.steps,.plans{grid-template-columns:1fr}.feature{flex-direction:column;align-items:flex-start;padding:75px 8vw}.plans .popular{margin:13px 0;transform:none}.pricing,.how{padding:85px 8vw}.hero h1,.how h2,.feature h2,.pricing h2,.final h2{letter-spacing:-3px}.hero-actions{flex-wrap:wrap}footer{flex-wrap:wrap;gap:16px}}
.nav a,.text-link{font-size:15px}.eyebrow,.section-kicker{font-size:12px}.hero>small,.final small{font-size:13px}.button,.dashboard{font-size:15px}.month,.sent{font-size:11px}.stat-row small,.reminder b,.reminder small{font-size:12px}.proof span,.steps span{font-size:13px}.steps p,.feature p{font-size:16px}.feature li{font-size:15px}.bubble{font-size:13px}.typing{font-size:12px}.plans p,.plans li{font-size:14px}.price small{font-size:13px}.plans button{font-size:14px}footer{font-size:13px}.portal.loading{font-size:16px}.login-card p,.intro,.panel p{font-size:15px}.login-card form label,.panel label{font-size:14px}.login-card input,.panel input{font-size:16px}.login-card small{font-size:12px}.form-error,.portal-nav div{font-size:14px}.portal-nav button{font-size:12px}.customer b{font-size:14px}.customer small{font-size:12px}.portal-notice,.portal-invoice b{font-size:14px}.portal-invoice small,.invoice-actions button{font-size:12px}.invoice-summary span,.optional{font-size:11px}.delete-customer{font-size:12px}.app-alert,.confirm-modal p,.confirm-actions button{font-size:14px}@media (max-width:700px){.hero>p,.steps p,.feature p{font-size:16px}.dashboard,.plans p,.plans li{font-size:14px}.portal-content{padding-left:20px;padding-right:20px}}
.modal-backdrop{z-index:10;background:#11261baa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(450px,92vw);max-height:calc(100dvh - 40px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 80px #0005}.modal .close{float:right;cursor:pointer;background:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:1;position:sticky;top:-25px;right:-25px;box-shadow:0 1px 5px #0002}.modal h2{letter-spacing:-2px;margin:9px 0;font-size:35px}.modal>p{color:#4b9f5d;font-size:13px;font-weight:700}.modal form label{margin-top:16px;font-size:12px;font-weight:700;display:block}.modal input{border:1px solid var(--line);border-radius:3px;width:100%;margin-top:7px;padding:12px;font:14px Manrope}.modal form .button{width:100%;margin:22px 0 12px}.modal>small{color:var(--muted);font-size:10px}@media (max-width:500px){.modal-backdrop{padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);padding:25px 20px}.modal h2{font-size:29px}.modal .close{top:-15px;right:-10px}}.bank-details{background:#eff6e8;border:1px solid #c8dfb8;border-radius:5px;margin:17px 0;padding:15px}.bank-details>span{letter-spacing:1px;color:#60805b;margin-bottom:7px;font:9px DM Mono;display:block}.bank-details>b,.bank-details>small{display:block}.bank-details>b{font-size:13px}.bank-details>small{color:#607067;margin:3px 0 12px;font-size:10px}.bank-details>div{border-top:1px solid #d5e4cc;margin-top:8px;padding-top:9px}.bank-details label{color:#647669;margin:0 0 2px;font-size:9px}.bank-details code{word-break:break-all;font:600 11px DM Mono}