:root{--ma-navy:#102B55;--ma-blue:#0866E8;--ma-cyan:#38C8EF;--ma-light:#F0F7FF;--ma-ink:#091d43}.ma-page{font-family:Inter,Arial,sans-serif;color:var(--ma-ink);overflow:hidden;font-size:15px;line-height:1.55}.ma-page *{box-sizing:border-box}.ma-container{max-width:1390px;margin:auto;padding-left:clamp(22px,4vw,65px);padding-right:clamp(22px,4vw,65px)}.ma-page h1,.ma-page h2,.ma-page h3,.ma-page p{margin-top:0}.ma-page h2{font-size:clamp(25px,2.6vw,39px);line-height:1.13;letter-spacing:-.8px;font-weight:800;margin-bottom:12px}.ma-page p{line-height:1.55}.ma-eyebrow{font-size:12px;font-weight:850;letter-spacing:.03em;color:#fff;margin-bottom:10px}.ma-eyebrow:before{content:"";display:inline-block;width:36px;height:4px;background:#18d9f2;vertical-align:middle;margin-right:12px;border-radius:4px}.ma-eyebrow.ma-dark{color:#0c2a52}.ma-hero{background:radial-gradient(ellipse at 80% 32%,#076fc0 0%,transparent 45%),linear-gradient(115deg,#06224c 0%,#063264 57%,#075ea3 100%);color:white;position:relative}.ma-hero:after,.ma-cta:after{content:"";position:absolute;inset:auto -10% -30% 45%;height:330px;border:3px solid rgba(35,198,255,.27);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.ma-hero-grid{min-height:475px;display:grid;grid-template-columns:49% 51%;align-items:center;gap:8px;padding-top:26px;padding-bottom:30px}.ma-hero-copy{position:relative;z-index:1}.ma-hero h1{font-size:clamp(31px,3.45vw,54px);font-weight:850;letter-spacing:-1.5px;line-height:1.11;margin-bottom:16px}.ma-hero h1 em{color:#13d9ee;font-style:normal}.ma-hero p{font-size:15px;max-width:660px;margin-bottom:12px;color:#f3f8ff}.ma-buttons{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:20px}.ma-btn{display:inline-flex;align-items:center;gap:14px;padding:13px 22px;border-radius:7px;font-weight:750;font-size:14px;line-height:1.2;text-decoration:none!important;transition:transform .2s,filter .2s}.ma-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.ma-primary{background:#17d9f1;color:#05244e!important}.ma-outline{border:1.5px solid #fff;color:#fff!important;background:rgba(0,0,0,.08)}.ma-hero-tags{display:flex;gap:19px;margin-top:32px;align-items:center;flex-wrap:wrap}.ma-hero-tags span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;line-height:1.2}.ma-hero-tags i{font-size:25px;color:#35e6f7}.ma-hero-visual{height:400px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.ma-hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(0,0,0,.28))}.ma-overview{background:linear-gradient(115deg,#e8f6ff,#fff 65%);padding:25px 0}.ma-overview-grid{display:grid;grid-template-columns:43% 57%;gap:45px;align-items:center}.ma-photo img{width:100%;height:220px;object-fit:cover;border-radius:15px}.ma-overview h2{margin-bottom:9px}.ma-overview p{margin-bottom:9px}.ma-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px;text-align:center}.ma-benefits span{font-size:11px;font-weight:800;line-height:1.24}.ma-benefits i{display:block;font-size:21px;background:#dbf3ff;color:#087fe8;border-radius:50%;width:45px;height:45px;line-height:45px;margin:0 auto 7px}.ma-services{background:linear-gradient(125deg,#e4f4ff,#f6fbff);padding:27px 0}.ma-services-layout{display:grid;grid-template-columns:25% 75%;gap:20px;align-items:center}.ma-section-intro p{margin-bottom:0}.ma-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ma-service{background:linear-gradient(160deg,#fff,#e8f6ff);border:1px solid #b8dcf6;border-radius:13px;padding:17px 13px;box-shadow:0 4px 12px rgba(0,50,100,.05);min-height:215px}.ma-service i{color:#0679ef;font-size:28px;margin-bottom:12px}.ma-service h3{font-size:16px;line-height:1.15;font-weight:800;margin-bottom:9px}.ma-service p{font-size:12px;line-height:1.43;margin-bottom:0}.ma-capabilities{background:linear-gradient(110deg,#06224a,#06457d);padding:27px 0;color:white}.ma-cap-grid{display:grid;grid-template-columns:31% 69%;gap:20px;align-items:center}.ma-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ma-feature{background:linear-gradient(115deg,#095589,#0c3b70);border-radius:10px;display:flex;align-items:center;gap:12px;min-height:61px;padding:12px 14px}.ma-feature i{font-size:25px;color:#16e4f6;min-width:29px}.ma-feature strong{font-size:12px;line-height:1.2}.ma-ux{background:linear-gradient(105deg,#eaf7ff,#f8fcff);padding:22px 0}.ma-ux-grid{display:grid;grid-template-columns:33% 67%;gap:40px;align-items:center}.ma-ux-grid>img{width:100%;height:158px;object-fit:cover;border-radius:12px}.ma-ux p{margin-bottom:12px}.ma-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ma-checks span,.ma-why-points span{font-size:12px;font-weight:650}.ma-checks span:before,.ma-why-points span:before{content:'✓';display:inline-grid;place-items:center;background:#079ef2;color:#fff;border-radius:50%;width:19px;height:19px;margin-right:9px;font-weight:900}.ma-process{background:#f0f9ff;padding:24px 0}.ma-process .ma-container{display:grid;grid-template-columns:30% 70%;align-items:center;gap:18px}.ma-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;text-align:center;position:relative}.ma-step{position:relative;z-index:1}.ma-step-icon{display:grid;place-items:center;margin:0 auto 9px;background:#e3f7ff;border:1px solid #c8e9fc;border-radius:50%;width:58px;height:58px;color:#087aee;font-size:25px}.ma-step strong{display:block;font-size:11px;line-height:1.22}.ma-technologies{background:linear-gradient(100deg,#eaf7ff,#f8fcff);padding:22px 0}.ma-tech-layout{display:grid;grid-template-columns:28% 72%;gap:20px;align-items:center}.ma-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.ma-tech{background:#e6f5ff;display:flex;align-items:center;gap:13px;padding:17px 13px;border:1px solid #d4eaf8;border-radius:12px;min-height:84px}.ma-tech i{font-size:33px;color:#0d92f4}.ma-tech:first-child i{color:#ff6136}.ma-tech:nth-child(2) i{color:#aa60eb}.ma-tech strong{display:block;font-size:16px}.ma-tech small{display:block;font-size:11px}.ma-industries{background:#f0f9ff;padding:23px 0}.ma-industries-layout{display:grid;grid-template-columns:25% 75%;gap:20px;align-items:center}.ma-industries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ma-industry{border:1px solid #d1e4f4;border-radius:10px;overflow:hidden;text-align:center;background:#fff;padding-bottom:10px;min-width:0}.ma-industry-photo{height:85px;background-image:url('../images/mobile-app/industries.webp');background-size:500% 100%;background-repeat:no-repeat}.ma-industry strong{font-size:12px;display:block;line-height:1.2;padding:7px 5px 2px}.ma-industry span{font-size:10px;line-height:1.2;display:block;padding:0 5px}.ma-why{background:linear-gradient(110deg,#e6f6ff,#fff);padding:22px 0}.ma-why-layout{display:grid;grid-template-columns:37% 33% 30%;gap:20px;align-items:center}.ma-why-points{display:grid;gap:11px}.ma-why-layout>img{width:100%;height:158px;object-fit:cover;border-radius:12px}.ma-cta{position:relative;background:linear-gradient(110deg,#05244e,#064f8e);color:white;padding:25px 0;overflow:hidden}.ma-cta-grid{display:grid;grid-template-columns:32% 68%;gap:30px;align-items:center;position:relative;z-index:1}.ma-cta-grid>img{width:100%;height:180px;object-fit:contain}.ma-cta h2{color:#fff}.ma-cta p{max-width:850px}.ma-phone{color:#fff!important;font-size:13px;font-weight:750;text-decoration:none!important}.ma-phone i{font-size:19px;margin-right:5px}.ma-page a:focus-visible{outline:3px solid #38c8ef;outline-offset:3px}@media(max-width:1199px){.ma-hero-grid{grid-template-columns:52% 48%}.ma-services-layout,.ma-industries-layout{grid-template-columns:1fr}.ma-services-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ma-cap-grid{grid-template-columns:1fr}.ma-process .ma-container,.ma-tech-layout{grid-template-columns:1fr}.ma-hero h1{font-size:clamp(30px,3.8vw,45px)}}@media(max-width:850px){.ma-hero-grid,.ma-overview-grid,.ma-ux-grid,.ma-why-layout,.ma-cta-grid{grid-template-columns:1fr}.ma-hero-grid{padding-top:38px}.ma-hero-visual{height:330px}.ma-services-grid{grid-template-columns:repeat(3,1fr)}.ma-features{grid-template-columns:repeat(2,1fr)}.ma-tech-grid{grid-template-columns:repeat(2,1fr)}.ma-industries-grid{grid-template-columns:repeat(3,1fr)}.ma-steps{grid-template-columns:repeat(3,1fr);gap:20px}.ma-overview-grid,.ma-ux-grid{gap:18px}.ma-why-layout>img{max-width:460px}.ma-cta-grid>img{max-width:350px;justify-self:center}}@media(max-width:560px){.ma-page{font-size:14px}.ma-hero h1{font-size:35px}.ma-hero-tags{gap:15px}.ma-hero-tags span{font-size:10px}.ma-hero-visual{height:250px}.ma-services-grid,.ma-industries-grid{grid-template-columns:repeat(2,1fr)}.ma-benefits{grid-template-columns:repeat(2,1fr)}.ma-features{grid-template-columns:1fr 1fr}.ma-tech-grid{grid-template-columns:1fr 1fr}.ma-tech{padding:10px;gap:6px}.ma-tech strong{font-size:13px}.ma-steps{grid-template-columns:repeat(2,1fr)}.ma-checks{grid-template-columns:1fr}.ma-services,.ma-capabilities,.ma-overview,.ma-ux,.ma-process,.ma-technologies,.ma-industries,.ma-why,.ma-cta{padding-top:34px;padding-bottom:34px}.ma-service{min-height:200px}.ma-service h3{font-size:14px}}

/* Benfol Mobile App visual alignment corrections — scoped to this page */
.ma-page{color:#09234a!important}
.ma-page .ma-hero h1,.ma-page .ma-hero h1:not(em){color:#fff!important;text-shadow:none!important;max-width:670px}
.ma-page .ma-hero h1 em{color:#18d9ef!important;display:block;font-style:normal!important}
.ma-page .ma-capabilities h2,.ma-page .ma-cta h2{color:#fff!important;text-shadow:none!important}
.ma-page .ma-hero p,.ma-page .ma-capabilities p,.ma-page .ma-cta p{color:#f3f9ff!important;opacity:1!important}
.ma-page .ma-hero .ma-eyebrow,.ma-page .ma-capabilities .ma-eyebrow,.ma-page .ma-cta .ma-eyebrow{color:#fff!important}
.ma-page .ma-services h2,.ma-page .ma-technologies h2,.ma-page .ma-overview h2,.ma-page .ma-ux h2,.ma-page .ma-process h2,.ma-page .ma-industries h2,.ma-page .ma-why h2{color:#0a2855!important}
.ma-page .ma-service h3,.ma-page .ma-service p,.ma-page .ma-tech strong,.ma-page .ma-tech small{color:#09234a!important;opacity:1!important}
.ma-page .ma-service p{font-size:13px;line-height:1.55}
.ma-page .ma-service h3{font-size:16px;line-height:1.25}
.ma-page .ma-service-icon{width:31px;height:31px;color:#0866e8;display:block;margin-bottom:14px;flex:none}
.ma-page .ma-tech-logo{width:35px;height:35px;object-fit:contain;flex-shrink:0;display:block}
.ma-page .ma-tech{gap:14px;min-width:0}
.ma-page .ma-tech strong{font-size:15px}
.ma-page .ma-hero-grid{grid-template-columns:minmax(0,47%) minmax(0,53%);gap:28px;min-height:500px}
.ma-page .ma-hero h1{font-size:clamp(36px,3.2vw,52px);line-height:1.12;letter-spacing:-.035em}
.ma-page .ma-hero-visual{height:420px;overflow:hidden}
.ma-page .ma-hero-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.ma-page .ma-services-layout{grid-template-columns:minmax(250px,25%) minmax(0,1fr);gap:30px}
.ma-page .ma-services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ma-page .ma-service{padding:19px 15px;min-height:235px}
.ma-page .ma-cap-grid{grid-template-columns:minmax(280px,30%) minmax(0,1fr);gap:28px}
.ma-page .ma-feature{min-width:0}
.ma-page .ma-feature strong{color:#fff!important;opacity:1!important}
.ma-page .ma-tech-layout{grid-template-columns:minmax(270px,28%) minmax(0,1fr);gap:25px}
.ma-page .ma-section-intro{min-width:0}
.ma-page .ma-section-intro h2{overflow-wrap:normal;word-break:normal}
@media(max-width:1199px){.ma-page .ma-services-layout,.ma-page .ma-tech-layout,.ma-page .ma-cap-grid{grid-template-columns:1fr}.ma-page .ma-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-page .ma-hero-grid{grid-template-columns:1fr 1fr}.ma-page .ma-hero h1{font-size:clamp(34px,3.8vw,46px)}}
@media(max-width:850px){.ma-page .ma-hero-grid{grid-template-columns:1fr}.ma-page .ma-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-page .ma-hero-visual{height:350px}}
@media(max-width:560px){.ma-page .ma-hero h1{font-size:35px}.ma-page .ma-hero-visual{height:270px}.ma-page .ma-services-grid{grid-template-columns:1fr}.ma-page .ma-service{min-height:0}.ma-page .ma-tech-logo{width:28px;height:28px}}


/* Mobile App Hero Alignment — Desktop */
@media (min-width: 1200px) {

  .ma-hero h1 {
    font-size: 46px !important;
    line-height: 1.12 !important;
    letter-spacing: -1.2px !important;
    margin-bottom: 18px !important;
  }

  .ma-hero p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 14px !important;
  }

  .ma-hero__content {
    max-width: 650px !important;
  }
}




/* BENFOL MOBILE APP - HEADER COLOR FIX */

/* Header at the top of the page */
body .sd-site-header:not(.is-sticky),
body .sd-site-header .header-sticky:not(.is-sticky) {
    background: #102B55 !important;
}

/* White navigation text on navy background */
body .sd-site-header:not(:has(.is-sticky))
.navigation-menu > ul > li > a {
    color: #FFFFFF !important;
}

/* Header after scrolling */
body .sd-site-header.is-sticky,
body .sd-site-header .header-sticky.is-sticky {
    background: #FFFFFF !important;
}

/* Navy navigation text after scrolling */
body .sd-site-header:has(.is-sticky)
.navigation-menu > ul > li > a {
    color: #102B55 !important;
}