.czb1i-integration{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 32px));
  margin:22px auto 34px;
  padding:clamp(20px,3vw,34px);
  border:1px solid #d9e2ec;
  border-radius:20px;
  background:linear-gradient(145deg,#f8fbff 0%,#fff 62%);
  box-shadow:0 14px 40px rgba(15,43,68,.08);
  color:#152536;
}
.czb1i-integration *{box-sizing:border-box}
.czb1i-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.czb1i-kicker{font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#28628f}
.czb1i-hub-link{font-weight:750;text-decoration:none;color:#0b5794}
.czb1i-hub-link:hover{text-decoration:underline}
.czb1i-integration h2{margin:0 0 10px;font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.18;color:#102a43}
.czb1i-lead{max-width:950px;margin:0 0 20px;font-size:1.02rem;line-height:1.68;color:#334e68}
.czb1i-model-grid,.czb1i-context-grid,.czb1i-route-grid{display:grid;gap:14px}
.czb1i-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px}
.czb1i-model-card{display:flex;flex-direction:column;min-height:154px;padding:17px;border:1px solid #cad9e5;border-radius:15px;background:#fff;text-decoration:none;color:#102a43;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.czb1i-model-card:hover{transform:translateY(-2px);border-color:#5e9ccb;box-shadow:0 10px 24px rgba(21,70,107,.1)}
.czb1i-model-card span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#486581}
.czb1i-model-card strong{margin:5px 0;font-size:1.12rem}
.czb1i-model-card small{line-height:1.45;color:#526d82}
.czb1i-model-card em{margin-top:auto;padding-top:12px;font-style:normal;font-size:.82rem;font-weight:750;color:#0b6b57}
.czb1i-context-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 16px}
.czb1i-context-card{margin:0;padding:16px;border-radius:14px;background:#eef5fa}
.czb1i-context-card h3{margin:0 0 7px;font-size:1rem;color:#173f5f}
.czb1i-context-card p{margin:0;line-height:1.58;color:#3b5266}
.czb1i-warning{margin:16px 0;padding:13px 15px;border-left:4px solid #c47a00;border-radius:8px;background:#fff7e6;color:#6b4600;line-height:1.55}
.czb1i-route-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}
.czb1i-route-grid a{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #d4e0e9;border-radius:12px;background:#fff;text-decoration:none;color:#173f5f}
.czb1i-route-grid a:hover{border-color:#6a9fc4}
.czb1i-route-grid strong{font-size:.93rem}
.czb1i-route-grid span{font-size:.8rem;line-height:1.4;color:#61788b}
@media (max-width:900px){.czb1i-model-grid,.czb1i-context-grid{grid-template-columns:1fr}.czb1i-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.czb1i-integration{width:calc(100% - 20px);margin:14px auto 24px;padding:18px;border-radius:16px}.czb1i-topline{align-items:flex-start;flex-direction:column}.czb1i-route-grid{grid-template-columns:1fr}.czb1i-model-card{min-height:auto}}