@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#19372d;--green:#17684e;--muted:#5e7067;--paper:#f7f8f2;--line:#dbe3d8;--lime:#d9f5a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Manrope,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #39926b;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand img{flex-shrink:0}nav{display:flex;gap:32px;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:white;min-height:54px;padding:14px 23px;border-radius:7px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#10533d;transform:translateY(-2px)}.button.small{min-height:43px;padding:9px 17px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:74px 82px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.9px;color:var(--green);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(52px,6.5vw,82px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin-bottom:25px}h1 em{font-style:normal;color:var(--green)}.intro{max-width:445px;font-size:17px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:13px;font-weight:800}.micro{font-size:11px;color:var(--muted);margin:14px 0 0}.stage{position:relative;padding:25px 0 35px;isolation:isolate}.stage:before{content:'';position:absolute;inset:-25px -20px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 36px,#d6e3cf 37px 38px,transparent 39px 67px);opacity:.65;z-index:-1}.preview{background:white;border:1px solid #d5dfd4;border-radius:16px;padding:28px;box-shadow:0 28px 60px #173c2912;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;padding-bottom:22px;border-bottom:1px solid var(--line)}.preview-top>span{color:var(--muted);letter-spacing:0}.job{display:flex;align-items:center;gap:12px;padding-top:24px;font-size:13px}.job-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf1e9;font-weight:800}.job small{display:block;font-size:10px;color:var(--muted)}.job>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.earned-label{margin:27px 0 0;color:var(--muted);font-size:12px}.earned{font:500 64px/1.3 'Space Grotesk',sans-serif;letter-spacing:-3px}.earned span{color:#71887d}.bar{height:8px;border-radius:10px;background:#edf1e8;margin-top:16px;overflow:hidden}.bar span{display:block;width:50%;height:100%;background:var(--green);border-radius:10px}.bar-label{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;margin-block:24px;gap:18px}.stats small{display:block;font-size:12px;color:var(--muted)}.stats strong{font:500 22px 'Space Grotesk',sans-serif}.preview-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.pause{background:var(--green);color:white;padding:7px 14px;border-radius:7px}.streak{position:relative;margin:-8px -15px 0 75px;display:flex;gap:12px;align-items:center;background:var(--lime);padding:16px 20px;border-radius:10px;transform:rotate(2deg);font-size:12px}.streak small{display:block;font-size:11px}.streak>span{font-size:30px}.audience{border-block:1px solid var(--line);text-align:center;padding:24px 0}.audience>span{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}.audience p{font:500 17px 'Space Grotesk',sans-serif;margin:12px 0 0}.audience i{font-style:normal;color:#84927f;margin:0 18px}.section{padding-block:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(30px,3.5vw,44px);font-weight:500;letter-spacing:-1.8px;line-height:1.15;margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.card.green{background:#eaf0df}.number{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}h3{font-weight:500;font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:24px 0 14px}.card p,.extras p{font-size:13px;color:var(--muted);line-height:1.8}.chart{height:92px;display:flex;align-items:end;gap:10px;margin-top:24px}.chart i{flex:1;background:#84aa77;border-radius:4px 4px 0 0}.chart i:last-child{background:var(--green)}.card>small{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.tags{display:grid;gap:8px;margin-top:30px}.tags span{border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:12px}.periods{display:flex;gap:6px;margin-top:36px}.periods span{font-size:12px;background:#edf1e8;padding:8px 12px;border-radius:6px}.periods span:first-child{background:var(--green);color:white}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:42px}.extras article>span{font-size:24px;color:var(--green)}.extras h3{font-size:18px;margin:12px 0 10px}.how{background:#eaf0e5;border-block:1px solid var(--line);padding-block:70px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.how .text-link{display:inline-block;margin-top:28px}ol{list-style:none;margin:0;padding:0}li{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #cfdbca}li:first-child{padding-top:0}li:last-child{border:0;padding-bottom:0}li>span{font:500 18px 'Space Grotesk',sans-serif;color:#657d66}li h3{font-size:19px;margin:0 0 8px}li p{font-size:13px;color:var(--muted);margin:0}.questions details{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;padding:20px 12px 20px 0;font-weight:700;font-size:14px}.questions p{font-size:13px;color:var(--muted);margin:0 0 20px}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;background:#193f31;color:#f6f8ee;border-radius:14px}.closing .eyebrow{color:#c2dda7}.closing h2{font-size:36px}.button.light{background:var(--lime);color:#19372d}.closing>div>p:last-child{font-size:11px;color:#c0d0c1;margin:12px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:38px;font-size:12px;color:var(--muted)}footer .brand{font-size:20px;color:var(--ink)}.skip{position:absolute;left:12px;top:-70px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.actions{align-items:start;flex-direction:column;gap:16px}.preview{padding:20px}.earned{font-size:52px}.cards{grid-template-columns:1fr 1fr}.card.green{grid-column:1/-1}.chart{height:75px}.section-heading{align-items:start;flex-direction:column}.split{gap:35px}.closing{padding:32px}.closing h2{font-size:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{min-height:82px;gap:12px}.brand{font-size:22px}.brand img{width:32px;height:32px}nav{display:none}.button.small{padding:9px 13px}.hero{grid-template-columns:1fr;padding-block:40px 46px;gap:28px}h1{font-size:62px;letter-spacing:-3px}.intro{font-size:16px}.actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.actions .button{padding:13px 17px}.actions .text-link{font-size:12px}.stage{padding:12px 6px}.stage:before{inset:-5px 0}.preview{transform:none;padding:22px}.earned{font-size:58px}.streak{margin:-5px 0 0 28px;transform:rotate(1deg)}.audience p{font-size:15px;line-height:1.8}.audience i{margin:0 6px}.audience>span{font-size:9px;letter-spacing:1px}.section{padding-block:56px}.section-heading{gap:18px;margin-bottom:26px}.cards,.extras{grid-template-columns:1fr}.card{padding:25px}.extras{gap:20px;margin-top:28px}.extras article{border-bottom:1px solid var(--line);padding-bottom:16px}.extras h3{margin-top:8px}.split{grid-template-columns:1fr;gap:30px}.how{padding-block:46px}.closing{flex-direction:column;align-items:start;padding:28px;gap:28px}.closing h2{font-size:30px}footer{flex-wrap:wrap;padding-block:28px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Product illustrations */
.save-graphic{margin-top:26px;padding:18px 14px;background:linear-gradient(145deg,#f1f5ee,#fafbf7);border:1px solid var(--line);border-radius:10px}.save-file{display:flex;align-items:center;gap:10px;padding:12px;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:0 5px 14px #19372d06}.save-file svg{width:26px;height:30px;color:var(--green);flex-shrink:0}.save-file span{font-size:11px;font-weight:700}.save-file small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.save-file b{margin-left:auto;font:500 12px 'Space Grotesk',sans-serif;color:var(--muted)}.save-route{display:flex;flex-direction:column;align-items:center;gap:5px;margin:9px 0;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.save-route i{height:13px;width:1px;background:#9cbba8}.save-cloud{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:700;color:var(--green)}.save-cloud svg{width:42px;height:36px}.history-graphic{margin-top:25px}.history-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.history-top small{letter-spacing:0}.history-bars{height:117px;display:flex;align-items:end;gap:10px;padding:14px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 28px,#edf1e8 29px 30px)}.history-bars i{height:var(--h);flex:1;min-width:0;background:#aec4a7;border-radius:4px 4px 0 0}.history-bars i:nth-child(5){background:var(--green)}.history-bars i:nth-child(n+6){background:#e4eadf}.history-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:9px;color:var(--muted);padding-top:8px}.history-graphic .periods{margin-top:15px}.workflow-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center;padding:48px 0 88px}.workflow-copy>p:not(.eyebrow){max-width:390px;font-size:14px;color:var(--muted);margin:24px 0}.workflow-steps{display:flex;align-items:center;gap:10px;margin:30px 0;font-size:11px;font-weight:700}.workflow-steps span{display:flex;gap:7px;align-items:center;white-space:nowrap}.workflow-steps b{display:grid;place-items:center;width:27px;height:27px;background:#e8efdf;border:1px solid #d3dfc8;border-radius:50%;font:500 10px 'Space Grotesk',sans-serif}.workflow-steps i{height:1px;width:24px;background:#bfcfb8}.invoice-scene{min-width:0;padding:24px 28px;background:radial-gradient(ellipse at 90% 10%,#dcebc9,transparent 65%),repeating-linear-gradient(0deg,transparent 0 27px,#ccd8c655 28px 29px),#ecf1e5;border:1px solid #d5dfcc;border-radius:16px}.scene-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#526747;margin-bottom:23px}.scene-caption span:last-child{letter-spacing:0}.invoice-paper{padding:25px;background:#fff;border:1px solid #d6dfd2;border-radius:5px;box-shadow:0 16px 30px #243d2910;transform:rotate(-1deg)}.invoice-brand{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:15px}.invoice-brand>span{margin-left:auto;font:700 8px Manrope,sans-serif;letter-spacing:1.5px;border:1px solid var(--line);border-radius:4px;padding:4px 7px;color:var(--muted)}.invoice-title{margin:25px 0}.invoice-title h3{margin:0 0 4px;font-size:24px}.invoice-title>span{font-size:11px;color:var(--muted)}.invoice-columns,.invoice-row{display:grid;grid-template-columns:1fr .4fr .7fr;gap:10px;align-items:center}.invoice-columns{font-size:8px;color:var(--muted);letter-spacing:.6px;border-bottom:1px solid var(--line);padding-bottom:10px}.invoice-columns>span:last-child,.invoice-row>strong{text-align:right}.invoice-row{font-size:11px;padding:14px 0;border-bottom:1px solid #edf1e8}.invoice-row small{display:block;font-size:9px;color:var(--muted)}.invoice-row>span:nth-child(2){font-variant-numeric:tabular-nums}.invoice-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.invoice-total>span{font-size:10px;color:var(--muted)}.invoice-total strong{font:500 29px 'Space Grotesk',sans-serif;letter-spacing:-1px}.invoice-foot{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:9px;color:var(--muted)}.draft-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.email-slip{display:flex;gap:12px;position:relative;margin:15px -9px 0 22px;padding:16px;background:#193f31;color:#f6f8ee;border-radius:8px;box-shadow:0 8px 18px #19372d10}.email-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;background:#ffffff12;border:1px solid #ffffff20;border-radius:7px}.email-icon svg{width:22px;height:22px}.email-slip strong{font-size:11px}.email-slip p{font-size:10px;line-height:1.7;color:#d6e1d3;margin:5px 0 0}.scene-note{margin:17px 0 0;font-size:9px;line-height:1.7;color:#526747}.preview{animation:product-arrive .65s ease-out both}.streak{animation:product-arrive .8s ease-out both}@keyframes product-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:950px){.workflow-showcase{gap:32px}.invoice-scene{padding:21px}.invoice-paper{padding:20px}.workflow-steps{gap:6px}.workflow-steps i{width:12px}}@media(max-width:650px){.workflow-showcase{grid-template-columns:1fr;gap:28px;padding:0 0 52px}.workflow-copy>p:not(.eyebrow){max-width:none}.invoice-scene{padding:18px}.invoice-paper{padding:18px;transform:none}.scene-caption{font-size:7px;letter-spacing:.6px;gap:8px}.email-slip{margin:12px 0 0;padding:13px;gap:10px}.invoice-columns{font-size:7px;letter-spacing:0}.invoice-total strong{font-size:26px}.save-graphic{max-width:360px}.history-bars{height:100px}.workflow-steps{gap:10px}.workflow-steps i{width:20px}}@media(prefers-reduced-motion:reduce){.preview,.streak{animation:none}}

.trial-followup{max-width:420px;margin:12px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}.trial-followup strong{color:var(--ink)}.demo-replay{display:inline-flex;align-items:center;gap:7px;margin:18px 0 0;border:1px solid #b5c8b9;border-radius:7px;background:#f7faf3;padding:9px 13px;min-height:44px;color:var(--green);font:700 11px Manrope,sans-serif;cursor:pointer}.demo-replay:hover{background:#eaf0df}.demo-replay:disabled{opacity:.65;cursor:default}.stage .bar span{transform-origin:left}.motion-enabled .reveal-pending{opacity:0;transform:translateY(18px)}.motion-enabled .reveal-ready{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}.save-graphic.is-visible .save-route i{animation:save-flow 1.6s ease-in-out 2}.history-graphic.is-visible .history-bars i{animation:grow-history .85s ease both;transform-origin:bottom}.history-bars i:nth-child(2){animation-delay:.08s!important}.history-bars i:nth-child(3){animation-delay:.16s!important}.history-bars i:nth-child(4){animation-delay:.24s!important}.history-bars i:nth-child(5){animation-delay:.32s!important}@keyframes save-flow{0%,100%{opacity:.35;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes grow-history{from{transform:scaleY(.1);opacity:.4}to{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.motion-enabled .reveal-pending{opacity:1;transform:none}.motion-enabled .reveal-ready{transition:none}.save-graphic.is-visible .save-route i,.history-graphic.is-visible .history-bars i{animation:none!important}}