@charset "UTF-8";

/*--------------------------------------------------------------------
  Dealifly Homepage Colour Refinement
  Strictly scoped to `body.dealifly-homepage` on index.html only.
  Preserves existing page structure, layout, typography, and content.
  Restrains purple and pink to a sophisticated, calm, premium B2B
  aesthetic inspired by modern benchmarks (e.g. SEDA).
--------------------------------------------------------------------*/

/* --- 1. Homepage Design Tokens & Base Surfaces --- */
body.dealifly-homepage {
    /* Brand Accent Colors (Dealifly purple & pink preserved, restrained) */
    --dealifly-purple: #7657D9;
    --dealifly-purple-soft: #8F7AE8;
    --dealifly-pink: #A855F7;
    --dealifly-pink-soft: #B7A5F5;
    --dealifly-lavender: #B7A5F5;

    /* Base Surfaces */
    --dealifly-bg: #050507;
    --dealifly-bg-secondary: #09090D;
    --dealifly-surface: #0D0D12;
    --dealifly-surface-hover: #111117;

    /* Borders */
    --dealifly-border: rgba(255, 255, 255, 0.08);
    --dealifly-border-hover: rgba(255, 255, 255, 0.14);

    /* Text */
    --dealifly-text-primary: #F5F5F7;
    --dealifly-text-secondary: #B7B7C2;
    --dealifly-text-muted: #8A8A96;

    /* Subtle Atmosphere Gradients (0.08–0.14 purple, 0.04–0.06 pink) */
    --dealifly-atmosphere: linear-gradient(135deg, rgba(118, 87, 217, 0.12), rgba(216, 90, 207, 0.05));
    --dealifly-cta-fill: linear-gradient(135deg, #7657D9 0%, #6A4CC4 100%);
    --dealifly-glow-reduced: 0 8px 24px rgba(118, 87, 217, 0.14);

    background-color: var(--dealifly-bg) !important;
}

/* Selection highlight */
body.dealifly-homepage ::selection {
    background-color: rgba(118, 87, 217, 0.35);
    color: #FFFFFF;
}

/* ================================================================
   Floating Rounded Sticky Navigation Bar
   - Floating rounded pill aesthetic
   - Margins: 14px top, ~32px left/right (calc(100% - 64px), max-width 1260px)
   - Border radius: 36px
   - Surface: near-black translucent rgba(8, 8, 12, 0.82)
   - Backdrop filter: blur(18px)
   - Border: 1px solid rgba(255, 255, 255, 0.10)
   - Soft refined shadow
   - Dealifly wordmark: FULL WHITE #FFFFFF
   - Preserves purple logo icon
   - Preserves Solutions, Industries, Resources, Contact and Get Started CTA
   - Stays floating and rounded on scroll (never expands edge-to-edge)
   ================================================================ */
body.dealifly-homepage .primary-header {
    position: sticky !important;
    top: 14px !important;
    z-index: 1080 !important;
    width: calc(100% - 64px) !important;
    max-width: 1260px !important;
    margin: 14px auto 0 !important;
    background: rgba(8, 8, 12, 0.82) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 36px !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.65), 0 0 1px 1px rgba(255, 255, 255, 0.04) !important;
    padding: 0.5rem 1.4rem !important;
    transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease !important;
}

body.dealifly-homepage .primary-header > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

/* Stays floating and rounded when scrolled */
body.dealifly-homepage.primary-header-crossed .primary-header,
body.dealifly-homepage .primary-header-crossed .primary-header,
body.dealifly-homepage .primary-header.is-scrolled {
    position: sticky !important;
    top: 14px !important;
    width: calc(100% - 64px) !important;
    max-width: 1260px !important;
    margin: 14px auto 0 !important;
    border-radius: 36px !important;
    background: rgba(8, 8, 12, 0.90) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 14px 34px -10px rgba(0, 0, 0, 0.75), 0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
}

/* Dealifly Wordmark: FULL WHITE #FFFFFF */
body.dealifly-homepage .dealifly-nav-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    text-decoration: none !important;
}

body.dealifly-homepage .dealifly-nav-logo__name {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* Existing logo mark preserves purple icon */
body.dealifly-homepage .dealifly-nav-logo__mark {
    width: 34px !important;
    height: 34px !important;
    display: inline-block !important;
    object-fit: contain !important;
}

/* Navigation Links */
body.dealifly-homepage .primary-header .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    padding: 0.42rem 0.9rem !important;
    border-radius: 9999px !important;
    transition: color 150ms ease, background-color 150ms ease !important;
}

body.dealifly-homepage .primary-header .navbar-nav .nav-link:hover {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
}

body.dealifly-homepage .primary-header .navbar-nav .nav-link.active,
body.dealifly-homepage .primary-header .navbar-nav .nav-item.active > .nav-link {
    color: #FFFFFF !important;
    background-color: rgba(118, 87, 217, 0.16) !important;
    border: 1px solid rgba(143, 122, 232, 0.28) !important;
}

/* Hide duplicate template chevron since Dealifly uses custom .dealifly-nav-caret */
.primary-header .has-sub-menu > .nav-link::after,
body.dealifly-homepage .primary-header .has-sub-menu > .nav-link::after {
    display: none !important;
    content: none !important;
}



/* CTA "Get Started" Button */
body.dealifly-homepage .primary-header .btn-primary {
    background: #7657D9 !important;
    background-image: linear-gradient(135deg, #8465E5 0%, #7657D9 100%) !important;
    color: #FFFFFF !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 0.48rem 1.25rem !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 2px 10px rgba(118, 87, 217, 0.25) !important;
    transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease !important;
}

body.dealifly-homepage .primary-header .btn-primary:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.08) !important;
    box-shadow: 0 4px 14px rgba(118, 87, 217, 0.42) !important;
    color: #FFFFFF !important;
}

/* Tablet & Mobile Responsiveness */
@media (max-width: 991.98px) {
    body.dealifly-homepage .primary-header {
        width: calc(100% - 28px) !important;
        top: 10px !important;
        margin: 10px auto 0 !important;
        border-radius: 24px !important;
        padding: 0.45rem 0.95rem !important;
    }

    body.dealifly-homepage.primary-header-crossed .primary-header,
    body.dealifly-homepage .primary-header-crossed .primary-header,
    body.dealifly-homepage .primary-header.is-scrolled {
        width: calc(100% - 28px) !important;
        top: 10px !important;
        margin: 10px auto 0 !important;
        border-radius: 24px !important;
    }

    body.dealifly-homepage .primary-header .navbar-collapse {
        background: rgba(10, 10, 15, 0.98) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        border-radius: 20px !important;
        padding: 1.25rem !important;
        margin-top: 0.75rem !important;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65) !important;
    }

    body.dealifly-homepage .primary-header .navbar-toggler {
        color: #FFFFFF !important;
        font-size: 1.45rem;
        padding: 0.25rem 0.5rem;
        border: none !important;
        background: transparent !important;
    }
}

body.dealifly-homepage .navigation-1__menu,
body.dealifly-homepage .navigation-0__menu {
    background-color: var(--dealifly-surface) !important;
    border: 1px solid var(--dealifly-border) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
}

body.dealifly-homepage .navigation-1__menu-link:hover,
body.dealifly-homepage .navigation-0__menu-link:hover {
    background-color: var(--dealifly-surface-hover) !important;
    color: var(--dealifly-text-primary) !important;
}

/* --- 3. Hero Section (predominantly near-black, subtle atmospheric lighting) --- */
body.dealifly-homepage .hero-8 {
    background-color: var(--dealifly-bg) !important;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* Backdrop containing canvas */
body.dealifly-homepage .hero-8__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

body.dealifly-homepage .dealifly-hero-particles {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(ellipse 92% 85% at 50% 40%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.8) 70%, transparent 95%);
    mask-image: radial-gradient(ellipse 92% 85% at 50% 40%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.8) 70%, transparent 95%);
}


/* Subtle atmospheric diffused gradient */
body.dealifly-homepage .hero-8::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 75% 50% at 50% -5%, rgba(118, 87, 217, 0.16), transparent 60%),
        radial-gradient(ellipse 45% 35% at 85% 15%, rgba(216, 90, 207, 0.08), transparent 55%),
        linear-gradient(180deg, rgba(5, 5, 7, 0.25) 0%, rgba(5, 5, 7, 0.05) 40%, #050507 100%) !important;
    pointer-events: none;
}

body.dealifly-homepage .hero-8__content,
body.dealifly-homepage .hero-8 > .container {
    position: relative;
    z-index: 2;
}

/* Hero Viewport Sizing & Spacing (Change 1):
   Desktop: Ensures the partner brand strip is naturally visible in the initial 1440x900 viewport without scrolling */
@media (min-width: 992px) {
    body.dealifly-homepage .hero-8 {
        min-height: 100vh;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    body.dealifly-homepage .hero-8__content {
        padding-block-start: clamp(4.75rem, 6vh + 1.25rem, 6.25rem) !important;
        padding-block-end: clamp(0.5rem, 1.2vh, 1rem) !important;
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

    body.dealifly-homepage .hero-8__content .container {
        width: 100%;
    }

    body.dealifly-homepage .hero-8 h1 {
        font-size: clamp(2rem, 3.1vw + 0.5rem, 3.6rem) !important;
        line-height: 1.15 !important;
    }

    body.dealifly-homepage .hero-8 p {
        line-height: 1.5 !important;
        max-width: 36rem !important;
    }

    body.dealifly-homepage .hero-8__partners {
        margin: clamp(0.75rem, 1.5vh, 1.5rem) auto 0 !important;
        padding: 0 0 clamp(1.25rem, 2.5vh, 2rem) !important;
    }
}

@media (max-width: 991.98px) {
    body.dealifly-homepage .hero-8 {
        min-height: auto;
        display: block;
    }

    body.dealifly-homepage .hero-8__content {
        padding-block-start: 5.5rem !important;
        padding-block-end: 1.5rem !important;
    }

    body.dealifly-homepage .hero-8__partners {
        margin-top: 1.5rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Hero Badge (#1 Growth Marketing Agency) */
body.dealifly-homepage .hero-8 .bg-dark {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--dealifly-border) !important;
}

body.dealifly-homepage .hero-8 .badge.text-bg-primary {
    background-color: rgba(118, 87, 217, 0.18) !important;
    border: 1px solid rgba(143, 122, 232, 0.25) !important;
    color: var(--dealifly-lavender) !important;
    box-shadow: none !important;
}

/* Headline with selective, restrained pink text ("Business Growth.") */
body.dealifly-homepage .hero-8 h1 {
    color: var(--dealifly-text-primary) !important;
}

body.dealifly-homepage .hero-8 h1 .business,
body.dealifly-homepage .hero-8 [style*="color: #f54ff2"],
body.dealifly-homepage .hero-8 [style*="color:#f54ff2"] {
    color: var(--dealifly-pink-soft) !important; /* Soft, refined brand pink */
    text-shadow: none !important;
}

/* Hero CTA Button (Book a Strategy Call) */
body.dealifly-homepage .hero-8 .btn.bg-gradient-linear,
body.dealifly-homepage .btn.bg-gradient-linear {
    background-image: var(--dealifly-cta-fill) !important;
    background-color: var(--dealifly-purple) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

body.dealifly-homepage .hero-8 .btn.bg-gradient-linear:hover,
body.dealifly-homepage .btn.bg-gradient-linear:hover {
    background-image: linear-gradient(135deg, #8466EA 0%, #7657D9 100%) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: var(--dealifly-glow-reduced) !important;
    transform: translateY(-1px);
}

/* Hero Partner Logos - calibrated visibility & restrained monochrome */
body.dealifly-homepage .hero-8__partner-list img {
    opacity: 0.54;
    filter: grayscale(100%) brightness(1.3);
    transition: opacity 200ms ease, filter 200ms ease;
}

/* Naturally black/dark source logos: invert to luminous muted monochrome */
body.dealifly-homepage .hero-8__partner-list img[src*="logo-apollo"],
body.dealifly-homepage .hero-8__partner-list img[src*="logo-mailchimp"] {
    filter: invert(1) grayscale(100%);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-pipedrive"] {
    filter: invert(1) grayscale(100%) brightness(1.15);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-shopify"] {
    filter: invert(1) grayscale(100%) brightness(1.1);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-dripify"] {
    filter: invert(1) grayscale(100%) brightness(1.15);
    opacity: 0.54;
}

/* Mid-tone & colored logos: normalized brightness & contrast */
body.dealifly-homepage .hero-8__partner-list img[src*="logo-google-ads"] {
    filter: grayscale(100%) brightness(1.55) contrast(1.1);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-hubspot"] {
    filter: grayscale(100%) brightness(2.0);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-brevo"] {
    filter: grayscale(100%) brightness(1.4);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img[src*="logo-hootsuite"] {
    filter: grayscale(100%) brightness(0.92);
    opacity: 0.54;
}

body.dealifly-homepage .hero-8__partner-list img:hover {
    opacity: 0.88;
}

/* --- 4. Pink Accent Restraint across Homepage --- */
/* Reduce intensity of all kickers, icons, and text previously using #f54ff2 */
body.dealifly-homepage [style*="color: #f54ff2"],
body.dealifly-homepage [style*="color:#f54ff2"],
body.dealifly-homepage .dealifly-accent {
    color: var(--dealifly-pink-soft) !important;
    text-shadow: none !important;
}

/* Review section kicker & star ratings - Dealifly purple/lavender accent */
body.dealifly-homepage .dealifly-reviews-section span.d-inline-block.fw-medium,
body.dealifly-homepage .dealifly-reviews-section [aria-label*="stars"],
body.dealifly-homepage .testimonial-section-2 [aria-label*="stars"],
body.dealifly-homepage template[data-review-cards] [aria-label*="stars"],
body.dealifly-homepage span.d-block.fs-14[aria-label*="stars"] {
    color: var(--dealifly-lavender, #B7A5F5) !important;
    opacity: 0.95;
    text-shadow: none !important;
}

/* Specialized services section kicker & icons */
body.dealifly-homepage iconify-icon[style*="color: #f54ff2"] {
    color: var(--dealifly-pink-soft) !important;
    filter: drop-shadow(0 2px 6px rgba(216, 90, 207, 0.15));
}

/* --- 5. Purple Accents & Glow Reduction across Homepage --- */
/* Service ticker tag pills */
body.dealifly-homepage .bg-primary.bg-opacity-20 {
    background-color: rgba(118, 87, 217, 0.12) !important;
    border: 1px solid rgba(143, 122, 232, 0.2) !important;
}

/* Central pulser element */
body.dealifly-homepage .pulser__content {
    background-image: var(--dealifly-cta-fill) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0.85rem rgba(118, 87, 217, 0.14) !important;
}

/* Specialized services tab nav buttons */
body.dealifly-homepage a.btn.bg-light.bg-opacity-5:hover,
body.dealifly-homepage a.btn.hover\:bg-primary:hover {
    background-color: rgba(118, 87, 217, 0.16) !important;
    border: 1px solid rgba(143, 122, 232, 0.28) !important;
    color: #FFFFFF !important;
}

/* Headline gradient text clips */
body.dealifly-homepage .text-clip--primary,
body.dealifly-homepage .text-clip--primary-alt {
    background: linear-gradient(90deg, #F5F5F7 15%, #B7A5F5 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Feature ecosystem gradient wireframe borders */
body.dealifly-homepage .gradient-border--surface-dark-alt {
    --surface-color: var(--dealifly-surface);
    --border-color-top: rgba(255, 255, 255, 0.08);
    --border-color-bottom: rgba(118, 87, 217, 0.15);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

body.dealifly-homepage .gradient-border::before {
    opacity: 0.35 !important;
}

/* Core service cards / visual containers */
body.dealifly-homepage .dealifly-core-service-visual {
    border: 1px solid var(--dealifly-border) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3) !important;
}

/* CTA 6 banner ("Ready to win more customers?") */
body.dealifly-homepage .cta-6 {
    background:
        radial-gradient(ellipse 70% 80% at 50% 120%, rgba(118, 87, 217, 0.14), transparent 60%),
        var(--dealifly-surface) !important;
    border: 1px solid var(--dealifly-border) !important;
    box-shadow: none !important;
}

body.dealifly-homepage .cta-6 svg {
    opacity: 0.16 !important;
}

/* Preloader glow reduction and Pure CSS Fail-safe Auto-Dismiss */
@keyframes dealiflyPreloaderAutoDismiss {
    0%, 60% {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    99% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    100% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: none !important;
    }
}

body.dealifly-homepage .preloader {
    background-color: var(--dealifly-bg) !important;
    animation: dealiflyPreloaderAutoDismiss 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards !important;
}

body.dealifly-homepage .preloader.preloader--loaded,
.preloader--loaded {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

body.dealifly-homepage .preloader__brand {
    background: rgba(13, 13, 18, 0.85) !important;
    border: 1px solid var(--dealifly-border) !important;
    box-shadow: inset 0 0 1rem rgba(118, 87, 217, 0.06), 0 0 1.25rem rgba(0, 0, 0, 0.4) !important;
}

body.dealifly-homepage .preloader__orbit {
    border-color: rgba(143, 122, 232, 0.2) !important;
}

body.dealifly-homepage .preloader__orbit::after {
    background: var(--dealifly-purple-soft) !important;
    box-shadow: 0 0 0.35rem rgba(118, 87, 217, 0.2) !important;
}

/* ================================================================
   PASS 2 — Targeted Refinements for Cards, Images, Buttons
   ================================================================ */

/* Core Service Folder Cards background
   Default --folder-card-bg is rgba(35,35,53,0.6) — visually blue-purple.
   Replace with a near-neutral dark surface. */
body.dealifly-homepage .folder-card-1 {
    --folder-card-bg: rgba(10, 10, 14, 0.82) !important;
}

body.dealifly-homepage .folder-card-1:not([class*="bg-"]) {
    border: 1px solid var(--dealifly-border);
}

/* Core Service Illustration Images (CSS filter — does NOT modify files)
   Desaturate 40% to mute neon purple renders in the illustrations. */
body.dealifly-homepage .dealifly-core-service-visual {
    filter: saturate(0.60) brightness(0.90) contrast(1.02) !important;
    box-shadow: none !important;
    border: none !important;
}

/* Service section "Start a..." / "Scale..." / "Build your brand" buttons */
body.dealifly-homepage .dealifly-core-services .btn.btn-primary,
body.dealifly-homepage .folder-card-1 .btn.btn-primary {
    background-image: var(--dealifly-cta-fill) !important;
    background-color: var(--dealifly-purple) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

body.dealifly-homepage .dealifly-core-services .btn.btn-primary:hover,
body.dealifly-homepage .folder-card-1 .btn.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: var(--dealifly-glow-reduced) !important;
}

/* Feature Cards (Specialized Services grid) — override border-dark */
body.dealifly-homepage .feature-card-1.border.border-dark {
    border-color: var(--dealifly-border) !important;
    background-image: linear-gradient(180deg,
        rgba(118, 87, 217, 0.06) 0%,
        rgba(10, 10, 14, 0.82) 100%) !important;
}

/* Review / Testimonial Article Cards — reduce shadow-lg glow */
body.dealifly-homepage article.shadow-lg {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
    border-color: var(--dealifly-border) !important;
}

/* Ticker Tag Pills — mute saturated primary background slightly */
body.dealifly-homepage .bg-primary.bg-opacity-20 {
    background-color: rgba(118, 87, 217, 0.12) !important;
    border: 1px solid rgba(143, 122, 232, 0.16) !important;
}

/* Reasons section wireframe cards — reduce shadow-lg */
body.dealifly-homepage .gradient-border.shadow-lg {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32) !important;
}

/* CTA banner — override Bootstrap border-primary-emphasis with muted brand border */
body.dealifly-homepage .cta-6.border-primary-emphasis,
body.dealifly-homepage .border-primary-emphasis {
    border-color: rgba(118, 87, 217, 0.22) !important;
}

/* Mobile: hero CTA button sizing stays natural */
@media (max-width: 767.98px) {
    body.dealifly-homepage .hero-8 .btn.bg-gradient-linear {
        width: auto;
        padding-inline: 2rem;
    }
}

/* ================================================================
   INDUSTRIES WE SERVE — Minimal 2x2 Editorial Industry Cards
   Replaces visual-heavy 3-card Solutions section
   ================================================================ */
body.dealifly-homepage .dealifly-industries-section {
    position: relative;
    z-index: 1;
    padding-block-start: clamp(2rem, 3.2vw, 3rem) !important;
    padding-block-end: clamp(2.25rem, 3.5vw, 3.25rem) !important;
}

body.dealifly-homepage .dealifly-industry-card {
    background: #0D0D12 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    padding: clamp(1.75rem, 2.5vw, 2.35rem) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 220px;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1),
                border-color 350ms ease,
                box-shadow 350ms ease,
                background-color 350ms ease !important;
}

body.dealifly-homepage .dealifly-industry-card:hover {
    transform: translateY(-3px);
    border-color: rgba(155, 130, 232, 0.28) !important;
    background: rgba(16, 16, 23, 0.98) !important;
    box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.7),
                0 0 24px -6px rgba(155, 130, 232, 0.08) !important;
}

/* Card Icon Container */
body.dealifly-homepage .dealifly-industry-card__icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(155, 130, 232, 0.06);
    border: 1px solid rgba(155, 130, 232, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8B78CC;
    margin-bottom: 1.5rem;
    transition: background 350ms ease,
                border-color 350ms ease,
                color 350ms ease,
                transform 350ms ease;
}

body.dealifly-homepage .dealifly-industry-card:hover .dealifly-industry-card__icon-wrap {
    background: rgba(155, 130, 232, 0.12);
    border-color: rgba(155, 130, 232, 0.32);
    color: #9B82E8;
    transform: translateY(-1px);
}

body.dealifly-homepage .dealifly-ind-icon {
    width: 22px;
    height: 22px;
    display: block;
}

/* Subtle SVG Micro-Animations on Hover */
body.dealifly-homepage .b2b-node-pulse {
    fill: rgba(155, 130, 232, 0.4);
    transition: fill 350ms ease, transform 350ms ease;
}
body.dealifly-homepage .dealifly-industry-card:hover .b2b-node-pulse {
    fill: #9B82E8;
}

body.dealifly-homepage .ecom-bag-accent {
    stroke: rgba(155, 130, 232, 0.4);
    transition: stroke 350ms ease, transform 350ms ease;
}
body.dealifly-homepage .dealifly-industry-card:hover .ecom-bag-accent {
    stroke: #9B82E8;
}

body.dealifly-homepage .recruit-node-accent {
    fill: rgba(155, 130, 232, 0.4);
    transition: fill 350ms ease;
}
body.dealifly-homepage .dealifly-industry-card:hover .recruit-node-accent {
    fill: #9B82E8;
}

body.dealifly-homepage .finance-bar-3 {
    transition: stroke 350ms ease, transform 350ms ease;
    transform-origin: bottom center;
}
body.dealifly-homepage .dealifly-industry-card:hover .finance-bar-3 {
    stroke: #9B82E8;
    transform: translateY(-1px);
}

/* Card Body & Typography */
body.dealifly-homepage .dealifly-industry-card__body {
    flex-grow: 1;
}

body.dealifly-homepage .dealifly-industry-card__title {
    font-size: clamp(1.25rem, 1.45vw, 1.45rem);
    font-weight: 700;
    color: #FFFFFF !important;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    transition: color 350ms ease;
}

body.dealifly-homepage .dealifly-industry-card__desc {
    font-size: 0.92rem;
    line-height: 1.6;
    color: rgba(245, 245, 247, 0.65) !important;
    margin-bottom: 1.35rem;
    transition: color 350ms ease;
}

body.dealifly-homepage .dealifly-industry-card:hover .dealifly-industry-card__desc {
    color: rgba(245, 245, 247, 0.85) !important;
}

/* Simple CTA Link */
body.dealifly-homepage .dealifly-industry-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: rgba(155, 130, 232, 0.82);
    text-decoration: none !important;
    transition: color 350ms ease;
}

body.dealifly-homepage .dealifly-industry-card:hover .dealifly-industry-card__cta {
    color: #FFFFFF;
}

body.dealifly-homepage .dealifly-industry-card__cta i {
    font-size: 0.95rem;
    transition: transform 350ms ease;
}

body.dealifly-homepage .dealifly-industry-card:hover .dealifly-industry-card__cta i {
    transform: translateX(4px);
}

/* Card Main Clickable Link Area */
body.dealifly-homepage .dealifly-industry-card__main-link {
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: inherit;
    cursor: pointer;
}

/* Bottom Actions Row */
body.dealifly-homepage .dealifly-industry-card__cta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
}

/* Growth Plan Download Button */
body.dealifly-homepage .dealifly-btn-growth-download {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #ffffff !important;
    background: rgba(168, 85, 247, 0.16);
    border: 1px solid rgba(183, 165, 245, 0.42);
    padding: 0.45rem 1.05rem;
    border-radius: 999px;
    text-decoration: none !important;
    box-shadow: 0 0 14px rgba(168, 85, 247, 0.2);
    transition: all 250ms ease;
    white-space: nowrap;
}

body.dealifly-homepage .dealifly-btn-growth-download i {
    font-size: 0.85rem;
    color: #b7a5f5;
    transition: transform 250ms ease, color 250ms ease;
}

body.dealifly-homepage .dealifly-btn-growth-download:hover {
    background: linear-gradient(135deg, #7657d9 0%, #a855f7 100%);
    border-color: #b7a5f5;
    color: #ffffff !important;
    box-shadow: 0 0 22px rgba(168, 85, 247, 0.55);
    transform: translateY(-2px);
}

body.dealifly-homepage .dealifly-btn-growth-download:hover i {
    color: #ffffff;
    transform: translateY(1px);
}

@media (max-width: 480px) {
    body.dealifly-homepage .dealifly-industry-card__cta-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0.65rem;
    }
    body.dealifly-homepage .dealifly-btn-growth-download {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
}



/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
    body.dealifly-homepage .dealifly-industry-card {
        transition: none !important;
        transform: none !important;
    }
    body.dealifly-homepage .dealifly-industry-card__cta i {
        transform: none !important;
        transition: none !important;
    }
}

/* --- Industries 2x2 Composition Continuity (Text-Free) --- */
/* Very subtle ambient purple atmospheric glow centered on the card matrix gap */
body.dealifly-homepage .dealifly-industries-grid-wrap {
    position: relative;
}

body.dealifly-homepage .dealifly-industries-grid-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(760px, 85vw);
    height: 360px;
    background: radial-gradient(ellipse at center, rgba(118, 87, 217, 0.045) 0%, rgba(143, 122, 232, 0.015) 50%, transparent 75%);
    pointer-events: none;
    z-index: 0;
    filter: blur(32px);
}

/* Desktop & Tablet: Faint architectural hairline between Row 1 and Row 2 */
@media (min-width: 768px) {
    body.dealifly-homepage .dealifly-industries-grid {
        position: relative;
        --bs-gutter-y: 1.35rem;
    }

    body.dealifly-homepage .dealifly-industries-grid::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 6%;
        right: 6%;
        height: 1px;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.035) 15%,
            rgba(143, 122, 232, 0.12) 50%,
            rgba(255, 255, 255, 0.035) 85%,
            transparent 100%
        );
        pointer-events: none;
        transform: translateY(-50%);
        z-index: 0;
    }
}

/* ================================================================
   Lower Feature / Capability Cards Redesign (Refined SEDA Style)
   7 Simplified Cards: One Clear Message & Distinct Metaphor per Card
   ================================================================ */
body.dealifly-homepage .dealifly-planning-section,
body.dealifly-homepage .feature-section-3 {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

/* Remove wave background shape and keep black background matching whole website */
body.dealifly-homepage .feature-section-3::before,
body.dealifly-homepage .dealifly-planning-section::before,
body.dealifly-homepage .feature-section-3::after,
body.dealifly-homepage .dealifly-planning-section::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
/* ================================================================
   SERVICES SECTION — Clean, Minimal 4x2 Responsive Grid
   ================================================================ */
body.dealifly-homepage .dealifly-services-section {
    position: relative;
    z-index: 1;
    padding-block-start: clamp(3.5rem, 5.5vw, 5.5rem);
    padding-block-end: clamp(3.5rem, 5.5vw, 5.5rem);
    background: transparent;
}

body.dealifly-homepage .dealifly-services-header {
    margin-bottom: 0;
    text-align: left !important;
}

body.dealifly-homepage #services-heading {
    text-align: left !important;
    color: #FFFFFF !important;
    background: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
}

body.dealifly-homepage #services-heading span {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
}

body.dealifly-homepage .dealifly-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    width: 100%;
}

body.dealifly-homepage .dealifly-service-card {
    background: #0E0E14;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}

body.dealifly-homepage .dealifly-service-card:hover {
    transform: translateY(-3px);
    border-color: rgba(118, 87, 217, 0.35);
    box-shadow: 0 10px 28px -6px rgba(118, 87, 217, 0.14);
}

body.dealifly-homepage .dealifly-service-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(118, 87, 217, 0.08);
    border: 1px solid rgba(118, 87, 217, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #9B82E8;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
    transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease;
}

body.dealifly-homepage .dealifly-service-card:hover .dealifly-service-card__icon {
    background: rgba(118, 87, 217, 0.16);
    border-color: rgba(118, 87, 217, 0.36);
    color: #FFFFFF;
}

body.dealifly-homepage .dealifly-services-section .dealifly-service-card__title,
body.dealifly-homepage .dealifly-service-card h3,
body.dealifly-homepage .dealifly-service-card__title {
    font-family: var(--ff-1, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #FFFFFF !important;
    margin-bottom: 0.65rem !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-transform: none !important;
}

body.dealifly-homepage .dealifly-service-card__desc {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: rgba(245, 245, 247, 0.65);
    margin-bottom: 0;
    font-weight: 400;
}

/* Tablet: 2 cards per row */
@media (max-width: 991.98px) {
    body.dealifly-homepage .dealifly-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}

/* Mobile: 1 card per row */
@media (max-width: 575.98px) {
    body.dealifly-homepage .dealifly-services-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    body.dealifly-homepage .dealifly-service-card {
        padding: 1.4rem 1.25rem;
    }
}

/* ================================================================
   HOW I WORK SECTION — Horizontal 4-Column Editorial Timeline
   ================================================================ */
body.dealifly-homepage .dealifly-process-section {
    position: relative;
    z-index: 1;
    padding-block-start: clamp(4.5rem, 6.5vw, 6.5rem);
    padding-block-end: clamp(4.5rem, 6.5vw, 6.5rem);
    background: transparent;
}

body.dealifly-homepage .dealifly-process-header {
    margin-bottom: 0;
    max-width: 100%;
    text-align: left !important;
}

@media (min-width: 992px) {
    body.dealifly-homepage .dealifly-process-header h2 {
        white-space: normal;
    }
}

body.dealifly-homepage .dealifly-process-header h2 {
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #FFFFFF;
    text-align: left !important;
}

body.dealifly-homepage #how-i-work-heading {
    text-align: left !important;
}

body.dealifly-homepage .dealifly-process-subheading {
    font-size: clamp(0.95rem, 1.15vw, 1.05rem);
    line-height: 1.65;
    color: rgba(245, 245, 247, 0.65);
    max-width: 540px;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Horizontal 4-Column Grid on Desktop */
body.dealifly-homepage .dealifly-process-horizontal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.25rem, 2vw, 1.75rem);
    width: 100%;
    position: relative;
}

/* Individual Column - Editorial */
body.dealifly-homepage .dealifly-process-col {
    position: relative;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    background: transparent;
    transition: border-color 200ms ease;
}

body.dealifly-homepage .dealifly-process-col:hover {
    border-top-color: rgba(143, 122, 232, 0.55);
}

/* Step Number Badge (Matching B2B 32x32 Pill) */
body.dealifly-homepage .dealifly-process-col__top {
    margin-bottom: 0.65rem;
}

body.dealifly-homepage .dealifly-process-col__num {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #B7A5F5 !important;
    background: rgba(118, 87, 217, 0.14) !important;
    border: 1px solid rgba(155, 130, 232, 0.25) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: normal !important;
    opacity: 1 !important;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease !important;
    user-select: none;
}

body.dealifly-homepage .dealifly-process-col:hover .dealifly-process-col__num {
    background: rgba(118, 87, 217, 0.25) !important;
    border-color: rgba(155, 130, 232, 0.45) !important;
    color: #FFFFFF !important;
}

/* Step Title */
body.dealifly-homepage .dealifly-process-col__title {
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    font-weight: 600;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.96);
    margin-bottom: 0.45rem;
    letter-spacing: -0.015em;
    min-height: auto;
    transition: color 200ms ease;
}

body.dealifly-homepage .dealifly-process-col:hover .dealifly-process-col__title {
    color: #FFFFFF;
}

/* Bullet Points / Descriptions */
body.dealifly-homepage .dealifly-process-col__bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

body.dealifly-homepage .dealifly-process-col__bullets li {
    font-size: clamp(0.875rem, 0.95vw, 0.9375rem);
    line-height: 1.55;
    color: rgba(245, 245, 247, 0.65);
    position: relative;
    padding-left: 1.15rem;
    transition: color 200ms ease;
}

body.dealifly-homepage .dealifly-process-col__bullets li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(143, 122, 232, 0.7);
    font-size: 1.05rem;
    line-height: 1.5;
}

/* Tablet (max-width: 991.98px): 2 columns */
@media (max-width: 991.98px) {
    body.dealifly-homepage .dealifly-process-horizontal {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem 1.5rem;
    }

    body.dealifly-homepage .dealifly-process-col__title {
        min-height: auto;
    }
}

/* Mobile (max-width: 575.98px): 1 column */
@media (max-width: 575.98px) {
    body.dealifly-homepage .dealifly-process-section {
        padding-block-start: 3rem;
        padding-block-end: 3rem;
    }

    body.dealifly-homepage .dealifly-process-header {
        margin-bottom: 2rem;
    }

    body.dealifly-homepage .dealifly-process-horizontal {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    body.dealifly-homepage .dealifly-process-col {
        padding-top: 1rem;
    }

    body.dealifly-homepage .dealifly-process-col__num {
        font-size: 0.8125rem !important;
        width: 32px !important;
        height: 32px !important;
    }

    body.dealifly-homepage .dealifly-process-col__title {
        font-size: 1.15rem;
        min-height: auto;
        margin-bottom: 0.35rem;
    }

    body.dealifly-homepage .dealifly-process-col__bullets li {
        font-size: 0.875rem;
    }
}

/* --- Hero Positioning Badge (Change 2) --- */
body.dealifly-homepage .dealifly-hero-badge {
    background: rgba(13, 13, 18, 0.78) !important;
    border: 1px solid rgba(143, 122, 232, 0.28) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5), inset 0 0 12px rgba(118, 87, 217, 0.08);
}

body.dealifly-homepage .dealifly-hero-badge__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dealifly-purple-soft, #8F7AE8);
    box-shadow: 0 0 8px rgba(143, 122, 232, 0.85);
}

/* ================================================================
   Reasons To Work Together — Connected Growth Trajectory
   Motion.dev-inspired editorial progression across full width.
   ================================================================ */
/* ================================================================
   REASONS TO WORK TOGETHER — Editorial Partnership Timeline System
   Replaces heavy card boxes with clean typographic timeline
   ================================================================ */

body.dealifly-homepage .dealifly-reasons-section {
    position: relative;
    z-index: 1;
    padding-block-start: clamp(3rem, 5vw, 5.5rem) !important;
    padding-block-end: clamp(3rem, 5vw, 5.5rem) !important;
    background: transparent;
}

/* Left Column: Sticky Editorial Anchor */
body.dealifly-homepage .dealifly-journey-anchor {
    position: relative;
}

@media (min-width: 992px) {
    body.dealifly-homepage .dealifly-journey-anchor {
        position: sticky;
        top: 120px;
        align-self: flex-start;
    }
}

body.dealifly-homepage .dealifly-journey-heading {
    font-size: clamp(2rem, 2.75vw, 2.75rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #FFFFFF !important;
}

body.dealifly-homepage .dealifly-journey-lead {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(245, 245, 247, 0.65);
    max-width: 380px;
}

/* Desktop Phase Milestones in Left Anchor */
body.dealifly-homepage .dealifly-journey-phases {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    max-width: 340px;
}

body.dealifly-homepage .dealifly-journey-phase {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    opacity: 0.55;
    transition: opacity 250ms ease;
}

body.dealifly-homepage .dealifly-journey-phase.active,
body.dealifly-homepage .dealifly-journey-phase:hover {
    opacity: 0.95;
}

body.dealifly-homepage .dealifly-phase-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(155, 130, 232, 0.4);
    transition: background 250ms ease, transform 250ms ease;
}

body.dealifly-homepage .dealifly-journey-phase.active .dealifly-phase-indicator {
    background: #9B82E8;
    transform: scale(1.3);
}

body.dealifly-homepage .dealifly-phase-meta {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.76rem;
}

body.dealifly-homepage .dealifly-phase-range {
    color: rgba(155, 130, 232, 0.75);
    font-weight: 600;
}

body.dealifly-homepage .dealifly-phase-label {
    color: rgba(245, 245, 247, 0.7);
    letter-spacing: 0.02em;
}

/* Right Column: Timeline Structure */
body.dealifly-homepage .dealifly-journey-timeline {
    position: relative;
    padding-left: 2.75rem;
}

/* Continuous Vertical Track */
body.dealifly-homepage .dealifly-journey-track {
    position: absolute;
    top: 12px;
    bottom: 24px;
    left: 11px;
    width: 2px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

body.dealifly-homepage .dealifly-journey-line {
    width: 100%;
    height: 0%;
    background: linear-gradient(180deg, rgba(155, 130, 232, 0.5) 0%, rgba(139, 120, 204, 0.8) 70%, #9B82E8 100%);
    transition: height 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Timeline Step (Zero Box / No Card) - Only for Homepage Timeline */
body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-timeline .dealifly-journey-step,
body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-track .dealifly-journey-step {
    position: relative;
    padding-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
                transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-timeline .dealifly-journey-step.is-visible,
body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-track .dealifly-journey-step.is-visible {
    opacity: 1;
    transform: translateY(0);
}

body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-timeline .dealifly-journey-step:last-child,
body.dealifly-homepage:not(.dealifly-solutions-page) .dealifly-journey-track .dealifly-journey-step:last-child {
    padding-bottom: 0;
}

/* Timeline Node */
body.dealifly-homepage .dealifly-journey-node {
    position: absolute;
    top: 5px;
    left: -2.75rem;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0B0B0F;
    border-radius: 50%;
    z-index: 2;
}

body.dealifly-homepage .dealifly-journey-node__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    border: 1.5px solid #0B0B0F;
    transition: background 250ms ease, transform 250ms ease;
}

/* Culmination Node (Step 07) */
body.dealifly-homepage .dealifly-journey-node--summit .dealifly-journey-node__dot {
    width: 10px;
    height: 10px;
    background: #9B82E8;
    box-shadow: 0 0 0 2px rgba(155, 130, 232, 0.25);
}

/* Step Body */
body.dealifly-homepage .dealifly-journey-body {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: border-color 250ms ease;
}

body.dealifly-homepage .dealifly-journey-step:last-child .dealifly-journey-body {
    border-bottom: none;
    padding-bottom: 0;
}

/* Metadata Row (01 / TAG) */
body.dealifly-homepage .dealifly-journey-meta {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
}

body.dealifly-homepage .dealifly-journey-num {
    font-weight: 700;
    color: rgba(155, 130, 232, 0.85);
    transition: color 250ms ease;
}

body.dealifly-homepage .dealifly-journey-sep {
    color: rgba(255, 255, 255, 0.2);
}

body.dealifly-homepage .dealifly-journey-tag {
    text-transform: uppercase;
    color: rgba(245, 245, 247, 0.45);
    font-weight: 600;
    transition: color 250ms ease;
}

/* Step Title */
body.dealifly-homepage .dealifly-journey-title {
    font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    font-weight: 600;
    color: #F5F5F7;
    margin-bottom: 0.4rem;
    line-height: 1.3;
    transition: color 250ms ease;
}

/* Culmination Step Title */
body.dealifly-homepage .dealifly-journey-title--summit {
    font-size: clamp(1.35rem, 1.6vw, 1.6rem);
    font-weight: 700;
    color: #FFFFFF;
}

/* Step Description */
body.dealifly-homepage .dealifly-journey-desc {
    font-size: 0.9rem;
    line-height: 1.55;
    color: rgba(245, 245, 247, 0.6);
    margin-bottom: 0;
    max-width: 580px;
    transition: color 250ms ease;
}

/* Culmination Highlights */
body.dealifly-homepage .dealifly-journey-highlights {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

body.dealifly-homepage .dealifly-journey-highlight-item {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    font-size: 0.85rem;
    line-height: 1.5;
}

body.dealifly-homepage .dealifly-highlight-bullet {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #9B82E8;
    flex-shrink: 0;
    transform: translateY(-2px);
}

body.dealifly-homepage .dealifly-highlight-title {
    color: #FFFFFF;
    font-weight: 600;
}

body.dealifly-homepage .dealifly-highlight-desc {
    color: rgba(245, 245, 247, 0.62);
}

/* Subtle Desktop Hover Interaction (Restrained +10-15% local emphasis, NO glowing box) */
@media (hover: hover) {
    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-node__dot {
        background: #9B82E8;
        transform: scale(1.3);
    }

    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-num {
        color: #FFFFFF;
    }

    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-tag {
        color: rgba(155, 130, 232, 0.9);
    }

    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-title {
        color: #FFFFFF;
    }

    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-desc {
        color: rgba(245, 245, 247, 0.8);
    }

    body.dealifly-homepage .dealifly-journey-step:hover .dealifly-journey-body {
        border-bottom-color: rgba(155, 130, 232, 0.15);
    }
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
    body.dealifly-homepage .dealifly-journey-step {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    body.dealifly-homepage .dealifly-journey-line {
        height: 100% !important;
        transition: none !important;
    }
}

/* Mobile Adjustments (375x812) */
@media (max-width: 767.98px) {
    body.dealifly-homepage .dealifly-journey-timeline {
        padding-left: 2rem;
    }
    body.dealifly-homepage .dealifly-journey-track {
        left: 7px;
    }
    body.dealifly-homepage .dealifly-journey-node {
        left: -2rem;
        width: 16px;
        height: 16px;
    }
    body.dealifly-homepage .dealifly-journey-step {
        padding-bottom: 2rem;
    }
    body.dealifly-homepage .dealifly-journey-body {
        padding-bottom: 1.5rem;
    }
}

/* ================================================================
   HOMEPAGE REFINEMENTS: VERTICAL TIGHTENING, STICKY NAVBAR, DROPDOWNS
   ================================================================ */

/* --- Change 1: Hero Scale, Spacing & Impact --- */
body.dealifly-homepage .hero-8 {
    padding-bottom: 0 !important;
}

body.dealifly-homepage .hero-8__content {
    padding-block-start: clamp(5.25rem, 8.5vh, 7.5rem) !important;
    padding-block-end: clamp(1rem, 2vh, 2rem) !important;
}

body.dealifly-homepage .dealifly-hero-badge {
    padding: 0.5rem 1.4rem !important;
    margin-bottom: clamp(1.35rem, 2.5vh, 1.85rem) !important;
    border-radius: 9999px !important;
}

body.dealifly-homepage .dealifly-hero-badge span.fs-14 {
    font-size: clamp(0.88rem, 1.1vw, 1rem) !important;
    letter-spacing: 0.03em !important;
    font-weight: 600 !important;
}

body.dealifly-homepage .dealifly-hero-title {
    font-size: clamp(2.85rem, 6vw, 5.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
    margin-bottom: clamp(1.35rem, 2.5vh, 1.85rem) !important;
    max-width: 20ch !important;
    margin-inline: auto !important;
}

body.dealifly-homepage .dealifly-hero-subheading {
    font-size: clamp(1.25rem, 1.9vw, 1.55rem) !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin-bottom: clamp(2rem, 3.8vh, 2.75rem) !important;
    font-weight: 400 !important;
    max-width: 34ch !important;
}

body.dealifly-homepage .hero-8 .dealifly-btn-primary,
body.dealifly-homepage .hero-8 .dealifly-btn-secondary {
    font-size: clamp(1.05rem, 1.2vw, 1.15rem) !important;
    padding: clamp(0.95rem, 1.25vw, 1.1rem) clamp(2.2rem, 2.6vw, 2.75rem) !important;
    border-radius: 10px !important;
    gap: 0.65rem !important;
    font-weight: 600 !important;
}

body.dealifly-homepage .hero-8__partners {
    margin-top: clamp(2rem, 4vh, 3.25rem) !important;
    padding-top: 0 !important;
    padding-bottom: clamp(1rem, 1.6vw, 1.35rem) !important;
}

/* Intentional transition between hero -> partner logos -> Core Services */
body.dealifly-homepage .dealifly-core-services {
    padding-top: clamp(1.5rem, 2.5vw, 2.5rem) !important;
}


/* --- Change 3: Navigation Dropdown Styling --- */
body.dealifly-homepage .dealifly-nav-caret {
    font-size: 0.65rem;
    opacity: 0.65;
    transition: transform 180ms ease, color 180ms ease;
    display: inline-block;
    vertical-align: middle;
}

body.dealifly-homepage .dealifly-nav-dropdown:hover .dealifly-nav-caret {
    transform: rotate(180deg);
    opacity: 1;
    color: var(--dealifly-purple-soft, #8F7AE8);
}

/* Desktop Dropdown Panels */
@media (min-width: 992px) {
    body.dealifly-homepage .dealifly-dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(8px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: rgba(12, 12, 17, 0.96) !important;
        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-radius: 14px !important;
        padding: 0.75rem !important;
        box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(118, 87, 217, 0.1) !important;
        transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
        list-style: none !important;
        margin: 0 !important;
        z-index: 1060 !important;
    }

    body.dealifly-homepage .dealifly-nav-dropdown {
        position: relative !important;
    }

    body.dealifly-homepage .dealifly-nav-dropdown:hover .dealifly-dropdown-menu,
    body.dealifly-homepage .dealifly-nav-dropdown:focus-within .dealifly-dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
    }

    /* Services Dropdown (5 Core Available Services) */
    body.dealifly-homepage .dealifly-dropdown-menu--solutions,
    body.dealifly-homepage .dealifly-dropdown-menu--services {
        width: 320px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

    /* Industries Single Column */
    body.dealifly-homepage .dealifly-dropdown-menu--industries {
        width: 290px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

    /* Resources Single Column */
    body.dealifly-homepage .dealifly-dropdown-menu--resources {
        width: 270px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

    body.dealifly-homepage .dealifly-dropdown-menu .dealifly-dropdown-footer {
        grid-column: span 1 !important;
    }
}

/* Dropdown Menu Item Design */
body.dealifly-homepage .dealifly-dropdown-menu .navigation-1__menu-list {
    list-style: none !important;
    margin: 0 !important;
}

body.dealifly-homepage .dealifly-dropdown-menu .navigation-1__menu-link {
    display: flex !important;
    flex-direction: column !important;
    padding: 0.55rem 0.8rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background-color 150ms ease, transform 150ms ease !important;
}

body.dealifly-homepage .dealifly-dropdown-menu .navigation-1__menu-link:hover {
    background-color: rgba(118, 87, 217, 0.12) !important;
}

body.dealifly-homepage .dealifly-drop-title {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    line-height: 1.25 !important;
}

body.dealifly-homepage .dealifly-drop-sub {
    font-size: 0.72rem !important;
    color: rgba(245, 245, 247, 0.55) !important;
    margin-top: 2px !important;
    line-height: 1.3 !important;
}

body.dealifly-homepage .dealifly-dropdown-menu .dealifly-drop-all {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.6rem 0.8rem !important;
    margin-top: 0.35rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    color: var(--dealifly-lavender, #c4b5fd) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
}

body.dealifly-homepage .dealifly-dropdown-menu .dealifly-drop-all:hover {
    color: #FFFFFF !important;
    background-color: rgba(118, 87, 217, 0.16) !important;
}

/* Mobile & Tablet Navigation (< 992px) */
@media (max-width: 991.98px) {
    body.dealifly-homepage .navbar-collapse {
        background: rgba(11, 11, 16, 0.98) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px !important;
        padding: 1rem !important;
        margin-top: 0.75rem !important;
        max-height: calc(100vh - 85px) !important;
        overflow-y: auto !important;
    }

    body.dealifly-homepage .dealifly-dropdown-menu {
        position: static !important;
        display: none;
        background: rgba(255, 255, 255, 0.025) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: 8px !important;
        padding: 0.4rem !important;
        margin-top: 0.4rem !important;
        margin-bottom: 0.6rem !important;
        list-style: none !important;
        box-shadow: none !important;
    }

    body.dealifly-homepage .dealifly-dropdown-menu .navigation-1__menu-link {
        padding: 0.5rem 0.75rem !important;
    }
}

/* ================================================================
   Editorial About Section (Founder Profile: Siddhi)
   ================================================================ */
body.dealifly-homepage .dealifly-about-section {
    position: relative;
    padding-top: clamp(2.5rem, 3.8vw, 3.5rem) !important;
    padding-bottom: clamp(2.25rem, 3.5vw, 3.25rem) !important;
    background: transparent;
    overflow: hidden;
}

body.dealifly-homepage #about {
    scroll-margin-top: clamp(95px, 10vw, 120px) !important;
}

body.dealifly-homepage .dealifly-about-portrait-wrap {
    position: relative;
    max-width: 380px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

/* Atmospheric subtle purple ambient light behind portrait */
body.dealifly-homepage .dealifly-about-portrait-glow {
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    background: radial-gradient(circle at 35% 35%, rgba(143, 122, 232, 0.2) 0%, rgba(99, 40, 255, 0.06) 45%, transparent 72%);
    filter: blur(28px);
    z-index: 0;
    pointer-events: none;
    border-radius: 28px;
}

body.dealifly-homepage .dealifly-about-portrait-frame {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
    background: #0E0D14;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.04);
    flex: 1 1 auto;
    width: 100%;
    min-height: 380px;
    height: 100%;
    transition: transform 380ms cubic-bezier(0.16, 1, 0.3, 1), border-color 380ms ease, box-shadow 380ms ease;
}

body.dealifly-homepage .dealifly-about-portrait-frame:hover {
    transform: translateY(-2px);
    border-color: rgba(143, 122, 232, 0.38);
    box-shadow: 0 28px 70px -12px rgba(0, 0, 0, 0.8), 0 0 32px rgba(118, 87, 217, 0.16);
}

body.dealifly-homepage .dealifly-about-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
    display: block;
}

/* Subtle editorial caption badge with LinkedIn Icon */
body.dealifly-homepage .dealifly-about-portrait-card {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
    padding: 0.4rem 0.75rem 0.4rem 0.75rem;
    background: rgba(18, 17, 26, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 100px;
    align-self: flex-start;
    max-width: 100%;
    white-space: nowrap;
}

body.dealifly-homepage .dealifly-about-portrait-card__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8F7AE8;
    box-shadow: 0 0 8px rgba(143, 122, 232, 0.65);
    flex-shrink: 0;
}

body.dealifly-homepage .dealifly-about-portrait-card__info {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

body.dealifly-homepage .dealifly-about-portrait-card__name {
    font-size: 0.84rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-right: 0.35rem;
    white-space: nowrap;
}

body.dealifly-homepage .dealifly-about-portrait-card__role {
    font-size: 0.77rem;
    color: rgba(245, 245, 247, 0.7);
    white-space: nowrap;
}

body.dealifly-homepage .dealifly-about-portrait-card__sep {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.15);
    margin: 0 0.15rem;
    flex-shrink: 0;
}

body.dealifly-homepage .dealifly-about-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(143, 122, 232, 0.14);
    border: 1px solid rgba(143, 122, 232, 0.32);
    color: #FFFFFF;
    font-size: 0.8rem;
    line-height: 1;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
    text-decoration: none;
    flex-shrink: 0;
}

body.dealifly-homepage .dealifly-about-linkedin:hover {
    background: #8F7AE8;
    border-color: #8F7AE8;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 10px rgba(143, 122, 232, 0.45);
}

@media (max-width: 575.98px) {
    body.dealifly-homepage .dealifly-about-portrait-card {
        padding: 0.38rem 0.65rem;
        gap: 0.4rem;
        flex-wrap: wrap;
        white-space: normal;
    }

    body.dealifly-homepage .dealifly-about-portrait-card__info {
        flex-wrap: wrap;
        white-space: normal;
    }

    body.dealifly-homepage .dealifly-about-portrait-card__name {
        font-size: 0.8125rem;
        margin-right: 0.2rem;
    }

    body.dealifly-homepage .dealifly-about-portrait-card__role {
        font-size: 0.72rem;
        white-space: normal;
    }
}

/* Editorial Story Column */
body.dealifly-homepage .dealifly-about-content {
    position: relative;
    z-index: 1;
}

body.dealifly-homepage .dealifly-about-heading {
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.15;
    margin-bottom: 0.85rem;
    color: #FFFFFF !important;
}

/* Section Eyebrow Pill Badges (About Me, How I Work, Services, etc.) */
body.dealifly-homepage .dealifly-cap-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.28rem 0.8rem !important;
    border-radius: 9999px !important;
    background: rgba(18, 17, 26, 0.75) !important;
    border: 1px solid rgba(143, 122, 232, 0.28) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--dealifly-purple-soft, #8F7AE8) !important;
    line-height: 1.4 !important;
    transition: color 240ms ease, border-color 240ms ease, background 240ms ease !important;
}

body.dealifly-homepage .dealifly-cap-badge__dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #8F7AE8 !important;
    box-shadow: 0 0 6px rgba(143, 122, 232, 0.7) !important;
    flex-shrink: 0 !important;
}

body.dealifly-homepage .dealifly-about-header {
    margin-bottom: 1.25rem;
}

body.dealifly-homepage .dealifly-about-lead {
    font-size: 1.05rem;
    line-height: 1.65;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: 0.85rem;
}

body.dealifly-homepage .dealifly-about-p {
    font-size: 0.94rem;
    line-height: 1.65;
    color: rgba(245, 245, 247, 0.72) !important;
    margin-bottom: 0.85rem;
}

body.dealifly-homepage .dealifly-about-p strong {
    color: #FFFFFF;
    font-weight: 600;
}

/* Key Statement Callout - Emotional Core */
body.dealifly-homepage .dealifly-about-statement {
    position: relative;
    padding: 1rem 1.4rem;
    background: linear-gradient(90deg, rgba(143, 122, 232, 0.08) 0%, rgba(143, 122, 232, 0.015) 100%);
    border-left: 3px solid #8F7AE8;
    border-radius: 0 12px 12px 0;
    margin: 1.15rem 0;
}

body.dealifly-homepage .dealifly-about-statement__quote {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
    color: #FFFFFF !important;
    font-style: normal;
    letter-spacing: -0.01em;
}

body.dealifly-homepage .dealifly-about-closing {
    font-size: 0.93rem;
    line-height: 1.6;
    color: rgba(245, 245, 247, 0.78) !important;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
    body.dealifly-homepage .dealifly-about-portrait-frame {
        transition: none !important;
        transform: none !important;
    }
}

/* Mobile & Tablet Adjustments (< 992px) */
@media (max-width: 991.98px) {
    body.dealifly-homepage .dealifly-about-section {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    body.dealifly-homepage .dealifly-about-portrait-wrap {
        max-width: 320px;
        margin-bottom: 1.5rem;
    }

    body.dealifly-homepage .dealifly-about-portrait-frame {
        aspect-ratio: 1 / 1;
    }

    body.dealifly-homepage .dealifly-about-statement {
        padding: 0.85rem 1.15rem;
    }

    body.dealifly-homepage .dealifly-about-statement__quote {
        font-size: 1.05rem;
    }
}

/* ================================================================
   Dealifly Contact Form Section (Editorial 2-Column Balanced System)
   ================================================================ */
body.dealifly-homepage .dealifly-contact-section {
    position: relative;
    padding-top: clamp(3rem, 5vw, 4.5rem) !important;
    padding-bottom: clamp(3.5rem, 5vw, 5rem) !important;
    background: transparent;
    overflow: hidden;
}

/* Left Column: Editorial & Secondary Contact Details */
body.dealifly-homepage .dealifly-contact-editorial {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

body.dealifly-homepage .dealifly-contact-headline {
    font-size: clamp(2.2rem, 3.5vw, 3rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #FFFFFF !important;
}

body.dealifly-homepage .dealifly-contact-lead {
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(245, 245, 247, 0.7) !important;
}

/* 3 Concise Benefit Bullets */
body.dealifly-homepage .dealifly-contact-benefit-list {
    margin: 1.5rem 0 1.75rem 0;
}

body.dealifly-homepage .dealifly-contact-bullet-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(143, 122, 232, 0.12);
    border: 1px solid rgba(143, 122, 232, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body.dealifly-homepage .dealifly-contact-bullet-text {
    font-size: 0.94rem;
    font-weight: 500;
    color: rgba(245, 245, 247, 0.85);
}

/* Secondary Contact Details Block */
body.dealifly-homepage .dealifly-contact-info-block {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 0.25rem;
}

body.dealifly-homepage .dealifly-contact-info-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.dealifly-homepage .dealifly-contact-info-label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: rgba(245, 245, 247, 0.45);
}

body.dealifly-homepage .dealifly-contact-info-value {
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    line-height: 1.45;
    transition: color 180ms ease;
}

body.dealifly-homepage a.dealifly-contact-info-value:hover {
    color: var(--dealifly-purple-soft, #8F7AE8);
}

/* Right Column: Premium Contact Form Card */
body.dealifly-homepage .dealifly-contact-form-card {
    background: #0D0D12;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: clamp(1.75rem, 2.5vw, 2.25rem);
    box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.65);
    position: relative;
    z-index: 1;
}

body.dealifly-homepage .dealifly-contact-form-title {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

body.dealifly-homepage .dealifly-contact-form-desc {
    font-size: 0.88rem;
    line-height: 1.5;
    color: rgba(245, 245, 247, 0.6) !important;
}

/* Form Fields */
body.dealifly-homepage .dealifly-contact-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: rgba(245, 245, 247, 0.78);
    margin-bottom: 0.4rem;
}

body.dealifly-homepage .dealifly-req-star {
    color: #8F7AE8;
}

body.dealifly-homepage .dealifly-contact-input,
body.dealifly-homepage .dealifly-contact-select,
body.dealifly-homepage .dealifly-contact-textarea {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    padding: 0.72rem 0.95rem !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    transition: border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease !important;
}

body.dealifly-homepage .dealifly-contact-input::placeholder,
body.dealifly-homepage .dealifly-contact-textarea::placeholder {
    color: rgba(255, 255, 255, 0.32) !important;
}

body.dealifly-homepage .dealifly-contact-select option {
    background-color: #12111A;
    color: #FFFFFF;
}

body.dealifly-homepage .dealifly-contact-input:focus,
body.dealifly-homepage .dealifly-contact-select:focus,
body.dealifly-homepage .dealifly-contact-textarea:focus {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(143, 122, 232, 0.6) !important;
    box-shadow: 0 0 0 3px rgba(118, 87, 217, 0.12) !important;
    outline: none !important;
}

/* Submit Button */
body.dealifly-homepage .dealifly-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    background: linear-gradient(135deg, #7657D9 0%, #6328FF 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.88rem 1.65rem !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 8px 24px -4px rgba(99, 40, 255, 0.35);
    transition: transform 250ms ease, box-shadow 250ms ease, filter 250ms ease !important;
}

body.dealifly-homepage .dealifly-contact-submit:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 12px 30px -4px rgba(99, 40, 255, 0.5);
    color: #FFFFFF !important;
}

/* Form Status Message */
body.dealifly-homepage .dealifly-contact-status {
    display: none;
    padding: 0.85rem 1.15rem;
    border-radius: 10px;
    font-size: 0.88rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

body.dealifly-homepage .dealifly-contact-status.success {
    display: block;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #86efac;
}

body.dealifly-homepage .dealifly-contact-status.error {
    display: block;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
    body.dealifly-homepage .dealifly-contact-submit {
        transition: none !important;
        transform: none !important;
    }
}

/* ================================================================
   HOMEPAGE VERTICAL RHYTHM REFINEMENTS (Unified Section Spacing)
   Desktop: 64–88px between section content
   Tablet:  52–68px
   Mobile:  40–56px
   ================================================================ */

/* Section Scroll Margins for Floating Sticky Navbar */
body.dealifly-homepage section[id],
body.dealifly-homepage div[id] {
    scroll-margin-top: clamp(85px, 9vw, 110px) !important;
}

/* Service Tags Ticker */
body.dealifly-homepage .dealifly-service-tags {
    padding-top: clamp(0.75rem, 1.5vw, 1.35rem) !important;
    padding-bottom: clamp(1rem, 1.8vw, 1.65rem) !important;
}

/* Planning / AI Outreach Feature Section */
body.dealifly-homepage .dealifly-planning-section {
    padding-top: clamp(1.75rem, 2.8vw, 2.75rem) !important;
    padding-bottom: clamp(2.25rem, 3.5vw, 3.25rem) !important;
}

/* Reviews Section */
body.dealifly-homepage .dealifly-reviews-section {
    padding-top: clamp(2.25rem, 3.5vw, 3.25rem) !important;
    padding-bottom: clamp(2.25rem, 3.5vw, 3.25rem) !important;
}

/* Footer */
body.dealifly-homepage .dealifly-footer-inner {
    padding-top: clamp(2.25rem, 3.5vw, 3.25rem) !important;
}

/* Mobile & Tablet Adjustments (< 992px) */
@media (max-width: 991.98px) {
    body.dealifly-homepage .dealifly-contact-section {
        padding-top: 2.25rem !important;
        padding-bottom: 2.5rem !important;
    }

    body.dealifly-homepage .dealifly-contact-form-card {
        padding: 1.85rem 1.35rem;
        border-radius: 18px;
    }

    body.dealifly-homepage .dealifly-contact-trust-logos {
        justify-content: flex-start;
        gap: 1.25rem;
    }

    body.dealifly-homepage .dealifly-planning-section,
    body.dealifly-homepage .dealifly-reviews-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}



/* ================================================================
   Hero WhatsApp CTA & How I Work Label Refinement
   ================================================================ */
/* "HOW I WORK" & "Client feedback" Eyebrow Badge Optical Spacing Refinement */
body.dealifly-homepage .dealifly-cap-badge--process,
body.dealifly-homepage .dealifly-process-header .dealifly-cap-badge,
body.dealifly-homepage .dealifly-reviews-section .dealifly-cap-badge {
    letter-spacing: 0.04em !important;
    word-spacing: -0.07em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

body.dealifly-homepage .dealifly-reviews-section h3 {
    text-align: left !important;
}

/* Consistent Left-Alignment Across All Major Homepage Section Headings */
body.dealifly-homepage .dealifly-industries-section .col-md-8,
body.dealifly-homepage .dealifly-services-section .col-md-8,
body.dealifly-homepage .dealifly-process-section .col-md-8,
body.dealifly-homepage .dealifly-reviews-section .col-md-8 {
    text-align: left !important;
}

body.dealifly-homepage .dealifly-industries-section h3,
body.dealifly-homepage .dealifly-services-section h2,
body.dealifly-homepage .dealifly-process-section h2,
body.dealifly-homepage .dealifly-reviews-section h3,
body.dealifly-homepage #services-heading,
body.dealifly-homepage #how-i-work-heading {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

body.dealifly-homepage .dealifly-process-subheading {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

body.dealifly-homepage .dealifly-industries-section .gsap-text-animation,
body.dealifly-homepage .dealifly-industries-section .gsap-text-animation div,
body.dealifly-homepage .dealifly-services-section .gsap-text-animation,
body.dealifly-homepage .dealifly-services-section .gsap-text-animation div,
body.dealifly-homepage .dealifly-process-section .gsap-text-animation,
body.dealifly-homepage .dealifly-process-section .gsap-text-animation div,
body.dealifly-homepage .dealifly-reviews-section .gsap-text-animation,
body.dealifly-homepage .dealifly-reviews-section .gsap-text-animation div {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Hero CTA Group */
body.dealifly-homepage .dealifly-hero-cta-group {
    margin-top: 0.5rem;
}

/* Secondary Hero CTA Button (WhatsApp Us) */
body.dealifly-homepage .dealifly-hero-btn-whatsapp {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0.72rem 1.65rem !important;
    border-radius: var(--radius-sm, 0.5rem) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}

body.dealifly-homepage .dealifly-hero-btn-whatsapp:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(143, 122, 232, 0.45) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

body.dealifly-homepage .dealifly-hero-btn-whatsapp .bi-whatsapp {
    color: #25D366;
    font-size: 1.05rem;
    line-height: 1;
}

/* Mobile: Stack CTA buttons neatly */
@media (max-width: 575.98px) {
    body.dealifly-homepage .dealifly-hero-cta-group {
        flex-direction: column !important;
        width: 100%;
        gap: 0.75rem !important;
    }

    body.dealifly-homepage .dealifly-hero-cta-group .btn {
        width: 100% !important;
        max-width: 290px;
    }
}

/* ================================================================
   Dealifly Footer Alignment & Spacing Refinement
   Clean, balanced, premium 4-column layout with top baseline alignment
   ================================================================ */

body.dealifly-homepage .dealifly-footer {
    background: #08080C !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    position: relative;
    z-index: 1;
}

body.dealifly-homepage .dealifly-footer-inner {
    padding-top: clamp(3rem, 4.5vw, 4.25rem) !important;
    padding-bottom: clamp(1.75rem, 2.8vw, 2.5rem) !important;
}

/* Align all 4 column headers to identical top baseline */
body.dealifly-homepage .dealifly-footer__col-title {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #FFFFFF !important;
    margin-top: 0 !important;
    margin-bottom: 1.25rem !important;
    line-height: 1.3 !important;
}

/* Column 1: Brand */
body.dealifly-homepage .dealifly-footer__brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    text-decoration: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}

body.dealifly-homepage .dealifly-footer__brand-mark {
    width: 2.25rem !important;
    height: 2.25rem !important;
    object-fit: contain !important;
    display: block !important;
}

body.dealifly-homepage .dealifly-footer__brand-name {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    color: #FFFFFF !important;
    line-height: 1 !important;
}

body.dealifly-homepage .dealifly-footer__tagline {
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    color: rgba(245, 245, 247, 0.65) !important;
    margin-top: 0.85rem !important;
    margin-bottom: 1.25rem !important;
    max-width: 310px;
}

body.dealifly-homepage .dealifly-footer__form {
    max-width: 300px;
    width: 100%;
    margin-bottom: 0.75rem !important;
}

body.dealifly-homepage .dealifly-footer__input {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    padding: 0.52rem 0.85rem !important;
    font-size: 0.86rem !important;
    transition: border-color 180ms ease, background-color 180ms ease !important;
}

body.dealifly-homepage .dealifly-footer__input:focus {
    border-color: rgba(143, 122, 232, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(118, 87, 217, 0.15) !important;
}

body.dealifly-homepage .dealifly-footer__submit {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #FFFFFF !important;
    width: 33px !important;
    height: 33px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 180ms ease, border-color 180ms ease !important;
}

body.dealifly-homepage .dealifly-footer__submit:hover {
    background-color: rgba(143, 122, 232, 0.25) !important;
    border-color: rgba(143, 122, 232, 0.45) !important;
    color: #FFFFFF !important;
}

body.dealifly-homepage .dealifly-footer__whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.45rem 0.9rem !important;
    border: 1px solid rgba(37, 211, 102, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(37, 211, 102, 0.06) !important;
    color: #8ff0b1 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-top: 0.35rem !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

body.dealifly-homepage .dealifly-footer__whatsapp:hover {
    background: rgba(37, 211, 102, 0.14) !important;
    border-color: rgba(37, 211, 102, 0.4) !important;
    color: #bbf7d0 !important;
}

/* Links across Services & Company */
body.dealifly-homepage .dealifly-footer__link {
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    color: rgba(245, 245, 247, 0.65) !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    transition: color 180ms ease, transform 180ms ease !important;
    display: inline-block !important;
}

body.dealifly-homepage .dealifly-footer__link:hover {
    color: #FFFFFF !important;
    transform: translateX(2px);
}

/* Contact Column */
body.dealifly-homepage .dealifly-footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.dealifly-homepage .dealifly-footer__contact-label {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: rgba(245, 245, 247, 0.45) !important;
}

body.dealifly-homepage .dealifly-footer__contact-val {
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* Clean Thin Full-Width Divider */
body.dealifly-homepage .dealifly-footer__divider {
    height: 1px !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    margin-top: clamp(2.5rem, 3.8vw, 3.5rem) !important;
    margin-bottom: 1.5rem !important;
}

/* Bottom Legal & Copyright Row */
body.dealifly-homepage .dealifly-footer__bottom {
    padding-top: 0.25rem;
}

body.dealifly-homepage .dealifly-footer__legal-link {
    font-size: 0.8125rem !important;
    color: rgba(245, 245, 247, 0.55) !important;
    text-decoration: none !important;
    transition: color 180ms ease !important;
}

body.dealifly-homepage .dealifly-footer__legal-link:hover {
    color: #FFFFFF !important;
}

body.dealifly-homepage .dealifly-footer__copyright {
    font-size: 0.8125rem !important;
    color: rgba(245, 245, 247, 0.45) !important;
}

/* Hero Section Action Buttons - Unified Sleek Rounded Rectangle Matching Reference */
.dealifly-btn-primary,
.ind-btn-primary {
    border-radius: 10px !important;
    padding: 0.82rem 1.85rem !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    background: #6342ff !important;
    background: linear-gradient(135deg, #6c4cee 0%, #5b3af0 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 18px rgba(99, 66, 255, 0.45) !important;
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease, border-color 200ms ease !important;
}

.dealifly-btn-primary:hover,
.ind-btn-primary:hover {
    transform: translateY(-2px) !important;
    background: #7454ff !important;
    background: linear-gradient(135deg, #7858ff 0%, #6846ff 100%) !important;
    box-shadow: 0 8px 24px rgba(99, 66, 255, 0.6) !important;
    color: #FFFFFF !important;
}

.dealifly-btn-secondary,
.ind-btn-ghost {
    border-radius: 10px !important;
    padding: 0.82rem 1.85rem !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    background: rgba(18, 18, 24, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease, border-color 200ms ease !important;
}

.dealifly-btn-secondary:hover,
.ind-btn-ghost:hover {
    transform: translateY(-2px) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #FFFFFF !important;
}

/* ================================================================
   Mobile & Fail-Safe Visibility Enhancements
   ================================================================ */

/* Hero Section & Critical Above-The-Fold Visibility Fail-Safe */
body.dealifly-homepage .hero-8,
body.dealifly-homepage .hero-8__content,
body.dealifly-homepage .dealifly-hero-title,
body.dealifly-homepage .dealifly-hero-badge,
body.dealifly-homepage .dealifly-hero-subheading,
body.dealifly-homepage .dealifly-hero-cta-group,
body.dealifly-homepage .dealifly-btn-primary,
body.dealifly-homepage .dealifly-btn-secondary {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure smooth-wrapper and smooth-content never collapse or lock on touch/mobile */
@media (max-width: 991.98px) {
    #smooth-wrapper,
    #smooth-content {
        overflow: visible !important;
        position: static !important;
        height: auto !important;
        transform: none !important;
    }
    
    .gsap-fade-in {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
}


/* Robust Mobile Navbar Toggler (crisp white icon, touch-ready) */
@media (max-width: 991.98px) {
    body.dealifly-homepage .primary-header .navbar-toggler,
    body.dealifly-homepage .dealifly-floating-nav .navbar-toggler,
    .primary-header .navbar-toggler,
    .dealifly-floating-nav .navbar-toggler {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
    }

    body.dealifly-homepage .primary-header .navbar-toggler i,
    body.dealifly-homepage .dealifly-floating-nav .navbar-toggler i,
    .primary-header .navbar-toggler i,
    .dealifly-floating-nav .navbar-toggler i {
        color: #FFFFFF !important;
        font-size: 1.85rem !important;
        line-height: 1 !important;
        display: inline-block !important;
    }
}

@media (min-width: 992px) {
    body.dealifly-homepage .primary-header .navbar-toggler,
    body.dealifly-homepage .dealifly-floating-nav .navbar-toggler,
    body.dealifly-homepage .navbar-toggler,
    .primary-header .navbar-toggler,
    .dealifly-floating-nav .navbar-toggler,
    .navbar-toggler {
        display: none !important;
    }
}