@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#122528;--muted:#657171;--lime:#daf77b;--line:#dfe5df;--cream:#f8f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--cream);font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7d9a2c;outline-offset:5px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.5}.logomark{display:grid;place-items:center;background:var(--ink);color:var(--lime);height:39px;width:39px;border-radius:9px;font-size:31px;line-height:1;letter-spacing:0}.logo-bottom{display:block;font-size:17px;letter-spacing:2px;font-weight:800}.logo-dot{vertical-align:super;font-size:8px;margin-left:3px;letter-spacing:0}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:500}.site-header nav a:hover,.login:hover{color:#779333}.nav-actions{display:flex;align-items:center;gap:28px}.login{font-size:13px;font-weight:600}.login span{margin-left:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border-radius:6px;padding:17px 23px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button.lime{background:var(--lime);color:var(--ink)}.button.lime:hover{background:#e7ffa7}.button.small{padding:12px 18px;font-size:12px;gap:26px}.menu-button{display:none}.hero{position:relative;background:#112428;color:#fff;overflow:hidden}.hero-gridlines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#6f8b8033 1px,transparent 1px),linear-gradient(90deg,#6f8b8033 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:'';position:absolute;width:750px;height:750px;right:-200px;top:-100px;background:radial-gradient(circle,#b0d96a17,transparent 70%);pointer-events:none}.hero-inner{max-width:1440px;margin:auto;padding:87px 5% 80px;display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#bdcdc5;display:flex;align-items:center;gap:9px;margin-bottom:28px}.eyebrow.dark{color:#65746b}.status-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #daf77b12}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(46px,5.35vw,80px);font-weight:600;line-height:1.08;letter-spacing:-4px;margin:0 0 26px}h1>span{color:var(--lime)}.hero-copy>p{font-size:17px;line-height:1.8;color:#afbfbb;margin:0 0 29px}.hero-buttons{display:flex;align-items:center;gap:24px}.text-button{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:500}.text-button:hover{color:var(--lime)}.play{border:1px solid #6b7d79;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-size:8px}.hero-footnote{display:flex;gap:22px;margin-top:25px;font-size:10px;color:#91a6a0}.hero-product{position:relative;padding-bottom:37px;min-width:0}.product-topline{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.2px;margin-bottom:13px;color:#8aaba0}.live-dot{color:var(--lime)}.product-window{background:white;color:#233840;border:5px solid #ffffff12;border-radius:12px;box-shadow:0 35px 80px #0004;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.window-bar{height:35px;background:#f7f9fa;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;color:#95a0a3;border-bottom:1px solid #e3e8ed}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;background:#cdd5da;border-radius:50%}.mini-app{display:flex;min-height:323px;background:#f2f5f8}.mini-side{width:40px;background:white;border-right:1px solid #e0e6eb;display:flex;align-items:center;flex-direction:column;gap:18px;padding:15px 0;color:#7f8e9a;font-size:13px}.mini-side>b{background:#193136;color:var(--lime);border-radius:3px;padding:1px 5px}.mini-side .selected{background:#e8efff;color:#3167ff;width:25px;text-align:center;padding:4px;border-radius:3px}.mini-main{flex:1;padding:17px 13px;min-width:0}.mini-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:12px}.mini-heading span{font-size:7px;color:#27a65b}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:17px}.mini-stats>div{padding:10px;background:white;border:1px solid #e0e6ed;border-radius:4px}.mini-stats b{font-size:20px;font-family:monospace}.mini-stats b>span{font-size:12px;color:#9ca8b5}.mini-stats small{display:block;font-size:7px;color:#8796a3;margin-top:3px}.text-green{color:#26a260}.mini-label{display:flex;justify-content:space-between;font-size:7px;font-weight:700;color:#7c8b99;letter-spacing:.7px;margin-bottom:9px}.mini-label>span{color:#366bff;letter-spacing:0}.mini-bays{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-bay{padding:11px;background:white;border:1px solid #dce3ed;border-left:2px solid #3778ed;border-radius:4px;min-width:0}.mini-bay>div{display:flex;justify-content:space-between;font-size:6px;color:#7b8b99;gap:4px}.mini-bay em{font-style:normal;font-size:5px;color:#2b9e61}.mini-bay>strong{display:block;font:700 12px monospace;margin-top:11px}.mini-bay p{font-size:7px;margin:5px 0 10px;color:#7b8b99}.mini-bay footer{border-top:1px solid #edf0f4;padding-top:7px;display:flex;align-items:center;gap:4px;font-size:5.5px;color:#697d89}.mini-bay footer>b{margin-left:auto;font:7px monospace}.avatar{background:#e5f1dc;border-radius:50%;padding:4px;color:#6b8756;font-size:5px}.blue-avatar{background:#e8efff;color:#386bde}.orange-avatar{background:#fff0df;color:#b58a57}.mini-bay.waiting{border-left-color:#eeb04e}.mini-bay.waiting em{color:#c18a38}.mini-bay.available{border:1px dashed #cfdcc7;background:#f7fbf4;text-align:center}.bay-plus{display:block;color:#8ca476;font-size:23px;margin-top:9px}.mini-queue{display:flex;align-items:center;gap:15px;font-size:7px;margin-top:12px;background:white;border:1px solid #e0e6ed;padding:11px;border-radius:4px}.mini-queue>span{font-family:monospace;flex:1}.mini-queue small{font-family:'DM Sans',sans-serif;color:#8a98a4;margin-left:9px}.floating-note{position:absolute;right:-15px;bottom:20px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:10px;padding:16px 19px;border-radius:7px;box-shadow:0 10px 40px #0002;transform:rotate(-2deg)}.floating-note>span{background:#edf7da;color:#6f9040;height:30px;width:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}.floating-note strong{display:block;font-size:10px}.floating-note small{display:block;font-size:8px;color:#84908c;margin-top:4px}.product-caption{font:7px monospace;letter-spacing:1px;color:#79978b;display:flex;justify-content:space-between;margin-top:24px}.hero-bottom{position:relative;z-index:1;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;padding:20px 5%;font:8px monospace;letter-spacing:1px;color:#8ca59a}.audience-strip{padding:27px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:40px}.audience-strip>span{font-size:8px;letter-spacing:1.2px;color:#8a9289}.audience-strip>div{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:500}.audience-strip i{font-style:normal;color:#a5b38f;font-size:19px}.section{max-width:1280px;padding:100px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:clamp(32px,3.2vw,48px);font-weight:600;line-height:1.18;letter-spacing:-2px;margin:0}h2 span{color:#869184}.section-heading>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 2px}.platform-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:27px;gap:10px}.platform-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 10px;color:#859087;text-align:left;font-size:12px}.platform-tabs button.active{border-color:#253c31;color:#203d2b;font-weight:700}.platform-preview{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #dce3d9;border-radius:12px;overflow:hidden;background:white;min-height:378px}.preview-description{padding:35px}.outline-icon{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #d9e0d3;border-radius:7px;font-size:21px;color:#466245}h3{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:20px 0 13px}.preview-description>p{font-size:13px;color:#7b867d;line-height:1.8;max-width:300px}.preview-description ul{list-style:none;padding:0;margin:20px 0 25px;font-size:11px;color:#657466;line-height:2.4}.preview-description li:before{content:'✓';color:#688d42;margin-right:10px}.inline-link{font-size:11px;font-weight:600;display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #bdcbb2;padding-bottom:6px}.inline-link:hover{color:#739539}.preview-display{background:#eaf0e6;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.showcase{background:white;border:1px solid #d9e1d7;border-radius:7px;width:100%;box-shadow:0 12px 35px #2332230c;overflow:hidden}.showcase-title{padding:15px 17px;border-bottom:1px solid #e6eae5;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.showcase-title span{font-size:7px;background:#f1f5eb;padding:5px 8px;border-radius:3px;color:#658048}.showcase table{border-collapse:collapse;width:100%;font-size:9px}.showcase th{text-align:left;color:#8a958b;background:#fafbf8;font-size:7px;padding:12px;font-weight:500}.showcase td{padding:15px 12px;border-top:1px solid #edf0e9;color:#6e7e70}.showcase td strong{color:#354b3b;font:9px monospace}.pill{font-size:7px;border-radius:4px;padding:4px 6px;white-space:nowrap;background:#edf6e6;color:#63854d}.pill.orange{background:#fff0dc;color:#b4843c}.pill.blue{background:#e9efff;color:#617da8}.showcase-bays{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:10px}.showcase-bay{border:1px solid #e1e7dc;border-radius:5px;padding:15px;font-size:9px}.showcase-bay>small{color:#97a18f;font-size:7px;display:block;margin-bottom:15px}.showcase-bay>strong{display:block;font:12px monospace;margin-bottom:8px}.showcase-bay p{font-size:8px;color:#8a9684;margin:12px 0 0}.showcase-bay.free{border-style:dashed;background:#f9fcf5}.workflow-section{background:#172b2d;color:white}.workflow-inner .section-heading>p{color:#95a8a2}.workflow-inner h2 span{color:#d7eeaa}.workflow-inner .eyebrow{color:#b4c2ae}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.steps article{border-top:1px solid #53645c;padding-top:20px}.step-number{font:11px monospace;color:#b1c899;display:flex;align-items:center;justify-content:space-between}.step-number>span{font-size:25px;color:#8eaa7b}.steps h3{font-size:26px;margin:30px 0 14px}.steps p{color:#9aaca4;font-size:13px;line-height:1.8;max-width:260px}.step-tag{font:8px monospace;letter-spacing:.5px;color:#c3d6a7;display:block;margin-top:27px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #dfe5db;border-radius:9px;padding:29px;overflow:hidden;position:relative;min-height:310px}.feature-card.wide{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:#edf2e8}.feature-card h3{font-size:23px}.feature-card p{color:#7e897c;font-size:12px;line-height:1.8;max-width:270px}.timesheet-visual{background:white;border:1px solid #dfe7d7;border-radius:6px;box-shadow:0 10px 30px #48533808;padding:15px;margin-right:-50px;transform:rotate(-3deg)}.timesheet-visual>span{font:7px monospace;color:#8a9980;display:block;margin:5px 0 12px}.timesheet-visual>div{display:flex;align-items:center;gap:9px;padding:15px 0;border-top:1px solid #edf0e8}.timesheet-visual i{font:8px monospace;font-style:normal;border-radius:50%;background:#eef3e6;color:#6b7d56;padding:9px}.timesheet-visual strong{font-size:9px;flex:1}.timesheet-visual small{font-size:7px;display:block;margin-top:4px;font-weight:400;color:#9ba392}.timesheet-visual b{font-size:6px;color:#799c52;margin-right:10px}.timesheet-visual .paused{color:#bf944a}.feature-badges{display:flex;gap:8px;margin-top:30px}.feature-badges span{font-size:8px;background:#fff2e0;color:#bf934c;padding:7px;border-radius:4px}.feature-badges span:last-child{color:#bd7367;background:#ffefea}.stock-line{margin-top:24px;border-top:1px solid #e5eadf;display:flex;justify-content:space-between;padding-top:16px;font-size:12px}.stock-line small{display:block;font-size:8px;color:#929e89;margin-top:5px}.stock-line strong{font-size:22px;text-align:right;line-height:1}.stock-line strong small{font-weight:400}.invoice-visual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;border-top:1px solid #e5eadf;padding-top:15px}.invoice-visual>span{font:8px monospace;color:#87977e}.invoice-visual>b{font:20px monospace;text-align:right}.invoice-visual>small{font-size:8px;color:#9aa48f}.tiny-chart{display:flex;gap:8px;height:58px;align-items:end;margin-top:20px}.tiny-chart i{flex:1;background:#e8f0db;height:35%;border-radius:3px 3px 0 0}.tiny-chart i:nth-child(2n){height:55%}.tiny-chart i:nth-child(3n){height:76%}.tiny-chart i:nth-last-child(2){height:85%}.tiny-chart i:last-child{height:100%;background:#aaca7b}.visual-note{text-align:right;font:8px monospace;color:#9aa491;margin:15px 0 0}.demo-section{background:#dff2b0;position:relative;overflow:hidden}.demo-inner{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;position:relative;z-index:1}.demo-inner h2{font-size:49px}.demo-inner h2 span{color:#6f8b4c}.demo-inner p{font-size:14px;line-height:1.8;max-width:390px;color:#6c7d55}.dark-button{background:#192e28;color:#f3f7eb;margin-top:14px}.dark-button:hover{background:#294733}.demo-inner>div>small{display:block;color:#738457;font-size:9px;margin-top:18px}.demo-orbit{position:absolute;left:32%;top:-130px;font-size:580px;line-height:1;color:#d0e79c;transform:rotate(5deg);pointer-events:none}.demo-checklist{border-top:1px solid #afc68a;padding-top:22px}.demo-checklist>span{font:9px monospace;letter-spacing:1.5px;color:#6b8151}.demo-checklist a{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid #bad095;font-size:13px}.demo-checklist a:hover{padding-left:8px;transition:padding .2s}.demo-checklist i{font:10px monospace;color:#779355}.demo-checklist b{margin-left:auto;font-size:20px;font-weight:400}.demo-checklist>p{font-size:9px;margin-top:15px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-section>div>p{font-size:12px;color:#899281;line-height:2;margin-top:28px}.faqs details{border-top:1px solid #dbe2d4;padding:23px 0}.faqs details:last-child{border-bottom:1px solid #dbe2d4}.faqs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;font-weight:600}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:21px;font-weight:400;color:#8a977a}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs p{font-size:12px;line-height:1.9;color:#83907b;margin:15px 30px 0 0}.closing{background:#102427;color:#fff;text-align:center}.closing-inner{padding-top:64px;padding-bottom:65px}.closing .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px}.closing h2{font-size:48px;margin:22px 0 30px}.closing-inner>div:last-child{display:flex;align-items:center;gap:25px;justify-content:center}.site-footer{max-width:1280px;margin:auto;padding:47px 5% 22px}.footer-top{display:flex;align-items:center;gap:70px;padding-bottom:37px}.footer-top>p{color:#93a08c;font-size:11px;line-height:1.7}.footer-top>div{margin-left:auto;display:flex;gap:25px;font-size:11px}.footer-bottom{border-top:1px solid #dfe5d8;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#99a28f}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:#476331}@media(min-width:1600px){.hero-inner{padding-top:110px;padding-bottom:110px}.product-window{transform:perspective(1200px) rotateY(-5deg) scale(1.07)}.hero-product{margin-left:20px}}@media(max-width:1050px){.site-header nav{gap:18px}.nav-actions{gap:18px}.hero-inner{gap:25px}.hero-buttons{gap:15px;flex-wrap:wrap}h1{letter-spacing:-3px}.hero-footnote{gap:10px;flex-wrap:wrap}.mini-bay{padding:8px}.mini-main{padding:14px 8px}.mini-bay footer{font-size:5px}.mini-bay footer>b{font-size:6px}.floating-note{right:-10px;padding:13px}.audience-strip{gap:20px}.audience-strip>div{gap:13px;font-size:11px}.section{padding-top:75px;padding-bottom:75px}.feature-card{padding:22px}.feature-card.wide{gap:17px}.feature-card h3{font-size:21px}.timesheet-visual{margin-right:-40px}.faq-section{gap:40px}.demo-inner{gap:8%}.footer-top{gap:30px}}@media(max-width:780px){.site-header{height:74px;padding:0 6%}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px 6%;background:var(--cream);border-bottom:1px solid var(--line)}.site-header.menu-open nav{display:flex;flex-direction:column}.nav-actions{margin-left:auto;margin-right:15px;gap:16px}.nav-actions .button{display:none}.menu-button{display:block;border:0;background:none;font-size:20px;color:var(--ink);padding:7px}.logo{font-size:8px;gap:8px}.logo-bottom{font-size:14px}.logomark{width:33px;height:33px;font-size:27px}.hero-inner{grid-template-columns:1fr;padding:53px 6% 40px;gap:48px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}h1{font-size:64px;letter-spacing:-3px}.hero-copy>p{font-size:15px;line-height:1.7}.hero-buttons{gap:22px}.button{font-size:12px;padding:16px 20px}.hero-footnote{font-size:9px;gap:20px}.hero-product{max-width:590px;width:100%;padding-bottom:30px;margin:auto}.product-window{transform:none}.mini-main{padding:16px 12px}.mini-bay{padding:12px}.mini-bay>div{font-size:7px}.mini-bay em{font-size:5px}.mini-bay>strong{font-size:13px}.mini-bay p{font-size:8px}.mini-bay footer{font-size:6px}.mini-bay footer>b{font-size:7px}.floating-note{right:-5px;bottom:18px}.hero-bottom{padding:18px 6%;font-size:6px;letter-spacing:.5px;gap:15px}.audience-strip{padding:25px 6%;flex-direction:column;gap:17px}.audience-strip>div{font-size:10px;gap:10px;flex-wrap:wrap;justify-content:center;line-height:1.8}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px;max-width:430px}h2{font-size:36px;letter-spacing:-1.5px}.platform-tabs{grid-template-columns:1fr 1fr;gap:0}.platform-tabs button{font-size:10px;padding:14px 5px}.platform-preview{grid-template-columns:1fr}.preview-description{padding:28px}.preview-description h3{font-size:28px}.preview-description>p{max-width:100%}.preview-description ul{margin:15px 0}.preview-display{padding:22px;min-height:300px}.steps{grid-template-columns:1fr;gap:32px;margin-top:38px}.steps h3{margin-top:17px}.steps p{max-width:100%}.step-tag{margin-top:18px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card.wide{grid-column:span 2;gap:15px}.feature-card{padding:22px;min-height:300px}.feature-card h3{font-size:20px}.feature-card p{font-size:11px}.feature-badges{flex-direction:column;align-items:start;gap:6px;margin-top:20px}.feature-card.wide h3{font-size:24px}.timesheet-visual{margin-right:-60px}.demo-inner{grid-template-columns:1fr;gap:45px}.demo-inner h2{font-size:40px}.demo-checklist a{padding:20px 0}.demo-orbit{left:15%;top:-20px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section>div>p{margin-top:20px}.faqs summary{font-size:12px}.closing h2{font-size:37px}.closing-inner>div:last-child{flex-direction:column;gap:22px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>p{margin-left:auto}.footer-top>div{margin:0;flex-basis:100%;justify-content:space-between;font-size:10px}.footer-bottom{flex-direction:column;gap:17px}.footer-bottom>div{justify-content:space-between}.site-footer{padding-left:6%;padding-right:6%}}@media(max-width:390px){h1{font-size:56px}.hero-footnote{gap:11px;font-size:8px}.mini-bay{padding:8px}.mini-bay footer{font-size:5px}.mini-bay em{font-size:4px}.mini-side{width:30px}.feature-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:span 1;display:block}.timesheet-visual{margin-top:25px;margin-right:-35px}.feature-card{min-height:260px}.hero-buttons{gap:17px}.hero-buttons .text-button{font-size:10px}.button{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}