.is-hub-hero { background: linear-gradient(to bottom, #ffffff 0%, #f2f5f7 100%); padding: 120px 0 80px; text-align: center; }
.is-hub-hero-inner { max-width: 800px; margin: 0 auto; padding: 0 1.5rem; }
.is-hub-hero-title { font-size: clamp(32px, 5vw, 56px); font-weight: 1000; line-height: 1.15; color: #192a3d; margin-bottom: 12px; }
.is-hub-hero-sub { font-size: 20px; color: #3A4F66; margin-bottom: 0; }

.is-hub-products { max-width: 1200px; margin: 0 auto; padding: 40px 1.5rem 80px; }
.is-hub-products-title { font-size: 42px; font-weight: 700; text-align: center; color: #192a3d; margin-bottom: 55px; }

.is-hub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }

.is-hub-card { background: #fff; border: 1px solid #e9edf2; border-radius: 20px; padding: 34px; display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: border-color .25s, box-shadow .25s; overflow: hidden; word-break: break-word; }
.is-hub-card:hover { border-color: var(--brand-color); box-shadow: 0 4px 20px rgba(0,0,0,.06); }

.is-hub-card-header { display: flex; gap: 22px; }
.is-hub-card-logo { width: 72px; height: 72px; border-radius: 18px; background: #fafafa; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.is-hub-card-logo img { width: 100%; height: 100%; object-fit: contain; }

.is-hub-card-info { flex: 1; }
.is-hub-card-name { font-size: 28px; font-weight: 700; margin-bottom: 6px; color: #0f2d5c; }
.is-hub-card-desc { color: #667085; line-height: 1.65; margin-bottom: 22px; font-size: 15px; }

.is-hub-card-features { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; text-align: left; }
.is-hub-card-features li { margin-bottom: 10px; color: #344054; font-size: 14px; display: flex; align-items: flex-start; }
.is-hub-card-features li::before { content: "✓"; color: #16a34a; font-weight: bold; margin-right: 10px; flex-shrink: 0; }

.is-hub-card-footer { margin-top: 32px; display: flex; justify-content: space-between; align-items: center; }
.is-hub-card-tag { font-size: 13px; padding: 7px 12px; border-radius: 30px; background: #eef3ff; color: #3559d8; font-weight: 600; }
.is-hub-card-btn { text-decoration: none; color: #fff; padding: 13px 20px; border-radius: 12px; font-weight: 600; background: var(--brand-color); }
.is-hub-card-btn:hover { filter: brightness(0.9); }

@media (max-width: 700px) {
    .is-hub-card-features { gap: 0 10px; }
    .is-hub-card-features li { font-size: 13px; }
    .is-hub-card { padding: 24px; }
    .is-hub-hero { padding: 100px 0 60px; }
    .is-hub-grid { grid-template-columns: 1fr; }
    .is-hub-card-header { flex-direction: column; align-items: center; text-align: center; }
    .is-hub-card-footer { gap: 12px; }
    .is-hub-card-btn { white-space: nowrap; }
    .is-hub-card-tag { white-space: nowrap; }
    .is-hub-card-desc { text-align: justify; }
}