.ap-hero{background:#091c35;background-image:radial-gradient(ellipse at 85% 30%,#163d66 0,transparent 55%)}
.ap-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center;padding-top:65px;padding-bottom:72px}.ap-hero-copy{min-width:0}.ap-hero h1{font-size:clamp(2.6rem,4.1vw,4.3rem);line-height:1.13;letter-spacing:-.055em}.ap-hero-copy>p{color:#c8d6e8;line-height:1.75}.ap-hero .fo-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:.76rem}.ap-hero .fo-ghost{border-color:#7a9aba;color:#fff}.ap-console{margin:0;padding:25px;border:1px solid #557699;border-radius:20px;background:linear-gradient(145deg,#16385a,#0b213c);box-shadow:0 25px 65px #020d2066;transform:rotate(1.5deg)}.ap-console-top{display:flex;gap:10px;align-items:center;font-size:.63rem;letter-spacing:.08em;color:#c6dff9}.ap-console-top>span:last-child{margin-left:auto}.ap-dot{width:7px;height:7px;border-radius:50%;background:#7be3c6}.ap-document{margin:24px 0 20px;background:#f6faff;color:#183a5f;border-radius:10px;padding:25px;box-shadow:0 8px 0 -3px #8ea8c0}.ap-document-label{font-size:.66rem;font-weight:800;letter-spacing:.13em;color:#34669c}.ap-document strong{display:block;font:800 clamp(1.5rem,2.1vw,2rem)/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:16px 0}.ap-document-lines{display:grid;gap:8px;margin:20px 0}.ap-document-lines i{height:5px;width:85%;background:#dbe6f0;border-radius:3px}.ap-document-lines i:nth-child(2){width:65%}.ap-document-lines i:nth-child(3){width:75%}.ap-document-tags{display:flex;flex-wrap:wrap;gap:8px}.ap-document-tags span{padding:6px 10px;border:1px solid #c9dbee;border-radius:5px;font-size:.7rem;font-weight:700}.ap-console-route{display:grid;text-align:center;gap:4px}.ap-console-route>span{padding:10px;border:1px solid #527393;border-radius:6px;color:#e1edfa;font-size:.78rem}.ap-console-route>b{color:#95badc;font-weight:400}.ap-console-route .ap-control{border-color:#79b8c7;background:#123c50;color:#c5f5e8}.ap-console figcaption{font-size:.68rem;color:#b8cde1;line-height:1.65;text-align:center;margin-top:18px}.ap-page .ab-service-card ul{grid-template-columns:1fr;margin-top:20px;gap:10px}.ap-page .ab-service-card h3{font-size:1.5rem}.ap-page .ab-service-card{height:100%}.ap-page .ab-service-grid{align-items:stretch}.ap-intro{max-width:740px;margin:0 0 32px;line-height:1.75}.ap-workflow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:35px 0 0}.ap-workflow-list li{position:relative;padding:23px;background:#143a60;border:1px solid #537597;border-radius:10px}.ap-step-number{color:#a7cfff;font-size:.76rem;font-weight:800}.ap-workflow-list h3{color:#fff;font-size:1rem;margin:18px 0 10px}.ap-workflow-list p{font-size:.83rem;margin:0}.ap-flow-arrow{position:absolute;right:16px;top:16px;color:#aacbeb}.ap-matching{background:#fff}.ap-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:38px 0 24px}.ap-match-document{position:relative;border:1px solid #ceddeb;border-top:3px solid #2675d6;background:#f7faff;border-radius:10px;padding:26px}.ap-paper-icon{margin:20px 0;color:#286cc0}.ap-paper-icon .icon{width:34px;height:34px}.ap-match-document h3{font-size:1.25rem;color:#183a5f}.ap-match-document strong{display:block;font-size:.86rem;color:#325678}.ap-match-document p{font-size:.85rem;color:#526c85}.ap-match-plus{position:absolute;right:-29px;top:50%;font-size:1.5rem;color:#286cc0}.ap-match-result{padding:24px;background:#eaf4fa;border-radius:10px;text-align:center;color:#173e63}.ap-match-result p{font-size:.88rem;margin:9px auto 0;max-width:740px}.ap-control-note{padding:24px;border-left:3px solid #2777d8;background:#f1f6fc;margin:35px 0 0;font-size:.9rem;line-height:1.8}.ap-page .fo-text-link{margin-top:28px;display:inline-block}.ap-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:25px}.ap-related-grid p{color:#c9dbef;line-height:1.85}.ap-related-grid a{color:#fff;text-decoration:underline;text-underline-offset:4px}.ap-page .fo-intro-grid a{color:#155dab;text-decoration:underline;text-underline-offset:3px}.ap-faq-list details{border-bottom:1px solid #b9cee1}.ap-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;list-style:none;padding:22px 0;font-weight:700;color:#173d64}.ap-faq-list summary::-webkit-details-marker{display:none}.ap-faq-list summary span{font-size:1.5rem;font-weight:400}.ap-faq-list details[open] summary span{transform:rotate(45deg)}.ap-faq-list details p{color:#48617c;max-width:950px;font-size:.95rem;line-height:1.8;padding-bottom:22px;margin:0}.ap-page :is(a,summary):focus-visible{outline:3px solid #438fe8;outline-offset:5px;border-radius:3px}.ap-page .fo-model-grid small{color:#526980}.ap-page .ab-benefit-card p,.ap-page .ab-gbs-grid p{color:#526980}
@media(min-width:1001px){.ap-console{animation:ap-arrive .7s ease-out both}@keyframes ap-arrive{from{opacity:0;transform:translateY(12px) rotate(1.5deg)}to{opacity:1;transform:translateY(0) rotate(1.5deg)}}}
@media(max-width:1000px){.ap-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.ap-hero h1{font-size:clamp(2.3rem,4.5vw,3.6rem)}.ap-console{padding:18px;transform:none}.ap-workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-match-grid{gap:25px}.ap-match-document{padding:20px}.ap-match-plus{right:-22px}.ap-page .ab-gbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ap-hero-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:42px;gap:35px}.ap-hero h1{font-size:clamp(2.4rem,8.3vw,3.7rem)}.ap-console{max-width:490px;width:100%;justify-self:center}.ap-match-grid,.ap-related-grid{grid-template-columns:1fr;gap:28px}.ap-match-plus{right:50%;top:auto;bottom:-31px;transform:translateX(50%)}.ap-match-document{padding:24px}.ap-paper-icon{float:right;margin:0}.ap-page .ab-gbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-related-grid{gap:5px}.ap-page .fo-section{padding-top:60px;padding-bottom:60px}.ap-faq-list summary{font-size:.95rem}.ap-page .fo-trust .wrap{display:flex;flex-wrap:wrap}}
@media(max-width:420px){.ap-workflow-list{grid-template-columns:1fr}.ap-flow-arrow{transform:rotate(90deg)}.ap-page .ab-gbs-grid{grid-template-columns:1fr}.ap-hero h1{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){.ap-page *,.ap-page *::before,.ap-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* This stylesheet is loaded only by Accounts Payable. Keep the shared header
   usable on narrow phones without altering its branding or other pages. */
@media(max-width:360px){.site-header .nav-wrap{gap:4px}.site-header .region-current{min-width:70px;padding-left:7px;padding-right:7px}}
.ap-page .btn-primary{background:#1d65d5}.ap-page .btn-primary:hover{background:#1455bc}.ap-page .fo-section:not(.ab-reporting):not(.ab-growth) .fo-eyebrow,.ap-page .fo-model-grid article>span,.ap-page .fo-timeline>div>span{color:#195fae}.ap-page .fo-model-grid p,.ap-page .fo-timeline p{color:#526980}
.ap-page .ab-benefit-card .ab-benefit-number{color:#71859c}.ap-page .ab-services-heading>p{color:#526980}
.ap-page .ap-related-grid a{text-decoration:none}
.ap-workflow-path{align-self:center}.ap-workflow-path span{display:flex;align-items:center;min-height:54px}
.ap-process{background:#f3f8fd}.ap-process>div>h2{max-width:700px;margin:18px 0 42px}.ap-process-grid>div{min-height:160px}.ap-process .fo-text-link{margin-top:30px}
/* Match the Accounting & Bookkeeping reference layout: a full-bleed image hero
   with the copy anchored on the left. The generated AP visual supplies the
   image-led treatment without introducing a generic stock-photo motif. */
.ap-hero{background-color:#091c35;background-image:linear-gradient(90deg,rgba(7,24,46,.97) 0%,rgba(7,24,46,.92) 29%,rgba(7,24,46,.65) 52%,rgba(7,24,46,.08) 100%),url('/assets/finex-accounts-payable-hero.png');background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat}
.ap-hero-grid{display:flex;align-items:center;min-height:740px;padding-top:75px;padding-bottom:88px}
.ap-hero-copy{width:min(735px,62%);position:relative;z-index:1}
.ap-console{display:none}
@media(max-width:1100px){.ap-hero-copy{width:min(680px,68%)}}
@media(max-width:760px){.ap-hero{background-image:linear-gradient(90deg,rgba(7,24,46,.94),rgba(7,24,46,.78)),url('/assets/finex-accounts-payable-hero.png');background-position:center,69% center}.ap-hero-grid{display:flex;min-height:0;padding-top:47px;padding-bottom:63px}.ap-hero-copy{width:100%}}