/* The IQ Suite's centred editorial cover, shared by product landing pages. */
.hero.hero--cover {
    min-height: 88vh; display: flex; align-items: center;
    padding: clamp(80px, 11vw, 150px) 0 clamp(70px, 9vw, 120px);
    overflow: hidden; isolation: isolate;
}
.hero--cover::before {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(70% 80% at 8% 8%, color-mix(in srgb, var(--brand) 26%, transparent), transparent 70%), radial-gradient(60% 60% at 90% 88%, color-mix(in srgb, var(--brand) 15%, transparent), transparent 70%);
}
.hero--cover .hero__inner { width: 100%; text-align: center; position: relative; }
.hero--cover .hero__eyebrow { display: flex; justify-content: center; align-items: center; gap: 14px; }
.hero--cover .hero__eyebrow::before, .hero--cover .hero__eyebrow::after { content: ''; width: 34px; height: 1px; background: var(--rule); }
.hero--cover h1 { margin: clamp(20px, 3vw, 36px) 0 0; font-size: clamp(64px, 12.5vw, 176px); font-weight: 300; line-height: .96; letter-spacing: -.03em; }
.hero--cover .hero__anchor { margin: clamp(18px, 2.6vw, 30px) 0 0; font-family: var(--serif); font-size: clamp(21px, 3vw, 34px); font-style: italic; line-height: 1.15; color: var(--ink-2); }
.hero--cover .hero__dek { max-width: 600px; margin: 18px auto 0; font-family: var(--sans); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.65; color: var(--ink-3); }
.hero--cover .hero__dek strong { color: var(--ink); font-weight: 600; }
.hero--cover .hero__actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: clamp(28px, 4vw, 44px); }
.hero--cover .hero__note { width: 100%; margin-top: 4px; font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-align: center; text-transform: uppercase; color: var(--ink-3); }
.hero--cover .hero__stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(48px, 6vw, 84px); border-top: 1px solid var(--rule); }
.hero--cover .hstat { position: relative; padding: 26px 12px 0; text-align: center; }
.hero--cover .hstat + .hstat::before { content: ''; position: absolute; top: 26px; bottom: 4px; left: 0; width: 1px; background: var(--rule); }
.hero--cover .hstat__num { font-family: var(--serif); font-size: clamp(30px, 3.8vw, 52px); font-weight: 400; line-height: 1; letter-spacing: -.02em; }
.hero--cover .hstat__num sup { font-family: var(--mono); font-size: .45em; vertical-align: super; color: var(--ink-3); }
.hero--cover .hstat__lbl { margin-top: 9px; font-family: var(--mono); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-3); }
.hero--cover.hero--iqb h1 em {
    font-style: italic; font-weight: 400;
    background: linear-gradient(90deg, var(--riq, #5b6eae), var(--ciq, #c4576a) 55%, var(--liq, #4a9080));
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
@media (max-width: 760px) {
    .hero--cover .hero__stats { grid-template-columns: repeat(2, 1fr); border-top: 0; }
    .hero--cover .hstat { border-top: 1px solid var(--rule); }
    .hero--cover .hstat + .hstat::before { display: none; }
    .hero--cover .hstat:nth-child(even)::before { content: ''; position: absolute; top: 26px; bottom: 4px; left: 0; width: 1px; background: var(--rule); }
}