.elementor-9164 .elementor-element.elementor-element-a484c80{--display:flex;}.elementor-9164 .elementor-element.elementor-element-fd7ec1f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-47a669b */<style>
.citc-vendor-hub,
.citc-hub-marketplace,
.citc-dynamic-widget {
  font-family: Inter, Arial, sans-serif;
  color: #08122f;
  background: #ffffff;
  line-height: 1.5;
  overflow: hidden;
}
.citc-vendor-hub *,
.citc-hub-marketplace *,
.citc-dynamic-widget * { box-sizing: border-box; }
.citc-vendor-hub a,
.citc-hub-marketplace a,
.citc-dynamic-widget a { text-decoration: none; }
.citc-vendor-hub img,
.citc-hub-marketplace img,
.citc-dynamic-widget img { max-width: 100%; display: block; }
.citc-container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.citc-vendor-hero,
.citc-hubs-hero {
  position: relative;
  padding: 90px 0 98px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 65%, rgba(96,75,255,.9), transparent 30%),
    radial-gradient(circle at 8% 85%, rgba(22,139,255,.55), transparent 24%),
    linear-gradient(135deg, #020817 0%, #071640 55%, #10115b 100%);
}
.citc-vendor-hero:before,
.citc-hubs-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .16;
}
.citc-vendor-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .9fr; gap: 58px; align-items: center; }
.citc-hubs-hero-content { position: relative; z-index: 2; max-width: 880px; text-align: center; margin: 0 auto; }
.citc-badge { display: inline-flex; padding: 10px 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.1); color: #ffffff; font-size: 14px; font-weight: 900; margin-bottom: 24px; }
.citc-vendor-hero h1,
.citc-hubs-hero h1 { color: #ffffff !important; font-size: clamp(42px,6vw,76px); line-height: 1.02; letter-spacing: -2px; margin: 0 0 22px; text-shadow: 0 5px 24px rgba(0,0,0,.35); }
.citc-gradient { background: linear-gradient(90deg,#4fc3ff,#9c8cff,#ff7de0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.citc-vendor-hero p,
.citc-hubs-hero p { color: #f5f8ff !important; font-size: 20px; font-weight: 500; max-width: 650px; margin: 0 0 32px; text-shadow: 0 2px 12px rgba(0,0,0,.42); }
.citc-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.citc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 24px; border-radius: 12px; font-weight: 900; text-align: center; }
.citc-btn-primary { color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); box-shadow: 0 18px 45px rgba(22,139,255,.35); }
.citc-btn-light { color: #211cff; background: #ffffff; }
.citc-vendor-logo-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); border-radius: 30px; padding: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.35); backdrop-filter: blur(12px); }
.citc-logo-box { background: #ffffff; border-radius: 24px; padding: 42px; min-height: 240px; display: flex; align-items: center; justify-content: center; }
.citc-logo-box img { max-height: 110px; max-width: 280px; }
.citc-tabs { background: #ffffff; border-bottom: 1px solid #e4e9f5; position: sticky; top: 0; z-index: 20; }
.citc-tab-row { display: flex; gap: 10px; overflow: auto; padding: 14px 0; }
.citc-tab-row a { white-space: nowrap; padding: 11px 16px; border-radius: 999px; background: #eef3ff; color: #17213f; font-weight: 900; font-size: 13px; }
.citc-tab-row a:hover { background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; }
.citc-section { padding: 76px 0; }
.citc-soft { background: linear-gradient(180deg,#fbfcff,#f3f6ff); }
.citc-kicker { color: #211cff; font-size: 13px; letter-spacing: 1.8px; text-transform: uppercase; font-weight: 900; margin-bottom: 12px; }
.citc-section h2 { font-size: 36px; line-height: 1.15; letter-spacing: -.8px; color: #08122f; margin: 0 0 18px; }
.citc-section p { color: #3f4a63; font-size: 16px; }
.citc-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.citc-card-grid,
.citc-news-grid,
.citc-resource-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 34px; }
.citc-product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 34px; }
.citc-card,
.citc-product-card,
.citc-resource,
.citc-news-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; box-shadow: 0 18px 45px rgba(7,18,47,.07); }
.citc-card,
.citc-product-card,
.citc-resource { padding: 30px; }
.citc-card h3,
.citc-product-card h3,
.citc-resource h3 { margin: 0 0 10px; color: #08122f; font-size: 22px; }
.citc-tag,
.citc-product-tag,
.citc-hub-tag { display: inline-flex; width: max-content; margin-bottom: 14px; padding: 7px 13px; border-radius: 999px; background: #eef3ff; color: #211cff; font-size: 12px; font-weight: 900; }
.citc-link { color: #211cff; font-weight: 900; }
.citc-product-card { display: flex; flex-direction: column; min-height: 100%; }
.citc-product-icon { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; background: #e8f4ff; color: #168bff; font-size: 24px; font-weight: 900; margin-bottom: 18px; }
.citc-product-card p { font-size: 14px; margin: 0 0 22px; }
.citc-product-card .citc-link { margin-top: auto; }
.citc-panel { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; padding: 34px; box-shadow: 0 24px 70px rgba(7,18,47,.12); }
.citc-panel-row { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #edf1f8; }
.citc-panel-row:last-child { border-bottom: 0; }
.citc-num { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; display: grid; place-items: center; font-weight: 900; }
.citc-hub-search { max-width: 720px; margin: 0 auto; background: #ffffff; border-radius: 18px; padding: 12px; display: grid; grid-template-columns: 1fr 180px 56px; box-shadow: 0 26px 70px rgba(0,0,0,.36); }
.citc-hub-search input,
.citc-hub-search select { border: 0; outline: 0; color: #17213f; font-size: 15px; padding: 0 18px; background: #ffffff; }
.citc-hub-search button { border: 0; border-radius: 12px; color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); font-size: 24px; cursor: pointer; }
.citc-hub-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.citc-hub-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 26px; overflow: hidden; box-shadow: 0 20px 55px rgba(7,18,47,.08); transition: transform .25s ease, box-shadow .25s ease; display: flex; flex-direction: column; min-height: 100%; }
.citc-hub-card:hover { transform: translateY(-6px); box-shadow: 0 32px 85px rgba(7,18,47,.15); }
.citc-hub-logo-wrap { min-height: 170px; padding: 34px; background: radial-gradient(circle at 85% 20%,rgba(96,75,255,.14),transparent 34%), linear-gradient(180deg,#ffffff,#f4f7ff); display: flex; align-items: center; justify-content: center; }
.citc-hub-logo-wrap img { max-height: 76px; max-width: 210px; object-fit: contain; }
.citc-hub-content { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.citc-hub-link { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 20px; border-radius: 12px; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff !important; font-weight: 900; }
.citc-cta { color: #ffffff; background: linear-gradient(135deg,#061b70,#671ee3); border-radius: 26px; padding: 50px 56px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.citc-cta h2 { color: #ffffff; margin: 0 0 8px; }
.citc-cta p { color: #eef3ff; margin: 0; }
@media(max-width:1050px){ .citc-vendor-hero-grid,.citc-split,.citc-card-grid,.citc-product-grid,.citc-news-grid,.citc-resource-grid,.citc-hub-grid { grid-template-columns: 1fr; } }
@media(max-width:650px){ .citc-container { padding: 0 18px; } .citc-vendor-hero,.citc-hubs-hero { padding: 58px 0 68px; } .citc-vendor-hero h1,.citc-hubs-hero h1 { font-size: 42px; letter-spacing: -1px; } .citc-vendor-hero p,.citc-hubs-hero p { font-size: 17px; } .citc-section { padding: 54px 0; } .citc-section h2 { font-size: 30px; } .citc-cta { display: block; padding: 36px 26px; } .citc-cta .citc-btn { width: 100%; margin-top: 22px; } .citc-hub-search { grid-template-columns: 1fr; gap: 8px; } }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2baf7a2 */<style>
.citc-vendor-hub,
.citc-hub-marketplace,
.citc-dynamic-widget {
  font-family: Inter, Arial, sans-serif;
  color: #08122f;
  background: #ffffff;
  line-height: 1.5;
  overflow: hidden;
}
.citc-vendor-hub *,
.citc-hub-marketplace *,
.citc-dynamic-widget * { box-sizing: border-box; }
.citc-vendor-hub a,
.citc-hub-marketplace a,
.citc-dynamic-widget a { text-decoration: none; }
.citc-vendor-hub img,
.citc-hub-marketplace img,
.citc-dynamic-widget img { max-width: 100%; display: block; }
.citc-container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.citc-vendor-hero,
.citc-hubs-hero {
  position: relative;
  padding: 90px 0 98px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 65%, rgba(96,75,255,.9), transparent 30%),
    radial-gradient(circle at 8% 85%, rgba(22,139,255,.55), transparent 24%),
    linear-gradient(135deg, #020817 0%, #071640 55%, #10115b 100%);
}
.citc-vendor-hero:before,
.citc-hubs-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .16;
}
.citc-vendor-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .9fr; gap: 58px; align-items: center; }
.citc-hubs-hero-content { position: relative; z-index: 2; max-width: 880px; text-align: center; margin: 0 auto; }
.citc-badge { display: inline-flex; padding: 10px 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.1); color: #ffffff; font-size: 14px; font-weight: 900; margin-bottom: 24px; }
.citc-vendor-hero h1,
.citc-hubs-hero h1 { color: #ffffff !important; font-size: clamp(42px,6vw,76px); line-height: 1.02; letter-spacing: -2px; margin: 0 0 22px; text-shadow: 0 5px 24px rgba(0,0,0,.35); }
.citc-gradient { background: linear-gradient(90deg,#4fc3ff,#9c8cff,#ff7de0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.citc-vendor-hero p,
.citc-hubs-hero p { color: #f5f8ff !important; font-size: 20px; font-weight: 500; max-width: 650px; margin: 0 0 32px; text-shadow: 0 2px 12px rgba(0,0,0,.42); }
.citc-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.citc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 24px; border-radius: 12px; font-weight: 900; text-align: center; }
.citc-btn-primary { color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); box-shadow: 0 18px 45px rgba(22,139,255,.35); }
.citc-btn-light { color: #211cff; background: #ffffff; }
.citc-vendor-logo-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); border-radius: 30px; padding: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.35); backdrop-filter: blur(12px); }
.citc-logo-box { background: #ffffff; border-radius: 24px; padding: 42px; min-height: 240px; display: flex; align-items: center; justify-content: center; }
.citc-logo-box img { max-height: 110px; max-width: 280px; }
.citc-tabs { background: #ffffff; border-bottom: 1px solid #e4e9f5; position: sticky; top: 0; z-index: 20; }
.citc-tab-row { display: flex; gap: 10px; overflow: auto; padding: 14px 0; }
.citc-tab-row a { white-space: nowrap; padding: 11px 16px; border-radius: 999px; background: #eef3ff; color: #17213f; font-weight: 900; font-size: 13px; }
.citc-tab-row a:hover { background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; }
.citc-section { padding: 76px 0; }
.citc-soft { background: linear-gradient(180deg,#fbfcff,#f3f6ff); }
.citc-kicker { color: #211cff; font-size: 13px; letter-spacing: 1.8px; text-transform: uppercase; font-weight: 900; margin-bottom: 12px; }
.citc-section h2 { font-size: 36px; line-height: 1.15; letter-spacing: -.8px; color: #08122f; margin: 0 0 18px; }
.citc-section p { color: #3f4a63; font-size: 16px; }
.citc-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.citc-card-grid,
.citc-news-grid,
.citc-resource-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 34px; }
.citc-product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 34px; }
.citc-card,
.citc-product-card,
.citc-resource,
.citc-news-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; box-shadow: 0 18px 45px rgba(7,18,47,.07); }
.citc-card,
.citc-product-card,
.citc-resource { padding: 30px; }
.citc-card h3,
.citc-product-card h3,
.citc-resource h3 { margin: 0 0 10px; color: #08122f; font-size: 22px; }
.citc-tag,
.citc-product-tag,
.citc-hub-tag { display: inline-flex; width: max-content; margin-bottom: 14px; padding: 7px 13px; border-radius: 999px; background: #eef3ff; color: #211cff; font-size: 12px; font-weight: 900; }
.citc-link { color: #211cff; font-weight: 900; }
.citc-product-card { display: flex; flex-direction: column; min-height: 100%; }
.citc-product-icon { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; background: #e8f4ff; color: #168bff; font-size: 24px; font-weight: 900; margin-bottom: 18px; }
.citc-product-card p { font-size: 14px; margin: 0 0 22px; }
.citc-product-card .citc-link { margin-top: auto; }
.citc-panel { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; padding: 34px; box-shadow: 0 24px 70px rgba(7,18,47,.12); }
.citc-panel-row { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #edf1f8; }
.citc-panel-row:last-child { border-bottom: 0; }
.citc-num { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; display: grid; place-items: center; font-weight: 900; }
.citc-hub-search { max-width: 720px; margin: 0 auto; background: #ffffff; border-radius: 18px; padding: 12px; display: grid; grid-template-columns: 1fr 180px 56px; box-shadow: 0 26px 70px rgba(0,0,0,.36); }
.citc-hub-search input,
.citc-hub-search select { border: 0; outline: 0; color: #17213f; font-size: 15px; padding: 0 18px; background: #ffffff; }
.citc-hub-search button { border: 0; border-radius: 12px; color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); font-size: 24px; cursor: pointer; }
.citc-hub-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.citc-hub-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 26px; overflow: hidden; box-shadow: 0 20px 55px rgba(7,18,47,.08); transition: transform .25s ease, box-shadow .25s ease; display: flex; flex-direction: column; min-height: 100%; }
.citc-hub-card:hover { transform: translateY(-6px); box-shadow: 0 32px 85px rgba(7,18,47,.15); }
.citc-hub-logo-wrap { min-height: 170px; padding: 34px; background: radial-gradient(circle at 85% 20%,rgba(96,75,255,.14),transparent 34%), linear-gradient(180deg,#ffffff,#f4f7ff); display: flex; align-items: center; justify-content: center; }
.citc-hub-logo-wrap img { max-height: 76px; max-width: 210px; object-fit: contain; }
.citc-hub-content { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.citc-hub-link { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 20px; border-radius: 12px; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff !important; font-weight: 900; }
.citc-cta { color: #ffffff; background: linear-gradient(135deg,#061b70,#671ee3); border-radius: 26px; padding: 50px 56px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.citc-cta h2 { color: #ffffff; margin: 0 0 8px; }
.citc-cta p { color: #eef3ff; margin: 0; }
@media(max-width:1050px){ .citc-vendor-hero-grid,.citc-split,.citc-card-grid,.citc-product-grid,.citc-news-grid,.citc-resource-grid,.citc-hub-grid { grid-template-columns: 1fr; } }
@media(max-width:650px){ .citc-container { padding: 0 18px; } .citc-vendor-hero,.citc-hubs-hero { padding: 58px 0 68px; } .citc-vendor-hero h1,.citc-hubs-hero h1 { font-size: 42px; letter-spacing: -1px; } .citc-vendor-hero p,.citc-hubs-hero p { font-size: 17px; } .citc-section { padding: 54px 0; } .citc-section h2 { font-size: 30px; } .citc-cta { display: block; padding: 36px 26px; } .citc-cta .citc-btn { width: 100%; margin-top: 22px; } .citc-hub-search { grid-template-columns: 1fr; gap: 8px; } }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1f2888 */<style>
.citc-vendor-hub,
.citc-hub-marketplace,
.citc-dynamic-widget {
  font-family: Inter, Arial, sans-serif;
  color: #08122f;
  background: #ffffff;
  line-height: 1.5;
  overflow: hidden;
}
.citc-vendor-hub *,
.citc-hub-marketplace *,
.citc-dynamic-widget * { box-sizing: border-box; }
.citc-vendor-hub a,
.citc-hub-marketplace a,
.citc-dynamic-widget a { text-decoration: none; }
.citc-vendor-hub img,
.citc-hub-marketplace img,
.citc-dynamic-widget img { max-width: 100%; display: block; }
.citc-container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.citc-vendor-hero,
.citc-hubs-hero {
  position: relative;
  padding: 90px 0 98px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 65%, rgba(96,75,255,.9), transparent 30%),
    radial-gradient(circle at 8% 85%, rgba(22,139,255,.55), transparent 24%),
    linear-gradient(135deg, #020817 0%, #071640 55%, #10115b 100%);
}
.citc-vendor-hero:before,
.citc-hubs-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .16;
}
.citc-vendor-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .9fr; gap: 58px; align-items: center; }
.citc-hubs-hero-content { position: relative; z-index: 2; max-width: 880px; text-align: center; margin: 0 auto; }
.citc-badge { display: inline-flex; padding: 10px 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.1); color: #ffffff; font-size: 14px; font-weight: 900; margin-bottom: 24px; }
.citc-vendor-hero h1,
.citc-hubs-hero h1 { color: #ffffff !important; font-size: clamp(42px,6vw,76px); line-height: 1.02; letter-spacing: -2px; margin: 0 0 22px; text-shadow: 0 5px 24px rgba(0,0,0,.35); }
.citc-gradient { background: linear-gradient(90deg,#4fc3ff,#9c8cff,#ff7de0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.citc-vendor-hero p,
.citc-hubs-hero p { color: #f5f8ff !important; font-size: 20px; font-weight: 500; max-width: 650px; margin: 0 0 32px; text-shadow: 0 2px 12px rgba(0,0,0,.42); }
.citc-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.citc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 24px; border-radius: 12px; font-weight: 900; text-align: center; }
.citc-btn-primary { color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); box-shadow: 0 18px 45px rgba(22,139,255,.35); }
.citc-btn-light { color: #211cff; background: #ffffff; }
.citc-vendor-logo-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); border-radius: 30px; padding: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.35); backdrop-filter: blur(12px); }
.citc-logo-box { background: #ffffff; border-radius: 24px; padding: 42px; min-height: 240px; display: flex; align-items: center; justify-content: center; }
.citc-logo-box img { max-height: 110px; max-width: 280px; }
.citc-tabs { background: #ffffff; border-bottom: 1px solid #e4e9f5; position: sticky; top: 0; z-index: 20; }
.citc-tab-row { display: flex; gap: 10px; overflow: auto; padding: 14px 0; }
.citc-tab-row a { white-space: nowrap; padding: 11px 16px; border-radius: 999px; background: #eef3ff; color: #17213f; font-weight: 900; font-size: 13px; }
.citc-tab-row a:hover { background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; }
.citc-section { padding: 76px 0; }
.citc-soft { background: linear-gradient(180deg,#fbfcff,#f3f6ff); }
.citc-kicker { color: #211cff; font-size: 13px; letter-spacing: 1.8px; text-transform: uppercase; font-weight: 900; margin-bottom: 12px; }
.citc-section h2 { font-size: 36px; line-height: 1.15; letter-spacing: -.8px; color: #08122f; margin: 0 0 18px; }
.citc-section p { color: #3f4a63; font-size: 16px; }
.citc-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.citc-card-grid,
.citc-news-grid,
.citc-resource-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 34px; }
.citc-product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 34px; }
.citc-card,
.citc-product-card,
.citc-resource,
.citc-news-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; box-shadow: 0 18px 45px rgba(7,18,47,.07); }
.citc-card,
.citc-product-card,
.citc-resource { padding: 30px; }
.citc-card h3,
.citc-product-card h3,
.citc-resource h3 { margin: 0 0 10px; color: #08122f; font-size: 22px; }
.citc-tag,
.citc-product-tag,
.citc-hub-tag { display: inline-flex; width: max-content; margin-bottom: 14px; padding: 7px 13px; border-radius: 999px; background: #eef3ff; color: #211cff; font-size: 12px; font-weight: 900; }
.citc-link { color: #211cff; font-weight: 900; }
.citc-product-card { display: flex; flex-direction: column; min-height: 100%; }
.citc-product-icon { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; background: #e8f4ff; color: #168bff; font-size: 24px; font-weight: 900; margin-bottom: 18px; }
.citc-product-card p { font-size: 14px; margin: 0 0 22px; }
.citc-product-card .citc-link { margin-top: auto; }
.citc-panel { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 24px; padding: 34px; box-shadow: 0 24px 70px rgba(7,18,47,.12); }
.citc-panel-row { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #edf1f8; }
.citc-panel-row:last-child { border-bottom: 0; }
.citc-num { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff; display: grid; place-items: center; font-weight: 900; }
.citc-hub-search { max-width: 720px; margin: 0 auto; background: #ffffff; border-radius: 18px; padding: 12px; display: grid; grid-template-columns: 1fr 180px 56px; box-shadow: 0 26px 70px rgba(0,0,0,.36); }
.citc-hub-search input,
.citc-hub-search select { border: 0; outline: 0; color: #17213f; font-size: 15px; padding: 0 18px; background: #ffffff; }
.citc-hub-search button { border: 0; border-radius: 12px; color: #ffffff; background: linear-gradient(135deg,#604bff,#168bff); font-size: 24px; cursor: pointer; }
.citc-hub-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.citc-hub-card { background: #ffffff; border: 1px solid #e4e9f5; border-radius: 26px; overflow: hidden; box-shadow: 0 20px 55px rgba(7,18,47,.08); transition: transform .25s ease, box-shadow .25s ease; display: flex; flex-direction: column; min-height: 100%; }
.citc-hub-card:hover { transform: translateY(-6px); box-shadow: 0 32px 85px rgba(7,18,47,.15); }
.citc-hub-logo-wrap { min-height: 170px; padding: 34px; background: radial-gradient(circle at 85% 20%,rgba(96,75,255,.14),transparent 34%), linear-gradient(180deg,#ffffff,#f4f7ff); display: flex; align-items: center; justify-content: center; }
.citc-hub-logo-wrap img { max-height: 76px; max-width: 210px; object-fit: contain; }
.citc-hub-content { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.citc-hub-link { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 20px; border-radius: 12px; background: linear-gradient(135deg,#604bff,#168bff); color: #ffffff !important; font-weight: 900; }
.citc-cta { color: #ffffff; background: linear-gradient(135deg,#061b70,#671ee3); border-radius: 26px; padding: 50px 56px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.citc-cta h2 { color: #ffffff; margin: 0 0 8px; }
.citc-cta p { color: #eef3ff; margin: 0; }
@media(max-width:1050px){ .citc-vendor-hero-grid,.citc-split,.citc-card-grid,.citc-product-grid,.citc-news-grid,.citc-resource-grid,.citc-hub-grid { grid-template-columns: 1fr; } }
@media(max-width:650px){ .citc-container { padding: 0 18px; } .citc-vendor-hero,.citc-hubs-hero { padding: 58px 0 68px; } .citc-vendor-hero h1,.citc-hubs-hero h1 { font-size: 42px; letter-spacing: -1px; } .citc-vendor-hero p,.citc-hubs-hero p { font-size: 17px; } .citc-section { padding: 54px 0; } .citc-section h2 { font-size: 30px; } .citc-cta { display: block; padding: 36px 26px; } .citc-cta .citc-btn { width: 100%; margin-top: 22px; } .citc-hub-search { grid-template-columns: 1fr; gap: 8px; } }
</style>/* End custom CSS */