/* =========================================================
   BHAVYA AI™ HOME — LOGO BRAND SYSTEM
   Cyan • Sky • Royal Blue • Violet • Red • Orange • Gold • Green
========================================================= */

:root {

    --bh-brand-cyan:
        #20ecf0;

    --bh-brand-sky:
        #27b9fd;

    --bh-brand-blue:
        #1c54e5;

    --bh-brand-violet:
        #733efd;

    --bh-brand-red:
        #f5582e;

    --bh-brand-orange:
        #f69b25;

    --bh-brand-gold:
        #f5c51e;

    --bh-brand-green:
        #60f8a0;

    --bh-brand-deep:
        #0f1f89;
}


/* =========================================================
   BRAND ANIMATION
========================================================= */

@keyframes bhHomeBrandSweep {

    0% {
        background-position:
            0% 50%;
    }

    100% {
        background-position:
            100% 50%;
    }

}


@keyframes bhHomeGlow {

    0%,
    100% {
        filter:
            drop-shadow(
                0 0 7px
                rgba(32,236,240,.12)
            );
    }

    50% {
        filter:
            drop-shadow(
                0 0 16px
                rgba(115,62,253,.15)
            );
    }

}


/* =========================================================
   PAGE BACKGROUND
========================================================= */

body {

    background:

        radial-gradient(
            circle at 7% 7%,
            rgba(32,236,240,.09),
            transparent 25%
        ),

        radial-gradient(
            circle at 92% 12%,
            rgba(115,62,253,.11),
            transparent 29%
        ),

        radial-gradient(
            circle at 78% 48%,
            rgba(96,248,160,.045),
            transparent 27%
        ),

        radial-gradient(
            circle at 12% 72%,
            rgba(246,155,37,.04),
            transparent 25%
        ),

        linear-gradient(
            180deg,
            #040713,
            #07101e 45%,
            #050914
        ) !important;
}


/* =========================================================
   TOP SCROLL BANNER
========================================================= */

.scroll-banner {

    border-bottom:
        1px solid
        rgba(32,236,240,.14) !important;

    background:

        linear-gradient(
            100deg,
            rgba(7,20,40,.98),
            rgba(10,25,52,.98),
            rgba(27,18,60,.96),
            rgba(7,22,40,.98)
        ) !important;

    box-shadow:

        0 7px 24px
        rgba(0,0,0,.22),

        inset 0 -1px 0
        rgba(255,255,255,.025);
}


.scroll-content {

    background:

        linear-gradient(
            90deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan),
            var(--bh-brand-sky),
            var(--bh-brand-violet),
            var(--bh-brand-orange),
            var(--bh-brand-gold),
            var(--bh-brand-cyan)
        );

    background-size:
        250% 100%;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent !important;

    font-weight:
        800;

    animation:
        bhHomeBrandSweep
        9s ease-in-out
        infinite alternate;
}


/* =========================================================
   NAVBAR — GLASS + LOGO COLORS
========================================================= */

.navbar {

    border:
        1px solid
        rgba(32,236,240,.10) !important;

    background:

        linear-gradient(
            135deg,
            rgba(5,13,28,.88),
            rgba(11,18,42,.84)
        ) !important;

    backdrop-filter:
        blur(22px)
        saturate(125%);

    box-shadow:

        0 18px 45px
        rgba(0,0,0,.27),

        inset 0 1px 0
        rgba(255,255,255,.035) !important;
}


.logo img {

    filter:

        drop-shadow(
            0 5px 9px
            rgba(0,0,0,.40)
        )

        drop-shadow(
            0 0 10px
            rgba(32,236,240,.10)
        );

    animation:
        bhHomeGlow
        6s ease-in-out
        infinite;
}


.nav-btn {

    border-color:
        transparent !important;

    transition:

        transform .20s ease,
        color .20s ease,
        border-color .20s ease,
        background .20s ease,
        box-shadow .20s ease !important;
}


.nav-btn:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(32,236,240,.16) !important;

    color:
        #ffffff !important;

    background:

        linear-gradient(
            135deg,
            rgba(32,236,240,.075),
            rgba(115,62,253,.065)
        ) !important;

    box-shadow:
        0 9px 25px
        rgba(0,0,0,.20);
}


.nav-btn.nav-cta {

    border:
        0 !important;

    color:
        #031417 !important;

    background:

        linear-gradient(
            120deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan),
            var(--bh-brand-sky)
        ) !important;

    box-shadow:

        0 10px 27px
        rgba(32,236,240,.15),

        inset 0 1px 0
        rgba(255,255,255,.38) !important;
}


/* =========================================================
   MAIN HERO — 3D MULTI-COLOR BRANDING
========================================================= */

.hero {

    position:
        relative;

    isolation:
        isolate;
}


.hero::before {

    content:
        "";

    position:
        absolute;

    width:
        430px;

    height:
        430px;

    left:
        7%;

    top:
        5%;

    z-index:
        -1;

    border-radius:
        50%;

    background:

        radial-gradient(
            circle,
            rgba(32,236,240,.10),
            transparent 67%
        );

    pointer-events:
        none;
}


.hero::after {

    content:
        "";

    position:
        absolute;

    width:
        450px;

    height:
        450px;

    right:
        4%;

    bottom:
        -20%;

    z-index:
        -1;

    border-radius:
        50%;

    background:

        radial-gradient(
            circle,
            rgba(115,62,253,.12),
            transparent 67%
        );

    pointer-events:
        none;
}


.hero-company-badge {

    color:
        #dffaff !important;

    border:
        1px solid
        rgba(32,236,240,.20) !important;

    background:

        linear-gradient(
            120deg,
            rgba(32,236,240,.08),
            rgba(28,84,229,.07),
            rgba(115,62,253,.08)
        ) !important;

    box-shadow:

        0 10px 30px
        rgba(0,0,0,.20),

        inset 0 1px 0
        rgba(255,255,255,.05);
}


/* actual brand headline */

.hero h1 {

    background:

        linear-gradient(
            100deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan),
            var(--bh-brand-sky),
            var(--bh-brand-blue),
            var(--bh-brand-violet),
            var(--bh-brand-red),
            var(--bh-brand-orange),
            var(--bh-brand-gold)
        ) !important;

    background-size:
        235% 100% !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;

    color:
        transparent !important;

    animation:
        bhHomeBrandSweep
        10s ease-in-out
        infinite alternate;

    filter:

        drop-shadow(
            0 4px 2px
            rgba(0,0,0,.48)
        )

        drop-shadow(
            0 0 15px
            rgba(32,236,240,.08)
        ) !important;
}


.hero-subtitle {

    color:
        #aab9cd !important;

    text-shadow:
        0 2px 7px
        rgba(0,0,0,.35);
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.primary-home {

    border:
        0 !important;

    color:
        #031317 !important;

    background:

        linear-gradient(
            120deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan),
            var(--bh-brand-sky)
        ) !important;

    box-shadow:

        0 13px 31px
        rgba(32,236,240,.16),

        inset 0 1px 0
        rgba(255,255,255,.40) !important;
}


.secondary-home {

    border:
        1px solid
        rgba(115,62,253,.22) !important;

    color:
        #dfe8ff !important;

    background:

        linear-gradient(
            135deg,
            rgba(28,84,229,.09),
            rgba(115,62,253,.10)
        ) !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.025),

        0 10px 28px
        rgba(0,0,0,.17);
}


.primary-home:hover,
.secondary-home:hover {

    transform:
        translateY(-3px);

    filter:
        brightness(1.08);
}


/* =========================================================
   MARKET CLOCK — 3D GLASS
========================================================= */

.hero-clock-container {

    border:
        1px solid
        rgba(32,236,240,.13) !important;

    background:

        linear-gradient(
            135deg,
            rgba(6,15,31,.90),
            rgba(13,18,42,.88)
        ) !important;

    box-shadow:

        0 18px 46px
        rgba(0,0,0,.34),

        inset 0 1px 0
        rgba(255,255,255,.035) !important;
}


.hero-time {

    color:
        var(--bh-brand-cyan) !important;

    text-shadow:
        0 0 12px
        rgba(32,236,240,.20);
}


/* =========================================================
   SHOWCASE
========================================================= */

.showcase-section {

    background:

        radial-gradient(
            circle at 72% 40%,
            rgba(32,236,240,.09),
            transparent 27%
        ),

        radial-gradient(
            circle at 88% 10%,
            rgba(115,62,253,.09),
            transparent 25%
        ),

        linear-gradient(
            180deg,
            rgba(7,11,22,.30),
            rgba(8,13,27,.94)
        ) !important;

    border-top:
        1px solid
        rgba(32,236,240,.055) !important;

    border-bottom:
        1px solid
        rgba(115,62,253,.055) !important;
}


.badge-new {

    border-color:
        rgba(96,248,160,.22) !important;

    color:
        var(--bh-brand-green) !important;

    background:
        rgba(96,248,160,.055) !important;
}


.showcase-text h2 {

    background:

        linear-gradient(
            100deg,
            #ffffff,
            var(--bh-brand-cyan),
            var(--bh-brand-blue),
            var(--bh-brand-violet)
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;

    filter:

        drop-shadow(
            0 3px 2px
            rgba(0,0,0,.40)
        ) !important;
}


.showcase-text .highlight {

    background:

        linear-gradient(
            90deg,
            var(--bh-brand-violet),
            var(--bh-brand-red),
            var(--bh-brand-orange),
            var(--bh-brand-gold)
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}


/* feature rows */

.feature-list li {

    border:
        1px solid
        rgba(39,185,253,.10) !important;

    background:

        linear-gradient(
            135deg,
            rgba(12,23,43,.76),
            rgba(19,24,51,.46)
        ) !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.025),

        0 10px 25px
        rgba(0,0,0,.12);

    transition:

        transform .18s ease,
        border-color .18s ease !important;
}


.feature-list li:hover {

    transform:
        translateX(3px);

    border-color:
        rgba(32,236,240,.22) !important;
}


/* =========================================================
   GENERIC SECTION TITLES
========================================================= */

.home-section-kicker {

    color:
        var(--bh-brand-cyan) !important;

    border-color:
        rgba(32,236,240,.20) !important;

    background:

        linear-gradient(
            135deg,
            rgba(32,236,240,.07),
            rgba(115,62,253,.05)
        ) !important;
}


.home-section-heading h2,
.home-plan-head h2 {

    background:

        linear-gradient(
            90deg,
            #ffffff,
            var(--bh-brand-cyan),
            #83a6ff,
            #b394ff
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent !important;

    filter:
        drop-shadow(
            0 3px 2px
            rgba(0,0,0,.32)
        );
}


/* =========================================================
   SOFTWARE ECOSYSTEM CARDS — HYBRID 3D
========================================================= */

.home-product-card {

    transform:
        perspective(1200px)
        translateZ(0);

    border:
        1px solid
        rgba(32,236,240,.13) !important;

    background:

        radial-gradient(
            circle at 93% 5%,
            rgba(32,236,240,.075),
            transparent 31%
        ),

        linear-gradient(
            145deg,
            rgba(14,25,45,.96),
            rgba(6,12,26,.98)
        ) !important;

    box-shadow:

        0 22px 58px
        rgba(0,0,0,.32),

        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    transition:

        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}


.home-product-card.market {

    border-color:
        rgba(115,62,253,.20) !important;

    background:

        radial-gradient(
            circle at 93% 5%,
            rgba(115,62,253,.105),
            transparent 32%
        ),

        linear-gradient(
            145deg,
            rgba(18,21,48,.97),
            rgba(7,12,29,.98)
        ) !important;
}


.home-product-card:hover {

    transform:

        perspective(1200px)
        translateY(-6px)
        rotateX(.8deg)
        rotateY(-.6deg);

    border-color:
        rgba(32,236,240,.26) !important;

    box-shadow:

        0 30px 78px
        rgba(0,0,0,.40),

        0 0 34px
        rgba(32,236,240,.045),

        inset 0 1px 0
        rgba(255,255,255,.05) !important;
}


.home-product-card.market:hover {

    border-color:
        rgba(115,62,253,.34) !important;

    box-shadow:

        0 30px 78px
        rgba(0,0,0,.40),

        0 0 36px
        rgba(115,62,253,.055),

        inset 0 1px 0
        rgba(255,255,255,.05) !important;
}


/* icon */

.product-home-icon {

    color:
        var(--bh-brand-cyan) !important;

    border-color:
        rgba(32,236,240,.24) !important;

    background:

        linear-gradient(
            145deg,
            rgba(32,236,240,.10),
            rgba(28,84,229,.075)
        ) !important;

    box-shadow:

        0 10px 25px
        rgba(0,0,0,.18),

        inset 0 1px 0
        rgba(255,255,255,.04);
}


.home-product-card.market
.product-home-icon {

    color:
        #b89cff !important;

    border-color:
        rgba(115,62,253,.27) !important;

    background:

        linear-gradient(
            145deg,
            rgba(115,62,253,.12),
            rgba(28,84,229,.075)
        ) !important;
}


/* mini features */

.product-mini {

    border:
        1px solid
        rgba(148,163,184,.075) !important;

    background:

        linear-gradient(
            135deg,
            rgba(15,23,42,.65),
            rgba(25,31,57,.34)
        ) !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.018);
}


.product-mini:nth-child(4n+1) {

    border-left:
        2px solid
        var(--bh-brand-cyan) !important;
}


.product-mini:nth-child(4n+2) {

    border-left:
        2px solid
        var(--bh-brand-violet) !important;
}


.product-mini:nth-child(4n+3) {

    border-left:
        2px solid
        var(--bh-brand-orange) !important;
}


.product-mini:nth-child(4n+4) {

    border-left:
        2px solid
        var(--bh-brand-green) !important;
}


.product-mini i {

    color:
        var(--bh-brand-cyan) !important;
}


/* product buttons */

.product-home-actions a.primary {

    color:
        #031317 !important;

    background:

        linear-gradient(
            120deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan),
            var(--bh-brand-sky)
        ) !important;

    box-shadow:
        0 10px 25px
        rgba(32,236,240,.12);
}


.product-home-actions a:not(.primary) {

    border-color:
        rgba(115,62,253,.17) !important;

    background:
        rgba(115,62,253,.055) !important;
}


/* =========================================================
   COMPANY TRUST STRIP — LOGO ACCENTS
========================================================= */

.company-trust-strip {

    border:
        1px solid
        rgba(32,236,240,.10) !important;

    background:
        rgba(32,236,240,.06) !important;

    box-shadow:

        0 16px 42px
        rgba(0,0,0,.20),

        inset 0 1px 0
        rgba(255,255,255,.025);
}


.trust-cell {

    position:
        relative;

    background:

        linear-gradient(
            145deg,
            rgba(8,17,32,.97),
            rgba(11,16,35,.96)
        ) !important;
}


.trust-cell:nth-child(1) {

    box-shadow:
        inset 0 3px 0
        var(--bh-brand-cyan);
}


.trust-cell:nth-child(2) {

    box-shadow:
        inset 0 3px 0
        var(--bh-brand-blue);
}


.trust-cell:nth-child(3) {

    box-shadow:
        inset 0 3px 0
        var(--bh-brand-violet);
}


.trust-cell:nth-child(4) {

    box-shadow:
        inset 0 3px 0
        var(--bh-brand-green);
}


.trust-cell strong {

    color:
        #edf7ff !important;
}


/* =========================================================
   BUSINESS IDENTITY CARD — 3D
========================================================= */

.business-home-card {

    transform:
        perspective(1200px)
        translateZ(0);

    border:
        1px solid
        rgba(39,185,253,.14) !important;

    background:

        radial-gradient(
            circle at 95% 0%,
            rgba(115,62,253,.07),
            transparent 27%
        ),

        linear-gradient(
            145deg,
            rgba(13,23,42,.96),
            rgba(6,12,26,.97)
        ) !important;

    box-shadow:

        0 22px 60px
        rgba(0,0,0,.31),

        inset 0 1px 0
        rgba(255,255,255,.03) !important;
}


.business-home-card h3 {

    background:

        linear-gradient(
            90deg,
            var(--bh-brand-cyan),
            #ffffff,
            var(--bh-brand-violet)
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent !important;
}


.business-home-item {

    border:
        1px solid
        rgba(148,163,184,.075) !important;

    background:

        linear-gradient(
            135deg,
            rgba(15,23,42,.64),
            rgba(30,35,61,.32)
        ) !important;
}


.business-home-item:nth-child(4n+1) {

    border-top:
        2px solid
        var(--bh-brand-cyan) !important;
}


.business-home-item:nth-child(4n+2) {

    border-top:
        2px solid
        var(--bh-brand-blue) !important;
}


.business-home-item:nth-child(4n+3) {

    border-top:
        2px solid
        var(--bh-brand-violet) !important;
}


.business-home-item:nth-child(4n+4) {

    border-top:
        2px solid
        var(--bh-brand-green) !important;
}


.payment-home-note {

    border-color:
        rgba(32,236,240,.14) !important;

    background:

        linear-gradient(
            135deg,
            rgba(32,236,240,.035),
            rgba(115,62,253,.025)
        ) !important;
}


/* =========================================================
   HOME PRICING CARDS — 3D COMPACT BRAND SURFACES
========================================================= */

.home-plan-section {

    perspective:
        1300px;
}


.home-plan-kicker {

    color:
        var(--bh-brand-cyan) !important;
}


.home-plan-card {

    transform:
        translateZ(0);

    border-color:
        rgba(39,185,253,.17) !important;

    background:

        radial-gradient(
            circle at 93% 4%,
            rgba(32,236,240,.07),
            transparent 31%
        ),

        linear-gradient(
            150deg,
            rgba(13,25,46,.98),
            rgba(5,12,28,.98)
        ) !important;

    box-shadow:

        0 24px 62px
        rgba(0,0,0,.34),

        0 7px 0
        rgba(1,5,15,.34),

        inset 0 1px 0
        rgba(255,255,255,.045) !important;

    transition:

        transform .23s ease,
        border-color .23s ease,
        box-shadow .23s ease !important;
}


.home-plan-card:hover {

    transform:

        translateY(-7px)
        rotateX(.8deg)
        rotateY(-.5deg);

    border-color:
        rgba(32,236,240,.31) !important;

    box-shadow:

        0 34px 82px
        rgba(0,0,0,.43),

        0 9px 0
        rgba(1,5,15,.30),

        0 0 34px
        rgba(32,236,240,.05),

        inset 0 1px 0
        rgba(255,255,255,.055) !important;
}


/* trial card */

.home-plan-card.is-trial {

    border-color:
        rgba(96,248,160,.28) !important;

    background:

        radial-gradient(
            circle at 92% 3%,
            rgba(96,248,160,.11),
            transparent 32%
        ),

        linear-gradient(
            150deg,
            rgba(7,31,34,.98),
            rgba(5,14,29,.98)
        ) !important;
}


/* featured paid card */

.home-plan-card.is-featured {

    border-color:
        rgba(115,62,253,.34) !important;

    background:

        radial-gradient(
            circle at 93% 3%,
            rgba(115,62,253,.13),
            transparent 32%
        ),

        linear-gradient(
            150deg,
            rgba(18,22,54,.98),
            rgba(6,12,29,.98)
        ) !important;
}


.home-plan-badge {

    border-radius:
        999px !important;

    border-color:
        rgba(39,185,253,.22) !important;

    background:

        linear-gradient(
            135deg,
            rgba(39,185,253,.12),
            rgba(28,84,229,.09),
            rgba(115,62,253,.10)
        ) !important;

    color:
        #dfefff !important;
}


.home-plan-card.is-trial
.home-plan-badge {

    border-color:
        rgba(96,248,160,.27) !important;

    color:
        #baffd4 !important;

    background:

        linear-gradient(
            135deg,
            rgba(96,248,160,.13),
            rgba(32,236,240,.075)
        ) !important;
}


.home-plan-card.is-featured
.home-plan-badge {

    border-color:
        rgba(115,62,253,.30) !important;

    color:
        #c4b4ff !important;

    background:

        linear-gradient(
            135deg,
            rgba(115,62,253,.16),
            rgba(28,84,229,.08)
        ) !important;
}


/* Prices */

.home-plan-card.is-trial
.home-plan-price {

    color:
        var(--bh-brand-green) !important;

    text-shadow:
        0 0 16px
        rgba(96,248,160,.12);
}


.home-plan-card.is-featured
.home-plan-price {

    color:
        #9fa9ff !important;

    text-shadow:
        0 0 16px
        rgba(115,62,253,.13);
}


/* Feature box */

.home-plan-features {

    border-color:
        rgba(39,185,253,.10) !important;

    background:

        linear-gradient(
            180deg,
            rgba(16,27,49,.60),
            rgba(3,9,22,.48)
        ) !important;
}


.home-plan-features li:nth-child(6n+1) {

    border-left:
        3px solid
        var(--bh-brand-cyan) !important;
}


.home-plan-features li:nth-child(6n+2) {

    border-left:
        3px solid
        var(--bh-brand-blue) !important;
}


.home-plan-features li:nth-child(6n+3) {

    border-left:
        3px solid
        var(--bh-brand-violet) !important;
}


.home-plan-features li:nth-child(6n+4) {

    border-left:
        3px solid
        var(--bh-brand-red) !important;
}


.home-plan-features li:nth-child(6n+5) {

    border-left:
        3px solid
        var(--bh-brand-gold) !important;
}


.home-plan-features li:nth-child(6n+6) {

    border-left:
        3px solid
        var(--bh-brand-green) !important;
}


/* Scrollbar */

.home-plan-features::-webkit-scrollbar-thumb {

    background:

        linear-gradient(
            180deg,
            var(--bh-brand-cyan),
            var(--bh-brand-blue),
            var(--bh-brand-violet)
        ) !important;
}


/* Buttons */

.home-plan-action.trial {

    color:
        #021710 !important;

    background:

        linear-gradient(
            120deg,
            var(--bh-brand-green),
            var(--bh-brand-cyan)
        ) !important;

    box-shadow:

        0 12px 28px
        rgba(32,236,240,.14),

        inset 0 1px 0
        rgba(255,255,255,.35) !important;
}


.home-plan-action.paid {

    color:
        #ffffff !important;

    background:

        linear-gradient(
            120deg,
            var(--bh-brand-blue),
            var(--bh-brand-violet),
            #9549ff
        ) !important;

    box-shadow:

        0 12px 29px
        rgba(88,67,242,.20),

        inset 0 1px 0
        rgba(255,255,255,.18) !important;
}


/* =========================================================
   PRICE TICKER + LEGAL PANELS
========================================================= */

.price-ticker,
.legal-section {

    border-color:
        rgba(39,185,253,.09) !important;

    background:

        linear-gradient(
            145deg,
            rgba(10,19,36,.88),
            rgba(8,13,28,.88)
        ) !important;

    box-shadow:

        0 22px 60px
        rgba(0,0,0,.24),

        inset 0 1px 0
        rgba(255,255,255,.022) !important;
}


/* replace old gold-only ticker look */

.price-ticker h3 {

    background:

        linear-gradient(
            90deg,
            var(--bh-brand-cyan),
            var(--bh-brand-blue),
            var(--bh-brand-violet),
            var(--bh-brand-orange),
            var(--bh-brand-gold)
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}


.legal-card {

    transform:
        translateZ(0);

    border-color:
        rgba(148,163,184,.075) !important;

    background:

        linear-gradient(
            145deg,
            rgba(15,24,43,.70),
            rgba(18,20,41,.50)
        ) !important;

    box-shadow:

        0 14px 35px
        rgba(0,0,0,.15),

        inset 0 1px 0
        rgba(255,255,255,.025);
}


.legal-card:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(32,236,240,.16) !important;
}


.legal-card h4 {

    color:
        var(--bh-brand-cyan) !important;
}


.legal-card:nth-child(2)
h4 {

    color:
        #a98aff !important;
}


.legal-card:nth-child(3)
h4 {

    color:
        var(--bh-brand-gold) !important;
}


/* =========================================================
   FOOTER — SAME BRAND FAMILY
========================================================= */

.footer {

    border-top:
        1px solid
        rgba(32,236,240,.08) !important;

    background:

        radial-gradient(
            circle at 8% 0%,
            rgba(32,236,240,.055),
            transparent 27%
        ),

        radial-gradient(
            circle at 92% 20%,
            rgba(115,62,253,.055),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            rgba(7,12,25,.97),
            #050812
        ) !important;
}


.footer-section h4 {

    color:
        var(--bh-brand-cyan) !important;
}


.footer-section:nth-child(2)
h4 {

    color:
        #9da9ff !important;
}


.footer-section:nth-child(3)
h4 {

    color:
        #b99fff !important;
}


.footer-section:nth-child(4)
h4 {

    color:
        var(--bh-brand-green) !important;
}


.footer-section a:hover {

    color:
        var(--bh-brand-cyan) !important;
}


.footer-bottom {

    border-top-color:
        rgba(32,236,240,.08) !important;
}


/* Powered-by brand text on Home */

.footer-bottom
span[style*="color: #00e5ff"] {

    background:

        linear-gradient(
            90deg,
            var(--bh-brand-cyan),
            var(--bh-brand-blue),
            var(--bh-brand-violet),
            var(--bh-brand-red),
            var(--bh-brand-gold),
            var(--bh-brand-green)
        );

    background-size:
        230% 100%;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent !important;

    -webkit-text-fill-color:
        transparent !important;

    animation:
        bhHomeBrandSweep
        9s ease-in-out
        infinite alternate;
}


/* =========================================================
   MOBILE — REMOVE HEAVY 3D TILT
========================================================= */

@media (max-width:768px) {

    .home-product-card:hover,
    .home-plan-card:hover,
    .legal-card:hover {

        transform:
            translateY(-2px);
    }


    .hero h1 {

        background-size:
            320% 100% !important;
    }


    .home-plan-features li {

        border-left-width:
            2px !important;
    }

}


/* =========================================================
   LIGHT MODE SAFETY
========================================================= */

body.light {

    background:

        radial-gradient(
            circle at 8% 8%,
            rgba(32,236,240,.08),
            transparent 26%
        ),

        radial-gradient(
            circle at 92% 15%,
            rgba(115,62,253,.065),
            transparent 28%
        ),

        #f7f9fd !important;
}


body.light
.home-product-card,
body.light
.home-plan-card,
body.light
.business-home-card,
body.light
.legal-card,
body.light
.trust-cell {

    color:
        #172033;
}


body.light
.home-product-card h3,
body.light
.home-plan-card h3,
body.light
.business-home-item strong,
body.light
.trust-cell strong {

    color:
        #0f172a !important;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (
    prefers-reduced-motion:
    reduce
) {

    .scroll-content,
    .hero h1,
    .logo img,
    .footer-bottom
    span[style*="color: #00e5ff"] {

        animation:
            none !important;
    }


    .home-product-card,
    .home-plan-card,
    .legal-card {

        transition:
            none !important;
    }

}