@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#242622;--muted:#6e706b;--cream:#faf8f5;--sage:#54755f;--light:#f0f1e9;--border:#e8e6e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;background:#dce8d8;color:#44684d;width:34px;height:34px;border-radius:11px;font-size:24px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-header nav>a:not(.nav-login){color:#5e625d}.nav-login{background:#263a2d;color:white;padding:13px 18px;border-radius:8px}.nav-login span{margin-left:10px}.hero{text-align:center;padding-top:86px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--sage)}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce6db;background:#f1f6ef;padding:9px 15px;border-radius:30px;letter-spacing:1.1px}.dot{width:7px;height:7px;background:#83a786;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(56px,7.5vw,96px);line-height:1.09;margin:27px 0}h1 em,h2 em{color:var(--sage);font-weight:500}.hero-copy{max-width:630px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:17px 24px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--sage);color:#fff}.primary:hover{background:#405d49}.secondary{border:1px solid #d9dcd5;background:#fff}.hero-note{font-size:11px;color:#898c86;margin:22px 0 45px}.dashboard{margin:auto;max-width:1050px;display:flex;text-align:left;background:#fff;border:1px solid #e2e5dd;border-radius:15px;box-shadow:0 25px 80px #334c3920;overflow:hidden;min-height:400px}.dash-sidebar{width:205px;flex-shrink:0;border-right:1px solid #eef0eb;padding:25px 16px}.dash-logo{font-size:17px;font-weight:700;margin-bottom:35px;display:flex;align-items:center;gap:10px}.dash-menu{padding:12px 13px;color:#737b71;font-size:12px;border-radius:7px;margin-bottom:5px;display:flex;gap:12px}.dash-menu.active{background:#eaf0e9;color:#3c6246;font-weight:700}.dash-content{padding:27px 34px;flex:1;background:#fdfefc}.dash-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#91978e}.dash-avatar{background:#e4eadd;color:#58745b;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:12px}.dash-content h2{font-family:'DM Sans',sans-serif;font-size:24px;font-weight:700;letter-spacing:-.8px;margin:25px 0 5px}.dash-content h2 span{color:#93b498}.dash-content>p{font-size:12px;color:#899188}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stats>div{background:white;border:1px solid #e9eee7;border-radius:9px;padding:19px}.stats small,.stats span{display:block;color:#80877d;font-size:11px}.stats strong{display:block;font-size:30px;margin:7px 0}.stats span{font-size:10px}.dash-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:13px}.panel{border:1px solid #e9eee7;background:#fff;border-radius:9px;padding:18px}.panel-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:18px}.panel-title span{font-size:10px;color:var(--sage)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pipeline span{background:#f3f5f0;padding:12px 7px;font-size:10px;color:#68756a;border-radius:5px}.pipeline b{display:block;font-size:17px;color:#334936;margin-top:8px}.upcoming{font-size:11px;padding:11px 0;border-bottom:1px solid #f0f1ee}.upcoming small{float:right;color:#92988e}.mockup-note{color:#aaa;font-size:10px;margin:15px 0 0}.features-section{background:#f1f3ec;margin-top:100px;padding:105px 0}.features-section h2,.how-section h2,.cta-section h2{font-size:clamp(40px,5vw,60px);line-height:1.2;margin:20px 0}.section-intro{color:var(--muted);max-width:570px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.feature{background:#fff;border:1px solid #e6ebe2;border-radius:12px;padding:30px;min-height:210px}.feature-icon{background:#e8efe5;color:#4e7657;border-radius:10px;display:grid;place-items:center;width:44px;height:44px;font-size:23px;margin-bottom:20px}.feature h3{font-size:16px;letter-spacing:-.3px}.feature p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.how-section{padding:115px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.how-section>div>p{color:var(--muted);line-height:1.9;font-size:15px;max-width:440px}.text-link{display:inline-block;color:var(--sage);font-size:13px;font-weight:700;margin-top:18px}.steps>div{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:22px 0}.steps>div>span{font-family:Georgia,serif;color:#91aa94;font-size:25px}.steps h3{font-size:15px;margin:0 0 7px}.steps p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.cta-section{background:#e3ebe0;text-align:center;padding:90px 0}.cta-section p{color:#697969;margin-bottom:28px}.cta-section .section-kicker{color:#55735b}footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}footer .brand{font-size:14px}footer p,footer small{font-size:11px;color:#8b8d87;margin:0}footer small:last-child{margin-left:auto}@media(max-width:800px){.site-header nav{gap:15px}.site-header nav>a:not(.nav-login){display:none}.hero{padding-top:50px}.dashboard{min-height:0}.dash-sidebar{width:145px;padding:15px 8px}.dash-logo{font-size:13px}.dash-menu{font-size:10px}.dash-content{padding:17px}.dash-content h2{font-size:19px}.stats{gap:6px}.stats>div{padding:10px}.stats strong{font-size:23px}.dash-bottom{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-section{gap:30px}}@media(max-width:550px){.wrap{width:calc(100% - 36px)}.site-header{height:70px;padding:0 18px}.brand{font-size:14px}.nav-login{font-size:11px;padding:11px}.hero{padding-top:45px}h1{font-size:52px;letter-spacing:-1.8px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-note{line-height:1.6}.dashboard{margin:0 -6px}.dash-sidebar{display:none}.dash-content{padding:15px}.dash-content h2{font-size:18px}.dash-content>p{font-size:11px}.stats small,.stats span{font-size:9px}.stats strong{font-size:22px}.pipeline span{font-size:9px}.features-section{margin-top:65px;padding:70px 0}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.how-section{grid-template-columns:1fr;padding:70px 0}.cta-section{padding:70px 0}footer{gap:15px}footer small:last-child{margin-left:0}}