/* Page styles shared by: solution-partners.css, technology-partners.css */
.afband{background:var(--ink);color:#B9CEDE;border-top:var(--rule) solid var(--ink)}
.afgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:var(--ink)}
.af-main{grid-column:span 8;background:var(--ink);padding:56px 40px}
.af-main h2{color:#fff;font-size:clamp(1.9rem,3vw,2.6rem);max-width:18ch}
.af-main p{margin:16px 0 0;max-width:54ch}
.af-side{grid-column:span 4;display:grid;grid-template-rows:2fr 1fr;gap:var(--rule)}
.af-side div:first-child{background:var(--green);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.af-side div:first-child b{font-family:var(--fut);font-weight:600;color:#fff;font-size:1.5rem;line-height:1.1}
.af-side div:first-child span{color:#DBF3EB;font-size:.9rem;margin-top:8px}
.af-side div:last-child{background:var(--mint)}
.btn.onink{background:var(--green);border-color:var(--green);color:#fff}

.intgroups{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.intgroups > div{background:#fff;padding:24px 22px 26px}
.intgroups h3{font-size:1.05rem}
.intgroups p{margin:8px 0 0;font-size:.9rem}
.chipset{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.chipset span{font-family:var(--fut);font-weight:600;font-size:.86rem;padding:7px 11px;background:var(--panel);color:var(--ink);border-left:3px solid var(--green)}
.chipset span.soon{border-left-color:var(--ink-soft);color:var(--ink-mid)}
.apinote{margin-top:14px;font-size:.92rem}

.models{display:grid;grid-template-columns:1fr 1fr;gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.models div{background:#fff;padding:28px 26px 30px}
.models div:first-child{background:var(--green)}.models div:first-child h3,.models div:first-child p,.models div:first-child li{color:#fff}
.models h3{font-size:1.3rem}
.models p{margin:10px 0 0;font-size:.95rem}
.models ul{margin:14px 0 0;padding-left:18px;font-size:.92rem}
.models li{margin-bottom:6px}

.proof{display:grid;grid-template-columns:7fr 5fr;gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.proof > div{background:#fff;padding:32px 30px}
.proof .stat{background:var(--ink);color:#B9CEDE;display:flex;flex-direction:column;justify-content:center}
.proof .stat b{font-family:var(--fut);font-weight:600;color:#fff;font-size:3rem;line-height:1}
.proof .stat span{margin-top:10px;font-size:.95rem}
.proof h3{font-size:1.4rem;max-width:22ch}
.proof p{margin:12px 0 0}
.trio{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.trio span{font-family:var(--fut);font-weight:600;font-size:.9rem;padding:8px 12px;border:2px solid var(--line);color:var(--ink)}
.logoph{margin-top:18px;border:2px dashed #B8C6CF;padding:18px;text-align:center;color:var(--ink-soft);font-size:.86rem;background:repeating-linear-gradient(45deg,#F7F9FA,#F7F9FA 10px,#EFF3F5 10px,#EFF3F5 20px)}

@media (max-width:1080px){
  .af-main,.af-side{grid-column:span 12}
  .af-side{grid-template-rows:auto;grid-template-columns:2fr 1fr}
  .intgroups,.models,.proof{grid-template-columns:1fr}
}
.caps3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1080px){ .caps3{grid-template-columns:1fr 1fr} }
@media (max-width:760px){ .af-main{padding:40px 22px} .caps3{grid-template-columns:1fr} }