/* Benfol custom software page — approved light concept. All content rules scoped to .sd-page. */
:root{--sd-cyan:#38C8EF;--sd-light:#F0F7FF;--sd-navy:#102B55;--sd-blue:#0866E8}
html{scroll-behavior:smooth}body{overflow-x:hidden}
/* Benfol two-state header: navy/white logo at top; white/blue logo after scrolling. */
body .header-area.sd-site-header {position:relative!important;inset:auto!important;width:100%!important;z-index:1100!important;background:transparent!important;}
body .sd-site-header .header-bottom-wrap.header-sticky {position:relative!important;inset:auto!important;width:100%!important;background:#102B55!important;box-shadow:none!important;z-index:1100!important;}
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled {position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:#fff!important;box-shadow:0 5px 20px rgba(16,43,85,.12)!important;z-index:1100!important;}
body .sd-site-header .header-bottom-wrap.header-sticky .light-logo {display:block!important;}
body .sd-site-header .header-bottom-wrap.header-sticky .dark-logo {display:none!important;}
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .light-logo,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .light-logo {display:none!important;}
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .dark-logo,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .dark-logo {display:block!important;}
@media(min-width:1200px){
 body .sd-site-header .header-bottom-wrap.header-sticky .navigation-menu>ul>li>a,
 body .sd-site-header .header-bottom-wrap.header-sticky .navigation-menu>ul>li>a span,
 body .sd-site-header .header-bottom-wrap.header-sticky .navigation-menu>ul>li>a strong {color:#fff!important;-webkit-text-fill-color:#fff!important;}
 body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .navigation-menu>ul>li>a,
 body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .navigation-menu>ul>li>a span,
 body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .navigation-menu>ul>li>a strong,
 body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .navigation-menu>ul>li>a,
 body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .navigation-menu>ul>li>a span,
 body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .navigation-menu>ul>li>a strong {color:#102B55!important;-webkit-text-fill-color:#102B55!important;}
}
body .sd-site-header .header-bottom-wrap.header-sticky .mobile-navigation-icon i,
body .sd-site-header .header-bottom-wrap.header-sticky .mobile-navigation-icon i:before,
body .sd-site-header .header-bottom-wrap.header-sticky .mobile-navigation-icon i:after {background-color:#fff!important;}
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .mobile-navigation-icon i,
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .mobile-navigation-icon i:before,
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .mobile-navigation-icon i:after,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .mobile-navigation-icon i,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .mobile-navigation-icon i:before,
body .sd-site-header .header-bottom-wrap.header-sticky.benfol-scrolled .mobile-navigation-icon i:after {background-color:#102B55!important;}
.sd-page,.sd-page *{box-sizing:border-box}.sd-page{font-family:Inter,Arial,sans-serif;color:#102B55;background:#fff;font-size:15px;line-height:1.65}.sd-page h1,.sd-page h2,.sd-page h3,.sd-page p{margin-top:0}.sd-page h1,.sd-page h2,.sd-page h3{color:#0b1c3c;font-weight:800;line-height:1.13;letter-spacing:-.045em}.sd-page p{color:#36516e}.sd-container{width:min(1320px,calc(100% - 72px));margin-inline:auto}.sd-section{padding:84px 0}.sd-kicker,.sd-eyebrow{font-size:12px;letter-spacing:.055em;font-weight:800;color:#102B55}.sd-kicker:before{content:'';display:inline-block;width:34px;height:4px;background:#38C8EF;border-radius:3px;margin-right:11px;vertical-align:middle}.sd-section h2{font-size:clamp(27px,2.65vw,40px);margin:12px 0 18px}.sd-section h3{font-size:17px;letter-spacing:-.02em}.sd-split{display:grid;grid-template-columns:30% 1fr;gap:46px;align-items:center}.sd-intro p{max-width:370px}.sd-centered{text-align:center;max-width:790px;margin:0 auto 36px}.sd-centered p{margin:0 auto;max-width:660px}
.sd-hero{background:linear-gradient(125deg,#fff 0%,#fff 43%,#edf8ff 100%);padding:48px 0 36px;overflow:hidden}.sd-hero-grid{display:grid;grid-template-columns:43% 57%;align-items:center;gap:10px;min-height:395px}.sd-hero-copy{position:relative;z-index:2}.sd-eyebrow{display:flex;align-items:center;gap:12px}.sd-eyebrow b{width:42px;height:4px;background:#38C8EF;border-radius:10px}.sd-hero h1{font-size:clamp(37px,3.8vw,62px);margin:14px 0 20px;color:#0a1020}.sd-hero h1 em{font-style:normal;color:#0866E8}.sd-hero-copy>p{max-width:570px;font-size:15px;line-height:1.75;color:#20344c}.sd-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 21px;border-radius:7px;font-weight:800;font-size:13px;line-height:1.3;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.sd-btn:hover{transform:translateY(-2px)}.sd-primary{background:#0866E8;color:#fff!important;box-shadow:0 7px 18px #0866e828}.sd-outline{border:1.5px solid #0866E8;color:#102B55!important;background:#fff}.sd-mini-features{display:flex;margin-top:31px;gap:0}.sd-mini-features span{display:flex;gap:12px;align-items:center;padding:0 20px;border-right:1px solid #bdd8ee;font-size:12px;font-weight:700;line-height:1.3}.sd-mini-features span:first-child{padding-left:0}.sd-mini-features span:last-child{border-right:0}.sd-mini-features i{font-size:25px;color:#0866E8}.sd-hero-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.sd-hero-visual:before{content:'';position:absolute;inset:8% 0 1% 6%;background:linear-gradient(135deg,#38c8ef 0%,#0866e8 80%);border-radius:35% 8% 25% 20%;transform:rotate(-6deg);opacity:.16}.sd-hero-visual img{position:relative;width:100%;height:365px;object-fit:cover;object-position:center;border-radius:24px;box-shadow:0 20px 48px #0b55a52c}
.sd-trust{padding:18px 0 36px}.sd-trust-inner{background:#f0f7ff;border-radius:16px;display:grid;grid-template-columns:240px 1fr;align-items:center;gap:35px;padding:24px 35px}.sd-trust h2{font-size:20px;margin:0;line-height:1.2}.sd-tech-names{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.sd-tech-names span{font-size:clamp(15px,1.5vw,23px);font-weight:750;letter-spacing:-.05em;color:#2a4563}
.sd-services{background:#fff}.sd-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sd-service-card{border:1px solid #cfe6fa;background:#fff;border-radius:13px;display:flex;align-items:flex-start;gap:16px;padding:23px 17px;box-shadow:0 6px 14px #164c8512}.sd-service-card i{font-size:25px;color:#0866E8;min-width:34px;padding-top:3px}.sd-service-card h3{margin:0 0 8px}.sd-service-card p{font-size:13px;line-height:1.55;margin:0}
.sd-benefits{background:#f5faff}.sd-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sd-benefit-grid article{padding:28px 24px;border:1px solid #d6e8f8;background:#fff;border-radius:13px}.sd-benefit-grid i{font-size:28px;color:#0866E8;margin-bottom:16px}.sd-benefit-grid p{font-size:13px;margin:0}
.sd-process{background:#f0f7ff}.sd-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;text-align:center;position:relative}.sd-steps:before{content:'';position:absolute;left:8%;right:8%;top:31px;height:2px;background:#0866E8}.sd-steps article{position:relative}.sd-steps i{width:64px;height:64px;border:1.5px solid #38C8EF;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#0866E8;font-size:24px;margin:0 auto 13px}.sd-steps strong{display:block;font-size:14px;color:#071a39}.sd-steps p{font-size:12px;line-height:1.45;margin:7px 0 0}
.sd-stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sd-stack-grid article{border:1px solid #cfe6fa;border-radius:12px;background:#fff;text-align:center;padding:25px 12px;box-shadow:0 5px 12px #0866e812}.sd-stack-grid h3{font-size:15px;margin-bottom:12px}.sd-stack-grid p{font-size:13px;margin:0}
.sd-case{background:#fff}.sd-case-grid{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:48px}.sd-case-grid>img{width:100%;height:290px;object-fit:cover;border-radius:15px}.sd-case-grid p{max-width:680px}.sd-text-link{color:#0866E8!important;font-weight:800;text-decoration:none}.sd-experience{background:#f0f7ff}.sd-experience-panel{padding:30px 38px;border-radius:16px;background:#fff;border:1px solid #d6e8f8;box-shadow:0 10px 24px #0b468212}.sd-quote-mark{font-size:66px;line-height:.6;color:#0866E8}.sd-experience-panel h3{font-size:22px;margin:20px 0}.sd-experience-points{display:flex;flex-wrap:wrap;gap:12px 25px;font-weight:700;font-size:13px}.sd-experience-points i{color:#0866E8;margin-right:6px}
.sd-faq-list details{border:1px solid #cfe0f1;border-radius:7px;margin:9px 0;background:#fff;overflow:hidden}.sd-faq-list summary{cursor:pointer;list-style:none;padding:15px 18px;font-size:14px;font-weight:800;color:#0b1c3c}.sd-faq-list summary::-webkit-details-marker{display:none}.sd-faq-list summary:after{content:'+';float:right;color:#0866E8;font-size:19px}.sd-faq-list details[open] summary{background:#dff1ff}.sd-faq-list details[open] summary:after{content:'−'}.sd-faq-list details p{padding:15px 18px;margin:0;font-size:13px}
.sd-cta{background:linear-gradient(115deg,#0866E8,#0648d1);color:#fff;padding:42px 0;border-radius:20px 20px 0 0}.sd-cta-inner{display:grid;grid-template-columns:31% 1fr auto;align-items:center;gap:28px}.sd-cta h2{color:#fff;font-size:clamp(25px,2.5vw,37px);margin:0}.sd-cta p{color:#fff;margin:0;max-width:440px}.sd-cta .sd-actions{margin:0}.sd-cta-primary{background:#fff;color:#0866E8!important}.sd-cta-secondary{border:1px solid #fff;color:#fff!important}
@media(max-width:1100px){.sd-split{grid-template-columns:1fr;gap:30px}.sd-intro p{max-width:800px}.sd-hero-grid{grid-template-columns:1fr 1fr}.sd-hero h1{font-size:42px}.sd-cta-inner{grid-template-columns:1fr 1fr}.sd-cta .sd-actions{grid-column:1/-1}.sd-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sd-container{width:min(100% - 36px,600px)}.sd-section{padding:58px 0}.sd-hero{padding:42px 0}.sd-hero-grid,.sd-case-grid,.sd-trust-inner,.sd-cta-inner{grid-template-columns:1fr}.sd-hero h1{font-size:38px}.sd-hero-visual{min-height:220px}.sd-hero-visual img{height:260px}.sd-trust-inner{gap:20px;padding:24px}.sd-tech-names{justify-content:flex-start}.sd-service-grid,.sd-benefit-grid{grid-template-columns:1fr 1fr}.sd-steps{grid-template-columns:repeat(3,1fr);row-gap:26px}.sd-steps:before{display:none}.sd-stack-grid{grid-template-columns:repeat(2,1fr)}.sd-case-grid>img{height:240px}.sd-cta .sd-actions{grid-column:auto}}
@media(max-width:480px){.sd-hero h1{font-size:34px}.sd-service-grid,.sd-benefit-grid{grid-template-columns:1fr}.sd-mini-features{flex-wrap:wrap;gap:16px}.sd-mini-features span{padding:0 12px}.sd-mini-features span:first-child{padding-left:0}.sd-steps{grid-template-columns:repeat(2,1fr)}.sd-stack-grid{grid-template-columns:1fr}.sd-actions .sd-btn{width:100%}}

/* Locally packaged company marks and technology symbols. */
.sd-tech-names{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:center}
.sd-tech-names img{width:100%;max-width:165px;height:46px;object-fit:contain;display:block;margin:auto}
.sd-stack-icons{display:flex;justify-content:center;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sd-stack-logo{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:52px;flex:1 1 52px}
.sd-stack-logo img{width:37px;height:37px;object-fit:contain}
.sd-stack-logo span{font-size:10px;line-height:1.3;color:#36516e;font-weight:650}
.sd-stack-grid article{padding:20px 8px;min-width:0}
@media(max-width:1100px){.sd-tech-names{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.sd-tech-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sd-tech-names img{max-width:130px}}




/* BENFOL — Consistent desktop navigation font size */

@media (min-width: 1200px) {
    body .sd-site-header .navigation-menu > ul > li > a,
    body .sd-site-header .navigation-menu > ul > li > a span,
    body .sd-site-header .navigation-menu > ul > li > a strong {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
    }
}
