@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#17231f;--muted:#6d7773;--cream:#f4f1e9;--green:#b9d941;--line:#d8d8cd;--orange:#f26d3d}
:root{--ink:#17231f;--muted:#6d7773;--cream:#f4f1e9;--green:#b9d941;--line:#d8d8cd;--orange:#f26d3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.section-wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--green);font:600 11px 'DM Mono';width:28px;height:28px;border-radius:7px}.header-link{color:var(--ink);font:12px 'DM Mono';text-decoration:none}.header-link span{color:var(--orange);font-size:16px;margin-left:5px}.hero{min-height:670px;display:grid;grid-template-columns:44% 56%;align-items:center;padding-top:54px;padding-bottom:80px}.eyebrow{font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.13em;color:var(--orange);margin:0 0 21px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.hero h1,.section-intro h2,.pricing h2{font:600 clamp(48px,6vw,78px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em,.section-intro h2 em,.pricing h2 em{font-style:normal;color:#879f33}.hero-text{max-width:440px;color:var(--muted);font-size:17px;line-height:1.6;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:4px;padding:15px 18px;text-decoration:none;font:600 13px 'DM Sans'}.button span{font-size:19px;line-height:0}.button-primary{background:var(--ink);color:#fff}.microcopy{font:11px 'DM Mono';color:var(--muted)}.trust-row{display:flex;align-items:center;gap:11px;margin-top:52px;color:var(--muted);font-size:11px}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:27px;height:27px;margin-right:-7px;border:2px solid var(--cream);border-radius:50%;font:9px 'DM Mono';font-style:normal;color:#fff;background:#8ca29b}.avatars i:nth-child(2){background:#c7885d}.avatars i:nth-child(3){background:#667b91}.hero-visual{position:relative;padding:38px 12px 20px 48px}.dashboard-window{background:#fff;border:1px solid #d9ded7;border-radius:10px;box-shadow:20px 24px 0 rgba(23,35,31,.06);overflow:hidden;transform:rotate(2deg)}.window-top{height:47px;border-bottom:1px solid #e9ece8;display:flex;align-items:center;padding:0 16px;justify-content:space-between}.window-dots{display:flex;gap:4px}.window-dots b{width:6px;height:6px;background:#d1d7d2;border-radius:50%}.window-title{font:9px 'DM Mono';color:#919994}.window-avatar{display:grid;place-items:center;width:24px;height:24px;background:#dfebbc;border-radius:50%;font:9px 'DM Mono'}.dashboard-body{display:flex;min-height:385px}.dashboard-nav{width:47px;background:#1a2823;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:15px;color:#84918c;font-size:13px}.dashboard-nav .nav-logo{color:var(--green);font:600 10px 'DM Mono';margin-bottom:10px}.dashboard-nav .nav-active{color:var(--green)}.dashboard-content{padding:25px 26px;flex:1}.dashboard-heading{display:flex;justify-content:space-between;align-items:start}.dashboard-heading small,.metric-grid small,.job-row small{font:9px 'DM Mono';color:#9da8a2;letter-spacing:.06em}.dashboard-heading h3{margin:7px 0 22px;font:600 22px 'Space Grotesk'}.date-pill{border:1px solid #e3e8e1;border-radius:3px;padding:7px 9px;font:9px 'DM Mono';color:#77847e}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-grid>div{background:#f4f7f2;border-radius:5px;padding:13px}.metric-grid strong{display:block;font:600 22px 'Space Grotesk';margin:6px 0}.metric-grid span{font-size:9px;color:#919c96}.metric-grid .up{color:#7c9d24}.job-header{display:flex;justify-content:space-between;margin:28px 0 11px;font-size:11px}.job-header span{color:#829d39;font:10px 'DM Mono'}.job-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0eb;padding:12px 0}.job-row>div{flex:1}.job-row strong{display:block;font-size:11px;margin-bottom:5px}.job-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:5px;font:600 12px 'DM Mono'}.job-icon.blue{background:#dfeafa;color:#5481c6}.job-icon.orange{background:#fbe6da;color:#d87449}.status{font:9px 'DM Mono';padding:5px 7px;border-radius:3px}.status.live{color:#6f8d23;background:#edf4d8}.status.next{color:#b27651;background:#fff0e6}.floating-note{position:absolute;bottom:0;left:14px;background:#fff;border:1px solid #e0e5df;box-shadow:0 12px 30px #17231f18;padding:13px 17px;display:flex;align-items:center;gap:10px;border-radius:6px}.floating-note>span{display:grid;place-items:center;width:25px;height:25px;background:#dff0ad;color:#6e8e1b;border-radius:50%}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:11px}.floating-note small{color:var(--muted);font-size:9px;margin-top:3px}.proof{display:flex;align-items:center;gap:35px;padding-top:20px;padding-bottom:105px;color:var(--muted);font-size:13px}.proof p{margin:0;max-width:370px;line-height:1.5}.proof strong{color:var(--ink)}.proof-line{height:1px;background:var(--line);flex:1}.features{display:grid;grid-template-columns:36% 64%;padding-bottom:135px}.section-intro p:last-child{max-width:275px;color:var(--muted);font-size:14px;line-height:1.55;margin-top:28px}.section-intro h2,.pricing h2{font-size:54px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:50px}.feature-grid article{border-top:1px solid var(--line);padding-top:15px;position:relative}.feature-number{font:10px 'DM Mono';color:#a2aaa5}.feature-icon{color:var(--orange);font-size:27px;margin:42px 0 23px}.feature-grid h3{font:600 20px 'Space Grotesk';margin:0}.feature-grid p{color:var(--muted);font-size:13px;line-height:1.55}.pricing{background:#c9dc68;max-width:none;padding-top:93px;padding-bottom:93px;display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center;padding-left:max(32px,calc((100vw - 1116px)/2));padding-right:max(32px,calc((100vw - 1116px)/2))}.pricing .eyebrow{color:#5b6e22}.pricing h2 em{color:#fff}.pricing-copy{color:#536322;max-width:300px;line-height:1.5}.price-card{background:#fff;padding:27px 29px;box-shadow:14px 14px 0 rgba(23,35,31,.12)}.price-top{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.08em}.price-badge{color:#829d39}.price{display:flex;align-items:end;gap:11px;border-bottom:1px solid #e5e9df;padding:19px 0}.price strong{font:600 60px/.9 'Space Grotesk';letter-spacing:-.08em}.price span{font:10px 'DM Mono';color:var(--muted);line-height:1.4}.price-card ul{list-style:none;padding:12px 0;margin:0 0 11px}.price-card li{font-size:13px;padding:7px 0}.price-card li:before{content:'✓';color:#8ca92e;margin-right:9px}.button-dark{width:100%;background:var(--ink);color:#fff}.secure{display:block;text-align:center;color:#9da69e;font:10px 'DM Mono';margin-top:13px}.site-footer{display:flex;justify-content:space-between;padding-top:32px;padding-bottom:32px;font:10px 'DM Mono';color:#7a847e}@media(max-width:800px){.hero{display:block;padding-top:55px}.hero-visual{padding:55px 0 35px}.proof{padding-bottom:70px}.features{display:block;padding-bottom:80px}.feature-grid{padding-top:45px}.pricing{display:block;padding-top:65px;padding-bottom:65px}.price-card{margin-top:38px}.site-footer{gap:15px;flex-direction:column}.section-intro h2,.pricing h2{font-size:47px}}@media(max-width:480px){.section-wrap,.site-header{padding-left:20px;padding-right:20px}.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-content{padding:20px 13px}.metric-grid strong{font-size:17px}.metric-grid{gap:5px}.metric-grid>div{padding:9px 7px}.date-pill{display:none}.dashboard-body{min-height:350px}.floating-note{left:-5px}.pricing{padding-left:20px;padding-right:20px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-icon{margin:22px 0 12px}.proof-line{display:none}}
