/* Enterprise Systems Integration: sample-matched composition; scoped to this page only. */
#benfol-integration{--ei-navy:#102B55;--ei-blue:#0866E8;--ei-cyan:#38C8EF;--ei-light:#F0F7FF;font-family:Inter,Arial,sans-serif;color:#102B55;background:white;overflow:hidden}
#benfol-integration *,#benfol-integration *::before,#benfol-integration *::after{box-sizing:border-box}
#benfol-integration .ei-container{width:min(92%,1300px);margin:0 auto}
#benfol-integration h1,#benfol-integration h2,#benfol-integration h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.045em;line-height:1.13;font-weight:800;margin:0;color:inherit}
#benfol-integration h2{font-size:clamp(25px,2.65vw,38px)}
#benfol-integration h3{font-size:15px;letter-spacing:-.035em}
#benfol-integration p{margin:8px 0 0;font-size:15px;line-height:1.45;color:inherit}
#benfol-integration .ei-hero{position:relative;display:grid;grid-template-columns:52% 48%;height:355px;background:linear-gradient(110deg,#041d3d,#062c55);color:#fff;isolation:isolate}
#benfol-integration .ei-hero-visual{background:url('../images/enterprise-integration/hero-sample.jpg') center center/cover no-repeat;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);position:relative;z-index:1}
#benfol-integration .ei-hero-divider{position:absolute;left:47.5%;top:0;height:100%;width:23px;transform:skewX(-24deg);background:linear-gradient(#0866E8,#38C8EF);z-index:2}
#benfol-integration .ei-hero-content{padding:35px 5% 28px 5%;display:flex;flex-direction:column;justify-content:center;min-width:0}
#benfol-integration .ei-kicker{font-weight:800;font-size:12px;color:#38C8EF;letter-spacing:.025em;margin:0}
#benfol-integration .ei-kicker.blue{color:#0866E8}
#benfol-integration .ei-hero h1{font-size:clamp(34px,3.55vw,53px);line-height:1.05;margin:7px 0 9px;color:#fff}
#benfol-integration .ei-hero h1 em{font-style:normal;color:#00d3eb}
#benfol-integration .ei-hero-content>p:not(.ei-kicker){max-width:510px;font-size:14px;line-height:1.4;margin:0}
#benfol-integration .ei-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px}
#benfol-integration .ei-btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:10px 16px;font-size:13px;font-weight:800;border-radius:6px;text-decoration:none;white-space:nowrap}
#benfol-integration .ei-btn.primary{background:#00d0e8;color:#031c36}
#benfol-integration .ei-btn.secondary{border:1.5px solid #fff;color:#fff;background:transparent}
#benfol-integration .ei-overview{padding:17px 0 16px;background:#fff}
#benfol-integration .ei-overview-grid{display:grid;grid-template-columns:40% 1fr;gap:40px;align-items:center}
#benfol-integration .ei-overview img{width:100%;height:158px;object-fit:cover;border-radius:9px}
#benfol-integration .ei-overview h2{margin-top:2px}
#benfol-integration .ei-overview-grid>div>p:not(.ei-kicker){font-size:14px;line-height:1.38;margin-top:6px}
#benfol-integration .ei-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px}
#benfol-integration .ei-highlights>div{display:flex;align-items:center;gap:9px;padding:2px 10px;border-right:1px solid #0866E8}
#benfol-integration .ei-highlights>div:first-child{padding-left:0}
#benfol-integration .ei-highlights>div:last-child{border:0}
#benfol-integration .ei-highlights i{font-size:24px;color:#0866E8}
#benfol-integration .ei-highlights strong{font-size:12px;line-height:1.2}
#benfol-integration .ei-services{background:linear-gradient(110deg,#dff4ff,#F0F7FF);padding:15px 0 18px}
#benfol-integration .ei-heading-row{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:center;margin-bottom:13px}
#benfol-integration .ei-heading-row p{border-left:1px solid #0866E8;padding-left:25px;margin:0;font-size:14px}
#benfol-integration .ei-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
#benfol-integration .ei-service-grid article{background:#fff;border-radius:10px;display:grid;grid-template-columns:48px 1fr;gap:10px;min-height:90px;padding:12px 13px}
#benfol-integration .ei-service-grid article>i{color:#0866E8;font-size:32px;align-self:start;text-align:center;margin-top:3px}
#benfol-integration .ei-service-grid h3{font-size:14px}
#benfol-integration .ei-service-grid p{font-size:12px;line-height:1.33;margin-top:5px}
#benfol-integration .ei-architecture{height:175px;position:relative;isolation:isolate;background:linear-gradient(110deg,#041c3b,#083b6d);color:#fff;overflow:hidden}
#benfol-integration .ei-architecture-image{position:absolute;inset:0 0 0 41%;background:url('../images/enterprise-integration/architecture-sample.jpg') center center/cover no-repeat;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);z-index:-1}
#benfol-integration .ei-architecture-divider{position:absolute;left:45%;top:0;height:100%;width:22px;transform:skewX(-24deg);background:linear-gradient(#0866E8,#38C8EF)}
#benfol-integration .ei-architecture .ei-container{height:100%;display:flex;align-items:center}
#benfol-integration .ei-architecture-copy{max-width:43%}
#benfol-integration .ei-architecture h2{font-size:26px;color:#fff}
#benfol-integration .ei-architecture ul{list-style:none;padding:0;margin:7px 0 0}
#benfol-integration .ei-architecture li{font-size:13px;margin:5px 0;position:relative;padding-left:25px}
#benfol-integration .ei-architecture li:before{content:'✓';position:absolute;left:0;top:0;border-radius:50%;width:17px;height:17px;background:#00d0e8;color:#00244a;text-align:center;font-weight:800}
#benfol-integration .ei-process-platforms{background:#fff;padding:13px 0 18px}
#benfol-integration .ei-duo{display:grid;grid-template-columns:60% 40%;gap:0}
#benfol-integration .ei-process{padding-right:20px;border-right:1px solid #0866E8}
#benfol-integration .ei-process h2,#benfol-integration .ei-platforms h2{font-size:23px}
#benfol-integration .ei-process>p,#benfol-integration .ei-platforms>p{font-size:12px;margin-top:3px}
#benfol-integration .ei-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:15px}
#benfol-integration .ei-steps article{text-align:center;position:relative;padding:0 5px}
#benfol-integration .ei-steps article:not(:last-child):after{content:'→';position:absolute;right:-10px;top:10px;color:#0866E8;font-size:20px}
#benfol-integration .ei-steps i{background:#0866E8;color:white;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin:0 auto 5px;font-size:17px}
#benfol-integration .ei-steps h3{font-size:12px}
#benfol-integration .ei-steps p{font-size:11px;line-height:1.2;margin-top:3px}
#benfol-integration .ei-platforms{padding-left:20px}
#benfol-integration .ei-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;align-items:center;margin-top:18px}
#benfol-integration .ei-logos>div{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px}
#benfol-integration .ei-logos strong{font-size:15px;color:#102B55}
#benfol-integration .ms-logo{width:25px;height:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;flex:none}
#benfol-integration .ms-logo b:nth-child(1){background:#f35325}#benfol-integration .ms-logo b:nth-child(2){background:#81bc06}#benfol-integration .ms-logo b:nth-child(3){background:#05a6f0}#benfol-integration .ms-logo b:nth-child(4){background:#ffba08}
#benfol-integration .ei-logos .sap-logo{background:#00a5e5;color:white;font-size:21px;font-style:italic;padding:0 6px;transform:skewX(-13deg)}
#benfol-integration .ei-logos .sf-logo{background:#0c9fe8;color:#fff;border-radius:50%;padding:8px 5px;font-size:11px}
#benfol-integration .ei-logos .oracle-logo{color:#e52723;font-size:17px;letter-spacing:.02em}
#benfol-integration .ei-logos .aws-logo{font-size:26px;color:#182e50;position:relative}
#benfol-integration .ei-logos .aws-logo span{position:absolute;color:#ff9900;bottom:-14px;left:6px;font-size:35px}
#benfol-integration .ei-logos .azure-logo{color:#168ee8;font-size:19px}
#benfol-integration .ei-benefits{background:linear-gradient(110deg,#041d3c,#074c84);color:#fff;padding:16px 0}
#benfol-integration .ei-benefit-layout{display:grid;grid-template-columns:25% 75%;align-items:center}
#benfol-integration .ei-benefit-intro h2{font-size:24px;color:#fff}
#benfol-integration .ei-benefit-intro p{font-size:12px}
#benfol-integration .ei-benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}
#benfol-integration .ei-benefit-grid article{border-left:1px solid #38C8EF;text-align:center;padding:3px 8px}
#benfol-integration .ei-benefit-grid i{color:#00cde8;font-size:25px;margin-bottom:7px}
#benfol-integration .ei-benefit-grid h3{font-size:12px;line-height:1.15;color:#fff}
#benfol-integration .ei-why{background:#fff;padding:16px 0}
#benfol-integration .ei-why-grid{display:grid;grid-template-columns:36% 1fr;gap:32px;align-items:center}
#benfol-integration .ei-why img{width:100%;height:142px;object-fit:cover;border-radius:8px}
#benfol-integration .ei-why h2{font-size:24px}
#benfol-integration .ei-why p{font-size:13px}
#benfol-integration .ei-why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
#benfol-integration .ei-why-points>div{display:flex;gap:8px;align-items:center;border-right:1px solid #0866E8}
#benfol-integration .ei-why-points>div:last-child{border:0}
#benfol-integration .ei-why-points i{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#00cde8;color:#fff;border-radius:50%}
#benfol-integration .ei-why-points strong{font-size:12px;line-height:1.2}
#benfol-integration .ei-cta{background:linear-gradient(110deg,#041c3a,#075095);color:#fff;padding:22px 0}
#benfol-integration .ei-cta-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}
#benfol-integration .ei-cta h2{font-size:26px;color:#fff}
#benfol-integration .ei-cta p{font-size:13px}
#benfol-integration .ei-cta .ei-actions{margin:0;flex-wrap:nowrap}
@media(min-width:1450px){#benfol-integration .ei-hero{height:440px}#benfol-integration .ei-overview{padding:30px 0}#benfol-integration .ei-services{padding:25px 0}#benfol-integration .ei-architecture{height:230px}#benfol-integration .ei-process-platforms{padding:25px 0}#benfol-integration .ei-benefits,#benfol-integration .ei-why{padding:28px 0}}
@media(max-width:1050px){#benfol-integration .ei-hero{grid-template-columns:49% 51%}#benfol-integration .ei-hero-content{padding:24px}#benfol-integration .ei-hero h1{font-size:35px}#benfol-integration .ei-hero-divider{left:44%}#benfol-integration .ei-service-grid{grid-template-columns:repeat(2,1fr)}#benfol-integration .ei-duo{grid-template-columns:1fr}#benfol-integration .ei-process{border-right:0;padding-right:0}#benfol-integration .ei-platforms{padding:22px 0 0}#benfol-integration .ei-logos{grid-template-columns:repeat(6,1fr)}#benfol-integration .ei-benefit-layout{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){#benfol-integration .ei-hero{display:flex;flex-direction:column;height:auto}#benfol-integration .ei-hero-visual{height:245px;clip-path:none;background-size:cover}#benfol-integration .ei-hero-divider{display:none}#benfol-integration .ei-hero-content{padding:28px 5% 35px}#benfol-integration .ei-hero h1{font-size:38px}#benfol-integration .ei-overview-grid,#benfol-integration .ei-why-grid{grid-template-columns:1fr;gap:17px}#benfol-integration .ei-overview img,#benfol-integration .ei-why img{height:210px}#benfol-integration .ei-overview,#benfol-integration .ei-services,#benfol-integration .ei-process-platforms,#benfol-integration .ei-why{padding:30px 0}#benfol-integration .ei-heading-row{grid-template-columns:1fr;gap:10px}#benfol-integration .ei-service-grid{grid-template-columns:1fr}#benfol-integration .ei-architecture{height:auto;min-height:300px}#benfol-integration .ei-architecture-image{inset:0;opacity:.18;clip-path:none}#benfol-integration .ei-architecture-divider{display:none}#benfol-integration .ei-architecture .ei-container{padding:35px 0}#benfol-integration .ei-architecture-copy{max-width:100%}#benfol-integration .ei-steps{grid-template-columns:repeat(2,1fr);gap:16px}#benfol-integration .ei-steps article:after{display:none}#benfol-integration .ei-logos{grid-template-columns:repeat(2,1fr)}#benfol-integration .ei-benefit-grid{grid-template-columns:repeat(2,1fr);gap:18px}#benfol-integration .ei-why-points{grid-template-columns:1fr}#benfol-integration .ei-why-points>div{border:0}#benfol-integration .ei-cta-grid{display:block}#benfol-integration .ei-cta .ei-actions{margin-top:18px;flex-wrap:wrap}#benfol-integration .ei-highlights{grid-template-columns:1fr;gap:8px}#benfol-integration .ei-highlights>div{border:0;padding:0}}

/* Spacious layout refinement — November 2026. Retains the approved content and assets. */
@media (min-width: 1060px) {
 #benfol-integration .ei-container{width:min(90%,1320px)}
 #benfol-integration h2{font-size:clamp(30px,2.8vw,43px);line-height:1.2}
 #benfol-integration h3{font-size:17px;line-height:1.3}
 #benfol-integration p{font-size:16px;line-height:1.7}
 #benfol-integration .ei-hero{height:clamp(510px,38vw,640px)}
 #benfol-integration .ei-hero-content{padding:65px 7% 65px 6%}
 #benfol-integration .ei-hero h1{font-size:clamp(45px,3.9vw,65px);margin:16px 0 22px}
 #benfol-integration .ei-hero-content>p:not(.ei-kicker){font-size:17px;line-height:1.65}
 #benfol-integration .ei-actions{margin-top:28px;gap:17px}
 #benfol-integration .ei-btn{min-height:52px;padding:14px 22px;font-size:14px}
 #benfol-integration .ei-overview{padding:78px 0}
 #benfol-integration .ei-overview-grid{gap:60px}
 #benfol-integration .ei-overview img{height:320px}
 #benfol-integration .ei-overview-grid>div>p:not(.ei-kicker){font-size:16px;line-height:1.7;margin-top:17px}
 #benfol-integration .ei-highlights{margin-top:30px;gap:8px}
 #benfol-integration .ei-highlights>div{gap:12px;padding:8px 15px}
 #benfol-integration .ei-highlights i{font-size:28px}
 #benfol-integration .ei-highlights strong{font-size:14px;line-height:1.4}
 #benfol-integration .ei-services{padding:85px 0 95px}
 #benfol-integration .ei-heading-row{margin-bottom:32px;gap:55px}
 #benfol-integration .ei-heading-row p{font-size:16px;padding-left:30px}
 #benfol-integration .ei-service-grid{gap:22px}
 #benfol-integration .ei-service-grid article{min-height:190px;padding:30px 24px;grid-template-columns:56px 1fr;gap:18px;align-content:start;border-radius:14px}
 #benfol-integration .ei-service-grid article>i{font-size:37px}
 #benfol-integration .ei-service-grid h3{font-size:17px}
 #benfol-integration .ei-service-grid p{font-size:14px;line-height:1.65;margin-top:10px}
 #benfol-integration .ei-architecture{height:410px}
 #benfol-integration .ei-architecture h2{font-size:38px;line-height:1.2}
 #benfol-integration .ei-architecture ul{margin-top:23px}
 #benfol-integration .ei-architecture li{font-size:16px;line-height:1.5;margin:15px 0;padding-left:32px}
 #benfol-integration .ei-architecture li:before{width:21px;height:21px}
 #benfol-integration .ei-process-platforms{padding:85px 0 95px}
 #benfol-integration .ei-duo{grid-template-columns:58% 42%}
 #benfol-integration .ei-process{padding-right:35px}
 #benfol-integration .ei-platforms{padding-left:35px}
 #benfol-integration .ei-process h2,#benfol-integration .ei-platforms h2{font-size:30px}
 #benfol-integration .ei-process>p,#benfol-integration .ei-platforms>p{font-size:15px;line-height:1.65;margin-top:12px}
 #benfol-integration .ei-steps{margin-top:35px;gap:12px}
 #benfol-integration .ei-steps article{padding:0 7px}
 #benfol-integration .ei-steps i{width:56px;height:56px;font-size:23px;margin-bottom:15px}
 #benfol-integration .ei-steps h3{font-size:15px}
 #benfol-integration .ei-steps p{font-size:13px;line-height:1.55;margin-top:9px}
 #benfol-integration .ei-steps article:not(:last-child):after{top:17px}
 #benfol-integration .ei-logos{gap:28px 15px;margin-top:35px}
 #benfol-integration .ei-logos>div{min-height:58px}
 #benfol-integration .ei-benefits{padding:85px 0}
 #benfol-integration .ei-benefit-layout{grid-template-columns:24% 76%}
 #benfol-integration .ei-benefit-intro h2{font-size:34px}
 #benfol-integration .ei-benefit-intro p{font-size:15px;line-height:1.6;margin-top:14px}
 #benfol-integration .ei-benefit-grid article{min-height:155px;padding:20px 13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}
 #benfol-integration .ei-benefit-grid i{font-size:35px}
 #benfol-integration .ei-benefit-grid h3{font-size:15px;line-height:1.4}
 #benfol-integration .ei-why{padding:90px 0}
 #benfol-integration .ei-why-grid{gap:65px}
 #benfol-integration .ei-why img{height:320px}
 #benfol-integration .ei-why h2{font-size:36px}
 #benfol-integration .ei-why p{font-size:16px;line-height:1.7;margin-top:17px}
 #benfol-integration .ei-why-points{margin-top:32px;gap:12px}
 #benfol-integration .ei-why-points strong{font-size:14px;line-height:1.45}
 #benfol-integration .ei-why-points i{width:34px;height:34px}
 #benfol-integration .ei-cta{padding:75px 0}
 #benfol-integration .ei-cta h2{font-size:37px}
 #benfol-integration .ei-cta p{font-size:16px;line-height:1.65;margin-top:14px}
}
@media (min-width: 701px) and (max-width:1059px){
 #benfol-integration .ei-overview,#benfol-integration .ei-services,#benfol-integration .ei-process-platforms,#benfol-integration .ei-why{padding:55px 0}
 #benfol-integration .ei-overview img,#benfol-integration .ei-why img{height:260px}
 #benfol-integration .ei-service-grid{gap:16px}
 #benfol-integration .ei-service-grid article{min-height:155px;padding:22px}
 #benfol-integration .ei-service-grid p{font-size:14px;line-height:1.55}
 #benfol-integration .ei-architecture{height:330px}
 #benfol-integration .ei-benefits,#benfol-integration .ei-cta{padding:55px 0}
 #benfol-integration .ei-steps{margin-top:25px}
 #benfol-integration .ei-steps p{font-size:13px;line-height:1.45}
}
@media (max-width:700px){
 #benfol-integration .ei-hero-visual{height:290px}
 #benfol-integration .ei-hero-content{padding:40px 6% 48px}
 #benfol-integration .ei-overview,#benfol-integration .ei-services,#benfol-integration .ei-process-platforms,#benfol-integration .ei-why{padding:52px 0}
 #benfol-integration .ei-overview img,#benfol-integration .ei-why img{height:250px}
 #benfol-integration .ei-overview-grid,#benfol-integration .ei-why-grid{gap:26px}
 #benfol-integration .ei-heading-row{margin-bottom:26px}
 #benfol-integration .ei-service-grid{gap:16px}
 #benfol-integration .ei-service-grid article{min-height:145px;padding:24px 20px;gap:16px}
 #benfol-integration .ei-service-grid h3{font-size:17px}
 #benfol-integration .ei-service-grid p{font-size:14px;line-height:1.6}
 #benfol-integration .ei-architecture{min-height:380px}
 #benfol-integration .ei-architecture .ei-container{padding:55px 0}
 #benfol-integration .ei-architecture li{font-size:15px;margin:13px 0}
 #benfol-integration .ei-steps{gap:28px 14px;margin-top:28px}
 #benfol-integration .ei-steps i{width:50px;height:50px;font-size:20px;margin-bottom:12px}
 #benfol-integration .ei-steps h3{font-size:15px}
 #benfol-integration .ei-steps p{font-size:13px;line-height:1.5}
 #benfol-integration .ei-platforms{padding-top:50px}
 #benfol-integration .ei-logos{gap:25px;margin-top:25px}
 #benfol-integration .ei-benefits{padding:60px 0}
 #benfol-integration .ei-benefit-grid article{min-height:130px;padding:18px 8px}
 #benfol-integration .ei-benefit-grid h3{font-size:14px}
 #benfol-integration .ei-why-points{margin-top:25px;gap:18px}
 #benfol-integration .ei-cta{padding:60px 0}
 #benfol-integration .ei-cta .ei-actions{margin-top:25px}
}