.payroll-page{overflow:hidden;background:#fff;color:#17385e}.payroll-page .fo-section{padding:76px 0}.payroll-page h2{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.17;letter-spacing:-.045em}.payroll-page .btn-primary{background:#1459bd}.payroll-page p a{text-decoration:underline;text-underline-offset:2px}
.payroll-hero{color:#fff;background:#0b2342 linear-gradient(90deg,rgba(7,24,46,.97),rgba(7,24,46,.9) 30%,rgba(7,24,46,.58) 58%,rgba(7,24,46,.14)),url('/assets/finex-accounts-payable-hero.png') center/cover no-repeat}.payroll-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);gap:55px;align-items:center;min-height:650px;padding:64px 0}.payroll-hero-copy{max-width:670px}.payroll-hero .fo-breadcrumb,.payroll-hero .fo-breadcrumb a{color:#bcd0e8}.payroll-hero .fo-eyebrow{color:#9bc8ff}.payroll-hero h1{margin:20px 0 22px;color:#fff;font-size:clamp(2.7rem,4.6vw,4.7rem);line-height:1.06;letter-spacing:-.06em}.payroll-hero h1 em{font-style:normal;color:#8ebcff}.payroll-hero-copy>p{color:#c7d8ec;line-height:1.75;margin:0 0 15px}.payroll-hero-lead{font:700 clamp(1.05rem,1.5vw,1.3rem)/1.5 Manrope,sans-serif!important;color:#fff!important}.payroll-hero .fo-actions{margin-top:28px}
.payroll-visual{padding:25px;border:1px solid #55799e;border-radius:18px;background:rgba(20,55,91,.88);box-shadow:0 22px 55px rgba(2,16,35,.28)}.payroll-visual-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(183,216,247,.26);color:#a9d1f8;font-size:.66rem;font-weight:800;letter-spacing:.1em}.payroll-visual-top b{color:#fff;font-size:.66rem;letter-spacing:0}.payroll-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0}.payroll-flow span,.payroll-flow strong{padding:10px 11px;border:1px solid rgba(183,216,247,.35);border-radius:7px;color:#fff;background:rgba(255,255,255,.06);font-size:.69rem;font-weight:700}.payroll-flow strong{border-color:#5798ed;background:#2775d7}.payroll-flow i{color:#9bc9f7;font-style:normal}.payroll-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payroll-metrics div{min-height:82px;padding:14px;border:1px solid rgba(183,216,247,.28);border-radius:8px;background:rgba(255,255,255,.045)}.payroll-metrics small{display:block;color:#b7d3ed;font-size:.64rem}.payroll-metrics b{display:block;margin-top:13px;color:#fff;font-size:.95rem}.payroll-visual p{margin:22px 0 0;color:#c6d9ed;font-size:.74rem;line-height:1.55}.payroll-page .fo-trust{border-top:1px solid rgba(181,213,244,.22);background:#122f53}.payroll-page .fo-trust .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:19px 0}.payroll-page .fo-trust span{color:#d9e9fa;font-size:.77rem;font-weight:700}
.payroll-challenge{background:#f3f8fd}.payroll-challenge .fo-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end}.payroll-challenge .fo-intro-grid p{color:#5b7188;line-height:1.75}.payroll-challenge h2{margin:14px 0 0}.payroll-benefits{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.payroll-benefits:before{content:"";position:absolute;left:2%;right:2%;top:52px;border-top:1px dashed #b6c9df}.payroll-benefits article{position:relative;z-index:1;min-height:220px;padding:25px 24px;border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(15,51,88,.035)}.payroll-benefits article>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.payroll-benefits article>div>span{display:grid;place-items:center;width:50px;height:50px;border-radius:7px;background:#087ff0;color:#fff}.payroll-benefits article>div .icon{width:24px;height:24px}.payroll-benefits em{font:800 2.25rem/1 Manrope,sans-serif;color:#8c9bb0;font-style:normal}.payroll-benefits h3{margin:0 0 11px;color:#183a5f;font-size:1.1rem}.payroll-benefits p{margin:0;color:#5d7188;font-size:.82rem;line-height:1.6}
.payroll-services{background:#fff}.payroll-services-heading{text-align:center;max-width:900px;margin:0 auto 42px}.payroll-services-heading h2{margin:14px 0}.payroll-services-heading h2 em{font-style:normal;color:#3978d7}.payroll-services-heading p{margin:0;color:#617991;font-size:1.02rem}.payroll-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.payroll-service-grid article{position:relative;overflow:hidden;padding:28px 30px 22px;border:1px solid #d7e4f4;border-radius:18px;background:radial-gradient(circle at 106% 112%,#edf5ff 0 26%,transparent 26.2%),#fff;box-shadow:0 14px 36px rgba(31,78,135,.045);transition:transform .22s,box-shadow .22s}.payroll-service-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(13,44,81,.09)}.payroll-service-head{display:grid;grid-template-columns:72px minmax(0,1fr) 42px;align-items:center;gap:18px;min-height:126px}.payroll-service-emblem{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;color:#2168bf;background:#f0f5fb;border:1px solid #dce9f7}.payroll-service-emblem .icon{width:33px;height:33px}.payroll-service-number{display:block;color:#1a65c8;font:800 .79rem Manrope,sans-serif;letter-spacing:.05em}.payroll-service-grid h3{font-size:clamp(1.28rem,1.85vw,1.65rem);line-height:1.2;margin:9px 0 8px;color:#162f4f;letter-spacing:-.045em}.payroll-service-head p{font-size:.91rem;line-height:1.48;color:#60758d;margin:0}.payroll-service-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f2f7ff;color:#1b6bd0;font-size:1.35rem}.payroll-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dbe7f5;margin-top:20px;padding-top:17px}.payroll-highlights>span{display:flex;align-items:center;gap:9px;min-width:0;padding:0 12px;color:#284563;font-size:.76rem;line-height:1.35;font-weight:700}.payroll-highlights>span:first-child{padding-left:0}.payroll-highlights>span+span{border-left:1px solid #dbe7f5}.payroll-highlights i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#f0f5fb;color:#2168bf;font-style:normal}.payroll-highlights .icon{width:17px;height:17px}.payroll-service-grid details{margin-top:16px}.payroll-service-grid summary{display:inline-flex;align-items:center;gap:15px;cursor:pointer;color:#1769ca;font-size:.84rem;font-weight:800;padding:7px 0;list-style:none}.payroll-service-grid summary::-webkit-details-marker{display:none}.payroll-service-grid details summary span{font-size:1.2rem}.payroll-service-grid details>div{border-top:1px solid #dbe7f5;margin-top:10px;padding-top:17px}.payroll-service-grid details p{color:#607993;font-size:.8rem}.payroll-service-grid details ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:10px 0 17px;padding:0;list-style:none}.payroll-service-grid details li{color:#254765;font-size:.78rem}.payroll-service-grid details a{color:#1769ca;font-size:.82rem;font-weight:800}.payroll-services-cta{text-align:center;margin-top:31px}.payroll-services-cta a{display:inline-flex;align-items:center;gap:22px;background:#172b49;border-radius:999px;padding:15px 27px;color:#fff;font-weight:700;font-size:.88rem}
.payroll-workflow{background:#0d2b4e;color:#fff}.payroll-workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.payroll-workflow h2{color:#fff}.payroll-workflow p{color:#c7d8e9;line-height:1.75}.payroll-workflow .fo-eyebrow{color:#a1caff}.payroll-path{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payroll-path span{position:relative;padding:17px 17px 17px 43px;border:1px solid rgba(177,208,242,.22);border-radius:9px;background:rgba(255,255,255,.07);color:#e5f0ff;font-size:.82rem;font-weight:700}.payroll-path small{position:absolute;left:13px;color:#7bb3f5;font-size:.67rem}
.payroll-review{background:#fff}.payroll-review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,6vw,75px);align-items:stretch}.payroll-review-image{position:relative;min-height:370px;border-radius:17px;overflow:hidden}.payroll-review-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.payroll-review h2{margin:14px 0}.payroll-review p{color:#5d748d;line-height:1.75}.payroll-review-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.payroll-review-points>div{border-top:1px solid #d4e2ef;padding-top:13px}.payroll-review-points strong{display:block;color:#164673;font-size:.83rem}.payroll-review-points span{display:block;margin-top:5px;color:#526b82;font-size:.76rem;line-height:1.5}
.payroll-models{background:#f5f9fd}.payroll-models .fo-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.payroll-models .fo-model-grid article{display:flex;flex-direction:column;min-height:270px;padding:27px 24px;border:1px solid #c9dced;border-left:3px solid #3176d2;background:#f7faff;border-radius:8px}.payroll-models .fo-model-grid article>span{color:#1e5fae;font-size:.68rem;font-weight:800;letter-spacing:.08em}.payroll-models .fo-model-grid h3{margin:24px 0 11px;color:#173d69;font-size:1.25rem}.payroll-models .fo-model-grid p{color:#5d748d;font-size:.82rem;line-height:1.65}.payroll-models .fo-model-grid small{margin-top:auto;color:#315678;font-size:.75rem;line-height:1.55}
.payroll-growth{background:#122f53;color:#fff}.payroll-growth .fo-eyebrow{color:#a1caff}.payroll-growth h2{max-width:720px;color:#fff}.payroll-growth-path{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:32px}.payroll-growth-path span{position:relative;min-height:96px;padding:18px 16px;border:1px solid rgba(169,203,239,.26);border-radius:10px;background:rgba(255,255,255,.045);color:#f4f8ff;font-size:.8rem;font-weight:800}.payroll-growth-path small{display:block;margin-bottom:12px;color:#8fbcf4;font-size:.67rem;letter-spacing:.12em}.payroll-growth-path b{position:absolute;right:12px;bottom:14px;color:#8fbcf4}.payroll-growth p{max-width:850px;margin-top:27px;color:#c6d7e9;line-height:1.7}.payroll-growth p a{color:#a9d0ff}
.payroll-process{background:#f5f9fd}.payroll-process h2{margin:14px 0 0}.payroll-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}.payroll-process-grid>div{border-top:2px solid #3176d2;padding-top:18px}.payroll-process-grid strong{color:#173e69;font-size:1.02rem}.payroll-process-grid p{margin:9px 0 0;color:#4f6780;font-size:.78rem;line-height:1.6}.payroll-process .fo-text-link{display:inline-flex;margin-top:30px;color:#1b68c8;font-weight:800}
.payroll-faq{background:#eef5fc}.payroll-faq-list{max-width:900px}.payroll-faq-list details{border-top:1px solid #c9d9e9}.payroll-faq-list details:last-child{border-bottom:1px solid #c9d9e9}.payroll-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;color:#173f68;font-size:.95rem;font-weight:800;list-style:none}.payroll-faq-list summary::-webkit-details-marker{display:none}.payroll-faq-list summary span{color:#2471cf;font-size:1.25rem;font-weight:400}.payroll-faq-list details[open] summary span{transform:rotate(45deg)}.payroll-faq-list p{max-width:800px;margin:0 40px 20px 0;color:#526b82;font-size:.86rem;line-height:1.7}.payroll-faq-list summary:focus-visible{outline:3px solid #3b83df;outline-offset:5px}.payroll-final{padding:83px 0 88px;background:#081a32;color:#fff}.payroll-final h2{max-width:900px;color:#fff;margin:15px 0}.payroll-final .fo-eyebrow{color:#a9d0ff}.payroll-final p{max-width:800px;color:#c8d8eb;line-height:1.75}.payroll-final .fo-ghost{border-color:#789bc1;color:#fff}
@media(max-width:1100px){.payroll-hero-grid{grid-template-columns:1fr;gap:35px}.payroll-hero-copy{max-width:760px}.payroll-visual{max-width:700px}.payroll-growth-path{grid-template-columns:repeat(3,1fr)}.payroll-process-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.payroll-challenge .fo-intro-grid,.payroll-workflow-grid,.payroll-review-grid{grid-template-columns:1fr;gap:35px}.payroll-benefits{grid-template-columns:repeat(2,1fr)}.payroll-models .fo-model-grid{grid-template-columns:repeat(2,1fr)}.payroll-review-image{min-height:360px}.payroll-growth-path{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.payroll-page .fo-section{padding:58px 0}.payroll-hero-grid{min-height:0;padding:47px 0 63px}.payroll-hero h1{font-size:clamp(2.45rem,8.5vw,3.6rem)}.payroll-flow{gap:5px}.payroll-flow span,.payroll-flow strong{font-size:.64rem;padding:8px 6px}.payroll-benefits,.payroll-service-grid,.payroll-models .fo-model-grid,.payroll-growth-path{grid-template-columns:1fr}.payroll-service-head{grid-template-columns:58px minmax(0,1fr) 36px;gap:12px}.payroll-service-emblem{width:58px;height:58px}.payroll-service-emblem .icon{width:28px;height:28px}.payroll-highlights>span{padding:0 8px;font-size:.71rem}.payroll-highlights i{flex-basis:26px;width:26px}.payroll-service-grid details ul{grid-template-columns:1fr}.payroll-process-grid{grid-template-columns:1fr}.payroll-review-image{min-height:280px}.payroll-review-points{grid-template-columns:1fr}.payroll-visual{padding:20px}.payroll-metrics{grid-template-columns:1fr 1fr}.payroll-metrics div:last-child{grid-column:1/-1}.payroll-page .fo-trust .wrap{display:grid;grid-template-columns:1fr 1fr}.payroll-page .fo-trust span{font-size:.72rem}}
@media(max-width:460px){.payroll-service-grid article{padding:21px 20px 18px}.payroll-service-head{grid-template-columns:52px minmax(0,1fr) 32px;gap:10px;min-height:105px}.payroll-service-emblem{width:49px;height:49px;border-radius:13px}.payroll-service-arrow{width:31px;height:31px;font-size:1rem}.payroll-service-grid h3{font-size:1.15rem}.payroll-service-head p{font-size:.81rem}.payroll-highlights>span{display:block;padding:0 7px;font-size:.67rem}.payroll-highlights i{margin-bottom:7px}}
.payroll-hero{background-color:#0b2342;background-image:linear-gradient(90deg,rgba(7,24,46,.97),rgba(7,24,46,.9) 30%,rgba(7,24,46,.58) 58%,rgba(7,24,46,.14)),url("/assets/finex-accounts-payable-hero.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.payroll-hero-grid{grid-template-columns:1fr}