.product-page{background:#fbfaf7}.product-page .site-header{max-width:1380px}.product-page .site-header nav{gap:30px}.product-primary{background:var(--green);color:#fff}.product-primary:hover{background:#d96f0f}
.product-hero{max-width:1380px;min-height:760px;margin:0 auto;padding:85px 28px 105px;display:grid;grid-template-columns:.86fr 1.14fr;gap:65px;align-items:center;overflow:hidden}.product-hero-copy{position:relative;z-index:2}.product-hero h1{font-size:clamp(52px,5.5vw,82px)}.product-hero-copy>p:not(.eyebrow){max-width:610px;margin:31px 0;color:var(--muted);font-size:18px;line-height:1.75}.product-proof{display:flex;gap:23px;flex-wrap:wrap;margin-top:33px;color:#687177;font-size:12px}.product-proof span::first-letter{color:var(--green)}
.platform-preview{position:relative}.preview-window{position:relative;border:1px solid #e4e7e8;border-radius:20px;background:#fff;box-shadow:0 35px 85px rgba(23,35,42,.15);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.preview-top{height:38px;padding:0 15px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #edf0f1;background:#f7f8f8}.preview-top i{width:8px;height:8px;border-radius:50%;background:#d6dcde}.preview-top i:first-child{background:#f28c28}.preview-top span{margin-left:auto;color:#8d969b;font-size:9px;letter-spacing:.08em}.preview-app{min-height:430px;display:grid;grid-template-columns:132px 1fr}.preview-app aside{padding:24px 17px;background:#17232a;color:#9da8ad;display:flex;flex-direction:column;gap:19px;font-size:10px}.preview-app aside img{width:96px;margin-bottom:19px;padding:8px;background:#fff;border-radius:7px}.preview-app aside b{padding:10px;border-radius:7px;background:#2a3b44;color:#fff}.preview-app aside span{padding-left:10px}.preview-main{padding:28px 24px;background:#f5f7f7}.preview-main>small,.preview-main article>span{color:#9aa4a9;font-size:7px;font-weight:800;letter-spacing:.13em}.preview-main>h2{margin:5px 0 20px;font-size:26px;letter-spacing:-.04em}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-metrics article,.preview-bottom article{padding:15px;border:1px solid #e6eaeb;border-radius:11px;background:#fff}.preview-metrics b{display:block;margin:10px 0 5px;font-size:19px}.preview-metrics small{color:#8a959a;font-size:8px}.preview-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:11px}.preview-title{display:flex;justify-content:space-between;margin-bottom:12px;font-size:9px}.preview-title span{color:#f28c28}.preview-bottom p{display:grid;grid-template-columns:auto 1fr auto;gap:7px;margin:0;padding:9px 0;border-top:1px solid #edf0f1;font-size:8px}.preview-bottom p strong{font-size:7px;color:#718086}.dot{width:6px;height:6px;margin-top:1px;border-radius:50%;background:#f28c28}.dot.done{background:#51a478}.dot.pending{background:#efb45c}.bars{height:112px;display:flex;gap:7px;align-items:flex-end}.bars i{flex:1;border-radius:3px 3px 0 0;background:#f9c187}.bars i:nth-child(1){height:42%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:55%}.bars i:nth-child(4){height:87%;background:#f28c28}.bars i:nth-child(5){height:72%}.bars i:nth-child(6){height:25%}.bars i:nth-child(7){height:12%}.preview-chart>small{color:#99a3a8;font-size:6px}.preview-badge{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #e7eaeb;border-radius:12px;background:#fff;box-shadow:0 17px 40px rgba(23,35,42,.14)}.preview-badge>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0df;color:#f28c28;font-weight:800}.preview-badge small{display:block;color:#9ca5a9;font-size:7px;letter-spacing:.12em}.preview-badge b{font-size:12px}.badge-invoice{left:-40px;bottom:-30px}.badge-agreement{right:-24px;top:75px}
.friction{padding:110px 0;border-top:1px solid var(--line)}.friction-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:95px}.friction h2{font-size:clamp(39px,4vw,59px)}.friction-grid>div>p,.capabilities-heading>p,.side-copy>p,.pricing-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.friction ul{list-style:none;padding:17px 0 0;margin:0}.friction li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.friction li:before{content:"✓";margin-right:12px;color:var(--green);font-weight:800}
.capabilities{padding:105px 0}.capabilities-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:54px}.capabilities-heading>p{padding-bottom:8px}.feature-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{position:relative;min-height:370px;padding:36px;border:1px solid #e7e4df;border-radius:19px;background:#fff;overflow:hidden}.feature-card.feature-wide{grid-column:1/-1;min-height:360px;display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}.feature-icon{width:42px;height:42px;margin-bottom:35px;display:grid;place-items:center;border-radius:12px;background:#fff0df;color:var(--green);font:700 11px Georgia,serif}.feature-card>small,.feature-card>div>small{color:#949da1;font-size:9px;font-weight:800;letter-spacing:.14em}.feature-card h3{margin:11px 0 14px;font-size:27px;letter-spacing:-.035em}.feature-card p{max-width:610px;margin:0;color:#68747a;line-height:1.75;font-size:14px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.feature-tags span{padding:8px 11px;border:1px solid #e5e8e9;border-radius:99px;color:#607076;font-size:10px}.contract-mini{padding:28px;border:1px solid #e7e9ea;border-radius:12px;box-shadow:0 17px 35px rgba(23,35,42,.08);transform:rotate(1.5deg)}.contract-mini span{display:block;color:#f28c28;font-size:8px;font-weight:800;letter-spacing:.13em}.contract-mini b{display:block;margin:18px 0 8px;font-size:18px}.contract-mini p{font-size:10px}.contract-mini i{display:block;height:1px;margin:25px 0;background:#edf0f1}.contract-mini small{display:inline-block;padding:8px 10px;border-radius:6px;background:#e8f5ed!important;color:#39835b!important;letter-spacing:0!important}.hours-mini{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:12px;padding:13px;border-radius:9px;background:#f5f7f7;font-size:11px}.hours-mini span{color:#9aa4a9}.hours-mini i{font-style:normal;color:#39835b;font-size:9px}.dark-feature{background:#17232a;color:white}.dark-feature .feature-icon{background:#2a3941}.dark-feature>small{color:#9eaaaf}.dark-feature p{color:#c4cbce}.invoice-total{margin-top:38px;padding-top:20px;border-top:1px solid #3a4850;display:flex;justify-content:space-between;align-items:end}.invoice-total span{color:#aab3b7;font-size:9px}.invoice-total b{font-size:25px;color:#f28c28}.calendar-mini{position:absolute;left:36px;right:36px;bottom:34px;padding:17px;border:1px solid #e8eaeb;border-radius:11px;background:#fafbfb;display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.calendar-mini b{grid-row:1/3;font-size:29px;color:#f28c28}.calendar-mini span{font-size:10px;font-weight:700}.calendar-mini i{font-size:10px;color:#738087}.portal-users{position:absolute;left:36px;bottom:38px;display:flex;align-items:center}.portal-users i{width:38px;height:38px;margin-right:-8px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#253740;color:#fff;font-style:normal;font-size:9px}.portal-users i:nth-child(2){background:#f28c28}.portal-users i:nth-child(3){background:#6e7e86}.portal-users span{margin-left:20px;color:#738087;font-size:11px}.security-feature{background:#f5f7f7}.security-score{justify-self:center;width:200px;height:200px;border:15px solid #fee0bd;border-top-color:#f28c28;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.security-score>span{color:#89959a;font-size:7px;letter-spacing:.12em}.security-score b{font-size:45px}.security-score b small{font-size:13px;color:#8b969b}.security-score i{color:#39835b;font-size:10px;font-style:normal}
.documents-feature{background:linear-gradient(135deg,#fff 0%,#fff 58%,#fff8ef 100%)}.document-stack{position:relative;min-height:245px}.document-stack article{position:absolute;width:min(100%,330px);padding:19px 20px;border:1px solid #e5e8e9;border-radius:12px;background:#fff;box-shadow:0 16px 35px rgba(23,35,42,.09)}.document-stack article:nth-child(1){top:0;right:28px;transform:rotate(2deg)}.document-stack article:nth-child(2){top:72px;right:0;transform:rotate(-1deg)}.document-stack article:nth-child(3){top:144px;right:35px;transform:rotate(1deg)}.document-stack span{float:right;padding:5px 8px;border-radius:6px;background:#fff0df;color:#d66f0b;font-size:8px;font-weight:800;letter-spacing:.1em}.document-stack b,.document-stack small{display:block}.document-stack b{margin:2px 0 9px;font-size:14px}.document-stack small{color:#7a878d;font-size:9px!important;letter-spacing:0!important}
.workflow{padding:92px 72px;border-radius:25px;background:#17232a;color:#fff}.workflow-heading{display:flex;justify-content:space-between;align-items:end}.workflow-heading em{color:#f28c28}.workflow-steps{margin-top:62px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.workflow-steps article{padding:27px 24px;border-top:1px solid #46535a}.workflow-steps article>span{display:block;margin-bottom:54px;color:#f28c28;font:400 13px Georgia,serif}.workflow-steps small{color:#87969d;font-size:8px;letter-spacing:.13em}.workflow-steps h3{margin:10px 0 13px;font-size:18px}.workflow-steps p{margin:0;color:#bfc7ca;font-size:12px;line-height:1.65}
.two-sided{padding:125px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.side-copy h2{font-size:clamp(40px,4.2vw,60px)}.side-copy>p:last-child{margin-top:28px}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audience-cards article{padding:37px 32px;border:1px solid var(--line);border-radius:17px;background:#fff}.audience-cards span{color:#f28c28;font-size:9px;font-weight:800;letter-spacing:.15em}.audience-cards h3{margin:15px 0 28px;font-size:24px}.audience-cards ul,.price-grid ul{list-style:none;padding:0;margin:0}.audience-cards li,.price-grid li{padding:12px 0;border-top:1px solid #ece8e2;color:#647177;font-size:13px}.audience-cards li:before,.price-grid li:before{content:"✓";margin-right:10px;color:#f28c28;font-weight:800}
.pricing{padding:105px 0}.pricing-heading{text-align:center;max-width:760px;margin:0 auto 55px}.pricing-heading>p:last-child{margin-top:20px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.price-grid article{position:relative;padding:38px 32px;border:1px solid #e4e4e1;border-radius:19px;background:#fff;display:flex;flex-direction:column}.price-grid article>span{color:#f28c28;font-size:9px;font-weight:800;letter-spacing:.15em}.price-grid h3{min-height:48px;margin:13px 0 28px;font-size:21px}.price{display:flex;align-items:end;gap:7px;margin-bottom:29px}.price b{font-size:36px;letter-spacing:-.04em}.price small{padding-bottom:6px;color:#909a9f}.price-grid ul{margin-bottom:34px}.price-grid .button{margin-top:auto}.price-popular{border:2px solid #f28c28!important;box-shadow:0 20px 55px rgba(242,140,40,.13)}.popular-label{position:absolute;right:18px;top:17px;padding:7px 9px;border-radius:99px;background:#fff0df;color:#d96f0f;font-size:7px;font-weight:800;letter-spacing:.1em}
.faq{padding:105px 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-size:16px;font-weight:700}.faq-list summary:after{content:"+";float:right;color:#f28c28;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:690px;margin:14px 35px 0 0;color:#6c777c;font-size:14px;line-height:1.7}.product-cta{padding:74px 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;border-radius:25px;background:#17232a;color:white}.product-cta h2{font-size:clamp(39px,4vw,58px)}.product-cta h2 em{color:#f28c28}.product-cta>div:last-child>p{margin:0 0 25px;color:#c5cccf;line-height:1.75}
@media(max-width:1050px){.product-hero{grid-template-columns:1fr;padding-top:65px}.platform-preview{max-width:780px}.feature-card.feature-wide{grid-template-columns:1fr 1fr}.workflow-steps{grid-template-columns:1fr 1fr}.two-sided,.faq{grid-template-columns:1fr;gap:45px}}
@media(max-width:900px){.product-hero{padding-left:24px;padding-right:24px}.friction-grid,.capabilities-heading,.product-cta{grid-template-columns:1fr;gap:34px}.feature-bento{grid-template-columns:1fr}.feature-card.feature-wide{grid-column:auto}.price-grid{grid-template-columns:1fr;max-width:560px;margin:auto}.two-sided{padding-top:90px}.badge-agreement{right:5px}.badge-invoice{left:5px}}
@media(max-width:650px){.product-hero{padding-top:48px;gap:45px}.product-hero h1{font-size:48px}.platform-preview{margin:0 -10px}.preview-window{border-radius:13px}.preview-app{min-height:330px;grid-template-columns:84px 1fr}.preview-app aside{padding:15px 9px;gap:13px}.preview-app aside img{width:65px;margin-bottom:10px}.preview-main{padding:17px 12px}.preview-metrics{grid-template-columns:1fr 1fr}.preview-metrics article:last-child{display:none}.preview-bottom{grid-template-columns:1fr}.preview-chart{display:none}.preview-badge{display:none}.friction,.capabilities,.pricing,.faq{padding:75px 0}.feature-card,.feature-card.feature-wide{min-height:auto;padding:27px;display:block}.contract-mini,.security-score{margin-top:30px}.document-stack{min-height:265px;margin-top:34px}.document-stack article{width:calc(100% - 12px)}.document-stack article:nth-child(1),.document-stack article:nth-child(2),.document-stack article:nth-child(3){right:auto;left:0}.calendar-mini,.portal-users{position:static;margin-top:30px}.workflow{margin-left:15px;margin-right:15px;padding:55px 25px}.workflow-steps{grid-template-columns:1fr}.workflow-steps article>span{margin-bottom:20px}.two-sided{grid-template-columns:1fr;padding:80px 0}.audience-cards{grid-template-columns:1fr}.product-cta{margin-left:15px;margin-right:15px;padding:50px 27px}.product-proof{gap:12px;flex-direction:column}}
