/* 0.4.1.059 — approved hero copy + Black Chrome primary CTA. */

body.home-demo-page .hm-actions .hm-btn--black-chrome {
    color:#f5f6f8 !important;
    -webkit-text-fill-color:#f5f6f8 !important;
    text-shadow:none !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#646b75 0%,#272c33 18%,#08090c 47%,#24282f 72%,#050608 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px rgba(0,0,0,.28) !important;
    filter:none !important;
    overflow:hidden !important;
}

body.home-demo-page .hm-actions .hm-btn--black-chrome::before,
body.home-demo-page .hm-actions .hm-btn--black-chrome::after {
    content:none !important;
    display:none !important;
    opacity:0 !important;
}

body.home-demo-page .hm-actions .hm-btn--black-chrome:hover,
body.home-demo-page .hm-actions .hm-btn--black-chrome:focus-visible {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(180deg,#737b87 0%,#333840 18%,#0d0f13 47%,#2d323a 72%,#08090c 100%) !important;
    border-color:rgba(255,255,255,.24) !important;
    transform:translateY(-1px) !important;
}


/* 0.4.1.060 — AI route progress + shared Black Chrome hover. */
body.home-demo-page .hm-hero-route {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:8;
    height:2px;
    overflow:hidden;
    pointer-events:none;
    background:rgba(255,255,255,.055);
}

body.home-demo-page .hm-hero-route > span {
    display:block;
    width:calc(var(--hero-route-progress, 0) * 100%);
    height:100%;
    background:linear-gradient(90deg,
        #7f42ff 0%,
        #f13aaf 34%,
        #ef7a3f 66%,
        #397ee8 100%
    );
    transform-origin:left center;
    will-change:width;
}

@media (max-width:820px) {
    body.home-demo-page .hm-hero-route { display:none; }
}