:root{--forest:#123d31;--forest-2:#1d5343;--ink:#282924;--paper:#f4f0e7;--cream:#fffdf8;--sage:#a8b8a4;--line:#d9d8d0;--muted:#6f716b;--orange:#c86b2c;--white:#fff;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--shadow:0 22px 60px rgba(20,48,39,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip-link{position:fixed;left:12px;top:-50px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.section-shell{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(40,41,36,.12)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:.08em}.brand b{color:var(--sage)}.brand-logo{width:38px;height:38px;display:block;border-radius:10px;object-fit:cover}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav>a:not(.nav-cta){color:#535750}.site-header nav>a:hover{color:var(--forest)}.nav-cta{padding:11px 17px;background:var(--forest);color:#fff;border-radius:8px}.nav-cta span{margin-left:9px}.menu-button{display:none;border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 12px}.hero{min-height:695px;display:grid;grid-template-columns:.86fr 1.14fr;gap:62px;align-items:center;padding-top:72px;padding-bottom:90px}.eyebrow{margin:0;display:flex;align-items:center;gap:9px;color:var(--forest-2);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow>span{width:22px;height:1px;background:currentColor}.hero h1,.section-heading h2,.outcomes h2,.pilot h2{font-family:var(--serif);font-weight:400}.hero h1{font-size:clamp(58px,6vw,88px);line-height:.98;letter-spacing:-.035em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--forest)}.hero-lead{max-width:560px;color:#60645d;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 20px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}.button.primary{background:var(--forest);color:#fff}.button.primary:hover{background:#0d3228}.button.secondary{border:1px solid #b7bbb3;background:transparent}.hero-note{display:flex;align-items:center;gap:8px;color:#73776f;font-size:12px;margin-top:17px}.hero-note span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dce8dc;color:var(--forest);font-size:10px}.app-window{background:#f8f6ef;border:1px solid #cfd1ca;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.hero-window{transform:rotate(.5deg)}.app-bar{height:56px;background:var(--forest);color:white;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.app-brand{font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.app-brand img{width:25px;height:25px;border-radius:7px;object-fit:cover}.app-user{display:flex;align-items:center;gap:10px;color:#cfdbd5}.app-user i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--forest);font-weight:700}.dashboard-preview{padding:22px}.dash-title{display:flex;justify-content:space-between;align-items:end}.dash-title small,.savings-card>span{font-size:8px;letter-spacing:.12em;font-weight:700;color:#7e827c}.dash-title h3{font:24px var(--serif);margin:5px 0 0}.dash-title button{border:1px solid #d5d6cf;background:#fff;border-radius:6px;padding:8px 11px;font-size:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.metric-grid article{background:white;padding:13px;border:1px solid #e0dfd9;border-radius:9px}.metric-grid span{display:block;font-size:7px;letter-spacing:.1em;color:#777b75}.metric-grid strong{display:block;font:18px var(--serif);margin-top:7px}.metric-grid strong.green{color:var(--forest)}.metric-grid small{font:8px var(--sans);color:#777}.dashboard-lower{display:grid;grid-template-columns:.72fr 1.5fr;gap:10px;margin-top:10px}.savings-card{border-radius:9px;background:var(--forest);color:#fff;padding:17px}.savings-card>span{color:#adc1b7}.savings-card strong{display:block;font:34px var(--serif);margin:17px 0 5px}.savings-card p,.savings-card small{font-size:8px;color:#c3d2ca}.comparison-card{background:#fff;border:1px solid #e0dfd9;border-radius:9px;padding:14px}.card-head{display:flex;justify-content:space-between;font:11px var(--serif);margin-bottom:10px}.card-head small{font:7px var(--sans);color:var(--forest)}.preview-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .5fr;gap:8px;padding:9px 0;border-top:1px solid #e8e7e1;align-items:center;font-size:7px}.preview-row.headings{border:0;color:#888b85;letter-spacing:.08em}.preview-row em{font-style:normal;color:var(--forest);font-weight:700}.value-strip{background:var(--forest);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(32px,calc((100vw - 1176px)/2))}.value-strip div{padding:27px 28px;border-left:1px solid rgba(255,255,255,.12)}.value-strip div:last-child{border-right:1px solid rgba(255,255,255,.12)}.value-strip strong,.value-strip span{display:block}.value-strip strong{font:21px var(--serif)}.value-strip span{margin-top:6px;color:#b8cbc1;font-size:11px}.how{padding-top:118px;padding-bottom:120px}.section-heading{max-width:760px}.section-heading h2{font-size:clamp(42px,5vw,62px);line-height:1.06;letter-spacing:-.02em;margin:18px 0}.section-heading>p:last-child{max-width:680px;color:var(--muted);font-size:17px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.steps article{position:relative;min-height:255px;padding:28px;background:var(--cream);border:1px solid var(--line);border-radius:12px}.step-number{position:absolute;right:24px;top:22px;color:#9a9c96;font-size:11px}.step-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#dce7db;color:var(--forest);font-size:23px}.steps h3{font:22px var(--serif);margin:32px 0 10px}.steps p{color:var(--muted);font-size:14px;line-height:1.65}.product-section{background:var(--forest);color:#fff;padding:115px 0 125px}.eyebrow.light{color:#aec7ba}.product-heading>p:last-child{color:#c2d0c9}.product-tabs{display:flex;gap:8px;margin:55px 0 18px}.product-tabs button{flex:1;border:1px solid rgba(255,255,255,.18);background:transparent;color:#b9c9c1;padding:17px 20px;text-align:left;border-radius:9px;cursor:pointer;font-weight:600}.product-tabs button span{font-size:10px;margin-right:12px;color:#8ba89a}.product-tabs button[aria-selected="true"]{background:#fff;color:var(--forest);border-color:#fff}.tab-panel{min-height:470px;background:#f7f4ec;color:var(--ink);border-radius:14px;padding:45px;display:grid;grid-template-columns:.68fr 1.32fr;gap:58px;align-items:center}.panel-copy h3{font:37px/1.12 var(--serif);margin:15px 0}.panel-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.65}.panel-copy ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:11px;font-size:13px}.panel-copy li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border-radius:50%;background:#dbe7dc;color:var(--forest);font-size:9px}.mini-ui{background:#fff;border:1px solid #dadbd5;border-radius:12px;box-shadow:0 18px 35px rgba(34,51,42,.08);padding:22px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ui-metrics article{padding:16px;border:1px solid #e4e4df;border-radius:8px}.ui-metrics small,.ui-chart small{display:block;color:#7b7d78;font-size:8px;letter-spacing:.08em}.ui-metrics b{display:block;font:22px var(--serif);margin-top:8px}.ui-chart{margin-top:12px;padding:18px;border:1px solid #e4e4df;border-radius:8px}.ui-chart b{display:block;font:26px var(--serif);margin-top:7px}.bars{height:125px;display:flex;align-items:end;gap:13px;margin-top:-20px;padding-left:150px}.bars i{display:block;flex:1;background:#ccdbd0;border-radius:4px 4px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:47%}.bars i:nth-child(3){height:62%}.bars i:nth-child(4){height:51%}.bars i:nth-child(5){height:78%;background:var(--forest)}.bars i:nth-child(6){height:67%}.bars i:nth-child(7){height:88%}.invoice-ui{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.upload-box{min-height:260px;border:1px dashed #9fb3a6;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.doc-icon{font-size:34px;color:var(--sage)}.upload-box small{color:#777}.upload-box button{margin-top:8px;border:0;border-radius:6px;background:var(--forest);color:#fff;padding:9px 14px;font-size:10px}.extract-box{padding:22px;background:#f8f6f0;border-radius:9px}.extract-box>small{color:var(--forest);font-weight:700;letter-spacing:.1em}.extract-box h4{font:24px var(--serif);margin:14px 0 24px}.extract-box>div{display:grid;gap:10px;padding:15px;background:#fff;border-radius:7px;font-size:11px}.extract-box p{border:1px solid #e9b18d;background:#fff8f3;padding:13px;border-radius:7px;font-size:11px;margin-top:13px}.supplier-ui>div{display:grid;grid-template-columns:1.5fr .8fr .8fr .7fr;gap:12px;padding:15px 5px;border-bottom:1px solid #e3e4de;font-size:11px}.supplier-ui>div.supplier-head{padding-top:2px;color:#7b7d78;font-size:8px;letter-spacing:.08em}.supplier-ui em{font-style:normal;color:var(--forest);font-weight:700}.supplier-ui aside{margin-top:20px;padding:17px;background:var(--forest);color:#fff;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.supplier-ui aside span{font-size:8px;letter-spacing:.1em;color:#bcd0c5}.supplier-ui aside strong{font:25px var(--serif)}.outcomes{padding-top:110px;padding-bottom:110px}.outcomes-card{background:var(--forest);color:#fff;border-radius:15px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.outcomes h2{font-size:50px;line-height:1.07;margin:20px 0 0}.outcome-list{display:grid}.outcome-list article{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}.outcome-list article:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.outcome-list>article>strong{color:#8eaa9c;font-size:11px}.outcome-list h3{font:20px var(--serif);margin:0 0 6px}.outcome-list p{color:#b9cbc2;font-size:13px;line-height:1.55;margin:0}.pilot{padding-top:20px;padding-bottom:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.pilot h2{font-size:58px;line-height:1.03;margin:20px 0}.pilot-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}.pilot-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:13px}.pilot-copy li span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;margin-right:7px;background:#dce7db;color:var(--forest);font-size:9px}.pilot-form{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:var(--shadow)}.form-heading>span{font-size:9px;color:var(--forest);font-weight:700;letter-spacing:.12em}.form-heading h3{font:30px var(--serif);margin:10px 0 5px}.form-heading p{font-size:12px;color:var(--muted);margin:0 0 23px}.pilot-form label{display:grid;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700}.pilot-form input,.pilot-form select{width:100%;height:46px;border:1px solid #cccfc8;border-radius:7px;background:#fff;padding:0 12px;color:var(--ink);font-size:13px}.pilot-form input:focus,.pilot-form select:focus{outline:2px solid #8aa99a;outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr .65fr;gap:12px}.form-submit{width:100%;margin-top:4px}.pilot-form>small{display:block;text-align:center;color:#888b85;font-size:9px;margin-top:12px}footer{max-width:1240px;margin:auto;padding:42px 32px 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;font-size:12px;color:var(--muted)}.footer-brand{color:var(--ink)}.footer-brand+p{margin:13px 0 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.footer-contact{display:flex;flex-direction:column;gap:8px}.footer-contact a{color:var(--forest);font-weight:700}.footer-contact small{margin-top:15px}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:700px}.hero-window{transform:none}.value-strip{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.tab-panel{grid-template-columns:1fr}.outcomes-card,.pilot{grid-template-columns:1fr;gap:45px}.pilot{padding-top:0}.outcomes h2{font-size:43px}}
@media(max-width:700px){.section-shell{padding-left:19px;padding-right:19px}.site-header{height:70px;padding:0 19px;position:relative}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:62px;left:12px;right:12px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.site-header nav.open{display:flex}.site-header nav a{padding:11px}.hero{padding-top:48px;padding-bottom:65px;min-height:0}.hero h1{font-size:58px}.hero-lead{font-size:16px}.app-window{overflow-x:auto}.dashboard-preview{min-width:560px}.value-strip{grid-template-columns:1fr 1fr}.value-strip div{padding:20px}.how{padding-top:80px;padding-bottom:80px}.section-heading h2{font-size:43px}.product-section{padding:80px 0}.product-tabs{overflow-x:auto;scroll-snap-type:x mandatory}.product-tabs button{min-width:210px;scroll-snap-align:start}.tab-panel{padding:27px 20px;min-height:0}.invoice-ui{grid-template-columns:1fr}.supplier-ui{overflow-x:auto}.supplier-ui>div,.supplier-ui aside{min-width:530px}.outcomes{padding-top:75px;padding-bottom:75px}.outcomes-card{padding:35px 25px}.outcomes h2{font-size:39px}.pilot h2{font-size:48px}.pilot-copy ul{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.pilot-form{padding:25px 19px}footer{grid-template-columns:1fr;gap:28px}.footer-links{max-width:300px}}
@media(max-width:430px){.hero h1{font-size:50px}.button{width:100%}.value-strip div{padding:18px 14px}.value-strip strong{font-size:18px}.value-strip span{font-size:9px}.product-tabs button{min-width:190px}.ui-metrics{grid-template-columns:1fr 1fr}.ui-metrics article:last-child{display:none}.bars{padding-left:80px}.pilot-form{border-radius:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}