/* ==========================================================================
   Zena theme (chosen by the BOD from three alternatives: "Aurora")
   Soft gradients, glassmorphism, rounded & friendly. Product-led.
   ========================================================================== */
:root {
    --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
    --font-head: "Plus Jakarta Sans", system-ui, sans-serif;
    --c-bg: #fbfcff;
    --c-soft: #f2f6ff;
    --c-ink: #0b1f5c;
    --c-text: #34426a;
    --c-muted: #66739a;
    --c-line: #e2e9f7;
    --c-primary: #1673ff;
    --c-primary-2: #0a56e0;
    --c-primary-soft: #e9f2ff;
    --radius: 18px;
    --radius-lg: 26px;
    --radius-btn: 999px;
    --shadow: 0 18px 40px -18px rgba(22, 80, 200, .28);
    --shadow-lg: 0 40px 80px -30px rgba(22, 80, 200, .35);
}

body { background: radial-gradient(1200px 600px at 100% -10%, #e5f0ff 0, transparent 60%), radial-gradient(900px 500px at -10% 10%, #eef0ff 0, transparent 60%), var(--c-bg); background-repeat: no-repeat; }
h1, h2 { font-weight: 800; letter-spacing: -.03em; }

/* Header — floating glass pill */
.site-header { padding: 14px 0; }
.header-shell {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    padding: 10px 12px 10px 22px; border-radius: 999px;
    background: rgba(255,255,255,.72); backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);
    border: 1px solid rgba(255,255,255,.9); box-shadow: 0 10px 30px -14px rgba(22, 80, 200, .25);
}
.nav-link { border-radius: 999px; }
.nav-link:hover, .nav-link.is-active { background: var(--c-primary-soft); }
.btn-primary { background: linear-gradient(135deg, #2b8bff, #0a5cf0); }
.btn-primary:hover { background: linear-gradient(135deg, #1a7bff, #0849c4); box-shadow: 0 12px 26px -10px #1673ff; }
.btn-ghost { background: rgba(255,255,255,.7); }

/* Hero */
.hero { position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) 0 40px; overflow: hidden; }
.hero-glow { position: absolute; inset: -20% -10% auto; height: 700px; background: radial-gradient(closest-side at 30% 40%, rgba(43, 139, 255, .28), transparent), radial-gradient(closest-side at 70% 30%, rgba(124, 58, 237, .16), transparent), radial-gradient(closest-side at 55% 70%, rgba(45, 212, 191, .14), transparent); filter: blur(30px); pointer-events: none; }
.hero-inner { position: relative; text-align: center; }
.hero-title { font-size: clamp(2.6rem, 6.4vw, 4.8rem); margin: 22px auto 18px; max-width: 980px; }
.hero-lead { max-width: 720px; margin: 0 auto; }
.hero-visual { margin-top: 56px; padding: 30px; border-radius: 36px; background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.9); box-shadow: var(--shadow-lg); backdrop-filter: blur(10px); }
.channel-strip .channel-chip { background: rgba(255,255,255,.8); backdrop-filter: blur(6px); }

.glass { background: rgba(255,255,255,.7); backdrop-filter: blur(14px); border-color: rgba(255,255,255,.95); box-shadow: var(--shadow); }
.stat strong { background: linear-gradient(90deg, #0b1f5c, #1673ff); -webkit-background-clip: text; background-clip: text; color: transparent; }

.section-soft { background: linear-gradient(180deg, rgba(233, 242, 255, .6), rgba(242, 246, 255, .9)); }

/* Cards */
.card { border-color: rgba(226, 233, 247, .9); box-shadow: 0 2px 6px -2px rgba(22, 80, 200, .06); }
.card-icon { border-radius: 16px; background: linear-gradient(135deg, #e9f2ff, #d6e7ff); }
.product-card { background: linear-gradient(180deg, #fff, #fbfdff); }
.usecase-card { padding: 34px; background: linear-gradient(160deg, var(--accent-soft), #fff 65%); }
.usecase-card .card-icon { background: #fff; color: var(--accent); box-shadow: var(--shadow); }
.tab.is-active { background: linear-gradient(135deg, #2b8bff, #0a5cf0); border-color: transparent; }

/* Page hero */
.page-hero { background: radial-gradient(800px 380px at 85% 0%, rgba(43,139,255,.18), transparent 70%), radial-gradient(600px 300px at 0% 100%, rgba(124,58,237,.08), transparent 70%); }
.page-hero-inner { text-align: center; }
.page-hero-inner > .page-title { margin-left: auto; margin-right: auto; }
.page-hero-inner .lead { margin-left: auto; margin-right: auto; }
.page-hero-inner .crumbs, .page-hero-inner .btn-row { justify-content: center; }
.page-hero-inner .page-hero-icon { margin-left: auto; margin-right: auto; }
.product-hero { background: radial-gradient(700px 400px at 90% 10%, var(--accent-soft, #e9f2ff), transparent 70%), radial-gradient(600px 300px at 0% 100%, rgba(43,139,255,.08), transparent 70%); }
.article-hero .narrow { text-align: left; }

.cta-band { background: linear-gradient(135deg, #e9f2ff, #f3ecff); border: 1px solid #fff; }

/* Footer */
.footer-cta-wrap { padding: 40px 0 0; }
.footer-cta {
    display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap;
    padding: clamp(36px, 5vw, 60px); border-radius: 32px; color: #fff;
    background: radial-gradient(600px 300px at 90% 0%, rgba(91, 182, 255, .55), transparent 70%), linear-gradient(135deg, #0a5cf0, #0b1f5c);
    box-shadow: var(--shadow-lg);
}
.footer-cta h2 { color: #fff; margin-bottom: 10px; }
.footer-cta p { color: rgba(255,255,255,.8); margin: 0; max-width: 560px; }
.footer-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.site-footer { padding: 72px 0 0; }
.footer-col h4 { color: var(--c-ink); }

@media (max-width: 960px) {
    /* backdrop-filter would trap the fixed mobile menu inside the header */
    .header-shell { border-radius: 22px; backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(255,255,255,.96); }
}

.industry-card-cta { background: linear-gradient(135deg, #0a5cf0, #0b1f5c); border: 0; color: #fff; }
.industry-card-cta h3, .industry-card-cta .card-link { color: #fff; }
.industry-card-cta p { color: rgba(255,255,255,.8); }
.industry-card-cta .card-icon { background: rgba(255,255,255,.15); color: #fff; }