/* Reference palette for the homepage. Keep layout and typography in member_home.css. */
.mh-home {
    --mh-navy: #0b216f;
    --mh-ink: #0a1d61;
    --mh-blue: #3264f5;
    --mh-blue-dark: #214bd4;
    --mh-blue-soft: #eaf0ff;
    --mh-purple: #7435f5;
    --mh-purple-soft: #f3eaff;
    --mh-pink: #dd23c8;
    --mh-cyan: #05ac6e;
    --mh-muted: #5178b6;
    --mh-line: #d9e9fb;
    --mh-soft: #f4faff;
}

/* Navigation and hero */
.mh-home .mh-primary-nav a.active::after { background: var(--mh-blue); }
.mh-home .mh-primary-nav > a:hover,
.mh-home .mh-primary-nav > a:focus-visible { color: var(--mh-blue); background: var(--mh-blue-soft); }
.mh-home .mh-eyebrow { color: #173b99; }
.mh-home .mh-hero { background: #eef9ff; }
.mh-home .mh-hero::before { background: linear-gradient(90deg, #f6fdff 0%, rgba(239,250,255,.97) 27%, rgba(239,250,255,.72) 43%, rgba(239,250,255,0) 62%); }
.mh-home .mh-hero::after { background: linear-gradient(135deg, #ffad1e, #f8de3a); opacity: .88; }
.mh-home .mh-hero-glow { background: radial-gradient(circle, rgba(216,109,255,.28), transparent 64%); }
.mh-home .mh-hero-copy h1 span {
    color: #843af4;
    background: linear-gradient(90deg, #156ae9, #843af4, #e426cc);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mh-home .mh-bubble.ideas { color: #8538ef; }
.mh-home .mh-bubble.connect { color: #3264f5; }
.mh-home .mh-bubble.insights { color: #05ac6e; }
.mh-home .mh-bubble.opportunities { color: #fa6a05; }
.mh-home .mh-bubble i { background: #f3eaff; }
.mh-home .mh-bubble.connect i { background: #eaf0ff; }
.mh-home .mh-bubble.insights i { background: #e6fbf2; }
.mh-home .mh-bubble.opportunities i { background: #fff1e7; }
.mh-home .mh-community-card > a { background: #1b70a5; }
.mh-home .mh-community-card > a:hover { background: #125577; }
.mh-home .mh-button-primary,
.mh-home .mh-auth-signup { color: #fff; background: linear-gradient(100deg, #3d51f0, #7c34ef, #d52bcf); }
.mh-home .mh-button-outline { color: var(--mh-blue); border-color: var(--mh-purple); }
.mh-home .mh-profile-avatar,
.mh-home .mh-mini-avatars > span,
.mh-home .mh-row-avatar,
.mh-home .mh-feed-avatar-fallback { background: linear-gradient(145deg, #4359ee, #b52ad8); }

/* Community and ecosystem */
.mh-home .mh-community-head h2 { color: #17369d; }
.mh-home .mh-feed-tabs { background: #fff; }
.mh-home .mh-feed-tabs button { color: #29459b; }
.mh-home .mh-feed-tabs button.active { color: #fff; background: linear-gradient(90deg, #6038ef, #7941f5); }
.mh-home .mh-feed-image > b { background: #7435f5; }
.mh-home .mh-reel-preview { background: #101426; }
.mh-home .mh-reel-card footer > b svg { color: #ec299a; }
.mh-home .mh-features { background: radial-gradient(circle at 30% 60%, #e5f8ff, transparent 31%), linear-gradient(110deg, #fafdff, #ecfaff 64%, #f8fcff); }
.mh-home .mh-feature-card i { color: #fff; background: #2169e8; }
.mh-home .mh-feature-card i.blue { background: #2169e8; }
.mh-home .mh-feature-card i.purple { background: #7935f5; }
.mh-home .mh-feature-card i.green { background: #08af5d; }
.mh-home .mh-feature-card i.orange { background: #fa6905; }
.mh-home .mh-feature-card i.pink { background: #d80cb6; }
.mh-home .mh-feature-card i.cyan { background: #08afb6; }

/* Marketplace */
.mh-home .mh-marketplace {
    color: #fff;
    border-color: #6266ee;
    background: linear-gradient(112deg, #06177e 0%, #0b3adb 35%, #086cf6 64%, #6a2eee 85%, #ff6aab 100%);
}
.mh-home .mh-market-intro .mh-eyebrow { color: #fff; }
.mh-home .mh-market-intro > p:not(.mh-eyebrow) { color: #e1e9ff; }
.mh-home .mh-market-points small { color: #c8dcff; }
.mh-home .mh-market-points i { color: #fff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.1); }
.mh-home .mh-marketplace::before { border-color: rgba(57,225,255,.35); opacity: 1; }
.mh-home .mh-globe { border-color: rgba(88,234,255,.7); background: radial-gradient(circle at 36% 30%, #25dcf8, #0c67e5 30%, #093cbe 70%); opacity: .88; }
.mh-home .mh-globe::before,
.mh-home .mh-globe::after,
.mh-home .mh-globe span { border-color: rgba(159,249,255,.55); }
.mh-home .mh-globe i { background: rgba(126,54,237,.92); }
.mh-home .mh-button-pink { background: linear-gradient(95deg, #8e32f0, #dc25ce); }
.mh-home .mh-button-ghost { color: #fff; border-color: rgba(255,255,255,.85); background: rgba(1,31,132,.25); }
.mh-home .mh-bids-panel { background: rgba(234,243,255,.82); border-color: rgba(255,255,255,.78); }
.mh-home .mh-api-panel { background: rgba(250,237,255,.82); border-color: rgba(255,255,255,.78); }
.mh-home .mh-bid-row > i { color: #ee1c83; background: #ffe6f1; }
.mh-home .mh-bid-action { background: #6940f2; }
.mh-home .mh-api-button { background: linear-gradient(90deg, #6841ef, #ce25ce); }
.mh-home .mh-api-panel header a { color: #ae20c9; }
.mh-home .mh-api-panel article em { color: #008751; }

/* People */
.mh-home .mh-people { background: linear-gradient(110deg, #f9fdff, #edf8ff 43%, #fff1fb); }
.mh-home .mh-people-column > header { color: #fff; background: linear-gradient(100deg, #712be8, #e44cda); }
.mh-home .mh-people-column.blue > header { color: #fff; background: linear-gradient(100deg, #187ee9, #708ff7); }
.mh-home .mh-people-column.pink > header { color: #fff; background: linear-gradient(100deg, #e82586, #ff95ca); }
.mh-home .mh-people-column header p,
.mh-home .mh-people-column header a { color: #fff; }
.mh-home .mh-people-column header i,
.mh-home .mh-people-column.blue header i,
.mh-home .mh-people-column.pink header i { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.13); }
.mh-home .mh-row-action { color: #4d52df; background: #eaf0ff; }
.mh-home .mh-people-column.pink .mh-row-action { color: #c41b91; background: #ffe5f6; }
/* The base stylesheet marks group icon backgrounds important. */
.mh-home .mh-group-icon-0 { background: #2169e8 !important; }
.mh-home .mh-group-icon-1 { background: #7935f5 !important; }
.mh-home .mh-group-icon-2 { background: #08af5d !important; }
.mh-home .mh-group-icon-3 { background: #fa6905 !important; }
.mh-home .mh-group-icon-4 { background: #d80cb6 !important; }
.mh-home .mh-group-icon-5 { background: #08afb6 !important; }

/* Call to action and footer */
.mh-home .mh-join-band { background: linear-gradient(100deg, #083fd2, #214cfa 45%, #782ff0 76%, #ef34c4); }
.mh-home .mh-join-band p { color: #fff; }
.mh-home .mh-button-light { color: #7435f5; }
.mh-home .mh-site-footer { color: #a0a0ad; background: radial-gradient(ellipse at bottom right, rgba(109,48,24,.15), transparent 25%), linear-gradient(#202020, #0b0b0b 65%); }
.mh-home .mh-site-footer-logo {
    color: #ae63f0;
    background: linear-gradient(100deg, #7c78ff, #ae63f0, #e43bc9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mh-home .mh-site-footer-help > a {
    color: #a66bba;
    background: linear-gradient(90deg, #b14b27, #8e5eae, #3264f5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mh-home .mh-site-footer li::marker { color: #b14b27; }
.mh-home .mh-site-footer-bottom { color: #eee; border-top-color: #202020; }
.mh-home .mh-button-primary:hover,
.mh-home .mh-auth-signup:hover,
.mh-home .mh-bid-action:hover,
.mh-home .mh-api-button:hover,
.mh-home .mh-button-pink:hover { color: #fff; background: #5c2bd6; }

@media (max-width: 720px) {
    .mh-home .mh-hero::before { background: linear-gradient(90deg, #f4fcff 0%, rgba(244,252,255,.9) 55%, rgba(244,252,255,.45)); }
}