:root{color-scheme:light;--ink:#18252b;--muted:#50646b;--accent:#ffcc36;--line:#dce6e5;--paper:#f5f8f7}*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #177d6c;outline-offset:5px}.wrap{width:min(1180px,90%);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:20px;border-bottom:1px solid var(--line)}.brand img{object-fit:contain;max-width:100%}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-block;background:var(--accent);padding:15px 25px;border-radius:10px;text-decoration:none;font-weight:750;color:#18252b;box-shadow:0 4px 0 #dec071}.button:hover{background:#ffda69}.button.small{padding:10px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;padding-block:85px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#236b59}h1{font-size:clamp(34px,4.3vw,59px);line-height:1.12;letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1px}h3{font-size:21px;line-height:1.35}.intro{font-size:18px;color:var(--muted);max-width:620px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px;font-weight:650}.hero-visual{background:#e8f0ec;border-radius:32px;padding:28px}.hero-visual img{width:100%;height:auto;object-fit:contain}.benefits{padding-block:38px 64px;border-top:1px solid var(--line)}.benefits h2{max-width:660px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.cards article{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.cards p,.details p{color:var(--muted)}.card-number{color:#246e5d;font-size:13px;font-weight:750}.details{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:25px 70px}.questions details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.cta{background:#183e35;color:white;border-radius:24px;padding:45px;text-align:center;margin-bottom:55px}.cta p{color:#d5e3dc}.site-footer{padding-block:24px 40px;border-top:1px solid var(--line)}.site-footer p{font-size:14px;color:var(--muted)}.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip-link:focus{top:16px}@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column}nav{gap:16px}.hero{grid-template-columns:1fr;padding-block:44px;gap:30px}.hero-visual{max-width:520px}.cards,.details{grid-template-columns:1fr}.details{gap:15px}.cta{padding:28px}.cards article{padding:24px}h1{letter-spacing:-1px}}

.public-product-demo{background:#25392e;color:#fafbef;padding:65px 0}.public-product-demo>.wrap>h2{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;max-width:680px;margin:16px 0}.public-product-demo>.wrap>p{max-width:650px;color:#c0cebf}.public-product-demo .product-demo{margin-top:40px}.public-product-demo .demo-caption{color:#ced8c8}.public-demo-action{text-align:center;margin-top:30px}.public-demo-action p{font-size:12px;color:#c0cebf;margin-top:12px}.public-product-demo .demo-content h3,.public-product-demo .demo-content h4{color:#252c27}.public-product-demo .demo-bubble p{color:#252c27;font-size:inherit;line-height:inherit}.public-product-demo .demo-content p{color:#252c27}@media(max-width:700px){.public-product-demo{padding:40px 0}}

.public-trial-note{display:flex;gap:12px;align-items:center;margin-top:24px}.public-trial-note strong{font-size:19px}.public-trial-note span{font-size:12px;color:#5a7061;border-left:1px solid #cbd8ce;padding-left:12px}.public-mobile-cta{display:none}.public-mobile-cta[hidden]{display:none!important}#public-demo-title{scroll-margin-top:100px}.hero-visual figure{margin:0}.hero-visual figcaption{font-size:11px;text-align:center;line-height:1.6;color:#5a6b60;margin-top:10px}.hero-visual{padding:16px;background:#f7f6f0;border:1px solid #e2e7df;border-radius:20px}
@media(max-width:800px){html{scroll-behavior:smooth;scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}.hero{padding-block:30px 36px;gap:24px}.hero h1{font-size:clamp(32px,8.6vw,44px);line-height:1.12;margin:20px 0;letter-spacing:-1.3px}.intro{font-size:16px;line-height:1.7;margin:20px 0}.eyebrow{font-size:9px;letter-spacing:1.5px}.public-trial-note{margin-top:22px;gap:12px}.public-trial-note strong{font-size:20px}.public-trial-note span{font-size:11px}.actions{margin-top:18px;gap:15px;flex-direction:column;align-items:stretch}.actions .button{text-align:center;font-size:15px;min-height:52px;box-shadow:none}.actions .text-link{align-self:center;font-size:13px;min-height:40px;padding:8px 0}.hero-visual{padding:8px;margin:auto;width:100%;max-width:520px}.hero-visual figcaption{font-size:11px;margin:4px 8px 8px}.public-product-demo{padding:36px 0}.public-product-demo>.wrap>p{font-size:15px}.public-demo-action .button{font-size:14px;width:100%;box-shadow:none}.public-demo-action p{font-size:12px}.cards{gap:14px;margin-top:24px}.cards article{padding:22px}.cards h3{font-size:20px}.cards p{font-size:15px;line-height:1.75}.benefits{padding-block:32px 40px}.questions summary{min-height:28px;font-size:16px}.questions p,.details>div>p{font-size:15px;line-height:1.75}.details{padding-bottom:36px}.cta{padding:28px 22px;margin-bottom:32px;border-radius:16px}.cta .button{font-size:14px;padding-inline:18px;width:100%;box-shadow:none}.cta h2{font-size:28px}.cta p{font-size:15px}.site-footer{padding-bottom:115px}.site-footer nav{gap:8px 20px}.site-footer nav a{padding:10px 0;min-height:44px;font-size:12px}.public-mobile-cta{position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fffef9;border-top:1px solid #dce1d1;box-shadow:0 -5px 25px #1723130b}.public-mobile-cta>span{font-size:10px;color:#65795d;line-height:1.6}.public-mobile-cta strong{display:block;font-size:14px;color:#2b3625}.public-mobile-cta .button{font-size:12px;padding:12px 16px;box-shadow:none;min-height:46px;border-radius:7px}.product-demo .demo-caption{font-size:12px}.product-demo .demo-play{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The public navigation opens the product demo on the home page. */
html{scroll-behavior:smooth}
#como-funciona{scroll-margin-top:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quiet purchase links below the home trial actions. */
.fc-public .home-subscribe-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 0;margin:0;background:transparent;border:0;color:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.fc-public .home-subscribe-link:hover{text-decoration-thickness:2px}.fc-public .home-subscribe-link:focus-visible{outline:2px solid #b28e14;outline-offset:4px;border-radius:2px}
.home-trial-actions{display:inline-flex;flex-direction:column;align-items:stretch;gap:2px}.fc-public .actions:has(.home-trial-actions){align-items:flex-start}.fc-public .actions .home-subscribe-link{align-self:center}.fc-public .public-demo-action .home-subscribe-link,.fc-public .cta .home-subscribe-link{display:flex;width:fit-content;margin:4px auto 0}.fc-public .public-demo-action .home-subscribe-link{color:#f7f6f0}
.home-mobile-actions{display:flex;flex-direction:column;align-items:stretch}.fc-public .home-mobile-actions .home-subscribe-link{margin:0;min-height:32px;padding:5px 0 0;font-size:12px}
@media(max-width:800px){.home-trial-actions{width:100%}.fc-public .home-subscribe-link{margin-left:0}.fc-public .actions .home-subscribe-link{align-self:center}.fc-public .public-demo-action .home-subscribe-link,.fc-public .cta .home-subscribe-link{margin-top:4px}}

/* One compact bottom action on the home page, with a quiet secondary row. */
@media(max-width:800px){
 .fc-public .home-mobile-bar{padding:10px max(16px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#fffefa;border-top:1px solid #e6e5dc;box-shadow:0 -4px 18px #00000006}
 .home-mobile-bar .home-mobile-actions{width:100%;max-width:520px;margin-inline:auto;gap:2px}
 .fc-public .home-mobile-bar .button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:10px 14px;border-radius:9px;font-size:13px;line-height:1.4;box-shadow:none}
 .home-mobile-bar .home-mobile-caption{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;font-size:11px;line-height:1.4;color:#717166}
 .fc-public .home-mobile-bar .home-subscribe-link{min-height:34px;padding:6px 0;margin:0;font-size:11px;font-weight:600;color:#45453d;text-decoration-color:#b7b7a9;text-underline-offset:3px}
 .fc-public:has(.home-mobile-bar) .site-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
}
@media(max-width:800px) and (max-height:500px){.fc-public .home-mobile-bar{padding-top:6px;padding-bottom:calc(2px + env(safe-area-inset-bottom))}}

/* Align the demo link with the trial button, above the subscription link. */
@media(min-width:801px){
 .fc-public .fc-home-hero .actions{display:grid;grid-template-columns:minmax(0,max-content) max-content;column-gap:clamp(10px,1.3vw,18px);row-gap:2px;align-items:center}
 .fc-home-hero .home-trial-actions{display:contents}
 .fc-home-hero #public-main-cta{grid-column:1;grid-row:1;text-align:center}
 .fc-public .fc-home-hero .actions .home-subscribe-link{grid-column:1;grid-row:2;justify-self:center}
 .fc-home-hero .actions>.text-link{grid-column:2;grid-row:1;align-self:center;white-space:nowrap}
}

/* Outlined login action on the home navigation. */
.fc-public .marketing-header-home .marketing-desktop .marketing-login,
.fc-public .marketing-header-home .marketing-menu .marketing-menu-login{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border:1px solid #8d998f;border-radius:999px;background:transparent;color:#f7f6f0;white-space:nowrap}
.fc-public .marketing-header-home .marketing-desktop .marketing-login:hover,
.fc-public .marketing-header-home .marketing-menu .marketing-menu-login:hover{border-color:#f5d844;color:#f5d844;background:#ffffff08}
@media(max-width:800px){.fc-public .marketing-header-home .marketing-menu .marketing-menu-login{margin-top:14px;min-height:44px}}

/* ERP integrations close the home page, above the footer. */
.home-erp{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding-block:8px 64px}
.home-erp-copy .eyebrow{margin:0 0 14px}
.home-erp-copy h2{margin:0 0 20px;font-size:clamp(28px,3vw,38px)}
.home-erp-copy>p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 14px}
.home-erp-copy strong{color:var(--ink);font-weight:650}
.home-erp-copy .home-erp-note{font-size:14px!important;margin-bottom:0!important}
.home-erp-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-erp-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:168px;padding:24px 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.home-erp-brand img{display:block;max-width:100%;width:128px;height:64px;object-fit:contain}
.home-erp-brand span{font-size:12px;color:var(--muted)}
.home-erp-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:14px 10px;border-radius:12px;background:#e8f0ec;color:#275f4d;font-size:13px}
.home-erp-flow strong{font-weight:650}
@media(max-width:800px){.home-erp{grid-template-columns:1fr;gap:26px;padding-block:8px 36px}.home-erp-copy h2{font-size:28px;margin-bottom:16px}.home-erp-copy>p:not(.eyebrow){font-size:15px}.home-erp-brand{min-height:145px;gap:16px;padding:22px 12px}.home-erp-brand img{width:112px;height:58px}}
@media(max-width:370px){.home-erp-partners{gap:10px}.home-erp-brand img{width:100px;height:54px}.home-erp-flow{gap:8px;font-size:11px;padding-inline:6px}}
