/* Matches the typography, spacing and checklist treatment used by the existing BMS Axiom service pages. */
body{background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.4}.site-header{position:relative;background:#000}.service-page{background:#000;padding:55px 0 100px}.service-shell{width:min(1564px,calc(100% - 72px));margin:0 auto;display:grid;grid-template-columns:526px minmax(0,975px);gap:49px;align-items:start}.service-sidebar{position:sticky;top:32px}.service-promo{position:relative;height:270px;overflow:hidden;border-radius:13px;background:url("../wp-content/uploads/2026/03/services.webp") center/cover no-repeat}.promo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(109,63,45,.77),rgba(55,149,115,.7))}.promo-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.promo-content h2{margin:0 0 25px;font-size:27px;font-weight:400;line-height:1.1}.service-button{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:16px 28px;border-radius:40px;background:#3caf88;color:#fff;font-size:20px;font-weight:700;line-height:1;transition:.2s}.service-button:hover{background:#329a76;color:#fff}.service-content{min-width:0}.service-banner{position:relative;height:325px;margin:0 0 25px;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 78% 40%,rgba(59,163,124,.35),transparent 31%),linear-gradient(135deg,#112c27,#06100e 58%,#153e34)}.service-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:36px 36px}.banner-copy{position:absolute;z-index:1;left:48px;top:88px}.banner-copy span,.banner-copy strong{display:block}.banner-copy span{color:#58c39d;font-size:17px;margin-bottom:9px}.banner-copy strong{font-size:34px;line-height:1.12;font-weight:400}.banner-invoice{position:absolute;z-index:1;right:55px;top:42px;width:230px;padding:25px;background:#151817;border:1px solid #4c5a55;border-radius:12px;transform:rotate(3deg);box-shadow:0 22px 45px rgba(0,0,0,.45)}.banner-invoice b{font-size:16px}.banner-invoice i{display:block;height:7px;margin-top:17px;border-radius:5px;background:#454b48}.banner-invoice i:nth-of-type(2){width:76%}.banner-invoice i:nth-of-type(3){width:53%}.banner-invoice small{display:block;margin-top:23px;padding:9px;border-radius:5px;background:#183c30;color:#63d2aa;font-size:13px}.service-content h1{margin:0 0 20px;font-size:44px;font-weight:400;line-height:1.1}.service-content h2{margin:29px 0 22px;font-size:29px;font-weight:400;line-height:1.2}.service-content>h2{font-size:24px;margin-top:0}.service-content p{margin:0 0 22px;font-size:16px;line-height:1.48}.service-content strong{font-weight:700}.service-section{margin-top:40px}.service-section>p{margin-bottom:32px}.check-list{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;row-gap:23px;list-style:none;margin:0;padding:32px 35px;background:#121212;border-radius:13px}.check-list li{display:grid;grid-template-columns:31px 1fr;gap:16px;align-items:center;min-height:31px;font-size:16px;line-height:1.38}.check-list li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#41b28c;color:#fff;font-size:20px;font-weight:400}.check-list li strong{font-weight:400}.simplify-section{margin-top:27px}.simplify-section p{max-width:950px}.demonstration-section{margin-top:38px;padding-bottom:20px}.demonstration-section p{margin-bottom:26px}.demonstration-section .service-button{font-size:16px;min-width:165px;padding:14px 24px}.site-footer{background:linear-gradient(100deg,#21130e,#0b281f);border:0;padding-top:70px}.site-footer .footer-grid{max-width:1620px}.site-footer .footer-bottom{border-color:rgba(255,255,255,.16)}
@media(max-width:1200px){.service-shell{grid-template-columns:340px minmax(0,1fr);gap:38px}.service-content h1{font-size:45px}.banner-copy{left:35px}.banner-copy strong{font-size:31px}.banner-invoice{right:30px;width:200px}.check-list{column-gap:35px}}
@media(max-width:900px){.service-page{padding-top:35px}.service-shell{width:min(100% - 36px,975px);grid-template-columns:1fr}.service-sidebar{position:static}.service-promo{height:230px}.service-banner{height:290px}.service-content h1{font-size:40px}.check-list{grid-template-columns:1fr}.banner-invoice{opacity:.45}.banner-copy{right:25px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){body{font-size:16px}.service-shell{width:calc(100% - 28px)}.service-banner{height:235px}.banner-copy{left:24px;top:63px}.banner-copy strong{font-size:28px}.banner-invoice{right:-65px;top:22px}.service-content h1{font-size:35px}.service-content h2{font-size:28px}.service-content>h2{font-size:23px}.service-content p,.check-list li{font-size:16px}.check-list{padding:25px 20px;row-gap:21px}.check-list li{grid-template-columns:31px 1fr;gap:14px}.check-list li>span{width:30px;height:30px;font-size:20px}.promo-content h2{font-size:26px}.footer-grid{grid-template-columns:1fr}}

/* Shared header treatment matching the main BMS Axiom website. */
.site-header{border-bottom:0}.site-header .nav-wrap{height:96px;max-width:1510px;gap:0}.site-header .brand img{width:195px;max-height:88px;object-fit:contain}.site-header .main-nav{margin-left:150px;margin-right:auto;gap:39px;font-size:16px}.site-header .main-nav>a,.site-header .dropdown-toggle{padding:36px 0}.site-header .dropdown-toggle{color:#3ba37c}.site-header .dropdown-toggle:hover,.site-header .dropdown-toggle:focus{color:#58c6a0}.site-header .dropdown-menu{top:76px}.site-header .header-cta{display:none}
@media(max-width:1200px){.site-header .main-nav{margin-left:auto;gap:24px;font-size:15px}}
@media(max-width:800px){.site-header .nav-wrap{height:82px}.site-header .brand img{width:170px;max-height:70px}.site-header .main-nav{top:81px;margin:0;font-size:16px}.site-header .main-nav>a,.site-header .dropdown-toggle{padding:12px 0}.site-header .menu-toggle{display:block}}

/* Keep the left promotional panel in the normal document flow. */
.service-page{overflow-x:hidden}
.service-sidebar{position:static!important;top:auto!important;animation:bms-service-panel-in 3s cubic-bezier(.22,.61,.36,1) both}
@keyframes bms-service-panel-in{from{opacity:0;transform:translateX(-120vw)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.service-sidebar{animation:none}}

/* Full-width service title banners shared by the three product pages. */
.service-page.has-service-hero{padding-top:0}.has-service-hero .service-shell{margin-top:70px}.service-title-hero{position:relative;height:480px;display:grid;place-items:center;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.mra-title-hero{background-image:url("../wp-content/uploads/2026/04/Software-Development-Outsourcing-1.webp")}.erp-title-hero{background-image:url("../wp-content/uploads/2026/04/business-goal.webp")}.paymaster-title-hero{background-image:url("../wp-content/uploads/2026/04/pexels-fauxels-3184359.jpg")}.service-title-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.43),rgba(0,0,0,.68))}.service-title-content{position:relative;z-index:1;width:min(1200px,calc(100% - 40px));text-align:center;color:#fff}.service-title-content h1{margin:0;font:400 clamp(42px,4.3vw,66px)/1.12 Arial,Helvetica,sans-serif;opacity:0;transform:translateY(90px);animation:bms-title-rise 2.6s cubic-bezier(.22,.61,.36,1) .15s forwards}.service-title-content p{margin:25px 0 0;font-size:18px;opacity:0;transform:translateY(70px);animation:bms-title-rise 2.4s cubic-bezier(.22,.61,.36,1) .65s forwards}.service-title-content a{color:#fff}.service-title-content a:hover{color:#58c6a0}@keyframes bms-title-rise{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.service-title-hero{height:380px}.has-service-hero .service-shell{margin-top:45px}.service-title-content h1{font-size:40px}.service-title-content p{font-size:16px}}
@media(max-width:540px){.service-title-hero{height:310px}.service-title-content h1{font-size:33px}.service-title-content p{font-size:14px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.service-title-content h1,.service-title-content p{opacity:1;transform:none;animation:none}}