.feature-header .navigation{gap:20px}.feature-header nav{margin-left:auto}.feature-header .button{max-width:245px;text-align:center;line-height:1.35}.feature-header select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:4px;background:white}.feature-hero{position:relative;min-height:520px;display:flex;align-items:center;color:white;overflow:hidden}.feature-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%}.feature-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,29,23,.84),rgba(12,29,23,.62) 48%,rgba(12,29,23,.15))}.feature-hero .wrap{position:relative;width:100%;padding-top:64px;padding-bottom:64px}.feature-hero h1{font-size:52px;line-height:1.1;max-width:780px;margin:0 0 20px}.feature-line{font-size:26px;line-height:1.35;font-weight:700;max-width:670px;margin:0 0 20px}.feature-intro{max-width:620px;font-size:18px;line-height:1.65;margin:0 0 28px}.feature-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:48px;padding-bottom:48px}.feature-pillars h2{font-size:22px;line-height:1.3;margin:0 0 12px}.feature-pillars p{margin:0;color:var(--muted)}.workflow-band{padding:56px 0 30px;background:#edf4f1;border-block:1px solid var(--line)}.workflow-heading{max-width:850px}.workflow-heading h2,.feature-details>h2,.feature-faq h2,.feature-related h2{font-size:34px;line-height:1.2;margin:0 0 20px}.workflow-heading .lead{max-width:780px}.demo-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #b8ccc1}.demo-tabs button{padding:14px 22px;flex:1;border:0;border-bottom:3px solid transparent;background:white;font:700 15px/1.4 Inter,Arial,sans-serif;color:var(--muted);min-width:145px}.demo-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);background:#dceee5}.demo-tabs button:focus-visible{outline-offset:-4px}#feature-demo{display:block;width:100%;height:720px;border:0;background:#e4ece8}body[data-feature-page="management-reporting"] #feature-demo{height:780px}.demo-note{font-size:12px;color:var(--muted);margin:12px 0 0}.feature-details{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1.7fr;gap:64px}.feature-details>h2{max-width:380px}.feature-details article{padding:24px 0;border-top:1px solid var(--line)}.feature-details article:first-child{padding-top:0;border:0}.feature-details h3{font-size:22px;line-height:1.35;margin:0 0 10px}.feature-details p{margin:0;color:var(--muted)}.feature-faq{background:#f5f8f6;padding:48px 0}.feature-faq details{border-bottom:1px solid var(--line);padding:20px 0;max-width:940px}.feature-faq summary{font-size:18px;font-weight:700;cursor:pointer}.feature-faq details p{max-width:860px;color:var(--muted)}.feature-related{padding-top:48px;padding-bottom:48px}.feature-related>div{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-related a{display:flex;justify-content:space-between;padding:22px 0;border-block:1px solid var(--line);font-size:20px;font-weight:700;color:var(--green);text-decoration:none}.end .button{white-space:normal;text-align:center;min-width:220px;max-width:320px}.end .wrap>div{max-width:760px}.end p{max-width:700px}footer .wrap{width:100%}
@media(max-width:1000px){.feature-header nav{display:none}.feature-header .navigation{flex-wrap:wrap;justify-content:space-between;padding-top:16px;padding-bottom:16px}.feature-header .button{font-size:13px;max-width:230px}.feature-details{gap:32px}.feature-hero h1{font-size:44px}}
@media(max-width:760px){.feature-header .brand{width:145px}.feature-header .button{max-width:none;width:100%}.feature-hero{min-height:530px}.feature-hero .wrap{padding-block:42px}.feature-hero h1{font-size:36px}.feature-line{font-size:23px}.feature-intro{font-size:16px}.feature-pillars{grid-template-columns:1fr;gap:24px;padding-block:32px}.feature-pillars article{border-top:1px solid var(--line);padding-top:20px}.feature-pillars article:first-child{border:0;padding-top:0}.workflow-band{padding-top:36px}.workflow-heading h2,.feature-details>h2,.feature-faq h2,.feature-related h2{font-size:28px}.feature-details{display:block;padding-block:40px}.feature-details>h2{max-width:none;margin-bottom:30px}.feature-related>div{grid-template-columns:1fr;gap:16px}#feature-demo{height:880px}body[data-feature-page="management-reporting"] #feature-demo{height:820px}.demo-tabs button{padding:12px;font-size:14px}.feature-scrim{background:rgba(12,29,23,.7)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}