/* --- Fix table visibility inside gradient hero --- */


.ce-hero .table {
  /*width: 100%;*/
  max-width: 560px;
  margin: 18px auto;
  border-collapse: collapse;
  background: rgba(255,255,255,0.95);
  color: #222;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.ce-hero .table th,
.ce-hero .table td {
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-align: right;
}

.ce-hero .table th:first-child,
.ce-hero .table td:first-child {
  text-align: left;
}

.ce-hero .table thead {
  background: linear-gradient(90deg, #B7332B 0%, #4484C8 100%);
  color: #fff;
  font-weight: 700;
}

.ce-hero .table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

.ce-hero .hero-table-wrap{
  text-align: center;
}
.ce-hero .hero-table-wrap .table{
  display: inline-block;
  width: auto !important;
  max-width: 560px;
  margin: 18px 0;
}

@media (max-width: 640px){
  .ce-hero .table{
    width: 100% !important; /* full width on phones */
    max-width: none;
  }
}


.ce-hero{width:100%;background:linear-gradient(90deg,#B7332B 0%,#4484C8 100%);
color:#fff;text-align:center;padding:56px 20px;border-radius:14px;margin:0 0 28px;
box-shadow:0 4px 14px rgba(0,0,0,.1);}
.ce-hero h1{font-size:2rem;font-weight:800;margin:0 0 10px;}
.ce-hero p{max-width:900px;margin:0 auto 14px;line-height:1.65;font-size:1.08em;}
.ce-cta a{display:inline-block;margin:6px;padding:11px 22px;border-radius:10px;
font-weight:700;text-decoration:none;}
.ce-cta .primary{background:#fff;color:#B7332B;}
.ce-cta .dark{background:#000;color:#fff;}
.case-wrap{display:grid;gap:18px;grid-template-columns:1.1fr .9fr;}
@media(max-width:980px){.case-wrap{grid-template-columns:1fr;}}
.card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;
box-shadow:0 2px 8px rgba(0,0,0,.05);}
.card h3{margin:0 0 6px;font-weight:800;color:#1a3a66;}
.card p{margin:8px 0;line-height:1.65;color:#333;}
.kpi{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:520px){.kpi{grid-template-columns:1fr;}}
.kpi .box{background:#f8fbff;border:1px solid #e6effa;border-radius:12px;padding:12px;}
.kpi .box h4{margin:0 0 4px;font-size:13px;color:#1a3a66;}
.kpi .box div{font-weight:800;font-size:18px;}
.table{width:100%;border-collapse:separate;border-spacing:0;}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #eee;text-align:right;}
.table th:first-child,.table td:first-child{text-align:left;}
.note{border-left:4px solid #4484C8;background:#f5f9ff;padding:12px 14px;border-radius:10px;}
.warn{border-left-color:#B7332B;background:#fff7f7;}
.nav-links{text-align:center;margin:20px 0 8px;}
.nav-links a{display:inline-block;margin:6px;padding:10px 16px;border-radius:8px;
text-decoration:none;font-weight:700;}
.nav-links .next{background:#4484C8;color:#fff;}
.nav-links .back{background:#B7332B;color:#fff;}