/* ═══════════════════════════════════════════════ */
        /* DESKTOP SPLASH — works on all devices           */
        /* ═══════════════════════════════════════════════ */
        .desktop-splash-overlay {
            position: fixed; inset: 0; z-index: 99999;
            background: #203864;
            display: flex; flex-direction: column;
            align-items: center; justify-content: center;
            transition: opacity 0.8s ease, visibility 0.8s ease;
        }
        .desktop-splash-overlay.fade-out { opacity: 0; visibility: hidden; }
        .desktop-splash-logo {
            width: 360px; opacity: 0;
            filter: brightness(0) invert(1);
            animation: dSplashLogoIn 1s ease 0.3s forwards;
        }
        .desktop-splash-line {
            width: 0; height: 1px; background: rgba(255,255,255,0.3);
            margin: 28px 0; animation: dSplashLineGrow 0.7s ease 1.0s forwards;
        }
        .desktop-splash-tagline {
            font-size: 1.1rem; letter-spacing: 0.3em; text-transform: uppercase;
            color: rgba(255,255,255,0); font-weight: 300;
            animation: dSplashTextIn 0.8s ease 1.4s forwards;
        }
        .desktop-splash-tagline span {
            color: rgba(184,137,42,0); font-weight: 500;
            animation: dSplashAccentIn 0.8s ease 1.8s forwards;
        }
        .desktop-splash-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
        .desktop-splash-dot {
            position: absolute; width: 4px; height: 4px; border-radius: 50%;
            background: rgba(79,163,224,0.3);
            animation: dSplashDotFloat 4s ease-in-out infinite;
        }
        @keyframes dSplashLogoIn {
            0% { opacity: 0; transform: scale(0.8) translateY(15px); }
            60% { opacity: 1; transform: scale(1.03) translateY(0); }
            100% { opacity: 1; transform: scale(1) translateY(0); }
        }
        @keyframes dSplashLineGrow { from { width: 0; } to { width: 120px; } }
        @keyframes dSplashTextIn {
            from { color: rgba(255,255,255,0); transform: translateY(10px); }
            to { color: rgba(255,255,255,0.7); transform: translateY(0); }
        }
        @keyframes dSplashAccentIn {
            from { color: rgba(184,137,42,0); }
            to { color: rgba(184,137,42,1); }
        }
        @keyframes dSplashDotFloat {
            0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
            50% { transform: translateY(-40px) scale(1.5); opacity: 0; }
        }

        /* ═══════════════════════════════════════════════ */
        /* HERO SECTION — responsive                       */
        /* ═══════════════════════════════════════════════ */
        .iphone-wrapper { padding: 1rem; perspective: 1200px; }
        .iphone-container {
            position: relative; width: 100%; max-width: 280px;
            margin-left: auto; margin-right: auto;
            opacity: 0; /* hidden until magnetic trail entrance plays */
        }
        .iphone-frame { width: 100%; height: auto; position: relative; z-index: 10; transform: rotate(3deg); }
        .iphone-video {
            position: absolute; top: 3%; left: 6%; width: 88%; height: 94%;
            object-fit: cover; border-radius: 1.5rem; z-index: 0; transform: rotate(3deg);
        }
        .iphone-shadow {
            position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);
            width: 180px; height: 20px;
            background: radial-gradient(ellipse, rgba(0,0,0,0.15) 0%, transparent 70%);
            border-radius: 50%; opacity: 0; transition: opacity 0.5s;
        }

        /* ═══════════════════════════════════════════════ */
        /* DESKTOP SECTION WIDTHS                          */
        /* ═══════════════════════════════════════════════ */
        .how-dvc-section { width: 70%; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; }
        .rwd-section { width: 70%; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED FEATURE CARDS (from mobile features)    */
        /* ═══════════════════════════════════════════════ */
        .unified-features { padding: 48px 50px; background: white; }
        .unified-features .section-label { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: #B8892A; text-align: center; margin-bottom: 8px; font-weight: 500; }
        .unified-features .section-title { font-size: 1.8rem; font-weight: 700; color: #203864; text-align: center; margin-bottom: 32px; line-height: 1.3; }
        .unified-features .feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; }
        .unified-features .feature-card { background: #ffffff; border-radius: 16px; padding: 24px; border: 1px solid #e8ecf2; box-shadow: 0 2px 8px rgba(15,42,82,0.05); }
        .unified-features .feature-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; font-size: 1.2rem; }
        .unified-features .feature-icon-blue { background: #e8f1fb; color: #2d7dd2; }
        .unified-features .feature-icon-gold { background: #fdf6e3; color: #B8892A; }
        .unified-features .feature-icon-navy { background: #e4e8f0; color: #203864; }
        .unified-features .feature-card h3 { font-size: 1rem; font-weight: 600; color: #203864; margin-bottom: 6px; }
        .unified-features .feature-card p { font-size: 0.85rem; color: #6b7280; line-height: 1.5; }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED HOW IT WORKS (from mobile steps)        */
        /* ═══════════════════════════════════════════════ */
        .unified-how { padding: 48px 50px; background: #F8F4EE; }
        .unified-how .section-label { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: #B8892A; text-align: center; margin-bottom: 8px; font-weight: 500; }
        .unified-how .section-title { font-size: 1.8rem; font-weight: 700; color: #203864; text-align: center; margin-bottom: 32px; line-height: 1.3; }
        .unified-how .steps-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1000px; margin: 0 auto; }
        .unified-how .step-card { display: flex; gap: 14px; align-items: flex-start; padding: 20px; background: white; border-radius: 12px; border: 1px solid #e8e2d6; }
        .unified-how .step-num { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #203864, #2d5a9e); color: white; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; }
        .unified-how .step-card h4 { font-size: 0.95rem; font-weight: 600; color: #203864; margin-bottom: 4px; }
        .unified-how .step-card p { font-size: 0.85rem; color: #6b7280; line-height: 1.5; }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED STATS STRIP                             */
        /* ═══════════════════════════════════════════════ */
        .unified-stats { padding: 32px 16px; background: linear-gradient(135deg, #203864 0%, #1e3a5f 100%); }
        .unified-stats .stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 800px; margin: 0 auto; text-align: center; }
        .unified-stats .stat-num { font-size: 2rem; font-weight: 700; color: white; line-height: 1; }
        .unified-stats .stat-num span { color: #4fa3e0; }
        .unified-stats .stat-label { font-size: 0.7rem; color: rgba(255,255,255,0.6); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED FAQ CARDS (from mobile SEO guide)       */
        /* ═══════════════════════════════════════════════ */
        .unified-faq { padding: 48px 50px; background: #F8F4EE; }
        .unified-faq-title { font-size: 1.8rem; font-weight: 700; color: #203864; text-align: center; margin: 0 0 6px; }
        .unified-faq-line { border-bottom: 2px solid #203864; width: 80px; margin: 0 auto 24px; }
        .unified-faq .faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 1200px; margin: 0 auto; }
        .unified-faq .faq-card { background: white; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
        .unified-faq .faq-card h3 { font-size: 1rem; font-weight: 700; color: #203864; margin: 0 0 8px; }
        .unified-faq .faq-card p { font-size: 0.85rem; color: #374151; line-height: 1.6; margin: 0; }
        .unified-faq .faq-card a { color: #2563EB; text-decoration: underline; }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED CTA                                     */
        /* ═══════════════════════════════════════════════ */
        .unified-cta { padding: 48px 16px; background: linear-gradient(135deg, #203864 0%, #1e3a5f 100%); text-align: center; }
        .unified-cta h2 { font-size: 1.5rem; font-weight: 700; color: white; margin-bottom: 8px; line-height: 1.3; }
        .unified-cta p { font-size: 0.9rem; color: rgba(255,255,255,0.7); margin-bottom: 20px; line-height: 1.5; max-width: 600px; margin-left: auto; margin-right: auto; }
        .unified-cta .cta-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
        .unified-cta .cta-btn { display: inline-flex; align-items: center; gap: 6px; padding: 14px 24px; border-radius: 10px; font-size: 0.9rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
        .unified-cta .cta-btn-primary { background: white; color: #203864; box-shadow: 0 4px 14px rgba(0,0,0,0.15); }
        .unified-cta .cta-btn-outline { background: transparent; color: white; border: 1px solid rgba(255,255,255,0.3); }

        /* ═══════════════════════════════════════════════ */
        /* UNIFIED TRUST INDICATORS                        */
        /* ═══════════════════════════════════════════════ */
        .unified-trust { padding: 32px 16px; background: white; }
        .unified-trust .trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 600px; margin: 0 auto; text-align: center; }
        .unified-trust .trust-num { font-size: 2rem; font-weight: 700; color: #203864; }
        .unified-trust .trust-label { font-size: 0.75rem; color: #6B7280; }
        .unified-trust .trust-detail { text-align: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0; max-width: 600px; margin-left: auto; margin-right: auto; }
        .unified-trust .trust-detail p { font-size: 0.85rem; color: #6B7280; margin-bottom: 4px; }

        /* ═══════════════════════════════════════════════ */
        /* SELL VIDEO OVERLAY                              */
        /* ═══════════════════════════════════════════════ */
        @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

        /* ═══════════════════════════════════════════════ */
        /* MOBILE RESPONSIVE OVERRIDES                     */
        /* ═══════════════════════════════════════════════ */
        @media (max-width: 767px) {
            /* Splash adjustments for mobile */
            .desktop-splash-logo { width: 240px; }
            .desktop-splash-tagline { font-size: 0.8rem; letter-spacing: 0.25em; }
            .desktop-splash-line { margin: 20px 0; }

            /* Hero stacks vertically, iPhone hidden (decorative only) */
            .hero-section .hero-flex { flex-direction: column !important; gap: 16px !important; }
            .hero-section h1 { font-size: 1.5rem !important; }
            .hero-section .hero-text .text-xl { font-size: 1rem !important; }
            .hero-section .hero-text .text-4xl { font-size: 1.8rem !important; }
            .iphone-wrapper { display: none; }
            .hero-section .hero-container { padding: 0 16px !important; }

            /* Desktop sections go full-width on mobile */
            .how-dvc-section,
            .rwd-section {
                width: 100% !important;
                padding-left: 16px !important;
                padding-right: 16px !important;
            }

            /* Feature cards stack */
            .unified-features { padding: 32px 16px; }
            .unified-features .section-title { font-size: 1.3rem; }
            .unified-features .feature-grid { grid-template-columns: 1fr; gap: 14px; }

            /* How It Works steps stack */
            .unified-how { padding: 32px 16px; }
            .unified-how .section-title { font-size: 1.3rem; }
            .unified-how .steps-grid { grid-template-columns: 1fr; gap: 14px; }

            /* Stats smaller text */
            .unified-stats .stat-num { font-size: 1.5rem; }

            /* FAQ cards stack */
            .unified-faq { padding: 24px 16px; }
            .unified-faq-title { font-size: 1.3rem; }
            .unified-faq .faq-grid { grid-template-columns: 1fr; }

            /* Manage Simply images scale down */
            .manage-simply-images .relative { transform: scale(0.65); transform-origin: top center; }
        }

        @media (max-width: 767px) {
            .no-scrollbar::-webkit-scrollbar { display: none; }
            .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        }