/* Option 3: Cobalt & Citrus. Homepage-only brand system. */
.home-page-body {
    --ink: #101b4d;
    --ink-soft: #34416f;
    --cream: #f7f9ff;
    --paper: #f7f9ff;
    --lime: #ffcc3d;
    --lime-dark: #e4ae13;
    --coral: #ffcc3d;
    --violet: #a8baff;
    --blue: #356df3;
    --line: rgba(16, 27, 77, .14);
    --muted: #68709a;
    --shadow: 0 30px 80px rgba(16, 27, 77, .14);
    background: #f7f9ff;
    color: #101b4d;
}

.home-page-body .site-header {
    border-color: rgba(255, 204, 61, .28);
    background: #101b4d;
    color: #ffcc3d;
}

.home-page-body .site-header .brand,
.home-page-body .site-header .desktop-nav,
.home-page-body .site-header .header-actions .text-link,
.home-page-body .site-header .brand-dot {
    color: #ffcc3d;
}

.home-page-body .site-header .brand-mark i {
    background: #ffcc3d;
}

.home-page-body .site-header .button-dark {
    background: #ffcc3d;
    color: #101b4d;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
}

.home-page-body .brand-dot,
.home-page-body .mobile-native-brand strong span,
.home-page-body .hero h1 em,
.home-page-body .section-heading h2 em,
.home-page-body .center-heading h2 em,
.home-page-body .closing-cta h2 em {
    color: #356df3;
}

.home-page-body .button-dark,
.home-page-body .round-arrow {
    background: #101b4d;
    box-shadow: 0 10px 25px rgba(16, 27, 77, .18);
}

.home-page-body .button-accent {
    background: #ffcc3d;
    color: #101b4d;
    box-shadow: 0 10px 26px rgba(224, 166, 0, .2);
}

.home-page-body .button-accent:hover {
    background: #ffd65f;
}

.home-page-body .hero {
    background:
        radial-gradient(circle at 8% 20%, rgba(53, 109, 243, .14), transparent 24%),
        radial-gradient(circle at 92% 88%, rgba(255, 204, 61, .16), transparent 25%),
        #f7f9ff;
}

.home-page-body .hero::after {
    border-color: rgba(53, 109, 243, .13);
}

.home-page-body .hero h1 em::after {
    background: #ffcc3d;
}

.home-page-body .hero-lede,
.home-page-body .home-live-status,
.home-page-body .home-live-records small,
.home-page-body .home-live-records em {
    color: #68709a;
}

.home-page-body .trust-live-dot {
    background: #356df3;
}

.home-page-body .home-live-panel {
    border-color: rgba(16, 27, 77, .12);
    box-shadow: 0 28px 75px rgba(16, 27, 77, .14);
}

.home-page-body .home-live-status > span {
    background: #356df3;
    box-shadow: 0 0 0 5px rgba(53, 109, 243, .13);
}

.home-page-body .home-live-counts > div {
    background: #eef2ff;
}

.home-page-body .home-live-counts > div:last-child {
    background: #fff7d9;
}

.home-page-body .home-live-record-memorial,
.home-page-body .home-memorial-initial {
    background: linear-gradient(145deg, #101b4d, #356df3);
}

.home-page-body .home-live-record-photo {
    padding: 0;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.home-page-body .home-live-records > a:hover {
    border-color: rgba(53, 109, 243, .5);
}

.home-page-body .event-search {
    border-color: rgba(16, 27, 77, .12);
    box-shadow: 0 18px 52px rgba(16, 27, 77, .11);
}

.home-page-body .empty-state {
    background: #eef2ff;
}

.home-page-body .launch-badge {
    background: #e4eaff;
    color: #244fb5;
}

.home-page-body .home-memorials {
    background: #eef2ff;
}

.home-page-body .home-memorial-card {
    border-color: rgba(16, 27, 77, .13);
    box-shadow: 0 14px 36px rgba(16, 27, 77, .06);
}

.home-page-body .home-memorial-card:hover {
    border-color: rgba(53, 109, 243, .32);
    box-shadow: 0 20px 45px rgba(16, 27, 77, .13);
}

.home-page-body .home-memorial-copy small,
.home-page-body .home-memorial-copy b {
    color: #356df3;
}

.home-page-body .home-memorial-copy em {
    color: #68709a;
}

.home-page-body .gathering-types,
.home-page-body footer {
    background: #101b4d;
}

.home-page-body .split-heading > p:last-child,
.home-page-body .type-grid p,
.home-page-body .footer-links a,
.home-page-body .footer-bottom {
    color: #b7c1e1;
}

.home-page-body .footer-main > div:first-child > p {
    color: #ffcc3d;
}

.home-page-body .type-grid .type-card-number,
.home-page-body .footer-links strong,
.home-page-body .kicker.light {
    color: #ffcc3d;
}

.home-page-body .type-grid .type-card:hover,
.home-page-body .type-grid .type-card:focus-visible {
    background: #ffcc3d;
}

.home-page-body .steps article:nth-child(2) {
    background: #eef2ff;
}

.home-page-body .steps article:nth-child(2) .step-icon {
    background: #356df3;
    color: #fff;
}

.home-page-body .steps article:nth-child(3) {
    background: #ffcc3d;
}

.home-page-body .organizer-section {
    background: #f7f9ff;
}

.home-page-body .organizer-card {
    background: linear-gradient(135deg, #101b4d 0%, #1b347d 50%, #356df3 100%);
    box-shadow: 0 30px 85px rgba(16, 27, 77, .2);
}

.home-page-body .organizer-card::before {
    border-color: rgba(255, 204, 61, .22);
}

.home-page-body .organizer-copy > p:not(.kicker) {
    color: #dce4ff;
}

.home-page-body .workspace-value-panel {
    background: rgba(8, 17, 57, .44);
    box-shadow: 0 26px 60px rgba(6, 13, 48, .3);
}

.home-page-body .workspace-value-panel > div > small,
.home-page-body .workspace-value-panel li > span {
    color: #ffcc3d;
}

.home-page-body .workspace-value-panel li > span {
    background: rgba(255, 204, 61, .14);
}

.home-page-body .workspace-value-panel > div > p,
.home-page-body .workspace-value-panel li small {
    color: #cbd7ff;
}

.home-page-body .workspace-value-panel > .button {
    background: #ffcc3d;
    color: #101b4d;
}

.home-page-body .closing-cta {
    background: #fff;
}

.home-page-body .closing-cta::before {
    border-color: #356df3;
    opacity: .16;
}

.home-page-body .closing-cta::after {
    border-color: #ffcc3d;
    opacity: .4;
}

.home-page-body .closing-spark {
    color: #356df3;
}

.home-page-body .event-create-sheet-overlay {
    background: rgba(7, 13, 42, .66);
}

.home-page-body .event-create-sheet-panel {
    background: #f7f9ff;
    color: #101b4d;
    box-shadow: 0 -24px 70px rgba(16, 27, 77, .24);
}

.home-page-body .event-create-sheet-handle {
    background: #b9c5e4;
}

.home-page-body .event-create-sheet-panel header small,
.home-page-body .event-create-sheet-panel header p,
.home-page-body .event-create-choice-grid small {
    color: #68709a;
}

.home-page-body .event-create-sheet-panel header > button,
.home-page-body .event-create-choice-grid a {
    border-color: #d9e1f5;
    background: #fff;
}

.home-page-body .event-create-choice-grid .tone-lime,
.home-page-body .event-create-choice-grid .tone-coral {
    background: #ffcc3d;
}

.home-page-body .event-create-choice-grid .tone-violet {
    background: #a8baff;
}

.home-page-body .event-create-choice-grid .tone-blue {
    background: #78a1ff;
}

@media (max-width: 1040px) {
    .home-page-body,
    .home-page-body .mobile-native-app {
        background: #f7f9ff;
    }

    .home-page-body .mobile-native-header {
        border-color: rgba(255, 204, 61, .28);
        background: #101b4d;
        color: #ffcc3d;
    }

    .home-page-body .mobile-native-brand,
    .home-page-body .mobile-native-brand strong,
    .home-page-body .mobile-native-brand strong span {
        color: #ffcc3d;
    }

    .home-page-body .mobile-native-brand .brand-mark i {
        background: #ffcc3d;
    }

    .home-page-body .mobile-native-theme,
    .home-page-body .mobile-native-icon {
        border-color: rgba(255, 204, 61, .55);
        background: transparent;
        color: #ffcc3d;
    }

    .home-page-body .mobile-native-account {
        border-color: #ffcc3d;
        background: #ffcc3d;
        color: #101b4d;
    }

    .home-page-body .mobile-native-search button {
        border-color: #101b4d;
        background: #101b4d;
    }

    .home-page-body .mobile-native-intro {
        background: #fff;
        box-shadow: 0 12px 32px rgba(16, 27, 77, .05);
    }

    .home-page-body .mobile-native-intro > p,
    .home-page-body .mobile-native-section-head small,
    .home-page-body .mobile-native-host-card small {
        color: #5268a6;
    }

    .home-page-body .mobile-native-intro h1 em,
    .home-page-body .mobile-native-section-head > a,
    .home-page-body .mobile-native-empty a,
    .home-page-body .mobile-native-empty > button {
        color: #356df3;
    }

    .home-page-body .mobile-native-search {
        border-color: #d9e1f3;
        background: #f7f9ff;
    }

    .home-page-body .mobile-native-chips a {
        border-color: #101b4d;
        background: #101b4d;
        color: #fff;
        transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    }

    .home-page-body .mobile-native-chips a:hover,
    .home-page-body .mobile-native-chips a:focus-visible,
    .home-page-body .mobile-native-chips a:active,
    .home-page-body .mobile-native-chips a.is-active {
        border-color: #ffcc3d;
        background: #ffcc3d;
        color: #101b4d;
    }

    .home-page-body .mobile-native-chips a:active {
        transform: scale(.97);
    }

    .home-page-body .mobile-native-event-list,
    .home-page-body .mobile-native-empty,
    .home-page-body .mobile-memorial-list {
        border-color: #dce3f3;
        box-shadow: 0 12px 34px rgba(16, 27, 77, .06);
    }

    .home-page-body .mobile-memorial-list > a,
    .home-page-body .mobile-native-event-list > a {
        border-color: #e5e9f5;
    }

    .home-page-body .mobile-memorial-list small,
    .home-page-body .mobile-memorial-list > a > b {
        color: #356df3;
    }

    .home-page-body .mobile-memorial-list em {
        color: #68709a;
    }

    .home-page-body .mobile-memorial-list > a > span {
        background: linear-gradient(145deg, #101b4d, #356df3);
    }

    .home-page-body .mobile-native-host-card {
        border: 1px solid rgba(53, 109, 243, .25);
        background: linear-gradient(135deg, #101b4d, #1e3b8f);
        box-shadow: 0 16px 38px rgba(16, 27, 77, .2);
    }

    .home-page-body .mobile-native-host-card::after {
        border-color: rgba(255, 204, 61, .2);
    }

    .home-page-body .mobile-native-host-icon {
        background: #ffcc3d;
        color: #101b4d;
    }

    .home-page-body .mobile-native-host-card p {
        color: #d6e0ff;
    }

    .home-page-body .mobile-native-host-card > button,
    .home-page-body .mobile-native-host-card > a {
        background: #ffcc3d;
        color: #101b4d;
    }

    .home-page-body .mobile-native-memorial-card {
        border: 1px solid #d8e1f7;
        background: linear-gradient(145deg, #eef2ff, #fff);
        color: #101b4d;
        box-shadow: 0 13px 30px rgba(16, 27, 77, .08);
    }

    .home-page-body .mobile-native-memorial-card > span {
        background: #dfe7ff;
        color: #356df3;
    }

    .home-page-body .mobile-native-memorial-card small,
    .home-page-body .mobile-native-memorial-card h2 {
        color: #101b4d;
    }

    .home-page-body .mobile-native-memorial-card p {
        color: #68709a;
    }

    .home-page-body .mobile-native-memorial-card > a {
        background: #101b4d;
        color: #fff;
    }

    .home-page-body .mobile-native-tabs {
        border-color: rgba(255, 204, 61, .28);
        background: rgba(16, 27, 77, .98);
        box-shadow: 0 -10px 30px rgba(16, 27, 77, .2);
    }

    .home-page-body .mobile-native-tabs a,
    .home-page-body .mobile-native-tabs button {
        color: rgba(255, 204, 61, .68);
    }

    .home-page-body .mobile-native-tabs a.is-active,
    .home-page-body .mobile-native-create-tab span {
        color: #ffcc3d;
    }

    .home-page-body .mobile-native-tabs a.is-active svg {
        fill: rgba(255, 204, 61, .14);
    }

    .home-page-body .mobile-native-create-tab strong {
        background: #ffcc3d;
        color: #101b4d;
        box-shadow: 0 8px 20px rgba(224, 166, 0, .25);
    }
}

@media (max-width: 1040px) {
    html[data-mobile-theme="dark"] .home-page-body,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-app {
        background: #080d26;
        color: #f7f9ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-header {
        border-color: rgba(255, 204, 61, .28);
        background: #101b4d;
        color: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-brand,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-brand strong,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-brand strong span {
        color: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-brand .brand-mark i {
        background: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-theme,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-icon {
        border-color: rgba(255, 204, 61, .55);
        background: transparent;
        color: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-account {
        border-color: #ffcc3d;
        background: #ffcc3d;
        color: #101b4d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-intro {
        background: #0f1738;
        box-shadow: none;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-intro > p,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-section-head small,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-event-copy small,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-empty span,
    html[data-mobile-theme="dark"] .home-page-body .mobile-feature-copy > span {
        color: #9eabd2;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-intro h1 em,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-section-head > a,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-empty a,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-empty > button {
        color: #78a1ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-search {
        border-color: #2a396a;
        background: #151e43;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-search button {
        border-color: #ffcc3d;
        background: #ffcc3d;
        color: #101b4d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-chips a {
        border-color: #356df3;
        background: #356df3;
        color: #fff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-chips a:hover,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-chips a:focus-visible,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-chips a:active,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-chips a.is-active {
        border-color: #ffcc3d;
        background: #ffcc3d;
        color: #101b4d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-event-list,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-empty,
    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list {
        border-color: #283762;
        background: #111a3d;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-event-list > a,
    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list > a {
        border-color: #26345d;
        color: #f3f6ff;
        background: #111a3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list small,
    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list > a > b {
        color: #78a1ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list em {
        color: #9eabd2;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-host-card {
        border-color: #3156b6;
        background: linear-gradient(135deg, #121d4e, #1c388b);
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card {
        border-color: #2b3968;
        background: #111a3d;
        color: #f7f9ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card h2,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card small {
        color: #f7f9ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card p {
        color: #a9b4d8;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card > span {
        background: #243b82;
        color: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-memorial-card > a {
        background: #ffcc3d;
        color: #101b4d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-tabs {
        border-color: rgba(255, 204, 61, .28);
        background: rgba(16, 27, 77, .98);
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-tabs a,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-tabs button {
        color: rgba(255, 204, 61, .68);
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-tabs a.is-active,
    html[data-mobile-theme="dark"] .home-page-body .mobile-native-create-tab span {
        color: #ffcc3d;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-create-tab strong {
        border-color: #0c1333;
        background: #ffcc3d;
        color: #101b4d;
    }

    html[data-mobile-theme="dark"] .home-page-body .event-create-sheet-overlay {
        background: rgba(2, 5, 20, .78);
    }

    html[data-mobile-theme="dark"] .home-page-body .event-create-sheet-panel {
        background: #0f1738;
        color: #f7f9ff;
    }

    html[data-mobile-theme="dark"] .home-page-body .event-create-sheet-panel header > button,
    html[data-mobile-theme="dark"] .home-page-body .event-create-choice-grid a {
        border-color: #2a396a;
        background: #151e43;
        color: #f7f9ff;
    }
}

@media (min-width: 700px) and (max-width: 1040px) {
    .home-page-body .mobile-native-event-list,
    .home-page-body .mobile-memorial-list {
        background: #dce3f3;
    }

    html[data-mobile-theme="dark"] .home-page-body .mobile-native-event-list,
    html[data-mobile-theme="dark"] .home-page-body .mobile-memorial-list {
        background: #26345f;
    }
}