.cxb-container{ --cxb-primary:#0E5BD8; --cxb-gap:16px; --cxb-radius:14px; --cxb-container:1120px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial; }
.cxb-row{ width:min(var(--cxb-container), 92vw); margin:0 auto; display:flex; gap:var(--cxb-gap); flex-wrap:wrap; }
.cxb-col{ flex:0 0 var(--w-d); max-width:var(--w-d); }
@media (max-width: 992px){ .cxb-col{ flex-basis:var(--w-t); max-width:var(--w-t); } }
@media (max-width: 768px){ .cxb-col{ flex-basis:var(--w-m); max-width:var(--w-m); } }
.cxb-heading{ line-height:1.1; }
.cxb-text{ color:#334155; line-height:1.6; margin:8px 0 14px; }
.cxb-text.a-center{ text-align:center; } .cxb-text.a-right{ text-align:right; }
.cxb-heading.a-center{ text-align:center; } .cxb-heading.a-right{ text-align:right; }
.cxb-btn{ display:inline-block; padding:10px 16px; border-radius:var(--cxb-radius); text-decoration:none; font-weight:700; border:1px solid transparent; transition:transform .1s ease; }
.cxb-btn:hover{ transform:translateY(-1px); }
.cxb-btn.v-primary{ background:var(--cxb-primary); color:#fff; }
.cxb-btn.v-outline{ background:#fff; color:#111827; border-color:#cbd5e1; }
.cxb-btn.v-soft{ background:rgba(14,91,216,.08); color:#0E5BD8; }
.cxb-btn.s-sm{ padding:8px 12px; font-size:.9rem; } .cxb-btn.s-md{ padding:10px 16px; } .cxb-btn.s-lg{ padding:14px 20px; font-size:1.05rem; }
.cxb-img{ width:100%; height:auto; display:block; }
.cxb-spacer{ width:100%; }
.cxb-html{ width:100%; }

/* v0.3.4.1 — per-device paddings & margins */
.cxb-section{
  padding-top: var(--pt,60px);
  padding-bottom: var(--pb,60px);
  margin-top: var(--mt,0px);
  margin-bottom: var(--mb,0px);
}
@media (max-width: 992px){ /* Tablet */
  .cxb-section{
    padding-top: var(--pt-t, var(--pt));
    padding-bottom: var(--pb-t, var(--pb));
    margin-top: var(--mt-t, var(--mt));
    margin-bottom: var(--mb-t, var(--mb));
  }
}
@media (max-width: 768px){ /* Mobile */
  .cxb-section{
    padding-top: var(--pt-m, var(--pt));
    padding-bottom: var(--pb-m, var(--pb));
    margin-top: var(--mt-m, var(--mt));
    margin-bottom: var(--mb-m, var(--mb));
  }
}
