:root {
    --agid-navy: #0b2545;
    --agid-navy-dark: #071a33;
    --agid-gold: #f5a623;
    --agid-gold-dark: #d78d0f;
    --agid-ink: #1c2733;
    --agid-muted: #64748b;
    --agid-bg-soft: #f6f8fb;
}

body {
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    color: var(--agid-ink);
}

/* ---------- Brand ---------- */
.brand-logo {
    font-weight: 800;
    letter-spacing: .5px;
    color: var(--agid-navy);
    text-decoration: none;
}
.brand-logo span { color: var(--agid-gold-dark); }

.navbar-agid {
    background-color: var(--agid-navy);
}
.navbar-agid .nav-link {
    color: rgba(255,255,255,.85);
    font-weight: 500;
}
.navbar-agid .nav-link:hover,
.navbar-agid .nav-link.active {
    color: var(--agid-gold);
}
.navbar-agid .navbar-brand { color: #fff; font-weight: 800; }
.navbar-agid .navbar-brand span { color: var(--agid-gold); }

.btn-agid-gold {
    background-color: var(--agid-gold);
    border-color: var(--agid-gold);
    color: var(--agid-navy-dark);
    font-weight: 600;
}
.btn-agid-gold:hover {
    background-color: var(--agid-gold-dark);
    border-color: var(--agid-gold-dark);
    color: #fff;
}
.btn-agid-outline {
    border: 1.5px solid #fff;
    color: #fff;
    font-weight: 600;
}
.btn-agid-outline:hover {
    background: #fff;
    color: var(--agid-navy);
}

/* ---------- Hero ---------- */
.hero-agid {
    background: linear-gradient(135deg, var(--agid-navy) 0%, var(--agid-navy-dark) 100%);
    color: #fff;
    padding: 6rem 0 5rem;
    position: relative;
    overflow: hidden;
}
.hero-agid::after {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(245,166,35,.18) 0%, rgba(245,166,35,0) 70%);
}
.hero-agid h1 { font-weight: 800; }
.hero-agid .lead { color: rgba(255,255,255,.85); }

/* ---------- Sections ---------- */
.section-soft { background-color: var(--agid-bg-soft); }
.section-title-eyebrow {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: .78rem;
    font-weight: 700;
    color: var(--agid-gold-dark);
}

/* ---------- Product cards ---------- */
.product-card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(11,37,69,.08);
    transition: transform .18s ease, box-shadow .18s ease;
    height: 100%;
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(11,37,69,.14);
}
.product-icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: rgba(11,37,69,.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: var(--agid-navy);
}

/* ---------- Footer ---------- */
.footer-agid {
    background-color: var(--agid-navy-dark);
    color: rgba(255,255,255,.7);
    padding: 3rem 0 1.5rem;
}
.footer-agid a { color: rgba(255,255,255,.75); text-decoration: none; }
.footer-agid a:hover { color: var(--agid-gold); }
.footer-agid h6 { color: #fff; font-weight: 700; }

/* ---------- Product narrative (rich text from the console) ---------- */
.product-narrative h5, .product-narrative h4 {
    font-weight: 700;
    color: var(--agid-ink);
    margin-top: 1.5rem;
}
.product-narrative p { margin-bottom: 1rem; }
.product-narrative ol, .product-narrative ul { padding-left: 1.2rem; }
.product-narrative li { margin-bottom: .5rem; }
.product-narrative strong { color: var(--agid-ink); }

/* ---------- Console rich-text editor ---------- */
.ql-editor { min-height: 220px; font-size: .95rem; }

.rounded-agid { border-radius: 14px; }
.badge-soft-gold {
    background: rgba(245,166,35,.15);
    color: var(--agid-gold-dark);
    font-weight: 600;
}