/* Homepage-only overrides. Loaded after home.min.css on public marketing pages. */
@media (min-width: 981px) {
    .home-body .home-live-shell .landing-section-title {
        gap: 8px;
        margin: 34px auto 20px;
    }

    .home-body .home-live-shell .landing-section-title span {
        padding: 6px 15px;
        box-shadow: 0 8px 22px rgba(26, 190, 117, .12);
    }

    .home-body .home-live-shell .landing-section-title h2 {
        max-width: 720px;
        font-size: clamp(28px, 2.5vw, 36px);
        letter-spacing: -.025em;
    }

    .home-body .home-live-shell .landing-feature-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
        width: min(100%, 1240px);
    }

    .home-body .home-live-shell .landing-feature-cards article {
        position: relative;
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        grid-template-rows: auto 1fr !important;
        column-gap: 16px !important;
        align-items: start !important;
        justify-items: start !important;
        min-height: 158px !important;
        padding: 24px !important;
        overflow: hidden;
        text-align: left !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(49, 213, 124, .16), transparent 34%),
            rgba(255, 255, 255, .92) !important;
        border: 1px solid rgba(16, 72, 61, .11) !important;
        border-radius: 20px !important;
        box-shadow: 0 18px 42px rgba(17, 58, 70, .09) !important;
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .home-body .home-live-shell .landing-feature-cards article::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #39e69a, #0ba46d);
    }

    .home-body .home-live-shell .landing-feature-cards article::after {
        position: absolute;
        top: 16px;
        right: 18px;
        color: rgba(15, 166, 105, .16);
        font-size: 28px;
        font-weight: 900;
        line-height: 1;
    }

    .home-body .home-live-shell .landing-feature-cards > article:nth-child(1)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(1) article::after { content: "01"; }
    .home-body .home-live-shell .landing-feature-cards > article:nth-child(2)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(2) article::after { content: "02"; }
    .home-body .home-live-shell .landing-feature-cards > article:nth-child(3)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(3) article::after { content: "03"; }
    .home-body .home-live-shell .landing-feature-cards > article:nth-child(4)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(4) article::after { content: "04"; }
    .home-body .home-live-shell .landing-feature-cards > article:nth-child(5)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(5) article::after { content: "05"; }
    .home-body .home-live-shell .landing-feature-cards > article:nth-child(6)::after,
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(6) article::after { content: "06"; }
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(7) article::after { content: "07"; }
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(8) article::after { content: "08"; }
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(9) article::after { content: "09"; }
    .home-body .home-live-shell .landing-feature-cards > a:nth-child(10) article::after { content: "10"; }

    .home-body .home-live-shell .landing-feature-cards article:hover {
        transform: translateY(-4px);
        border-color: rgba(26, 190, 117, .38) !important;
        box-shadow: 0 24px 54px rgba(17, 83, 67, .14) !important;
    }

    .home-body .home-live-shell .landing-feature-cards .home-icon {
        grid-row: 1 / span 2 !important;
        width: 52px !important;
        height: 52px !important;
        padding: 12px !important;
        border-radius: 15px !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32), 0 12px 24px rgba(25, 190, 118, .13);
    }

    .home-body .home-live-shell .landing-feature-cards h3 {
        max-width: calc(100% - 42px);
        margin: 2px 0 8px !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        letter-spacing: -.015em;
    }

    .home-body .home-live-shell .landing-feature-cards p {
        max-width: 330px;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
    }

    .home-body .home-live-shell .landing-small-section#benefits {
        width: min(100%, 1240px);
        margin-top: 32px;
        padding: 24px !important;
        overflow: hidden;
        background:
            radial-gradient(circle at 88% 10%, rgba(46, 226, 140, .15), transparent 28%),
            rgba(255, 255, 255, .72) !important;
        border: 1px solid rgba(16, 72, 61, .10) !important;
        border-radius: 24px !important;
        box-shadow: 0 22px 56px rgba(17, 58, 70, .09) !important;
    }

    .home-body .home-live-shell .landing-small-section#benefits .landing-section-title {
        margin: 0 auto 20px;
    }

    .home-body .home-live-shell #benefits .landing-small-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .home-body .home-live-shell #benefits .landing-small-grid article {
        position: relative;
        min-height: 176px !important;
        padding: 20px !important;
        overflow: hidden;
        background: rgba(255, 255, 255, .91) !important;
        border: 1px solid rgba(15, 80, 65, .10) !important;
        border-radius: 17px !important;
        box-shadow: 0 14px 34px rgba(17, 58, 70, .07) !important;
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .home-body .home-live-shell #benefits .landing-small-grid article::after {
        content: "";
        position: absolute;
        right: -24px;
        bottom: -34px;
        width: 100px;
        height: 100px;
        background: radial-gradient(circle, rgba(47, 224, 137, .16), transparent 68%);
        pointer-events: none;
    }

    .home-body .home-live-shell #benefits .landing-small-grid article:hover {
        transform: translateY(-3px);
        border-color: rgba(26, 190, 117, .32) !important;
        box-shadow: 0 20px 42px rgba(17, 83, 67, .11) !important;
    }

    .home-body .home-live-shell #benefits .landing-small-grid .home-icon {
        width: 46px !important;
        height: 46px !important;
        padding: 11px !important;
        border-radius: 14px !important;
    }

    .home-body .home-live-shell #benefits .landing-small-grid h3 {
        margin: 16px 0 8px !important;
        font-size: 17px !important;
        line-height: 1.18 !important;
        letter-spacing: -.015em;
    }

    .home-body .home-live-shell #benefits .landing-small-grid p {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
    }

    .home-body.theme-dark .home-live-shell .landing-feature-cards article,
    .home-body.theme-dark .home-live-shell #benefits .landing-small-grid article {
        color: #dce8f5;
        background:
            radial-gradient(circle at 100% 0%, rgba(49, 213, 124, .13), transparent 34%),
            rgba(10, 28, 45, .78) !important;
        border-color: rgba(80, 230, 163, .17) !important;
    }

    .home-body.theme-dark .home-live-shell .landing-small-section#benefits {
        background:
            radial-gradient(circle at 88% 10%, rgba(46, 226, 140, .14), transparent 28%),
            rgba(10, 28, 45, .70) !important;
        border-color: rgba(255, 255, 255, .10) !important;
    }
}