/* Shared Curious Kaizer ecosystem section: open header on the page grid, white link tiles with blue icons.
   Used by every page carrying .ck-ecosystem-discovery; overrides the legacy inline <style> in each page. */
body section.ck-ecosystem-discovery.ck-ecosystem-discovery {
    background: transparent !important;
    border-top: 0 !important;
    padding: 56px 24px !important;
    overflow: visible !important;
}
html body .ck-ecosystem-discovery .ck-eco-container,
html body .ck-ecosystem-discovery .ck-eco-container * {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.ck-ecosystem-discovery .ck-eco-container {
    position: relative !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Header */
.ck-ecosystem-discovery .ck-eco-header { max-width: 720px !important; margin: 0 auto 48px !important; text-align: center !important; }
.ck-ecosystem-discovery .ck-eco-badge {
    color: #2463eb !important;
    background: #eff5ff !important;
    border: 1px solid #c7d8fb !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 7px 14px !important;
    letter-spacing: .12em !important;
    margin: 0 !important;
}
.ck-ecosystem-discovery .ck-eco-badge::before { background: #2463eb !important; box-shadow: 0 0 0 3px #2463eb1a !important; }
.ck-ecosystem-discovery .ck-eco-title {
    color: #0f172a !important;
    margin: 20px auto 14px !important;
    font-size: clamp(28px, 3.4vw, 42px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
}
.ck-ecosystem-discovery .ck-eco-subtitle {
    color: #64748b !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
}

/* Grid of link tiles */
.ck-ecosystem-discovery .ck-eco-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
.ck-ecosystem-discovery .ck-eco-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    height: 100% !important;
    padding: 26px 26px 28px !important;
    color: #0f172a !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid #e3e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a14 !important;
    overflow: hidden !important;
    transform: none !important;
    transition: border-color .25s ease, box-shadow .3s ease, transform .3s ease !important;
}
.ck-ecosystem-discovery .ck-eco-card::before { display: none !important; }
.ck-ecosystem-discovery .ck-eco-icon-box {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    flex: none !important;
    border-radius: 13px !important;
    background: #eff5ff !important;
    color: #2463eb !important;
    border: 1px solid #dbe7fd !important;
    box-shadow: none !important;
    font-size: 18px !important;
    transform: none !important;
}
.ck-ecosystem-discovery .ck-eco-body { position: static !important; width: 100% !important; }
.ck-ecosystem-discovery .ck-eco-card-title {
    display: block !important;
    padding-right: 0 !important;
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
    transition: color .2s ease !important;
}
/* Arrow becomes a small round button pinned to the tile's top-right corner */
.ck-ecosystem-discovery .ck-eco-card-title span.arrow {
    position: absolute !important;
    top: 26px !important;
    right: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid #e3e8f0 !important;
    background: #fff !important;
    color: #2463eb !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .25s ease !important;
}
.ck-ecosystem-discovery :is(.ck-eco-desc, .ck-eco-card-desc) {
    margin: 8px 0 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

.ck-ecosystem-discovery .ck-eco-card:hover {
    background: #fff !important;
    border-color: #b9cefa !important;
    box-shadow: 0 1px 2px #0f172a0a, 0 18px 36px -16px #2463eb38 !important;
    transform: translateY(-3px) !important;
}
.ck-ecosystem-discovery .ck-eco-card:hover .ck-eco-card-title { color: #2463eb !important; }
.ck-ecosystem-discovery .ck-eco-card:hover .ck-eco-card-title span.arrow {
    background: #2463eb !important;
    border-color: #2463eb !important;
    color: #fff !important;
    transform: translateX(2px) !important;
}
.ck-ecosystem-discovery .ck-eco-card:focus-visible { outline: 3px solid #2463eb !important; outline-offset: 3px !important; }

@media (max-width: 960px) {
    .ck-ecosystem-discovery .ck-eco-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
}
@media (max-width: 600px) {
    body section.ck-ecosystem-discovery.ck-ecosystem-discovery { padding: 40px 16px !important; }
    .ck-ecosystem-discovery .ck-eco-header { margin-bottom: 32px !important; }
    .ck-ecosystem-discovery .ck-eco-title { font-size: 28px !important; line-height: 1.2 !important; }
    .ck-ecosystem-discovery .ck-eco-subtitle { font-size: 15px !important; }
    .ck-ecosystem-discovery .ck-eco-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    /* Compact rows on phones: icon beside text */
    .ck-ecosystem-discovery .ck-eco-card { flex-direction: row !important; gap: 16px !important; padding: 20px !important; }
    .ck-ecosystem-discovery .ck-eco-icon-box { width: 42px !important; height: 42px !important; font-size: 16px !important; }
    .ck-ecosystem-discovery .ck-eco-body { padding-right: 36px !important; }
    .ck-ecosystem-discovery .ck-eco-card-title { font-size: 16px !important; }
    .ck-ecosystem-discovery .ck-eco-card-title span.arrow { top: 20px !important; right: 20px !important; width: 30px !important; height: 30px !important; font-size: 13px !important; }
    .ck-ecosystem-discovery :is(.ck-eco-desc, .ck-eco-card-desc) { font-size: 13px !important; margin-top: 4px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .ck-ecosystem-discovery .ck-eco-card,
    .ck-ecosystem-discovery .ck-eco-card-title span.arrow { transition: none !important; transform: none !important; }
}