.screen-gallery{max-width:1240px;margin:50px auto 80px;padding:0 24px;scroll-margin-top:100px}.sg-heading{display:flex;align-items:end;gap:40px;justify-content:space-between;margin-bottom:22px}.sg-heading h2{font-size:clamp(27px,3vw,42px);letter-spacing:-1.2px;line-height:1.15;margin:9px 0}.sg-heading>p{max-width:400px;color:#4c6556;line-height:1.6}.sg-banner{border:1px solid #cddbd3;border-radius:18px;overflow:hidden;background:white;box-shadow:0 22px 55px #17343915}.sg-toolbar,.sg-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:#edf5f4}.sg-toolbar label{display:flex;gap:12px;align-items:center;font-weight:650}.sg-toolbar select{font:inherit;padding:9px 30px 9px 12px;border:1px solid #bbcec3;border-radius:8px;max-width:310px;background:white}.sg-actions{display:flex;gap:18px;align-items:center}.sg-actions button,.hp-close{font:inherit;padding:10px 15px;border:1px solid #aec7c6;border-radius:8px;background:white;cursor:pointer}.sg-toolbar a,.sg-caption a,.hp-dialog-top a{color:#205d68;font-weight:650}.sales-sample-frame{width:100%;height:670px;display:block;border:0;background:#f3f6f4}.sg-caption{background:white;border-top:1px solid #dee7e2;font-size:13px}.sg-note{font-size:13px;color:#4c6556;line-height:1.6}#hp-dialog{border:0;padding:0;border-radius:16px;width:96vw;max-width:1600px;height:94vh;max-height:94vh;box-shadow:0 24px 90px #00101850}#hp-dialog::backdrop{background:#122a36aa}.hp-dialog-top{display:flex;align-items:center;gap:22px;padding:14px 20px;background:#edf5f4}.hp-dialog-top strong{margin-right:auto}#sales-sample-large{width:100%;height:calc(100% - 70px);border:0;display:block}@media(max-width:700px){.screen-gallery{padding:0 14px}.sg-heading{display:block}.sg-toolbar{flex-wrap:wrap;padding:12px}.sg-toolbar label{flex-wrap:wrap}.sg-actions{width:100%;justify-content:space-between}.sales-sample-frame{height:650px}.sg-caption{align-items:start;flex-direction:column}.hp-dialog-top{gap:12px;flex-wrap:wrap}.hp-dialog-top a{font-size:12px}}
.current-hero-preview{display:block;min-width:0;overflow:hidden;border:1px solid #ccdad2;border-radius:18px;background:white;box-shadow:0 20px 55px #142e3419;color:#185864;text-decoration:none;transform:rotate(1deg)}.current-hero-preview img{display:block;width:100%;height:440px;object-fit:cover;object-position:top}.current-hero-preview span{display:block;padding:20px;font-weight:700}.sg-heading>div{flex:1;min-width:0}.sg-heading>p{flex:1}.sg-toolbar label{white-space:nowrap}.sg-toolbar a{white-space:nowrap}@media(max-width:700px){.current-hero-preview{transform:none}.current-hero-preview img{height:310px}}

/* Larger product views and concise benefits for the sales page. */
header,main,footer{max-width:1480px}.hero{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:44px;padding:58px 40px 66px}.hero-copy{min-width:0}.hero h1{font-size:clamp(42px,4.3vw,64px);letter-spacing:-2.6px}.hero .lead{font-size:18px;line-height:1.65}.hero .actions{gap:17px;flex-wrap:wrap}.hero-benefits{padding:0;margin:23px 0;list-style:none;display:grid;gap:12px;color:#334e40;font-size:16px;line-height:1.5}.hero-benefits li{position:relative;padding-left:24px}.hero-benefits li::before{content:'✓';position:absolute;left:0;color:#087e4b;font-weight:750}.current-hero-preview{transform:none;border-radius:14px}.hero-window-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dce6de;font-size:14px;background:#fff}.preview-status{font-size:12px;letter-spacing:.6px;color:#186845;font-weight:700}.hero-image-button{display:block;position:relative;border:0;padding:0;width:100%;font:inherit;background:#f8f9f4;cursor:zoom-in;overflow:hidden;color:#185a40}.current-hero-preview .hero-image-button img{height:460px;width:100%;object-fit:cover;object-position:top}.hero-image-button>span{position:absolute;bottom:14px;right:14px;background:#fff;border:1px solid #c4d7cc;border-radius:8px;box-shadow:0 3px 15px #183c2514;padding:11px 15px;font-size:14px;display:flex;align-items:center;gap:24px}.hero-preview-links{display:flex;border-top:1px solid #d6e3d9;padding:10px 16px;gap:8px}.hero-preview-links button{flex:1;border:0;border-radius:5px;background:#eff6f1;color:#1c6042;padding:11px 8px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.hero-preview-links button:hover{background:#e0eee4}.hero-preview-stats{display:flex;gap:22px;padding:14px 20px 17px;border-top:1px solid #e7ece8;font-size:12px;color:#65786b}.hero-preview-stats span{display:block;padding:0;font-weight:400}.hero-preview-stats strong{color:#284b37;font-size:16px}.screen-gallery{max-width:none;margin:55px 0 65px;padding:0 40px}.sales-sample-frame{height:770px}.value-section{padding:52px 40px;border-top:1px solid #d7e1da}.value-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:31px}.value-heading h2,.quick-workflow h2{font-size:clamp(28px,3vw,41px);letter-spacing:-1.25px;line-height:1.2;margin:10px 0}.value-heading>p{max-width:420px;font-size:16px;line-height:1.7;color:#52685a}.value-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:0;border-top:1px solid #d7e1da;border-left:1px solid #d7e1da}.value-grid>li{display:flex;gap:14px;padding:25px 21px;background:#fff;border-right:1px solid #d7e1da;border-bottom:1px solid #d7e1da;min-width:0}.value-grid>li>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.value-number{font-size:12px;font-weight:700;color:#087e4b;line-height:25px;flex:none}.feature-state{display:inline-block;font-size:12px;font-weight:650;line-height:1.4;color:#27674a;background:#edf6ef;border:1px solid #d7e7dc;border-radius:4px;padding:4px 7px}.feature-state.planned{color:#80571e;background:#fff5e4;border-color:#eeddbc}.feature-state.setup{color:#4b6756;background:#edf3f7;border-color:#dae4de}.value-grid h3{font-size:19px;line-height:1.35;letter-spacing:-.45px;margin:15px 0 10px}.value-grid p{font-size:15px;line-height:1.65;color:#5b6c60;margin:0 0 20px;flex:1}.value-grid a{font-size:14px;font-weight:650;line-height:1.5;color:#08683f}.value-grid a:hover{text-decoration:underline;text-underline-offset:4px}.quick-workflow{margin:4px 40px 54px;padding:28px 32px 22px;border:1px solid #d7e3d9;border-radius:12px;background:#eaf3ed}.quick-workflow .eyebrow{margin-bottom:12px}.quick-workflow h2{font-size:28px}.quick-workflow ol{padding:0;margin:26px 0 17px;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.quick-workflow li{border-top:2px solid #82ab91;padding-top:15px;min-width:0}.quick-workflow a{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:650}.quick-workflow li span{font-size:12px;letter-spacing:.8px;color:#407752}.quick-workflow>p{font-size:13px;color:#526a5b;line-height:1.65;max-width:930px;margin:23px 0 0}.books-roadmap{margin:15px 40px 55px;padding:29px 32px;border:1px solid #d8e2dc;border-radius:10px;background:#fff}.books-roadmap h2{font-size:27px;letter-spacing:-.7px;margin:16px 0 10px}.books-roadmap p{max-width:850px;font-size:16px;line-height:1.7;color:#54665c}.books-roadmap a{color:#087448;font-size:15px;font-weight:650}.hero-image-button:focus-visible,.hero-preview-links button:focus-visible{outline:3px solid #087e4b;outline-offset:-4px}.home-integrations{margin-left:40px;margin-right:40px}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:45px 30px}.hero h1{font-size:49px}.current-hero-preview .hero-image-button img{height:435px}.hero-preview-stats{gap:12px;flex-wrap:wrap}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-heading{gap:25px}.hero-preview-links{padding:10px;gap:5px}.hero-preview-links button{font-size:13px}.hero-window-bar{font-size:13px;padding:14px}.preview-status{font-size:12px}.value-heading>p{max-width:330px}.sg-toolbar{flex-wrap:wrap}.sg-toolbar label{white-space:normal}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:34px 24px 45px;gap:32px}.hero h1{font-size:clamp(42px,8vw,58px)}.hero .lead{font-size:17px}.current-hero-preview .hero-image-button img{height:auto;max-height:520px;aspect-ratio:1.35;object-fit:cover}.value-section{padding:40px 24px}.value-heading{display:block}.value-heading>p{max-width:none}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid>li{padding:22px 17px;gap:10px}.quick-workflow{margin:0 24px 42px;padding:24px}.quick-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.books-roadmap{margin:12px 24px 42px;padding:24px}.screen-gallery{padding:0 24px;margin:40px 0}.sales-sample-frame{height:700px}.home-integrations{margin-left:24px;margin-right:24px}.hero-preview-stats{gap:16px}.hero-window-bar{font-size:12px}.hero-preview-links button{min-height:44px}.sg-toolbar select{max-width:100%;width:100%;font-size:16px}.sg-toolbar label{width:100%;min-width:0}.sg-actions{gap:10px;font-size:14px;flex-wrap:wrap}.sg-actions button{min-height:44px}.hp-dialog-top{flex-wrap:wrap}#sales-sample-large{height:calc(100% - 115px)}}
@media(max-width:480px){.value-grid{grid-template-columns:1fr}.value-grid>li{padding:24px 20px;gap:16px}.value-grid h3{font-size:20px}.quick-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-status{font-size:12px}.hero-preview-stats{padding:12px 15px;gap:12px}.hero-preview-stats span{font-size:12px}.hero-window-bar{padding:13px 12px;gap:9px}.hero .actions{align-items:flex-start;flex-direction:column}.sg-heading>p{font-size:16px}}

.hero-window-bar>span{padding:0;display:inline;font-weight:650}