/* Benfol Web & E-commerce Development — approved navy/cyan visual. */
: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;}

@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}}

.we-page,.we-page *{box-sizing:border-box}.we-page{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7;color:#102B55;overflow:hidden}.we-page h1,.we-page h2,.we-page h3,.we-page p{margin:0}.we-page h1,.we-page h2,.we-page h3{font-weight:800;letter-spacing:-.035em;line-height:1.17}.we-page p{margin-top:13px}.we-wrap{width:min(1320px,calc(100% - 72px));margin:0 auto}.we-kicker{font-size:12px;letter-spacing:.05em;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:12px}.we-kicker:after{content:"";display:inline-block;width:34px;height:4px;background:#38C8EF;border-radius:6px}.we-page h2{font-size:clamp(28px,2.65vw,41px)}.we-page h3{font-size:19px}.we-page .we-icon{width:30px;height:30px;flex:none}.we-hero{background:radial-gradient(ellipse at 76% 45%,#0866E8 0%,#064a9b 31%,#092e60 60%,#061d3e 100%);color:#fff;position:relative;isolation:isolate}.we-hero:after,.we-overview:after,.we-process:after{content:"";position:absolute;inset:auto -8% -80px auto;width:55%;height:230px;pointer-events:none;opacity:.16;background:repeating-radial-gradient(ellipse at bottom right,transparent 0 10px,#38C8EF 11px 12px,transparent 13px 20px);transform:rotate(-8deg)}.we-hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:565px;gap:10px;padding:46px 0 40px}.we-hero-copy{position:relative;z-index:2}.we-hero .we-kicker{color:#fff}.we-hero h1{font-size:clamp(35px,3.55vw,58px);color:#fff;letter-spacing:-.045em}.we-hero h1 span{color:#02d5ee}.we-hero p{color:#f3f9ff;font-size:15px;line-height:1.7;max-width:555px}.we-actions{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.we-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:8px;font-weight:800;font-size:13px;text-decoration:none!important;transition:transform .2s}.we-button:hover{transform:translateY(-2px)}.we-button-primary{background:linear-gradient(100deg,#38C8EF,#02c8ed);color:#082345!important}.we-button-outline{color:#fff!important;border:1.5px solid #fff;background:rgba(0,0,0,.12)}.we-mini{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px}.we-mini span{display:flex;align-items:center;gap:10px;padding-right:16px;border-right:1px solid rgba(56,200,239,.7);font-size:11px;font-weight:700;line-height:1.35}.we-mini span:last-child{border:0}.we-mini .we-icon{color:#38C8EF;width:27px;height:27px}.we-hero-image{position:relative;z-index:1;overflow:hidden;border-radius:42% 4% 4% 20%;box-shadow:0 25px 70px #00132c80;background:#0866E8}.we-hero-image img{display:block;width:100%;height:450px;object-fit:cover;object-position:center}.we-overview{position:relative;background:linear-gradient(125deg,#064475,#03234a 76%);color:#fff;padding:75px 0}.we-overview-grid{display:grid;grid-template-columns:40% 1fr;gap:50px;align-items:center}.we-overview img{width:100%;height:315px;object-fit:cover;border-radius:14px}.we-overview h2,.we-overview p{color:#fff}.we-overview p{line-height:1.8}.we-services{background:linear-gradient(110deg,#d9efff,#a9d9f9 70%,#c8edff);padding:78px 0 82px}.we-section-head{display:grid;grid-template-columns:1fr .65fr;gap:55px;align-items:center;margin-bottom:28px}.we-section-head>p{border-left:1px solid #38C8EF;padding-left:34px}.we-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.we-card{padding:26px 18px 25px;border-radius:14px;background:linear-gradient(145deg,#054f87,#052c59);color:#fff;min-height:265px;border:1px solid #2caee7;box-shadow:0 8px 22px #064d7e18}.we-card-icon{display:grid;place-items:center;width:44px;height:44px;background:#eaf8ff;color:#0866E8;border-radius:9px;margin-bottom:15px}.we-card h3{color:#fff;font-size:17px;margin-bottom:12px}.we-card p{font-size:13px;line-height:1.65;color:#f3faff}.we-capabilities{background:linear-gradient(100deg,#061d3e,#034575);color:#fff;padding:78px 0}.we-capabilities-grid{display:grid;grid-template-columns:39% 1fr;gap:42px;align-items:center}.we-capabilities h2,.we-capabilities p{color:#fff}.we-capabilities h2 span{color:#38e5f5}.we-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.we-feature{min-height:80px;border-radius:13px;background:linear-gradient(125deg,#07548a,#0c3667);display:flex;align-items:center;gap:14px;padding:16px;color:#fff;font-size:14px;line-height:1.4}.we-feature .we-icon{color:#38C8EF;width:32px;height:32px}.we-experience{background:linear-gradient(105deg,#d6f0ff,#edf8ff 85%);padding:70px 0}.we-experience-grid{display:grid;grid-template-columns:37% 1fr;gap:52px;align-items:center}.we-experience img{width:100%;height:300px;object-fit:cover;border-radius:15px}.we-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:22px}.we-check-grid span{position:relative;padding-left:28px;font-weight:600;font-size:14px}.we-check-grid span:before{content:'✓';position:absolute;left:0;top:2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#00b9e9;color:#fff;font-weight:900}.we-process{background:linear-gradient(105deg,#062a56,#031c3e);color:#fff;position:relative;padding:78px 0 88px}.we-process h2{color:#fff;margin-bottom:42px}.we-step-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative;z-index:1}.we-step-grid:before{content:'';position:absolute;left:7%;right:7%;top:34px;height:2px;background:#38C8EF;z-index:-1}.we-step{text-align:center}.we-step-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;background:#e6f8ff;border:1px solid #7adfff;border-radius:50%;color:#0866E8}.we-step h3{color:#fff;font-size:15px;margin-bottom:10px}.we-step p{color:#ecf7ff;font-size:13px;line-height:1.55}.we-platforms{background:#eaf6ff;padding:84px 0}.we-platforms>div>p{max-width:950px}.we-platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.we-platform-grid>div{border:1px solid #a7d9f8;border-radius:12px;padding:24px 16px;text-align:center;background:#fff;font-weight:800;font-size:18px}.we-platform-grid small{display:block;font-weight:500;color:#36516e;font-size:12px;margin-top:5px}.we-security{background:#082b55;color:#fff;padding:85px 0}.we-security-grid{display:grid;grid-template-columns:36% 1fr;gap:55px;align-items:center}.we-security h2,.we-security p{color:#fff}.we-security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.we-security-cards .we-card{min-height:225px}.we-why{background:#dff2ff;padding:86px 0}.we-why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.we-why-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.we-why-list>div{background:#fff;border:1px solid #b3e0ff;border-radius:12px;padding:19px;display:flex;gap:12px;align-items:center;font-weight:700}.we-why-list .we-icon{color:#0866E8;width:23px;height:23px}.we-cta{background:radial-gradient(ellipse at 80% 120%,#0a82d9,#032956 68%,#041d3b);color:#fff;padding:78px 0}.we-cta-inner{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}.we-cta h2,.we-cta p{color:#fff}.we-cta p{max-width:850px}
@media(max-width:1100px){.we-service-grid{grid-template-columns:repeat(3,1fr)}.we-hero-grid{grid-template-columns:1fr 1fr}.we-hero h1{font-size:40px}.we-step-grid{grid-template-columns:repeat(3,1fr);row-gap:35px}.we-step-grid:before{display:none}.we-platform-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.we-wrap{width:calc(100% - 34px)}.we-hero-grid,.we-overview-grid,.we-section-head,.we-capabilities-grid,.we-experience-grid,.we-security-grid,.we-why-grid,.we-cta-inner{grid-template-columns:1fr;gap:24px}.we-hero-grid{padding:55px 0 40px}.we-hero h1{font-size:clamp(32px,8vw,45px)}.we-hero-image{border-radius:20px}.we-hero-image img{height:300px}.we-overview,.we-services,.we-capabilities,.we-experience,.we-process,.we-platforms,.we-security,.we-why,.we-cta{padding:58px 0}.we-overview img,.we-experience img{height:250px}.we-service-grid,.we-feature-grid,.we-security-cards{grid-template-columns:repeat(2,1fr)}.we-section-head>p{border:0;padding:0}.we-step-grid{grid-template-columns:repeat(2,1fr)}.we-platform-grid{grid-template-columns:repeat(2,1fr)}.we-cta-inner .we-button{justify-self:start}.we-page h2{font-size:29px}}
@media(max-width:470px){.we-service-grid,.we-feature-grid,.we-security-cards,.we-platform-grid,.we-why-list,.we-check-grid{grid-template-columns:1fr}.we-mini{gap:10px}.we-mini span{font-size:10px}.we-step-grid{gap:16px}.we-step-icon{width:56px;height:56px}.we-step h3{font-size:13px}.we-step p{font-size:12px}.we-hero-image img{height:245px}}