/* Offering 1 — Software & Solutions: sections unique to this page (shared components: offerings.css).
   Figma: V2 Offering 1 (4389:34393), 1440 frame. */

.msov2 .mssv2-hero h1{max-width:940px}
.msov2 .mssv2-hero .mssv2-copy{max-width:910px}

/* Our approach — prose left, "AI First" card right */
.msov2-approach__grid{display:grid;grid-template-columns:minmax(0,620px) minmax(0,594px);justify-content:space-between;gap:40px;align-items:center}
.msov2-approach h2{max-width:420px}
.msov2-approach .mssv2-prose{max-width:620px}
.msov2-approach .mssv2-prose strong{font-weight:700;color:var(--o-space)}
.msov2-ai-card{min-height:412px;padding:48px 61px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;color:var(--o-paper);background:linear-gradient(180deg,rgba(5,5,74,.72) 0%,rgba(5,5,74,.5) 100%),var(--msov2-approach) center bottom/cover no-repeat,#05054a;transition:transform .45s var(--o-ease),box-shadow .45s var(--o-ease)}
.msov2-ai-card h3{font:900 var(--o-h2)/1.15 var(--o-font);background:linear-gradient(180deg,#2bb4ff 0%,#00f2ad 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.msov2-ai-card p{margin-top:20px!important;font:400 16px/1.55 var(--o-font);color:var(--o-paper)}

/* Software & solutions tabs — tab widths follow their labels */
.msov2 .mssv2-tabs{display:flex}
.msov2 .mssv2-tab{flex:1 1 auto}
.msov2 .mssv2-panel{align-items:start}
.msov2-panel__content h3{max-width:520px}
.msov2-panel__content>p{max-width:586px}
.msov2 .msov2-panel__content>p+p{margin-top:10px!important}
.msov2-features{display:grid;grid-template-columns:minmax(0,260px) minmax(0,330px);gap:28px 33px;margin-top:40px}
.msov2-features>p,.msov2-feature{position:relative;padding-left:28px;font:500 16px/1.4 var(--o-font);color:var(--o-space)}
.msov2-features>p:before,.msov2-feature:before{content:"–";position:absolute;left:6px;top:0;color:var(--o-space)}
.msov2-feature h4{font:700 16px/1.4 var(--o-font);color:var(--o-space)}
.msov2-feature p{margin-top:6px!important;font:400 16px/1.55 var(--o-font);color:var(--o-muted)}
.msov2-ai-note{margin-top:50px;max-width:590px}
.msov2-ai-note h4{font:700 24px/1.3 var(--o-font);color:var(--o-space)}
.msov2-ai-note p{margin-top:10px!important;font:400 16px/1.55 var(--o-font);color:var(--o-muted)}

/* From intelligence to action — five-step flow */
.msov2-connected{padding:168px 0 126px;background:var(--o-space);color:var(--o-paper);--hr:522px}
.msov2-connected:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:255px;background:url('../images/pattern-geometric.png') center bottom/580px auto repeat-x;opacity:.2;-webkit-mask-image:linear-gradient(transparent,#000 58%);mask-image:linear-gradient(transparent,#000 58%);pointer-events:none}
.msov2-connected .mssv2-heading-row{align-items:start}
.msov2-connected .mssv2-heading-row>div>p+p{margin-top:22px!important}
.msov2-connected .mssv2-heading-row>div>p{font:400 var(--o-body)/1.65 var(--o-font)}
.msov2-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:70px;margin-top:84px}
.msov2-flow article{min-width:0}
.msov2-flow img{width:32px;height:32px;margin-bottom:14px;filter:brightness(0) saturate(100%) invert(72%) sepia(79%) saturate(858%) hue-rotate(111deg) brightness(102%) contrast(102%);transition:transform .45s var(--o-ease)}
.msov2-flow h3{position:relative;height:42px;display:flex;align-items:center;padding:0 30px 0 34px;clip-path:polygon(0 0,89% 0,100% 50%,89% 100%,0 100%,6% 50%);background:linear-gradient(90deg,#0f4c96,#1e6dbf);font:500 18px/1 var(--o-font);color:var(--o-paper);transition:filter .35s ease}
.msov2-flow h3:before{content:"";position:absolute;left:9px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--o-space);box-shadow:0 0 0 2px rgba(255,255,255,.15);transform:translateY(-50%)}
.msov2-flow__detail{position:relative;min-height:139px;margin-left:14px;padding:18px 0 18px 16px;border-left:1px solid rgba(0,242,173,.55)}
.msov2-flow__detail:after{content:"";position:absolute;left:-4px;bottom:0;width:7px;height:7px;border-radius:50%;background:var(--o-mint)}
.msov2-flow p{font:400 16px/1.55 var(--o-font);color:#d1deed}

/* Business value */
.msov2-value{overflow:hidden}
.msov2-value:after{content:"";position:absolute;z-index:-1;right:0;top:0;width:410px;height:748px;background:var(--msov2-value) top right/410px 748px no-repeat;pointer-events:none}
.msov2-value h2{margin-top:20px!important}
.msov2-value__intro{max-width:530px;margin-top:24px!important;font:400 var(--o-body)/1.65 var(--o-font);color:var(--o-text)}
.msov2-value-grid{display:grid;grid-template-columns:289px 289px 340px;gap:44px 22px;margin-top:60px}
.msov2-value-grid article:nth-child(3n+1) p{max-width:272px}
.msov2-value-grid article:nth-child(3n+2) p{max-width:262px}
.msov2-value-grid article:nth-child(3n) p{max-width:335px}
.msov2-value-grid img{width:32px;height:32px;margin-bottom:12px;filter:brightness(0) saturate(100%) invert(11%) sepia(94%) saturate(5833%) hue-rotate(241deg) brightness(70%) contrast(118%);transition:transform .45s var(--o-ease)}
.msov2-value-grid h3{font:700 24px/1.3 var(--o-font);color:var(--o-space)}
.msov2-value-grid p{margin-top:8px!important;font:400 16px/1.55 var(--o-font);color:var(--o-text)}

/* Engagement models (5 cards) + commercial pills sized to their text */
.msov2-models{--hr:637px}
.msov2 .mssv2-cards--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.msov2 .mssv2-cards--5 .mssv2-card{padding:16px}
.msov2 .mssv2-cards--5 .mssv2-card p{max-width:190px;font-size:14px}
.msov2-commercial{--hr:754px;padding-top:140px}
.msov2-commercial .mssv2-pills{margin-top:80px}
.msov2-solutions{padding-bottom:96px}
.msov2 .mssv2-pills--fit{display:flex;gap:12px}
.msov2 .mssv2-pills--fit p{flex:1 1 auto;justify-content:center;min-height:90px;padding:0 24px;text-align:center}
.msov2 .mssv2-why{--hr:658px}

@media(hover:hover) and (pointer:fine){
  .msov2-ai-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(5,5,74,.28)}
  .msov2-flow article:hover h3{filter:brightness(1.2)}
  .msov2-flow article:hover img,.msov2-value-grid article:hover img{transform:translateY(-4px)}
}

@media(max-width:1100px){
  .msov2-approach__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .msov2-approach h2{max-width:none}
  .msov2 .mssv2-tabs{display:grid}
  .msov2-connected{padding:120px 0}
  .msov2-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin-top:60px}
  .msov2-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msov2-value-grid article:nth-child(n) p{max-width:none}
  .msov2-value:after{opacity:.25}
  .msov2 .mssv2-cards--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .msov2 .mssv2-pills--fit{flex-wrap:wrap}
}
@media(max-width:767px){
  .msov2-ai-card{min-height:0;padding:36px 28px}
  .msov2-features{grid-template-columns:minmax(0,1fr);gap:18px}
  .msov2-connected,.msov2-commercial{padding:72px 0}
  .msov2-commercial .mssv2-pills{margin-top:40px}
  .msov2-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 18px;margin-top:44px}
  .msov2-flow h3{font-size:16px}
  .msov2-flow__detail{min-height:0}
  .msov2-flow p{max-width:none;font-size:15px}
  .msov2-value-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .msov2-value:after{width:220px;height:400px;background-size:220px 400px;opacity:.18}
  .msov2 .mssv2-cards--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .msov2 .mssv2-cards--5 .mssv2-card:last-child{grid-column:1/-1}
  .msov2 .mssv2-cards--5 .mssv2-card p{max-width:none}
  .msov2 .mssv2-pills--fit p{flex:1 1 40%;min-height:72px}
}