/**
 * Cosmic Spectrum — multi-hue accent system (gold · green · cyan · violet · rose · sky · amber · teal · coral)
 * BUILD 2026.06.17
 */
:root {
    /* Core brand (unchanged anchors) */
    --cosmic-gold: #D4AF37;
    --cosmic-gold-glow: rgba(212, 175, 55, 0.22);
    --cosmic-green: #00FF66;
    --cosmic-green-glow: rgba(0, 255, 102, 0.18);

    /* Extended spectrum */
    --cosmic-amber: #FBBF24;
    --cosmic-amber-glow: rgba(251, 191, 36, 0.22);
    --cosmic-cyan: #22D3EE;
    --cosmic-cyan-glow: rgba(34, 211, 238, 0.2);
    --cosmic-sky: #38BDF8;
    --cosmic-sky-glow: rgba(56, 189, 248, 0.2);
    --cosmic-teal: #2DD4BF;
    --cosmic-teal-glow: rgba(45, 212, 191, 0.2);
    --cosmic-violet: #A78BFA;
    --cosmic-violet-glow: rgba(167, 139, 250, 0.22);
    --cosmic-indigo: #818CF8;
    --cosmic-indigo-glow: rgba(129, 140, 248, 0.22);
    --cosmic-rose: #F472B6;
    --cosmic-rose-glow: rgba(244, 114, 182, 0.2);
    --cosmic-coral: #FB7185;
    --cosmic-coral-glow: rgba(251, 113, 133, 0.2);
    --cosmic-lime: #A3E635;
    --cosmic-lime-glow: rgba(163, 230, 53, 0.18);
}

/* ── Service cards — per-module accent ── */
.home-service-card {
    --svc-accent: var(--cosmic-green);
    --svc-glow: var(--cosmic-green-glow);
    --svc-bg: rgba(0, 255, 102, 0.05);
}

.home-service-card[data-accent="gold"]   { --svc-accent: var(--cosmic-gold);   --svc-glow: var(--cosmic-gold-glow);   --svc-bg: rgba(212, 175, 55, 0.07); }
.home-service-card[data-accent="amber"]  { --svc-accent: var(--cosmic-amber);  --svc-glow: var(--cosmic-amber-glow);  --svc-bg: rgba(251, 191, 36, 0.07); }
.home-service-card[data-accent="sky"]    { --svc-accent: var(--cosmic-sky);    --svc-glow: var(--cosmic-sky-glow);    --svc-bg: rgba(56, 189, 248, 0.07); }
.home-service-card[data-accent="cyan"]   { --svc-accent: var(--cosmic-cyan);   --svc-glow: var(--cosmic-cyan-glow);   --svc-bg: rgba(34, 211, 238, 0.07); }
.home-service-card[data-accent="violet"] { --svc-accent: var(--cosmic-violet); --svc-glow: var(--cosmic-violet-glow); --svc-bg: rgba(167, 139, 250, 0.07); }
.home-service-card[data-accent="indigo"] { --svc-accent: var(--cosmic-indigo); --svc-glow: var(--cosmic-indigo-glow); --svc-bg: rgba(129, 140, 248, 0.07); }
.home-service-card[data-accent="teal"]   { --svc-accent: var(--cosmic-teal);   --svc-glow: var(--cosmic-teal-glow);   --svc-bg: rgba(45, 212, 191, 0.07); }
.home-service-card[data-accent="rose"]   { --svc-accent: var(--cosmic-rose);   --svc-glow: var(--cosmic-rose-glow);   --svc-bg: rgba(244, 114, 182, 0.07); }
.home-service-card[data-accent="coral"]  { --svc-accent: var(--cosmic-coral);  --svc-glow: var(--cosmic-coral-glow);  --svc-bg: rgba(251, 113, 133, 0.07); }
.home-service-card[data-accent="lime"]   { --svc-accent: var(--cosmic-lime);   --svc-glow: var(--cosmic-lime-glow);   --svc-bg: rgba(163, 230, 53, 0.07); }
.home-service-card[data-accent="green"]  { --svc-accent: var(--cosmic-green);  --svc-glow: var(--cosmic-green-glow);  --svc-bg: rgba(0, 255, 102, 0.07); }

.home-service-card .svc-title {
    color: var(--svc-accent);
    text-shadow: 0 0 10px var(--svc-glow);
}

.home-service-card .svc-desc {
    color: color-mix(in srgb, var(--svc-accent) 72%, var(--text-muted));
}

.home-service-card .svc-icon {
    filter: drop-shadow(0 0 8px var(--svc-glow));
}

.home-service-card:hover {
    border-color: color-mix(in srgb, var(--svc-accent) 45%, transparent);
    background: var(--svc-bg);
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.32),
        0 0 22px var(--svc-glow),
        inset 0 1px 0 color-mix(in srgb, var(--svc-accent) 18%, transparent);
}

.home-service-card:hover .svc-title {
    color: var(--svc-accent);
    text-shadow: 0 0 14px var(--svc-glow);
}

.home-service-card:hover .svc-desc {
    color: color-mix(in srgb, var(--svc-accent) 88%, white);
}

.home-service-card.featured {
    border-color: color-mix(in srgb, var(--svc-accent) 38%, transparent);
    background: linear-gradient(145deg, var(--svc-bg) 0%, rgba(18, 24, 31, 0.48) 100%);
}

/* ── Trust stats — rotating hues ── */
.home-trust-item:nth-child(1) strong { color: var(--cosmic-gold); }
.home-trust-item:nth-child(2) strong { color: var(--cosmic-cyan); }
.home-trust-item:nth-child(3) strong { color: var(--cosmic-violet); }
.home-trust-item:nth-child(4) strong { color: var(--cosmic-amber); }

/* ── Testimonials — left accent stripe ── */
.home-testimonial:nth-child(1) {
    border-left: 3px solid var(--cosmic-gold);
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.06), transparent 40%);
}
.home-testimonial:nth-child(2) {
    border-left: 3px solid var(--cosmic-rose);
    background: linear-gradient(90deg, rgba(244, 114, 182, 0.06), transparent 40%);
}
.home-testimonial:nth-child(3) {
    border-left: 3px solid var(--cosmic-cyan);
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.06), transparent 40%);
}
.home-testimonial:nth-child(4) {
    border-left: 3px solid var(--cosmic-violet);
    background: linear-gradient(90deg, rgba(167, 139, 250, 0.06), transparent 40%);
}
.home-testimonial:nth-child(5) {
    border-left: 3px solid var(--cosmic-lime);
    background: linear-gradient(90deg, rgba(163, 230, 53, 0.06), transparent 40%);
}
.home-testimonial:nth-child(6) {
    border-left: 3px solid var(--cosmic-amber);
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.06), transparent 40%);
}
.home-testimonial:nth-child(1) .home-testimonial-rating { color: var(--cosmic-amber); }
.home-testimonial:nth-child(2) .home-testimonial-rating { color: var(--cosmic-rose); }
.home-testimonial:nth-child(3) .home-testimonial-rating { color: var(--cosmic-sky); }
.home-testimonial:nth-child(4) .home-testimonial-rating { color: var(--cosmic-violet); }
.home-testimonial:nth-child(5) .home-testimonial-rating { color: var(--cosmic-lime); }
.home-testimonial:nth-child(6) .home-testimonial-rating { color: var(--cosmic-amber); }

.home-bnn-section {
    border: 1px solid color-mix(in srgb, var(--cosmic-cyan) 22%, rgba(255, 255, 255, 0.1));
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.05) 0%, rgba(167, 139, 250, 0.06) 50%, rgba(14, 16, 22, 0.52) 100%);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.35),
        0 0 36px rgba(34, 211, 238, 0.08),
        0 0 48px rgba(167, 139, 250, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
}

.home-bnn-head h3 {
    color: var(--cosmic-cyan);
    text-shadow: 0 0 16px var(--cosmic-cyan-glow);
}

.home-bnn-expand-btn {
    color: var(--cosmic-violet);
    background: rgba(167, 139, 250, 0.1);
    border: 1px solid rgba(167, 139, 250, 0.35);
}

.home-bnn-expand-btn:hover {
    background: rgba(167, 139, 250, 0.18);
    box-shadow: 0 0 20px var(--cosmic-violet-glow);
}

/* ── Sidebar nav — active tab accent ── */
.nav-links li button[data-nav-accent="gold"].active   { color: var(--cosmic-gold);   border-left-color: var(--cosmic-gold);   background: rgba(212, 175, 55, 0.07); }
.nav-links li button[data-nav-accent="sky"].active    { color: var(--cosmic-sky);    border-left-color: var(--cosmic-sky);    background: rgba(56, 189, 248, 0.07); }
.nav-links li button[data-nav-accent="cyan"].active   { color: var(--cosmic-cyan);   border-left-color: var(--cosmic-cyan);   background: rgba(34, 211, 238, 0.07); }
.nav-links li button[data-nav-accent="violet"].active { color: var(--cosmic-violet); border-left-color: var(--cosmic-violet); background: rgba(167, 139, 250, 0.07); }
.nav-links li button[data-nav-accent="indigo"].active { color: var(--cosmic-indigo); border-left-color: var(--cosmic-indigo); background: rgba(129, 140, 248, 0.07); }
.nav-links li button[data-nav-accent="teal"].active   { color: var(--cosmic-teal);   border-left-color: var(--cosmic-teal);   background: rgba(45, 212, 191, 0.07); }
.nav-links li button[data-nav-accent="rose"].active   { color: var(--cosmic-rose);   border-left-color: var(--cosmic-rose);   background: rgba(244, 114, 182, 0.07); }
.nav-links li button[data-nav-accent="coral"].active  { color: var(--cosmic-coral);  border-left-color: var(--cosmic-coral);  background: rgba(251, 113, 133, 0.07); }
.nav-links li button[data-nav-accent="amber"].active  { color: var(--cosmic-amber);  border-left-color: var(--cosmic-amber);  background: rgba(251, 191, 36, 0.07); }
.nav-links li button[data-nav-accent="lime"].active   { color: var(--cosmic-lime);   border-left-color: var(--cosmic-lime);   background: rgba(163, 230, 53, 0.07); }
.nav-links li button[data-nav-accent="green"].active  { color: var(--cosmic-green);  border-left-color: var(--cosmic-green);  background: rgba(0, 255, 102, 0.07); }

.nav-links li button[data-nav-accent]:hover {
    color: var(--svc-accent, var(--gold-premium));
}

.nav-links li button[data-nav-accent="gold"]:hover   { color: var(--cosmic-gold);   background: rgba(212, 175, 55, 0.05); }
.nav-links li button[data-nav-accent="sky"]:hover    { color: var(--cosmic-sky);    background: rgba(56, 189, 248, 0.05); }
.nav-links li button[data-nav-accent="cyan"]:hover   { color: var(--cosmic-cyan);   background: rgba(34, 211, 238, 0.05); }
.nav-links li button[data-nav-accent="violet"]:hover { color: var(--cosmic-violet); background: rgba(167, 139, 250, 0.05); }
.nav-links li button[data-nav-accent="indigo"]:hover { color: var(--cosmic-indigo); background: rgba(129, 140, 248, 0.05); }
.nav-links li button[data-nav-accent="teal"]:hover   { color: var(--cosmic-teal);   background: rgba(45, 212, 191, 0.05); }
.nav-links li button[data-nav-accent="rose"]:hover   { color: var(--cosmic-rose);   background: rgba(244, 114, 182, 0.05); }
.nav-links li button[data-nav-accent="coral"]:hover  { color: var(--cosmic-coral);  background: rgba(251, 113, 133, 0.05); }
.nav-links li button[data-nav-accent="amber"]:hover  { color: var(--cosmic-amber);  background: rgba(251, 191, 36, 0.05); }
.nav-links li button[data-nav-accent="lime"]:hover   { color: var(--cosmic-lime);   background: rgba(163, 230, 53, 0.05); }
.nav-links li button[data-nav-accent="green"]:hover  { color: var(--cosmic-green);  background: rgba(0, 255, 102, 0.05); }

/* ── Hero eyebrow — gold + violet gradient text feel ── */
.home-eyebrow {
    color: var(--cosmic-lime);
    border-color: rgba(163, 230, 53, 0.3);
    background: linear-gradient(135deg, rgba(163, 230, 53, 0.08), rgba(167, 139, 250, 0.06));
}

/* ── Section headings — subtle gradient underline ── */
.home-section-head h3 {
    background: linear-gradient(90deg, var(--cosmic-gold), var(--cosmic-amber), var(--cosmic-rose));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ── Compare table — yes column teal glow ── */
.home-compare .cm-col.yes {
    color: var(--cosmic-teal);
    text-shadow: 0 0 10px var(--cosmic-teal-glow);
}

/* ── App strip — indigo aurora ── */
.home-app-strip {
    border-color: rgba(129, 140, 248, 0.25);
    background: linear-gradient(120deg, rgba(129, 140, 248, 0.1) 0%, rgba(18, 24, 31, 0.55) 55%);
}

.home-app-strip h4 {
    color: var(--cosmic-indigo);
}

/* ── Header trust pill — sky ── */
.header-trust-pill {
    color: var(--cosmic-sky);
    border-color: rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.08);
}

.header-tagline {
    color: var(--cosmic-amber);
}

.gold-accent {
    background: linear-gradient(90deg, var(--cosmic-gold), var(--cosmic-amber));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ── CM badges — multi-color row ── */
.cm-badge-row .cm-badge:nth-child(1) {
    color: var(--cosmic-cyan);
    border-color: rgba(34, 211, 238, 0.35);
    background: rgba(34, 211, 238, 0.08);
}
.cm-badge-row .cm-badge:nth-child(2) {
    color: var(--cosmic-violet);
    border-color: rgba(167, 139, 250, 0.35);
    background: rgba(167, 139, 250, 0.08);
}
.cm-badge-row .cm-badge:nth-child(3) {
    color: var(--cosmic-rose);
    border-color: rgba(244, 114, 182, 0.35);
    background: rgba(244, 114, 182, 0.08);
}