@import url("/css/homepage-components-base.css?v=1d8f723671c9");
@import url("/css/home-project-cards.css?v=1d8f723671c9");
@import url("/css/home-footer.css?v=1d8f723671c9");
@import url("/css/home-footer-social-controls.css?v=1d8f723671c9");
@import url("/css/home-footer-business.css?v=1d8f723671c9");
@import url("/css/home-footer-responsive.css?v=1d8f723671c9");
@import url("/css/home-footer-final-responsive.css?v=1d8f723671c9");
@import url("/css/home-footer-mobile-final.css?v=1d8f723671c9");
@import url("/css/google-business-mobile-compact.css?v=1d8f723671c9");
@import url("/css/home-hero-badge-layout.css?v=1d8f723671c9");
@import url("/css/proficlips-process-showcase.css?v=1d8f723671c9");
@import url("/css/home-hero-mobile-art.css?v=1d8f723671c9");

/* VERANT PROBLEM CARD 02 BROWN PALETTE */
.home-page .home-path-card--dark {
    border-color: rgba(255, 244, 236, .10);
    color: #fffaf7;
    background:
        radial-gradient(circle at 84% 16%, rgba(241, 119, 53, .11), transparent 34%),
        radial-gradient(circle at 78% 22%, rgba(255, 174, 95, .05), transparent 42%),
        radial-gradient(circle at 10% 92%, rgba(255, 174, 95, .045), transparent 25%),
        linear-gradient(145deg, #4a2b1d 0%, #3f281f 54%, #2e1d18 100%);
    box-shadow: 0 28px 62px rgba(63, 35, 11, .20);
}

.home-page .home-path-card--dark p {
    color: #d9ccc3;
}

.home-page .home-path-card--dark .home-path-card__number {
    color: #b29581;
}

.home-page .home-path-card--dark .home-path-card__icon {
    background: rgba(241, 119, 53, .12);
    border: 1px solid rgba(241, 119, 53, .08);
}

.home-page .home-path-card--dark .home-path-route__primary {
    background: rgba(255, 255, 255, .065);
    border-color: rgba(255, 244, 236, .18);
}

.home-page .home-path-card--dark .home-path-route__secondary {
    background: rgba(255, 255, 255, .028);
    border-color: rgba(255, 244, 236, .20);
}

.home-page .home-path-card--dark .home-path-route__secondary small {
    color: #d6c3b5;
    opacity: .86;
}

/* Legacy card fallback only; runtime upgrades these cards to featured siblings. */
.home-page .home-project-card .home-project-card__visual::after {
    content: "↗";
    font-family: "Barlow", sans-serif;
    font-size: 1.18rem;
    font-weight: 800;
    transform: none;
}

/* Runtime-inserted project siblings appear after AOS.init(). Keep them visible;
   the whole Projects section already has the site-wide premium reveal. */
.home-page .home-project-sibling[data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

@media (hover:hover) and (pointer:fine) {
    .home-page .home-project-card:hover .home-project-card__visual::after {
        transform: translateY(-2px) rotate(7deg) scale(1.06);
    }
}

/* ProfiClips / Proces — preview assets belong directly to the dark card.
   Remove the extra pale canvas around screenshots so transparent PNG space
   reveals the card surface instead of looking like another white card. */
.home-page .interactive-process__card img {
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

@media (hover:hover) and (pointer:fine) {
    .home-page .interactive-process__card:hover img {
        box-shadow: 0 18px 34px rgba(0, 0, 0, .16) !important;
    }
}