@import url('./shared/base.css');
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fafaf7;color:#202c27;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.6}.wrap{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-mark{background:#234f3e;color:#edf4bf;border-radius:9px;display:inline-grid;place-items:center;width:36px;height:36px;font-size:22px;letter-spacing:-3px;padding-right:3px;box-sizing:border-box}.brand-mark>span{display:none}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:69px;padding-bottom:92px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#4b6657;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:#648c52;flex-shrink:0}h1{font-size:62px;line-height:1.07;letter-spacing:-3.4px;font-weight:550;margin:25px 0}h1 em{font-family:Georgia,serif;color:#45704f;font-weight:400;letter-spacing:-2px}h2{font-size:39px;line-height:1.18;font-weight:550;letter-spacing:-1.6px;margin:16px 0}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}.hero-description{max-width:415px;font-size:17px;color:#6c756e;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.text-link{font-size:13px;font-weight:650}.text-link span{margin-left:12px}.quiet{font-size:11px;color:#7b837c;margin-top:19px}.hero-visual{border:1px solid #dce3d7;border-radius:16px;padding:25px;background:#eef1e8;transform:rotate(-1deg);box-shadow:0 22px 45px -40px #38503c}.visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-tag{font-size:10px;border:1px solid #d4dbd2;padding:4px 9px;border-radius:5px;color:#68776c;background:#fafbf8}.sample-review{background:#fff;padding:22px 25px;border:1px solid #e0e5dc;border-radius:9px;margin-top:26px}.quote-symbol{font-family:Georgia,serif;font-size:44px;line-height:.7;color:#8b9e7c}.sample-review p{font-family:Georgia,serif;font-size:24px;margin:13px 0}.sample-review .muted{font-size:10px}.connector{text-align:center;color:#7b9275;font-size:26px;line-height:2}.signal-card{display:flex;gap:18px;padding:24px;background:#244e3c;color:#fff;border-radius:9px}.signal-card h3{margin:8px 0;font-size:25px}.signal-card p{font-size:12px;color:#c8d5cc;margin:0}.signal-card .eyebrow{color:#d9e6a7;font-size:9px}.signal-icon{border:1px solid #63836b;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#dce8a9;font-size:24px;flex-shrink:0}.visual-bottom{font-size:10px;color:#61715f;margin-top:22px;text-align:center}.visual-bottom .live-dot{margin-right:7px}.principle-strip{border-top:1px solid #e1e5dd;border-bottom:1px solid #e1e5dd;background:#f3f4ee;font-size:11px;color:#687668}.principle-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:19px}.principle-strip span:first-child{color:#263f31;font-weight:600}.section{padding-top:82px;padding-bottom:85px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.section-intro .eyebrow{grid-column:1/-1}.section-intro>p:last-child{max-width:340px;align-self:center;color:#6c756e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.steps article{border-top:1px solid #d8ded2;padding-top:22px}.step-number{font-size:12px;color:#7e906e}.steps h3{margin:17px 0 12px}.steps p{font-size:13px;color:#6c756e;max-width:280px}.demo-section{padding:73px 0 80px;background:#edf0e8;border-top:1px solid #dfe5d9;border-bottom:1px solid #dfe5d9}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.demo-heading>p{color:#72806f;font-size:13px}.demo-shell{background:#fff;border:1px solid #d7dfd1;border-radius:12px;overflow:hidden;box-shadow:0 18px 35px -30px #30432d}.app-bar{display:flex;align-items:center;justify-content:space-between;background:#f9faf6;border-bottom:1px solid #e0e5dc;padding:16px 25px}.app-bar .brand{font-size:13px;letter-spacing:0}.app-bar .brand-mark{width:26px;height:26px;font-size:16px;border-radius:6px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach-copy h3{margin-top:10px;font-size:17px}.approach-copy p{color:#737b73;font-size:13px;margin-bottom:28px}.closing{border-top:1px solid #dfe3d8;text-align:center;padding-top:60px;padding-bottom:70px}.closing .eyebrow{justify-content:center}.closing h2{font-size:36px;margin-bottom:28px}footer{border-top:1px solid #dfe3d8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:29px;padding-bottom:25px;gap:20px}footer .brand{font-size:18px}footer .footer-label{font-size:10px;font-weight:400;letter-spacing:0;color:#778170;margin-left:10px}footer>div{display:flex;gap:26px;font-size:12px}footer>p{width:100%;font-size:10px;color:#85907f;margin:0}.skip-link{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip-link:focus{top:0}.legal{max-width:740px;padding-top:50px;padding-bottom:80px;min-height:65vh}.legal h1{font-size:45px}.legal li{margin-bottom:10px}.legal p{color:#647063}@media(max-width:850px){h1{font-size:48px}.hero{gap:30px}.wrap{padding-left:24px;padding-right:24px}.hero-visual{padding:18px}.sample-review p{font-size:20px}.visual-top{flex-wrap:wrap}.steps{gap:25px}.approach{gap:35px}.demo-heading{display:block}}@media(max-width:620px){.site-header{height:80px}nav>a:not(.button){display:none}nav{gap:0}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:35px}h1{font-size:47px;letter-spacing:-2.5px}.hero-visual{transform:none}.principle-strip .wrap{flex-wrap:wrap;gap:8px 20px}.principle-strip span:first-child{width:100%}.section{padding-top:50px;padding-bottom:50px}.section-intro,.steps,.approach{grid-template-columns:1fr;gap:15px}.section-intro>p:last-child{margin-top:0}.steps{margin-top:25px}.steps article{padding-top:14px}.steps p{max-width:none}h2{font-size:32px}.demo-section{padding:45px 0}.demo-section .wrap{padding:0 14px}.demo-heading{padding:0 10px}.app-bar{padding:12px}.app-bar .mini-tag{font-size:8px}.closing h2{font-size:30px}.closing{padding-top:40px;padding-bottom:45px}footer .brand{flex-wrap:wrap}}
