/* Benfol Software Modernization: scoped to this page; preserves shared header/footer */
.sm-page{--navy:#102B55;--deep:#031f42;--blue:#0866E8;--cyan:#38C8EF;--light:#F0F7FF;font-family:Inter,Arial,sans-serif;color:var(--navy);overflow:hidden}.sm-page *{box-sizing:border-box}.sm-page h1,.sm-page h2,.sm-page h3{font-family:Inter,Arial,sans-serif;font-weight:800;line-height:1.13;letter-spacing:-.035em;margin:0 0 12px}.sm-page p{margin:0 0 12px;line-height:1.5}.sm-page h2{font-size:clamp(26px,2.3vw,36px)}.sm-page h3{font-size:17px}.sm-container{width:min(1380px,calc(100% - 72px));margin:auto}.sm-page section{padding:52px 0}.sm-light{background:linear-gradient(120deg,#e9f7ff,#f9fcff)}.sm-dark{background:linear-gradient(105deg,#031c3c,#073a6b);color:#fff}.sm-dark h2,.sm-dark h3,.sm-dark p{color:#fff}.sm-accent{display:block;width:42px;height:4px;background:#12dce9;border-radius:8px}.sm-hero{background:linear-gradient(115deg,#effaff 0%,#d8f2ff 55%,#c5ebfc 100%);padding:0!important}.sm-hero-layout{display:grid;grid-template-columns:54% 46%;min-height:420px;align-items:stretch}.sm-hero-copy{padding:62px 35px 58px 0;align-self:center}.sm-eyebrow{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.035em;margin-bottom:18px}.sm-eyebrow:before{content:'';display:inline-block;width:31px;height:4px;background:#05d8e8;vertical-align:middle;margin-right:12px}.sm-hero h1{font-size:clamp(36px,3.5vw,56px);max-width:720px}.sm-hero h1 span{color:var(--blue)}.sm-hero-copy>p{max-width:650px;font-size:16px}.sm-hero-visual{position:relative;overflow:hidden;min-height:420px}.sm-hero-visual:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,#d8f2ff 0%,transparent 22%)}.sm-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sm-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border-radius:8px;font-weight:800;font-size:14px;text-decoration:none!important}.sm-primary{background:var(--blue);color:#fff!important}.sm-outline{border:1.5px solid var(--navy);color:var(--navy)!important}.sm-why-matters{padding:30px 0!important}.sm-benefit-strip{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:0;align-items:center}.sm-strip-title{padding-right:20px}.sm-strip-title h2{font-size:27px}.sm-benefit-strip article{padding:8px 20px;border-left:1px solid #4e89b1;text-align:center}.sm-benefit-strip article i{font-size:32px;color:#05d8e8;margin-bottom:10px}.sm-benefit-strip article h3{font-size:15px}.sm-benefit-strip article p{font-size:13px}.sm-heading{text-align:center;margin:0 auto 27px}.sm-heading p{font-size:15px}.sm-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sm-service{background:linear-gradient(160deg,#fff,#eef8ff);border:1px solid #cbe5f7;border-radius:12px;padding:28px 17px;text-align:center;box-shadow:0 7px 14px #0a4b8712}.sm-service i{display:block;color:var(--blue);font-size:38px;margin-bottom:14px}.sm-service h3{font-size:18px}.sm-service p{font-size:13px}.sm-approach{padding:0!important;display:grid;grid-template-columns:31% 69%;background:#f3fbff}.sm-approach-photo{min-height:300px;overflow:hidden}.sm-approach-photo img{width:100%;height:100%;object-fit:cover}.sm-approach-content{padding:46px 5% 40px}.sm-approach-content>p{font-size:15px}.sm-process{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}.sm-process>div{text-align:center;position:relative}.sm-process>div:not(:last-child):after{content:'→';position:absolute;right:-14px;top:16px;color:var(--navy);font-size:23px;font-weight:900}.sm-process i{display:grid;place-items:center;width:58px;height:58px;background:var(--blue);border-radius:50%;color:white;font-size:25px;margin:0 auto 12px}.sm-process h3{font-size:16px}.sm-process p{font-size:12px}.sm-tech{padding:28px 0!important}.sm-tech-row{display:grid;grid-template-columns:25% 1fr;gap:24px;align-items:center}.sm-tech-row h2{font-size:25px}.sm-tech-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.sm-tech-logos>div{background:#fff;border-radius:9px;min-height:64px;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center}.sm-tech-logos strong{font-size:16px}.sm-tech-logos small{font-size:9px}.sm-case-row{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:15px;align-items:stretch}.sm-case-intro p{font-size:14px}.sm-case-row article{display:flex;gap:13px;border:1px solid #c8e3f5;background:#f4faff;border-radius:10px;padding:18px 14px}.sm-case-row article i{font-size:29px;color:var(--blue)}.sm-case-row article h3{font-size:16px}.sm-case-row article p{font-size:12px}.sm-outcomes{display:grid;grid-template-columns:30% 44% 1fr;gap:30px;align-items:center;padding:0!important;min-height:225px}.sm-outcomes-photo{height:235px}.sm-outcomes-photo img{width:100%;height:100%;object-fit:cover}.sm-outcomes-copy{padding:26px 0}.sm-outcomes-copy ul{padding:0;list-style:none;margin:0}.sm-outcomes-copy li{margin:8px 0;font-size:14px}.sm-outcomes-copy li:before{content:'✓';color:#03e0ed;font-weight:900;margin-right:12px}.sm-cloud-icon{font-size:105px;text-align:center;color:#0dd9f5}.sm-choose-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:18px;align-items:start}.sm-choose-title p{font-size:14px;margin-top:14px}.sm-choose article{text-align:center;border-left:1px solid #a4d4ef;padding:0 12px}.sm-choose article i{font-size:29px;color:var(--blue);margin-bottom:11px}.sm-choose article h3{font-size:15px}.sm-choose article p{font-size:12px}.sm-ecosystem{padding:29px 0!important}.sm-ecosystem-row{display:grid;grid-template-columns:33% 1fr;gap:26px;align-items:center}.sm-ecosystem-row h2{font-size:24px}.sm-ecosystem-row p{font-size:13px}.sm-ecosystem-tags{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sm-ecosystem-tags span{background:#fff;color:#102B55;border-radius:9px;padding:17px 8px;text-align:center;font-size:15px;font-weight:800}.sm-cta{background:#f4faff;padding:36px 0!important}.sm-cta-inner{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:24px;background:linear-gradient(110deg,#0866E8,#062651 75%);border-radius:16px;padding:28px 36px;color:white}.sm-cta-inner h2,.sm-cta-inner p{color:white}.sm-cta-inner h2{font-size:28px}.sm-cta-symbol{font-size:66px;color:white}.sm-cta .sm-primary{background:#07dce9;color:#06264b!important}.sm-page a:focus-visible{outline:3px solid #38C8EF;outline-offset:3px}
@media(max-width:1100px){.sm-benefit-strip{grid-template-columns:repeat(4,1fr)}.sm-strip-title{grid-column:1/-1;margin-bottom:20px}.sm-service-grid{grid-template-columns:repeat(3,1fr)}.sm-tech-row,.sm-ecosystem-row{grid-template-columns:1fr}.sm-tech-logos{grid-template-columns:repeat(3,1fr)}.sm-case-row{grid-template-columns:repeat(2,1fr)}.sm-choose-grid{grid-template-columns:repeat(2,1fr)}.sm-choose-title{grid-column:1/-1}}
@media(max-width:750px){.sm-container{width:calc(100% - 36px)}.sm-page section{padding:38px 0}.sm-hero-layout{grid-template-columns:1fr}.sm-hero-copy{padding:44px 0 28px}.sm-hero-visual{min-height:260px;max-height:360px}.sm-hero h1{font-size:37px}.sm-benefit-strip{grid-template-columns:repeat(2,1fr)}.sm-service-grid{grid-template-columns:repeat(2,1fr)}.sm-approach{grid-template-columns:1fr}.sm-approach-photo{height:220px;min-height:0}.sm-approach-content{padding:36px 18px}.sm-process{grid-template-columns:repeat(2,1fr)}.sm-process>div:after{display:none}.sm-outcomes{grid-template-columns:1fr;gap:0}.sm-outcomes-photo{height:230px}.sm-outcomes-copy{padding:30px 18px}.sm-cloud-icon{display:none}.sm-ecosystem-tags{grid-template-columns:repeat(2,1fr)}.sm-cta-inner{grid-template-columns:1fr;text-align:center;justify-items:center}.sm-case-row{grid-template-columns:1fr}}
@media(max-width:480px){.sm-hero h1{font-size:32px}.sm-service-grid{grid-template-columns:1fr}.sm-benefit-strip{grid-template-columns:1fr 1fr}.sm-benefit-strip article{padding:14px 7px}.sm-tech-logos{grid-template-columns:repeat(2,1fr)}.sm-choose-grid{grid-template-columns:1fr}.sm-choose article{border-left:0;border-top:1px solid #a4d4ef;padding:18px 0}.sm-cta-inner{padding:26px 18px}}


/* Isolated header color restoration; do not change the shared header files. */
body .sd-site-header .header-sticky:not(.is-sticky),
body .sd-site-header .header-sticky:not(.is-sticky) .header-bottom-wrap,
body .sd-site-header .header-sticky:not(.is-sticky) .header-bottom-inner,
body .sd-site-header .header-sticky:not(.is-sticky) .header-bottom-wrap-inner{background:#102B55!important}
body .sd-site-header .header-sticky:not(.is-sticky) .navigation-menu>ul>li>a,
body .sd-site-header .header-sticky:not(.is-sticky) .navigation-menu>ul>li>a span{color:#fff!important}
body .sd-site-header .header-sticky:not(.is-sticky) .light-logo{display:inline-block!important;visibility:visible!important;opacity:1!important}
body .sd-site-header .header-sticky:not(.is-sticky) .dark-logo{display:none!important}
body .sd-site-header .header-sticky.is-sticky{background:#fff!important}
body .sd-site-header .header-sticky.is-sticky .navigation-menu>ul>li>a,
body .sd-site-header .header-sticky.is-sticky .navigation-menu>ul>li>a span{color:#102B55!important}
body .sd-site-header .header-sticky.is-sticky .light-logo{display:none!important}
body .sd-site-header .header-sticky.is-sticky .dark-logo{display:inline-block!important;opacity:1!important}
.sm-brand-mark{width:36px;height:29px;object-fit:contain;display:block;margin:0 auto 3px}
.sm-tech-logos>div,.sm-ecosystem-tags span{gap:3px}
.sm-ecosystem-tags span{display:flex;align-items:center;justify-content:center;flex-direction:column}
.sm-ecosystem-tags span strong{font-size:14px}
/* Preserve the original sample's cyan diagonal transition and photo framing. */
.sm-hero-visual:before{background:linear-gradient(115deg,#d8f2ff 0%,rgba(216,242,255,.4) 5%,transparent 13%);clip-path:polygon(0 0,17% 0,0 100%)}
.sm-hero-visual img{object-position:center center}
.sm-hero-visual:after{content:'';position:absolute;left:0;top:0;height:100%;width:14%;background:#14d9ee;clip-path:polygon(92% 0,100% 0,9% 100%,0 100%);pointer-events:none}
@media(max-width:750px){.sm-hero-visual:after{width:12%}}

/* Final local-asset and navigation corrections, scoped to this page's existing header */
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky),
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky) .header,
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky) .container,
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky) .row {background-color:#102B55!important}
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky,
body .sd-site-header .header-bottom-wrap.header-sticky.is-sticky .header {background-color:#fff!important}
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky) .navigation-menu>ul>li>a,
body .sd-site-header .header-bottom-wrap.header-sticky:not(.is-sticky) .navigation-menu>ul>li>a span {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 {color:#102B55!important}
.sm-tech-logos>div{min-width:0;padding:8px 5px}
.sm-tech-logos .sm-brand-mark{width:100%;max-width:145px;height:42px;object-fit:contain;margin:0 auto}
.sm-tech-logos>div strong,.sm-tech-logos>div small{display:none}
.sm-ecosystem-tags span{min-width:0;padding:10px 6px}
.sm-ecosystem-tags .sm-brand-mark{width:100%;max-width:155px;height:42px;object-fit:contain;margin:0 auto}
.sm-ecosystem-tags span strong{display:none}


/* Page layout refinements
   Keep the shared navigation and footer styles in their own stylesheets.
   Spacing is based on section content, not oversized fixed heights.
*/
.sm-page {
  --section-space: clamp(64px, 6vw, 96px);
}
.sm-page .sm-container { width: min(1240px, calc(100% - 64px)); }
.sm-page section { padding-block: var(--section-space); }
.sm-page .sm-hero { padding: 0 !important; }
.sm-page .sm-hero-copy { padding-block: clamp(56px, 5vw, 80px); }
.sm-page .sm-why-matters { padding-block: 64px; }
.sm-page .sm-services, .sm-page .sm-cases, .sm-page .sm-choose { padding-block: 88px; }
.sm-page .sm-tech, .sm-page .sm-ecosystem { padding-block: 68px; }
.sm-page .sm-cta { padding-block: 76px; }
.sm-page .sm-approach { padding: 0; min-height: 0; }
.sm-page .sm-approach-content { padding: 72px clamp(28px, 4vw, 72px); }
.sm-page .sm-approach-photo { min-height: 420px; }
.sm-page .sm-outcomes { padding: 0; min-height: 0; }
.sm-page .sm-outcomes-photo { height: 360px; }
.sm-page .sm-service-grid { gap: 20px; }
.sm-page .sm-service { padding: 32px 20px; }
.sm-page .sm-heading { margin-bottom: 38px; }
.sm-page .sm-tech-logos, .sm-page .sm-ecosystem-tags { gap: 12px; }
.sm-page .sm-tech-logos > div, .sm-page .sm-ecosystem-tags span {
  min-width: 0;
  min-height: 90px;
  padding: 18px 12px;
}
.sm-page .sm-tech-logos img.sm-brand-mark,
.sm-page .sm-ecosystem-tags img.sm-brand-mark {
  display: block;
  width: 100%;
  max-width: 145px;
  height: 48px;
  margin-inline: auto;
  object-fit: contain;
}
/* Keep brand labels accessible to screen readers but avoid duplicate visible text. */
.sm-page .sm-tech-logos strong,
.sm-page .sm-tech-logos small,
.sm-page .sm-ecosystem-tags strong {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
@media (max-width: 750px) {
  .sm-page .sm-container { width: calc(100% - 36px); }
  .sm-page .sm-services, .sm-page .sm-cases, .sm-page .sm-choose,
  .sm-page .sm-tech, .sm-page .sm-ecosystem, .sm-page .sm-why-matters,
  .sm-page .sm-cta { padding-block: 58px; }
  .sm-page .sm-approach-content { padding: 48px 24px; }
  .sm-page .sm-approach-photo { min-height: 0; }
  .sm-page .sm-outcomes-photo { height: 230px; }
  .sm-page .sm-heading { margin-bottom: 28px; }
}