.site-header,
.site-footer {
    background-color: #084298; /* Bootstrap blue-700 */
}

.eyebrow {
    margin-bottom: 0.7rem;
    color: var(--bs-primary);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hero {
    background:
        radial-gradient(900px 420px at 80% -10%, #d9e9ff 0%, transparent 60%),
        radial-gradient(700px 380px at 0% 20%, #e7f1ff 0%, transparent 55%);
}

.product-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
}

.prose a { color: var(--bs-primary); }
.hp { position: absolute; left: -9999px; }