/* Auto-generated from tryfidelo cta-unified (visual only) */
#step-10 *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }#step-10{
            overflow-x: hidden;
            width: 100%;
        }#step-10{
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background-color: #ffffff;
            color: #1a1a1a;
            min-height: 100vh;
            overflow-x: hidden;
            position: relative;
        }#step-10::before{
            content: '';
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(239, 234, 226, 0.4);
            pointer-events: none;
            z-index: 0;
        }#step-10 > *{
            position: relative;
            z-index: 1;
        }#step-10 #socialProofContainer, #step-10 .exit-overlay{
            z-index: auto;
        }#step-10 #socialProofContainer{ position: fixed; z-index: 99994; }#step-10 /* Live Counter Bar */
        .live-counter-bar{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: #ffffff;
            padding: 8px 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border-bottom: 1px solid #e5e7eb;
            z-index: 101;
            font-size: 13px;
            color: #6c757d;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        }#step-10 .live-dot{
            width: 8px;
            height: 8px;
            background: #FF3B30;
            border-radius: 50%;
            animation: pulse-dot 1.5s infinite;
        }@keyframes pulse-dot{
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(0.8); }
        }@keyframes typingDot{
            0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
            30% { transform: translateY(-4px); opacity: 1; }
        }#step-10 .live-counter-bar span{
            color: #dc2626;
            font-weight: 600;
        }#step-10 /* Container */
        .container{
            position: relative;
            z-index: 1;
            max-width: 480px;
            width: 100%;
            margin: 0 auto;
            padding: 60px 20px 140px;
            box-sizing: border-box;
        }#step-10 /* Scarcity Banner */
        .scarcity-banner{
            background: #fff5f5;
            border: 1px solid #fecaca;
            border-radius: 12px;
            padding: 12px 16px;
            margin: 0 0 20px 0;
            display: flex;
            align-items: center;
            gap: 12px;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
        }#step-10 .scarcity-icon{
            width: 40px;
            height: 40px;
            background: #fee2e2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }#step-10 .scarcity-icon svg{
            width: 20px;
            height: 20px;
            color: #dc2626;
        }#step-10 .scarcity-text{
            flex: 1;
            min-width: 0;
            overflow: hidden;
        }#step-10 .scarcity-text strong{
            display: block;
            color: #dc2626;
            font-size: 14px;
            margin-bottom: 2px;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }#step-10 .scarcity-text span{
            font-size: 12px;
            color: #6c757d;
        }#step-10 /* Logo Section */
        .logo-section{
            text-align: center;
            margin-bottom: 24px;
        }#step-10 .main-title{
            font-size: clamp(22px, 5vw, 28px);
            font-weight: 800;
            line-height: 1.2;
            color: #1a1a1a;
        }#step-10 .main-title .gradient{
            background: linear-gradient(135deg, #e91e63, #c2185b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }#step-10 /* Profile Card */
        .profile-card{
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 20px;
            padding: 20px;
            margin-bottom: 16px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }#step-10 .profile-card-content{
            display: flex;
            align-items: center;
            gap: 16px;
        }#step-10 .profile-avatar{
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: linear-gradient(135deg, #e91e63, #c2185b);
            padding: 3px;
            flex-shrink: 0;
            position: relative;
        }#step-10 .profile-avatar::after{
            content: '';
            position: absolute;
            top: -4px;
            left: -4px;
            right: -4px;
            bottom: -4px;
            border: 2px solid #e91e63;
            border-radius: 50%;
            animation: profile-ring 2s infinite;
            opacity: 0;
        }@keyframes profile-ring{
            0% { transform: scale(1); opacity: 0.8; }
            100% { transform: scale(1.2); opacity: 0; }
        }#step-10 .profile-avatar-inner{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #f3f4f6;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            overflow: hidden;
        }#step-10 .profile-avatar-inner img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }#step-10 .profile-avatar-inner img.blurred{
            filter: blur(5px) brightness(0.85) saturate(1.2) contrast(1.1);
            -webkit-filter: blur(5px) brightness(0.85) saturate(1.2) contrast(1.1);
        }#step-10 .profile-info{
            flex: 1;
        }#step-10 .profile-name{
            font-size: 18px;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 4px;
        }#step-10 .profile-phone{
            font-size: 14px;
            color: #c2185b;
            margin-bottom: 4px;
        }#step-10 .profile-location{
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            color: #667781;
        }#step-10 /* Success Badge */
        .success-badge{
            background: linear-gradient(135deg, rgba(233, 30, 99, 0.06), rgba(233, 30, 99, 0.02));
            border: 1px solid rgba(233, 30, 99, 0.12);
            border-radius: 16px;
            padding: 20px;
            text-align: center;
            margin-bottom: 24px;
            position: relative;
            overflow: hidden;
        }#step-10 .success-badge::before{
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(from 0deg, transparent, rgba(233, 30, 99, 0.03), transparent);
            animation: badge-sweep 4s linear infinite;
        }@keyframes badge-sweep{
            to { transform: rotate(360deg); }
        }#step-10 .badge-title{
            font-size: 16px;
            font-weight: 800;
            color: #e91e63;
            margin-bottom: 8px;
            letter-spacing: -0.3px;
            position: relative;
        }#step-10 .badge-text{
            font-size: 13px;
            color: #6c757d;
            position: relative;
        }#step-10 /* Trust Badges */
        .trust-badges{
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-bottom: 24px;
            flex-wrap: wrap;
        }#step-10 .trust-badge{
            display: flex;
            align-items: center;
            gap: 6px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            padding: 8px 12px;
            border-radius: 20px;
            font-size: 11px;
            color: #6c757d;
        }#step-10 .trust-badge svg{
            width: 14px;
            height: 14px;
            color: #e91e63;
        }#step-10 /* Features */
        .features-section{
            margin-bottom: 18px;
        }#step-10 .feature-item{
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 16px;
            padding: 16px;
            margin-bottom: 12px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }#step-10 .feature-header{
            margin-bottom: 12px;
        }#step-10 .feature-title-row{
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 6px;
        }#step-10 .feature-icon{
            width: 22px;
            height: 22px;
            color: #e91e63;
        }#step-10 .feature-title{
            font-size: 15px;
            font-weight: 600;
            color: #1a1a1a;
        }#step-10 .feature-desc{
            font-size: 12px;
            color: #6c757d;
            line-height: 1.5;
        }#step-10 /* Media Grid */
        .media-grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 6px;
        }#step-10 .media-item{
            aspect-ratio: 1;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
            background: #f3f4f6;
        }#step-10 .media-item.large{
            grid-column: span 2;
            grid-row: span 2;
        }#step-10 .media-item img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(9px);
            -webkit-filter: blur(9px);
        }#step-10 .media-overlay{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.25);
            display: flex;
            align-items: center;
            justify-content: center;
        }#step-10 .media-overlay svg{
            width: 20px;
            height: 20px;
            color: white;
        }#step-10 /* Dating Profiles */
        .dating-profiles-list{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }#step-10 .dating-profile-card{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 14px;
            background: rgba(0,0,0,0.03);
            border: 1px solid rgba(0,0,0,0.06);
            border-radius: 12px;
        }#step-10 .dp-icon{
            width: 42px;
            height: 42px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }#step-10 .dp-tinder{ background: linear-gradient(135deg, #FE3C72, #FF6B6B); }#step-10 .dp-bumble{ background: linear-gradient(135deg, #FFC629, #FFD700); }#step-10 .dp-hinge{ background: linear-gradient(135deg, #ddd, #bbb); color: #333; font-weight: 800; font-size: 16px; }#step-10 .dp-onlyfans{ background: linear-gradient(135deg, #00AFF0, #008CBA); }#step-10 .dp-info{
            flex: 1;
            min-width: 0;
        }#step-10 .dp-name{
            font-size: 14px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 4px;
            display: flex;
            align-items: center;
            gap: 8px;
        }#step-10 .dp-badge{
            font-size: 11px;
            font-weight: 700;
            padding: 2px 6px;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }#step-10 .dp-found{
            background: rgba(233, 30, 99, 0.15);
            color: #e91e63;
        }#step-10 .dp-not-found{
            background: rgba(142, 142, 147, 0.15);
            color: #8e8e93;
        }#step-10 .dp-detail{
            font-size: 11px;
            color: #8696A0;
            line-height: 1.5;
        }#step-10 .dp-detail.blurred{
            filter: blur(4px);
            user-select: none;
        }#step-10 .dp-photo{
            width: 52px;
            height: 52px;
            border-radius: 8px;
            background-size: cover;
            background-position: center;
            filter: blur(8px);
            flex-shrink: 0;
        }#step-10 /* Chat Preview */
        .chat-preview{
            background: #f3f4f6;
            border-radius: 12px;
            padding: 14px 12px 12px;
            margin-bottom: 0;
            filter: none;
            -webkit-filter: none;
            white-space: normal;
            overflow: visible;
            color: inherit;
            font-size: inherit;
        }#step-10 .chat-message{
            display: flex;
            gap: 8px;
            margin-bottom: 10px;
            opacity: 0;
            animation: message-appear 0.5s forwards;
        }#step-10 .chat-message:nth-child(1){ animation-delay: 0.15s; }#step-10 .chat-message:nth-child(2){ animation-delay: 0.45s; }#step-10 .chat-message:nth-child(3){ animation-delay: 0.75s; }#step-10 .chat-message.typing-row{
            opacity: 1;
            animation: none;
            margin-bottom: 0;
            margin-top: 2px;
        }@keyframes message-appear{
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }#step-10 .chat-message.sent{
            flex-direction: row-reverse;
        }#step-10 .chat-bubble{
            max-width: 82%;
            padding: 10px 14px;
            border-radius: 14px;
            font-size: 13px;
            line-height: 1.4;
        }#step-10 .chat-message.received .chat-bubble{
            background: #e5e7eb;
            color: #1a1a1a;
            border-bottom-left-radius: 4px;
        }#step-10 .chat-message.sent .chat-bubble{
            background: #dcfce7;
            color: #1a1a1a;
            border-bottom-right-radius: 4px;
        }#step-10 .chat-bubble.locked{
            filter: blur(2.2px);
            -webkit-filter: blur(2.2px);
            color: #1a1a1a;
            opacity: 1;
            user-select: none;
            pointer-events: none;
        }#step-10 .chat-message.received .chat-bubble.typing-bubble,
        #step-10 .chat-bubble.typing-bubble{
            background: rgba(233, 30, 99, 0.16) !important;
            padding: 8px 12px;
            border-radius: 14px;
            border-bottom-left-radius: 4px;
            max-width: none;
            filter: none !important;
            -webkit-filter: none !important;
            opacity: 1 !important;
        }#step-10 .typing-dots{
            display: flex;
            gap: 4px;
            align-items: center;
        }#step-10 .typing-dots span{
            width: 6px;
            height: 6px;
            background: #e91e63;
            border-radius: 50%;
            animation: typingDot 1.4s infinite ease-in-out;
        }#step-10 .typing-dots span:nth-child(2){ animation-delay: 0.2s; }#step-10 .typing-dots span:nth-child(3){ animation-delay: 0.4s; }#step-10 .conv-list{
            margin-top: 14px;
            border-top: 1px solid #e5e7eb;
            padding-top: 12px;
            width: 100%;
        }#step-10 .conv-list-title{
            font-size: 11px;
            font-weight: 800;
            color: #ef4444;
            text-transform: uppercase;
            letter-spacing: 0.45px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 7px;
        }#step-10 .conv-list-icon{
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #ef4444;
            color: #fff;
            font-size: 11px;
            font-weight: 800;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            line-height: 1;
        }#step-10 .conv-item{
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 10px;
            background: rgba(239,68,68,0.03);
            border-radius: 12px;
            margin-bottom: 7px;
            border: 1px solid rgba(239,68,68,0.14);
            position: relative;
            overflow: hidden;
        }#step-10 .conv-item.suspicious{
            background: rgba(239,68,68,0.035);
            border-color: rgba(239,68,68,0.16);
        }#step-10 .conv-avatar{
            width: 42px;
            height: 42px;
            border-radius: 50%;
            flex-shrink: 0;
            object-fit: cover;
            filter: blur(3.5px) brightness(0.95);
            user-select: none;
            pointer-events: none;
        }#step-10 .conv-body{
            flex: 1;
            min-width: 0;
        }#step-10 .conv-name{
            font-size: 13px;
            font-weight: 700;
            color: #1a1a1a;
            filter: blur(3.5px);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 2px;
        }#step-10 .conv-msg{
            font-size: 12px;
            color: #6c757d;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            filter: blur(4px);
            user-select: none;
            margin-bottom: 4px;
        }#step-10 .conv-meta{
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 3px;
            flex-shrink: 0;
            align-self: center;
        }#step-10 .conv-badge{
            min-width: 20px;
            height: 20px;
            padding: 0 6px;
            font-size: 11px;
            font-weight: 700;
            color: #fff;
            background: #ef4444;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }#step-10 .conv-tags{
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            margin-top: 2px;
        }#step-10 .conv-tag{
            font-size: 9px;
            font-weight: 800;
            text-transform: uppercase;
            padding: 2px 6px;
            border-radius: 4px;
            letter-spacing: 0.35px;
            line-height: 1.2;
        }#step-10 .conv-tag.deleted{ background: rgba(239,68,68,0.12); color: #dc2626; }#step-10 .conv-tag.suspicious{ background: rgba(245,158,11,0.14); color: #d97706; }#step-10 .conv-tag.evidence{ background: rgba(139,92,246,0.12); color: #7c3aed; }#step-10 .conv-audio{
            display: flex;
            align-items: center;
            gap: 6px;
            background: rgba(233,30,99,0.08);
            border-radius: 16px;
            padding: 5px 10px;
            margin-bottom: 4px;
            width: fit-content;
            max-width: 100%;
            user-select: none;
        }#step-10 .conv-audio-bar{
            display: flex;
            align-items: end;
            gap: 1.5px;
            height: 14px;
        }#step-10 .conv-audio-bar span{
            width: 2.5px;
            background: #e91e63;
            border-radius: 1px;
        }#step-10 .conv-audio-time{
            font-size: 11px;
            color: #6c757d;
            filter: blur(2px);
        }#step-10 /* Suspicion Detector */
        .suspicion-detector{
            background: #ffffff;
            border: 1px solid #fecaca;
            border-radius: 16px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }#step-10 .suspicion-header{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }#step-10 .suspicion-title{
            display: flex;
            align-items: center;
            gap: 8px;
        }#step-10 .suspicion-title svg{
            width: 20px;
            height: 20px;
            color: #dc2626;
        }#step-10 .suspicion-title span{
            font-size: 13px;
            font-weight: 700;
            color: #dc2626;
            text-transform: uppercase;
        }#step-10 .suspicion-score{
            font-size: 32px;
            font-weight: 900;
            color: #dc2626;
            text-shadow: 0 0 20px rgba(255, 59, 48, 0.15);
            font-variant-numeric: tabular-nums;
        }#step-10 .suspicion-bar{
            height: 8px;
            background: #f3f4f6;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 16px;
        }#step-10 .suspicion-bar-fill{
            height: 100%;
            background: linear-gradient(90deg, #f59e0b, #dc2626);
            border-radius: 4px;
            transition: width 1s ease;
        }#step-10 .suspicion-details{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }#step-10 .suspicion-item{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
        }#step-10 .suspicion-item-label{
            color: #6c757d;
        }#step-10 .suspicion-item-value.high{
            color: #dc2626;
            font-weight: 600;
        }#step-10 /* Frequent Contact */
        .frequent-contact{
            background: #ffffff;
            border: 1px solid #fed7aa;
            border-radius: 16px;
            padding: 18px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }#step-10 .frequent-contact-avatar{
            position: relative;
            width: 56px;
            height: 56px;
            flex-shrink: 0;
        }#step-10 .frequent-contact-avatar img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            filter: blur(8px);
        }#step-10 .frequent-contact-avatar::after{
            content: '🔒';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 20px;
        }#step-10 .frequent-contact-info{
            flex: 1;
            min-width: 0;
        }#step-10 .frequent-contact-label{
            font-size: 11px;
            font-weight: 700;
            color: #ea580c;
            text-transform: uppercase;
            margin-bottom: 4px;
        }#step-10 .frequent-contact-name{
            font-size: 16px;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }#step-10 .frequent-contact-name .hidden{
            background: #1a1a1a;
            color: #1a1a1a;
            border-radius: 2px;
            padding: 0 2px;
            margin-right: 4px;
        }#step-10 .frequent-contact-stats{
            font-size: 12px;
            color: #6c757d;
        }#step-10 .frequent-contact-stats strong{
            color: #dc2626;
        }#step-10 .frequent-contact-badge{
            background: #dc2626;
            color: white;
            font-size: 11px;
            font-weight: 700;
            padding: 6px 10px;
            border-radius: 8px;
            text-align: center;
        }#step-10 .frequent-contact-badge span{
            display: block;
            font-size: 16px;
            font-weight: 800;
        }#step-10 /* Deleted Message Reveal */
        .deleted-message-reveal{
            background: #ffffff;
            border: 1px solid #fecaca;
            border-radius: 16px;
            padding: 20px;
            margin-bottom: 20px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }#step-10 .deleted-message-reveal::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent);
            animation: shimmer 2s infinite;
        }@keyframes shimmer{
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }#step-10 .deleted-message-header{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            position: relative;
            z-index: 1;
        }#step-10 .deleted-message-header svg{
            width: 20px;
            height: 20px;
            color: #dc2626;
        }#step-10 .deleted-message-header span{
            font-size: 12px;
            font-weight: 700;
            color: #dc2626;
            text-transform: uppercase;
        }#step-10 .deleted-message-content{
            font-size: 15px;
            color: #1a1a1a;
            line-height: 1.5;
            font-style: italic;
            position: relative;
            z-index: 1;
        }#step-10 .deleted-message-content .blocked{
            background: #1a1a1a;
            color: #1a1a1a;
            border-radius: 2px;
            padding: 0 2px;
            user-select: none;
        }#step-10 .deleted-message-footer{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #e5e7eb;
            position: relative;
            z-index: 1;
        }#step-10 .deleted-message-time{
            font-size: 11px;
            color: #9ca3af;
        }#step-10 .deleted-message-unlock{
            font-size: 11px;
            color: #16a34a;
            font-weight: 600;
        }#step-10 /* Pricing Section */
        
        /* === 3-TIER PRICING (added by apply_3tier_cta.py) === */

        /* === Spacing fix: separate social-proof bar from pricing-section === */
        [data-cta-social]{ margin: 22px 8px 18px !important; }#step-10 .pricing-section{ padding-top: 32px !important; }#step-10 .tiers-title{ margin-top: 4px !important; }#step-10 /* === Per-tier CTA button (added by fix_tier_buttons.py) === */
        .tier-cta{
            display: block;
            width: 100%;
            margin-top: 18px;
            padding: 16px 20px;
            border: none;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            text-align: center;
            transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
            background: linear-gradient(135deg, #374151, #1f2937);
            color: #ffffff;
            border: none;
            box-shadow: 0 4px 12px rgba(31, 41, 55, 0.25);
        }#step-10 .tier-cta:hover{ 
            transform: translateY(-2px); 
            background: linear-gradient(135deg, #4b5563, #374151);
            box-shadow: 0 6px 16px rgba(31, 41, 55, 0.35);
        }#step-10 .tier-card.recommended .tier-cta{
            background: linear-gradient(135deg,#22c55e,#16a34a);
            color: #fff;
            border: none;
            box-shadow: 0 8px 24px rgba(34,197,94,0.35);
        }#step-10 .tier-card.recommended .tier-cta:hover{
            box-shadow: 0 12px 30px rgba(34,197,94,0.45);
        }#step-10 .tier-card[data-tier="forensic"] .tier-cta{
            background: linear-gradient(135deg,#a855f7,#7e22ce);
            color: #fff;
            border: none;
            box-shadow: 0 8px 24px rgba(168,85,247,0.30);
        }#step-10 .tier-card[data-tier="forensic"] .tier-cta:hover{
            box-shadow: 0 12px 30px rgba(168,85,247,0.40);
        }#step-10 /* Hide the old global checkout button (kept removed below for safety) */
        .tier-cta-main, #step-10 .tier-cta-sub{ display: none !important; }#step-10 /* === END per-tier CTA === */

        .tier-grid{ margin-top: 24px !important; }#step-10 /* === END spacing === */

        .tier-grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            margin: 22px auto 8px;
            max-width: 480px;
        }
        .tier-grid.tier-grid-single{
            max-width: 420px;
            grid-template-columns: 1fr;
        }
        @media (min-width: 1024px){
            .tier-grid {
                grid-template-columns: repeat(2, 1fr);
                align-items: stretch;
                max-width: 820px;
                gap: 28px;
                margin-left: auto;
                margin-right: auto;
            }
            .tier-grid.tier-grid-single {
                grid-template-columns: 1fr;
                max-width: 420px;
            }
            .tier-card { padding: 32px 22px 22px; }
            .tier-card .tier-cta { margin-top: 14px; }
        }#step-10 .tier-card{
            position: relative;
            border: 2px solid #e5e7eb;
            border-radius: 16px;
            padding: 28px 18px 18px;
            background: #f8fafc;
            transition: all 0.25s ease;
            cursor: pointer;
            display: flex;
            flex-direction: column;
        }#step-10 .tier-card:hover{ transform: translateY(-3px); border-color: rgba(233,30,99,0.35); }#step-10 .tier-card.selected{
            border-color: #22c55e;
            background: rgba(34,197,94,0.08);
            box-shadow: 0 0 25px rgba(34,197,94,0.25);
        }#step-10 .tier-card.recommended{
            border-color: #22c55e;
            background: linear-gradient(180deg, rgba(34,197,94,0.12), rgba(34,197,94,0.03));
            box-shadow: 0 0 30px rgba(34,197,94,0.18);
            animation: tierGlow 2.6s ease-in-out infinite;
        }@keyframes tierGlow{
            0%, 100% { box-shadow: 0 0 25px rgba(34,197,94,0.18); }
            50%      { box-shadow: 0 0 38px rgba(34,197,94,0.35); }
        }#step-10 .tier-badge{
            position: absolute;
            top: -11px;
            left: 50%;
            transform: translateX(-50%);
            background: linear-gradient(135deg, #22c55e, #16a34a);
            color: #fff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.4px;
            padding: 5px 12px;
            border-radius: 100px;
            white-space: nowrap;
            box-shadow: 0 4px 14px rgba(34,197,94,0.35);
        }#step-10 .tier-badge.pro{ background: linear-gradient(135deg, #9333ea, #6d28d9); box-shadow: 0 4px 14px rgba(147,51,234,0.35); }#step-10 .tier-name{ font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 4px 0 6px; text-align: center; }#step-10 .tier-price{ font-size: 38px; font-weight: 800; color: #111; line-height: 1; margin: 4px 0 4px; text-align: center; }#step-10 .tier-currency{ font-size: 18px; vertical-align: top; opacity: 0.7; margin-right: 2px; }#step-10 .tier-tag{ font-size: 12px; color: #9ca3af; text-align: center; margin-bottom: 14px; font-weight: 500; }#step-10 .tier-features{ list-style: none; padding: 0; margin: 0 0 16px; font-size: 13px; line-height: 1.55; color: #4b5563; flex: 1; }#step-10 .tier-features li{ padding: 6px 0; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: flex-start; gap: 8px; }#step-10 .tier-features li:last-child{ border-bottom: none; }#step-10 .tier-features .ico{ flex-shrink: 0; width: 16px; text-align: center; font-size: 12px; }#step-10 .tier-features li .dim{ color: #6b7280; font-size: 12px; }#step-10 .tier-btn{
            width: 100%;
            padding: 12px;
            border-radius: 10px;
            border: 1px solid #d1d5db;
            background: #f3f4f6;
            color: #1f2937;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s ease;
        }#step-10 .tier-btn:hover{ background: #e5e7eb; }#step-10 .tier-card.selected .tier-btn, #step-10 .tier-card.recommended .tier-btn{
            background: linear-gradient(135deg, #22c55e, #16a34a);
            border-color: transparent;
            box-shadow: 0 4px 16px rgba(34,197,94,0.35);
        }#step-10 .tiers-title{ text-align: center; font-size: 18px; font-weight: 700; color: #111; margin: 4px 0 4px; }#step-10 .tiers-sub{ text-align: center; font-size: 13px; color: #9ca3af; margin: 0 0 40px; }#step-10 /* Single plan card improvements for desktop */
        @media (min-width: 600px){
            .tier-card[data-tier="basic"] {
                max-width: 520px !important;
                padding: 36px 32px 28px !important;
            }
            .tier-card .tier-name { font-size: 26px; }
            .tier-card .tier-tagline { font-size: 15px; margin-bottom: 12px; }
            .tier-card .tier-price { font-size: 64px; }
            .tier-card .tier-anchor { font-size: 20px; }
            .tier-card .tier-features { font-size: 15px; }
            .tier-card .tier-features li { padding: 10px 0; }
            .tier-card .tier-cta { font-size: 17px; padding: 16px 24px; }
            .tiers-sub { margin: 0 0 48px; font-size: 14px; }
        }@media (min-width: 900px){
            .tier-card[data-tier="basic"] {
                max-width: 560px !important;
                padding: 40px 40px 32px !important;
            }
            .tier-card .tier-name { font-size: 28px; }
            .tier-card .tier-price { font-size: 72px; }
            .tier-card .tier-features { font-size: 16px; }
            .tier-card .tier-features li { padding: 12px 0; }
            .tiers-sub { margin: 0 0 56px; }
        }#step-10 .tier-cta-main{
            width: 100%;
            margin-top: 12px;
            padding: 18px;
            background: linear-gradient(135deg, #e91e63, #c2185b);
            color: #fff;
            font-size: 17px;
            font-weight: 800;
            letter-spacing: 0.3px;
            border: none;
            border-radius: 14px;
            cursor: pointer;
            box-shadow: 0 8px 28px rgba(233,30,99,0.35);
            transition: all 0.25s ease;
        }#step-10 .tier-cta-main:hover{ transform: translateY(-2px); box-shadow: 0 12px 36px rgba(233,30,99,0.5); }#step-10 .tier-cta-sub{ text-align: center; font-size: 12px; color: #6b7280; margin-top: 8px; }#step-10 /* === COMPARISON TABLE V2 === */
        .comparison-table{ background: linear-gradient(145deg, rgba(15,23,42,0.95), rgba(30,41,59,0.9)); border-radius: 16px; padding: 24px 16px 16px; margin: 28px 0 24px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 4px 24px rgba(0,0,0,0.3); }#step-10 .comparison-table h3{ font-size: 16px; color: #f1f5f9; text-align: center; margin: 0 0 16px; font-weight: 800; letter-spacing: -0.3px; }#step-10 .comp-columns{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }#step-10 .comp-col{ border-radius: 12px; padding: 12px; }#step-10 .comp-col.without{ background: rgba(239,68,68,0.06); border: 1px solid rgba(239,68,68,0.15); }#step-10 .comp-col.with{ background: rgba(34,197,94,0.06); border: 1px solid rgba(34,197,94,0.2); }#step-10 .comp-col-title{ font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.06); }#step-10 .comp-col.without .comp-col-title{ color: #f87171; }#step-10 .comp-col.with .comp-col-title{ color: #4ade80; }#step-10 .comp-item{ display: flex; align-items: flex-start; gap: 6px; font-size: 12px; line-height: 1.45; padding: 6px 0; color: #cbd5e1; }#step-10 .comp-item .ci-icon{ flex-shrink: 0; font-size: 13px; margin-top: 1px; }#step-10 .comp-col.without .comp-item{ color: #fca5a5; }#step-10 .comp-col.with .comp-item{ color: #bbf7d0; }#step-10 /* === GUARANTEE V2 === */
        .guarantee-v2{ background: linear-gradient(145deg, rgba(15,23,42,0.95), rgba(30,41,59,0.9)); border-radius: 16px; padding: 24px 16px 20px; margin: 0 0 24px; border: 1px solid rgba(34,197,94,0.15); box-shadow: 0 4px 24px rgba(0,0,0,0.3); text-align: center; }#step-10 .guarantee-v2 .gv2-shield{ font-size: 40px; margin-bottom: 8px; }#step-10 .guarantee-v2 .gv2-title{ font-size: 18px; font-weight: 800; color: #f1f5f9; margin: 0 0 4px; }#step-10 .guarantee-v2 .gv2-badge{ display: inline-block; background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-bottom: 14px; }#step-10 .guarantee-v2 .gv2-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; }#step-10 .guarantee-v2 .gv2-card{ background: rgba(34,197,94,0.06); border: 1px solid rgba(34,197,94,0.15); border-radius: 12px; padding: 14px 12px; }#step-10 .guarantee-v2 .gv2-card-icon{ font-size: 22px; margin-bottom: 6px; }#step-10 .guarantee-v2 .gv2-card-title{ font-size: 13px; font-weight: 700; color: #4ade80; margin-bottom: 4px; }#step-10 .guarantee-v2 .gv2-card-text{ font-size: 11px; color: #94a3b8; line-height: 1.5; }#step-10 .guarantee-v2 .gv2-foot{ font-size: 11px; color: #64748b; font-style: italic; margin: 12px 0 0; }#step-10 /* === TRUST + TESTIMONIAL V2 === */
        .trust-v2{ background: linear-gradient(145deg, rgba(15,23,42,0.95), rgba(30,41,59,0.9)); border-radius: 16px; padding: 16px; margin-bottom: 16px; border: 1px solid rgba(255,255,255,0.08); }#step-10 .trust-v2-badges{ display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }#step-10 .trust-v2-badge{ display: flex; align-items: center; gap: 5px; background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.15); padding: 6px 10px; border-radius: 8px; font-size: 11px; color: #94a3b8; font-weight: 500; }#step-10 .trust-v2-badge svg{ flex-shrink: 0; }#step-10 .trust-v2-billing{ text-align: center; font-size: 11px; color: #64748b; line-height: 1.5; margin: 0; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.05); }#step-10 .trust-v2-billing strong{ color: #94a3b8; }#step-10 .testimonial-v2{ background: linear-gradient(145deg, rgba(233,30,99,0.06), rgba(233,30,99,0.02)); border: 1px solid rgba(233,30,99,0.15); border-radius: 16px; padding: 20px 16px; margin: 0 0 20px; text-align: center; }#step-10 .testimonial-v2 .tv2-stars{ color: #facc15; font-size: 16px; letter-spacing: 2px; margin-bottom: 8px; }#step-10 .testimonial-v2 .tv2-quote{ font-size: 14px; color: #e2e8f0; line-height: 1.6; font-style: italic; margin: 0 0 10px; }#step-10 .testimonial-v2 .tv2-stat{ font-size: 20px; font-weight: 800; color: #4ade80; margin: 0 0 8px; }#step-10 .testimonial-v2 .tv2-author{ font-size: 12px; color: #94a3b8; }#step-10 .testimonial-v2 .tv2-author strong{ color: #e91e63; }#step-10 /* === MODERN TIER CARDS V2 === */
        .tier-trust-bar{
            display: flex; align-items: center; justify-content: center; gap: 10px;
            background: linear-gradient(135deg, rgba(34,197,94,0.08), rgba(34,197,94,0.02));
            border: 1px solid rgba(34,197,94,0.25);
            border-radius: 100px; padding: 8px 18px; margin: 6px auto 14px;
            font-size: 12px; color: #047857; font-weight: 600; max-width: max-content;
        }#step-10 .tier-trust-bar .ttb-dot{ width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px #22c55e; animation: ttbPulse 1.6s ease-in-out infinite; }@keyframes ttbPulse{ 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }#step-10 .tier-trust-bar strong{ color: #064e3b; font-weight: 800; }#step-10 .tier-card{ padding: 30px 18px 18px; }#step-10 .tier-icon-wrap{
            position: relative; display: flex; align-items: center; justify-content: center;
            width: 56px; height: 56px; margin: 0 auto 8px; border-radius: 14px;
            background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
            box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), 0 6px 14px rgba(15,23,42,0.06);
            font-size: 28px;
        }#step-10 .tier-card.recommended .tier-icon-wrap{
            background: linear-gradient(135deg, #10b981, #059669);
            box-shadow: 0 8px 22px rgba(16,185,129,0.35), inset 0 0 0 1px rgba(255,255,255,0.2);
        }#step-10 .tier-card[data-tier="forensic"] .tier-icon-wrap{
            background: linear-gradient(135deg, #9333ea, #6d28d9);
            box-shadow: 0 8px 22px rgba(147,51,234,0.35), inset 0 0 0 1px rgba(255,255,255,0.2);
        }#step-10 .tier-tagline{ text-align: center; font-size: 12px; color: #6b7280; font-style: italic; margin: 0 0 10px; min-height: 16px; }#step-10 .tier-anchor-wrap{ display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-top: 4px; }#step-10 .tier-anchor{ font-size: 16px; color: #9ca3af; text-decoration: line-through; font-weight: 600; }#step-10 .tier-save{
            display: inline-block; background: #fef3c7; color: #92400e; padding: 2px 8px;
            border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.4px;
            text-transform: uppercase; margin: 6px auto 0; vertical-align: middle;
        }#step-10 .tier-card.recommended .tier-save{ background: #dcfce7; color: #166534; }#step-10 .tier-card[data-tier="forensic"] .tier-save{ background: #f3e8ff; color: #6b21a8; }#step-10 .tier-features li.bonus{ background: linear-gradient(90deg, rgba(251,191,36,0.10), transparent); border-left: 2px solid #f59e0b; padding-left: 8px; margin: 4px -8px; border-radius: 0 6px 6px 0; }#step-10 .tier-features li.bonus .ico{ color: #d97706; }#step-10 .tier-stamp{
            position: absolute; top: 14px; right: 14px;
            font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase;
            padding: 3px 8px; border-radius: 6px; opacity: 0.85;
        }#step-10 .tier-stamp.starter{ background: #f3f4f6; color: #6b7280; }#step-10 .tier-stamp.popular{ background: linear-gradient(135deg, #10b981, #059669); color: #fff; }#step-10 .tier-stamp.pro{ background: linear-gradient(135deg, #9333ea, #6d28d9); color: #fff; }#step-10 .tier-card.recommended{ transform: scale(1.02); z-index: 2; }@media (min-width: 720px){
            .tier-card.recommended { transform: scale(1.04); }
        }#step-10 .tier-card{ transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }#step-10 .tier-card:hover{ transform: translateY(-4px); }#step-10 .tier-card.recommended:hover{ transform: scale(1.04) translateY(-4px); }#step-10 .tier-spots{ text-align: center; font-size: 11px; color: #b45309; margin: 8px 0 0; font-weight: 600; }#step-10 .tier-spots .dot{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ef4444; margin-right: 4px; vertical-align: middle; animation: ttbPulse 1.6s ease-in-out infinite; }#step-10 .tier-cta{ font-size: 14px; padding: 13px; margin-top: 6px; }#step-10 .tier-card.recommended .tier-cta{
            background: linear-gradient(135deg, #10b981, #059669) !important;
            color: #fff !important; border-color: transparent !important;
            box-shadow: 0 8px 28px rgba(16,185,129,0.5), 0 0 40px rgba(16,185,129,0.3) !important;
            font-size: 17px; padding: 18px 24px;
            font-weight: 800;
            letter-spacing: 0.3px;
            position: relative;
            overflow: hidden;
            animation: ctaPulseGlow 2s ease-in-out infinite;
        }#step-10 .tier-card.recommended .tier-cta::before{
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            animation: ctaShine 2.5s ease-in-out infinite;
        }@keyframes ctaPulseGlow{
            0%, 100% { 
                transform: scale(1); 
                box-shadow: 0 8px 28px rgba(16,185,129,0.5), 0 0 40px rgba(16,185,129,0.3);
            }
            50% { 
                transform: scale(1.03); 
                box-shadow: 0 12px 40px rgba(16,185,129,0.65), 0 0 60px rgba(16,185,129,0.4);
            }
        }@keyframes ctaShine{
            0% { left: -100%; }
            50%, 100% { left: 100%; }
        }#step-10 .tier-card[data-tier="forensic"] .tier-cta{
            background: linear-gradient(135deg, #9333ea, #6d28d9) !important;
            color: #fff !important; border-color: transparent !important;
            box-shadow: 0 6px 20px rgba(147,51,234,0.35) !important;
        }#step-10 /* === END MODERN TIER CARDS V2 === */

        .closure-guarantee{ display: none; }#step-10 .loss-microcopy{ text-align: center; font-size: 13px; color: rgba(255,255,255,0.5); font-style: italic; margin: 14px 0 22px; }#step-10 /* 2-TIER PRICING LAYOUT */
        @media (max-width: 700px){
            .tier-grid[data-tier-grid] {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }
        }#step-10 .tier-card:not(.recommended) .tier-cta{
            background: linear-gradient(135deg, #475569, #334155);
            color: #ffffff;
            border: none;
            box-shadow: 0 4px 14px rgba(71, 85, 105, 0.3);
        }#step-10 .tier-card:not(.recommended) .tier-cta:hover{
            background: linear-gradient(135deg, #64748b, #475569);
            box-shadow: 0 6px 18px rgba(71, 85, 105, 0.4);
            transform: translateY(-2px);
        }#step-10 .tier-card:not(.recommended) .tier-save{
            background: rgba(255,255,255,0.1);
            color: #9ca3af;
        }#step-10 .tier-card:not(.recommended) .tier-icon-wrap{
            background: rgba(255,255,255,0.08);
            box-shadow: none;
        }#step-10 /* /2-TIER PRICING LAYOUT */

        /* === END 3-TIER === */

        .pricing-section{
            background: #ffffff;
            border: 2px solid #e91e63;
            border-radius: 20px;
            padding: 24px 20px;
            text-align: center;
            margin-bottom: 24px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(233, 30, 99, 0.12);
        }#step-10 .pricing-section::before{ content: ''; display: none; }#step-10 .discount-badge{
            display: inline-block;
            background: #dc2626;
            color: white;
            font-size: 12px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 20px;
            margin-bottom: 12px;
        }#step-10 .price-original{
            font-size: 20px;
            color: #9ca3af;
            text-decoration: line-through;
            margin-bottom: 4px;
        }#step-10 .price-current{
            font-size: 52px;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 4px;
        }#step-10 .price-savings{
            font-size: 14px;
            color: #16a34a;
            margin-bottom: 12px;
            font-weight: 600;
        }#step-10 .price-info{
            font-size: 12px;
            color: #6c757d;
            margin-bottom: 16px;
        }#step-10 .cta-button{
            width: 100%;
            padding: 22px 24px;
            background: linear-gradient(135deg, #e91e63 0%, #d81b60 50%, #c2185b 100%);
            border: none;
            border-radius: 16px;
            color: white;
            font-size: 20px;
            font-weight: 800;
            cursor: pointer;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            animation: megaPulse 2s ease-in-out infinite;
            box-shadow: 
                0 4px 14px rgba(233, 30, 99, 0.3),
                0 2px 6px rgba(0, 0, 0, 0.08);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            position: relative;
            overflow: hidden;
        }@keyframes megaPulse{
            0%, 100% { 
                transform: scale(1);
                box-shadow: 
                    0 4px 14px rgba(233, 30, 99, 0.3),
                    0 2px 6px rgba(0, 0, 0, 0.08);
            }
            50% { 
                transform: scale(1.03);
                box-shadow: 
                    0 6px 20px rgba(233, 30, 99, 0.4),
                    0 4px 10px rgba(0, 0, 0, 0.1);
            }
        }#step-10 .cta-button:hover{
            transform: scale(1.05);
            box-shadow: 
                0 8px 24px rgba(233, 30, 99, 0.5),
                0 4px 12px rgba(0, 0, 0, 0.12);
            animation: none;
        }#step-10 .cta-button::before{
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            animation: btn-shimmer 1.5s infinite;
        }#step-10 .cta-button-icon{
            display: inline-block;
            margin-right: 10px;
            animation: iconShake 0.5s ease-in-out infinite;
        }@keyframes iconShake{
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-3px); }
            75% { transform: translateX(3px); }
        }@keyframes btn-shimmer{
            0% { left: -100%; }
            100% { left: 200%; }
        }@keyframes ctaShake{
            0%, 100% { transform: translateX(0); }
            15% { transform: translateX(-6px) rotate(-1deg); }
            30% { transform: translateX(5px) rotate(1deg); }
            45% { transform: translateX(-4px) rotate(-0.5deg); }
            60% { transform: translateX(3px) rotate(0.5deg); }
            75% { transform: translateX(-2px); }
        }@keyframes blink{
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }#step-10 .cta-subtext{
            font-size: 11px;
            color: #9ca3af;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }#step-10 .cta-subtext svg{
            width: 14px;
            height: 14px;
            color: #e91e63;
        }#step-10 /* Bonus Section */
        .bonus-section{
            background: #ffffff;
            border: 2px solid #fbbf24;
            border-radius: 20px;
            padding: 20px;
            margin-bottom: 18px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }#step-10 .bonus-title{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 18px;
            font-weight: 700;
            color: #d97706;
            margin-bottom: 8px;
        }#step-10 .bonus-total{
            text-align: center;
            font-size: 14px;
            color: #16a34a;
            font-weight: 600;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e5e7eb;
        }#step-10 .bonus-total span{
            text-decoration: line-through;
            color: #dc2626;
        }#step-10 .bonus-item{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 0;
            border-bottom: 1px solid #f3f4f6;
        }#step-10 .bonus-item:last-child{
            border-bottom: none;
        }#step-10 .bonus-icon{
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }#step-10 .bonus-icon.instagram{
            background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
            color: white;
        }#step-10 .bonus-icon.tiktok{
            background: #000000;
            color: #25F4EE;
        }#step-10 .bonus-icon.snapchat{
            background: #FFFC00;
            color: #000000;
        }#step-10 .bonus-icon.location{
            background: linear-gradient(135deg, #4285f4, #34a853);
            color: white;
        }#step-10 .bonus-icon.alerts{
            background: linear-gradient(135deg, #ff4444, #ff6b6b);
            color: white;
        }#step-10 .bonus-icon.monitor{
            background: linear-gradient(135deg, #e91e63, #c2185b);
            color: white;
        }#step-10 .bonus-icon svg{
            width: 16px;
            height: 16px;
            color: #FF9500;
        }#step-10 .bonus-info h4{
            font-size: 13px;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 2px;
        }#step-10 .bonus-info p{
            font-size: 11px;
            color: #6c757d;
        }#step-10 .bonus-value{
            font-size: 12px;
            color: #d97706;
            font-weight: 600;
        }#step-10 /* Testimonials */
        .testimonials-section{
            margin-bottom: 18px;
        }#step-10 .section-title{
            font-size: 18px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 12px;
            text-align: center;
        }#step-10 .testimonials-header-card{
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
            border-radius: 14px 14px 0 0;
            padding: 14px 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }#step-10 .testimonials-header-left{
            display: flex;
            align-items: center;
            gap: 8px;
        }#step-10 .testimonials-header-left svg{ width: 16px; height: 16px; }#step-10 .testimonials-header-title{
            font-size: 12px;
            font-weight: 600;
            color: #fff;
            letter-spacing: 0.3px;
        }#step-10 .testimonials-header-right{
            display: flex;
            align-items: center;
            gap: 10px;
        }#step-10 .testimonials-rating-pill{
            display: flex;
            align-items: center;
            gap: 4px;
            background: rgba(255,255,255,0.12);
            padding: 3px 8px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
            color: #fbbf24;
        }#step-10 .testimonials-count-pill{
            font-size: 11px;
            color: #94a3b8;
        }#step-10 .testimonials-#step-10{
            background: #fff;
            border: 1px solid #e5e7eb;
            border-top: none;
            border-radius: 0 0 14px 14px;
            overflow: hidden;
        }#step-10 .testimonial-item{
            padding: 14px 16px;
            position: relative;
            transition: background 0.2s;
        }#step-10 .testimonial-item:not(:last-child){
            border-bottom: 1px solid #f1f5f9;
        }#step-10 .testimonial-header{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }#step-10 .testimonial-avatar-icon{
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 14px;
            font-weight: 700;
            font-style: normal;
        }#step-10 .testimonial-avatar-icon.tav-1{ background: linear-gradient(135deg, #6366f1, #818cf8); color: #fff; }#step-10 .testimonial-avatar-icon.tav-2{ background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #fff; }#step-10 .testimonial-avatar-icon.tav-3{ background: linear-gradient(135deg, #22c55e, #4ade80); color: #fff; }#step-10 .testimonial-avatar-icon.tav-4{ background: linear-gradient(135deg, #ef4444, #f87171); color: #fff; }#step-10 .testimonial-avatar-icon.tav-5{ background: linear-gradient(135deg, #8b5cf6, #a78bfa); color: #fff; }#step-10 .testimonial-info{
            flex: 1;
            min-width: 0;
        }#step-10 .testimonial-name{
            font-size: 12.5px;
            font-weight: 600;
            color: #1e293b;
        }#step-10 .testimonial-meta-row{
            display: flex;
            align-items: center;
            gap: 6px;
        }#step-10 .testimonial-verified{
            display: inline-flex;
            align-items: center;
            gap: 3px;
            font-size: 11px;
            color: #16a34a;
            font-weight: 500;
        }#step-10 .testimonial-verified svg{
            width: 10px;
            height: 10px;
        }#step-10 .testimonial-stars{
            color: #fbbf24;
            font-size: 11px;
            letter-spacing: 0.5px;
        }#step-10 .testimonial-text{
            font-size: 12.5px;
            color: #475569;
            line-height: 1.55;
            margin-bottom: 6px;
        }#step-10 .testimonial-text em{
            font-style: normal;
            color: #dc2626;
            font-weight: 500;
        }#step-10 .testimonial-footer{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }#step-10 .testimonial-time{
            font-size: 11px;
            color: #94a3b8;
        }#step-10 .testimonial-helpful{
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 11px;
            color: #94a3b8;
        }#step-10 .testimonial-helpful svg{ width: 11px; height: 11px; }#step-10 /* FAQ */
        .faq-section{
            margin-bottom: 18px;
        }#step-10 .faq-item{
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            margin-bottom: 6px;
            overflow: hidden;
        }#step-10 .faq-question{
            padding: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            font-size: 13px;
            font-weight: 500;
            color: #1a1a1a;
        }#step-10 .faq-question svg{
            width: 18px;
            height: 18px;
            color: #9ca3af;
            transition: transform 0.3s ease;
        }#step-10 .faq-item.open .faq-question svg{
            transform: rotate(180deg);
        }#step-10 .faq-answer{
            padding: 0 14px 14px;
            font-size: 12px;
            color: #6c757d;
            line-height: 1.5;
            display: none;
        }#step-10 .faq-item.open .faq-answer{
            display: block;
        }#step-10 /* Guarantee */
        .guarantee-section{
            background: #ffffff;
            border: 2px solid #fbbf24;
            border-radius: 20px;
            padding: 28px 20px;
            text-align: center;
            margin-bottom: 28px;
            box-shadow: 0 2px 8px rgba(251, 191, 36, 0.1);
        }#step-10 .guarantee-seal{
            width: 90px;
            height: 90px;
            margin: 0 auto 16px;
        }#step-10 .guarantee-seal-circle{
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: linear-gradient(145deg, #FFC107, #FF9800);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 24px rgba(255, 193, 7, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3);
            border: 3px solid rgba(255, 215, 0, 0.6);
        }#step-10 .guarantee-seal-icon{
            width: 22px;
            height: 22px;
            fill: #1a1a2e;
            margin-bottom: 2px;
        }#step-10 .guarantee-seal-number{
            font-size: 22px;
            font-weight: 800;
            color: #1a1a2e;
            line-height: 1;
        }#step-10 .guarantee-seal-days{
            font-size: 8px;
            font-weight: 700;
            color: #1a1a2e;
            text-transform: uppercase;
            letter-spacing: 2px;
        }#step-10 .guarantee-title{
            font-size: 17px;
            font-weight: 700;
            color: #d97706;
            margin-bottom: 10px;
        }#step-10 .guarantee-text{
            font-size: 13px;
            color: #6c757d;
            line-height: 1.6;
            max-width: 340px;
            margin: 0 auto;
        }#step-10 /* Security Badges */
        .security-badges{
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            margin-bottom: 24px;
            padding: 16px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
        }#step-10 .security-badge{
            display: flex;
            align-items: center;
            gap: 6px;
            background: #f3f4f6;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 11px;
            color: #6c757d;
        }#step-10 /* Responsive */
        @media (max-width: 480px){
            .container {
                padding: 60px 16px 140px;
            }
            .scarcity-banner {
                padding: 10px 12px;
                gap: 8px;
            }
            .scarcity-icon {
                width: 32px;
                height: 32px;
                min-width: 32px;
            }
            .scarcity-text strong {
                font-size: 13px;
            }
            .scarcity-text span {
                font-size: 11px;
            }
        }@media (max-width: 380px){
            .container {
                padding: 55px 12px 130px;
            }
            .price-current {
                font-size: 42px;
            }
            .live-counter-bar {
                font-size: 11px;
                padding: 6px 12px;
            }
        }#step-10 /* === ACCESS EXPIRY BAR === */
        .access-expiry-bar{
            position: fixed;
            top: 36px;
            left: 0;
            right: 0;
            height: 3px;
            background: #e5e7eb;
            z-index: 102;
        }#step-10 .access-expiry-fill{
            height: 100%;
            width: 100%;
            background: linear-gradient(90deg, #e91e63, #e91e63);
            transition: width 1s linear, background 1s ease;
            border-radius: 0 2px 2px 0;
        }#step-10 /* === SOCIAL PROOF POPUP === */
        .social-proof{
            position: fixed;
            bottom: 20px;
            left: 16px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 10px 14px;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.1);
            z-index: 99995;
            max-width: calc(100vw - 32px);
            transform: translateY(120px);
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }#step-10 .social-proof.show{
            transform: translateY(0);
        }#step-10 .social-proof-icon{
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #dcfce7;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            flex-shrink: 0;
        }#step-10 .social-proof-#step-10{ flex: 1; }#step-10 .social-proof-text{
            font-size: 12px;
            color: #1a1a1a;
            line-height: 1.3;
        }#step-10 .social-proof-text strong{ color: #16a34a; }#step-10 .social-proof-time{
            font-size: 11px;
            color: #9ca3af;
            margin-top: 1px;
        }#step-10 /* === EXIT INTENT POPUP === */
        .exit-overlay{
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0,0,0,0.7);
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }#step-10 .exit-overlay.show{
            opacity: 1;
            pointer-events: all;
        }#step-10 .exit-popup{
            background: #ffffff;
            border-radius: 20px;
            padding: 32px 24px;
            max-width: 380px;
            width: 100%;
            text-align: center;
            position: relative;
            transform: scale(0.8);
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }#step-10 .exit-overlay.show .exit-popup{
            transform: scale(1);
        }#step-10 .exit-close{
            position: absolute;
            top: 12px; right: 12px;
            width: 32px; height: 32px;
            border-radius: 50%;
            background: #f3f4f6;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #6c757d;
        }#step-10 .exit-icon{ font-size: 48px; margin-bottom: 16px; }#step-10 .exit-title{
            font-size: 22px;
            font-weight: 800;
            color: #dc2626;
            margin-bottom: 8px;
            line-height: 1.2;
        }#step-10 .exit-subtitle{
            font-size: 14px;
            color: #6c757d;
            margin-bottom: 20px;
            line-height: 1.4;
        }#step-10 .exit-timer{
            font-size: 36px;
            font-weight: 800;
            color: #dc2626;
            margin-bottom: 20px;
            font-variant-numeric: tabular-nums;
        }#step-10 .exit-cta{
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
            border: none;
            border-radius: 12px;
            color: white;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            margin-bottom: 10px;
            animation: megaPulse 2s ease-in-out infinite;
        }#step-10 .exit-dismiss{
            background: none;
            border: none;
            color: #9ca3af;
            font-size: 12px;
            cursor: pointer;
            padding: 8px;
        }#step-10{max-width:100vw;overflow-x:hidden;}#step-10 *{box-sizing:border-box;}@media (max-width: 480px){
  button:not([class*="close"]):not([class*="icon"]),
  .btn, [role="button"], a.tier-cta, a.spy-btn, a[class*="cta"]:not([class*="floating"]) {
    min-height: 44px;
  }
  input, select, textarea { min-height: 44px; font-size: 16px; }
}#step-10 img, #step-10 video, #step-10 iframe{max-width:100%;height:auto;}#step-10 /* ===== Espaco entre planos ===== */
.tier-grid{ gap: 32px !important; row-gap: 36px !important; }@media (min-width: 720px){
  .tier-grid { gap: 28px !important; row-gap: 28px !important; }
}@media (min-width: 1024px){
  .tier-grid { gap: 36px !important; row-gap: 36px !important; }
}#step-10 /* Folga extra acima dos cards "Recomendado" pro badge nao colar */
.tier-card.recommended, #step-10 .tier-card[data-tier="forensic"]{ margin-top: 28px; }#step-10 .tier-grid{ margin-top: 32px !important; }#step-10 /* ===== Dupla Garantia (overrides com mais contraste) ===== */
/* DARK theme (default — qualquer pagina dark) */
.dg-row{
  background: rgba(0,0,0,0.32) !important;
  color: #ecfdf5 !important;
  border-left-color: #4ade80 !important;
}#step-10 .dg-row strong{ color: #86efac !important; }#step-10 /* LIGHT theme — pagina light tem fundo claro, #step-10 cards brancos */
#step-10.theme-light .dg-row, #step-10 .theme-light .dg-row{
  background: #ffffff !important;
  color: #064e3b !important;
  border-left-color: #16a34a !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}#step-10.theme-light .dg-row strong, #step-10 .theme-light .dg-row strong{ color: #047857 !important; }#step-10 /* ===== LIGHT: cores brancas/transparentes inline em fundo claro ===== */
/* Inline styles tipo color:rgba(255, #step-10 255, #step-10 255, #step-10 X) ficam invisiveis em light.
   Override com cinza escuro pra garantir contraste. */
#step-10.theme-light .tier-perday, #step-10.theme-light .tier-perday strong, #step-10.theme-light p[style*="rgba(255, #step-10 255, #step-10 255"], #step-10.theme-light p[style*="rgba(255, #step-10 255, #step-10 255"] strong, #step-10.theme-light .loss-microcopy{
  color: #4b5563 !important;
}#step-10.theme-light .tier-perday strong{ color: #1f2937 !important; }#step-10 /* tier-tagline em light deve ser cinza */
#step-10.theme-light .tier-tagline{ color: #6b7280 !important; }#step-10 /* tier-features em light com cor mais escura pra alta legibilidade */
#step-10.theme-light .tier-features{ color: #374151 !important; }#step-10.theme-light .tier-features li .dim{ color: #6b7280 !important; }#step-10 /* ===== Popup "your report is ready" — paleta light + verde da marca ===== */
.rp-modal{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.06) !important;
}#step-10 .rp-title{ color: #111827 !important; }#step-10 .rp-text{ color: #4b5563 !important; }#step-10 .rp-text strong{ color: #111827 !important; }#step-10 .rp-close{ color: #6b7280 !important; }#step-10 .rp-close:hover{ background: rgba(0,0,0,0.05) !important; }#step-10 .rp-warning{
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #b91c1c !important;
}#step-10 .rp-warning strong{ color: #991b1b !important; }#step-10 .rp-guarantee{
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
}#step-10 .rp-guarantee strong{ color: #047857 !important; }#step-10 .rp-confirm-section{
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
}#step-10 .rp-confirm-title{ color: #1f2937 !important; }#step-10 .rp-field-label{ color: #6b7280 !important; }#step-10 .rp-input{
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}#step-10 .rp-input:focus{ border-color: #16a34a !important; }#step-10 .rp-input::placeholder{ color: #9ca3af !important; }#step-10 /* CTA principal: rosa -> verde da marca */
.rp-accept-btn{ background: #f3f4f6 !important; color: #9ca3af !important; }#step-10 .rp-accept-btn.rp-active{
  background: linear-gradient(135deg,#22c55e,#16a34a) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(34,197,94,0.35) !important;
}#step-10 .rp-accept-btn.rp-active:hover{
  box-shadow: 0 6px 24px rgba(34,197,94,0.5) !important;
}#step-10 /* Microcopy "One-time payment * Instant access * 100% secure" */
.rp-modal p[style*="color:#667781"]{ color: #6b7280 !important; }#step-10 /* ===== Floating CTA mobile (bottom bar) — paleta light + verde ===== */
#floatingCta{
  background: linear-gradient(to top, rgba(255,255,255,0.97), rgba(255,255,255,0.9)) !important;
  border-top: 1px solid rgba(34,197,94,0.3) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 -8px 24px rgba(0,0,0,0.08) !important;
}#step-10 #floatingCta span[style*="color:#e5e5ea"]{ color: #1f2937 !important; }#step-10 #floatingCta span[style*="color:#8e8e93"]{ color: #6b7280 !important; }#step-10 #floatingCta span[style*="color:#e91e63"]{ color: #16a34a !important; }#step-10 #floatingCta button{
  background: linear-gradient(135deg,#22c55e,#16a34a) !important;
  box-shadow: 0 4px 20px rgba(34,197,94,0.45) !important;
  animation: floatPulseLight 2s infinite !important;
}@keyframes floatPulseLight{
  0%, 100% { transform: scale(1); box-shadow: 0 4px 20px rgba(34,197,94,0.45); }
  50% { transform: scale(1.02); box-shadow: 0 4px 30px rgba(34,197,94,0.65); }
}#step-10 /* OBJECTION_BREAKERS_V1 + FIX_LIGHT_THEME_V1 */
.objection-breakers{
    margin: 12px 8px 24px;
    padding: 20px 14px 18px;
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border: 1px solid rgba(34,197,94,0.35);
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(34,197,94,0.08);
}#step-10 .ob-title{
    text-align: center;
    color: #111827;
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 6px;
    letter-spacing: 0.1px;
    line-height: 1.25;
}#step-10 .ob-sub{
    text-align: center;
    color: #4b5563;
    font-size: 13px;
    margin: 0 0 14px;
    line-height: 1.4;
}#step-10 .ob-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}#step-10 .ob-card{
    background: #ffffff;
    border: 1px solid rgba(34,197,94,0.25);
    border-radius: 11px;
    padding: 12px 10px 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: 100px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}#step-10 .ob-icon{
    font-size: 24px;
    line-height: 1;
    margin-bottom: 4px;
}#step-10 .ob-headline{
    color: #15803d;
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}#step-10 .ob-text{
    color: #374151;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}@media (min-width: 600px){
    .ob-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .ob-card { min-height: 120px; }
}#step-10 /* COMPETITOR_ATTACK_V1 + FIX_LIGHT_THEME_V1 */
.comp-attack{
    margin: 0 8px 22px;
    padding: 20px 14px 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}#step-10 .ca-title{
    text-align: center;
    color: #111827;
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 6px;
    line-height: 1.25;
}#step-10 .ca-sub{
    text-align: center;
    color: #6b7280;
    font-size: 12.5px;
    margin: 0 0 14px;
    line-height: 1.4;
}#step-10 .ca-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.10);
    background: #0b1220;
}#step-10 .ca-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    color: #e5e7eb;
    min-width: 480px;
}#step-10 .ca-table th, #step-10 .ca-table td{
    padding: 10px 11px;
    border-top: 1px solid #e5e7eb;
    text-align: left;
    line-height: 1.35;
}#step-10 .ca-table thead th{
    background: #f3f4f6;
    border-top: none;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    font-weight: 800;
}#step-10 .ca-table thead th.col-us{
    color: #ffffff;
    background: #166534;
}#step-10 .ca-table thead th.col-them{
    color: #ffffff;
    background: #991b1b;
}#step-10 .ca-table td.cell-us{
    color: #15803d;
    background: rgba(34,197,94,0.10);
    font-weight: 700;
    text-align: center;
}#step-10 .ca-table td.cell-them{
    color: #fca5a5;
    background: rgba(239,68,68,0.08);
    text-align: center;
    font-weight: 600;
}#step-10 .ca-disclaimer{
    color: #9ca3af;
    font-size: 10.5px;
    margin: 12px 4px 0;
    line-height: 1.4;
    text-align: left;
}#step-10 .ca-quote{
    margin: 18px 8px 18px;
    padding: 18px 16px 16px;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border-left: 4px solid #22c55e;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(34,197,94,0.10);
}#step-10 .ca-quote-text{
    color: #1f2937;
    font-size: 14.5px;
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 10px;
    font-weight: 500;
}#step-10 .ca-quote-author{
    color: #4b5563;
    font-size: 12.5px;
    margin: 0;
    font-weight: 600;
}#step-10 .ca-microcopy{
    text-align: center;
    color: #fbbf24;
    font-size: 13px;
    margin: 8px 8px 18px;
    line-height: 1.4;
    font-weight: 700;
}#step-10.theme-light .comp-attack{
    background: #ffffff;
    border-color: rgba(239,68,68,0.40);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}#step-10.theme-light .ca-title{ color: #111827; }#step-10.theme-light .ca-sub{ color: #4b5563; }#step-10.theme-light .ca-table-wrap{ background: #ffffff; border-color: #e5e7eb; }#step-10.theme-light .ca-table{ color: #1f2937; }#step-10.theme-light .ca-table thead th{ color: #4b5563; background: #f3f4f6; }#step-10.theme-light .ca-table thead th.col-us{ color: #ffffff; background: #16a34a; }#step-10.theme-light .ca-table thead th.col-them{ color: #ffffff; background: #dc2626; }#step-10.theme-light .ca-table td.cell-us{ color: #15803d; background: #f0fdf4; }#step-10.theme-light .ca-table td.cell-them{ color: #b91c1c; background: #fef2f2; }#step-10.theme-light .ca-disclaimer{ color: #6b7280; }#step-10.theme-light .ca-quote{ background: #f0fdf4; border-left-color: #16a34a; }#step-10.theme-light .ca-quote-text{ color: #111827; }#step-10.theme-light .ca-quote-author{ color: #4b5563; }#step-10.theme-light .ca-microcopy{ color: #b45309; }@media (min-width: 600px){
    .ca-table { min-width: 0; font-size: 13.5px; }
}#step-10 /* === VIDEO_TESTIMONIALS_V1 === */
        .video-testimonials{
            margin: 28px 8px 32px;
            padding: 0;
        }#step-10 .video-testimonials .vt-header{
            text-align: center;
            margin-bottom: 20px;
        }#step-10 .video-testimonials .vt-title{
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            margin: 0 0 6px;
        }#step-10 .video-testimonials .vt-sub{
            font-size: 13px;
            color: #94a3b8;
            margin: 0;
        }#step-10 .video-testimonials .vt-grid{
            display: flex;
            flex-direction: column;
            gap: 16px;
        }#step-10 .video-testimonials .vt-item{
            background: rgba(30,30,40,0.7);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 14px;
            padding: 12px;
            overflow: hidden;
        }#step-10 .video-testimonials .vt-item vturb-smartplayer,
        #step-10 .video-testimonials .vt-item video-js{
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 100%;
            border-radius: 10px;
            overflow: hidden;
        }#step-10 .video-testimonials .vt-cta{
            text-align: center;
            margin-top: 18px;
            font-size: 13px;
            color: #e91e63;
            font-weight: 500;
        }#step-10 /* Light theme override */
        .video-testimonials .vt-title{ color: #1f2937; }#step-10 .video-testimonials .vt-sub{ color: #6b7280; }#step-10 .video-testimonials .vt-item{
            background: rgba(255,255,255,0.95);
            border: 1px solid #e5e7eb;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }#step-10 /* === END VIDEO_TESTIMONIALS_V1 === */

    


        .rp-modal{
            background: #1a1a1e;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 20px;
            padding: 32px 24px;
            max-width: 420px;
            width: 100%;
            position: relative;
            animation: rpSlideUp 0.4s cubic-bezier(0.16,1,0.3,1);
            max-height: 90vh;
            overflow-y: auto;
        }@keyframes rpSlideUp{
            from { transform: translateY(40px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }#step-10 .rp-close{
            position: absolute;
            top: 16px;
            right: 16px;
            background: none;
            border: none;
            color: #8e8e93;
            font-size: 18px;
            cursor: pointer;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.2s;
        }#step-10 .rp-close:hover{ background: rgba(255,255,255,0.08); }#step-10 .rp-icon{ font-size: 40px; text-align: center; margin-bottom: 16px; }#step-10 .rp-title{
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            margin: 0 0 16px;
            line-height: 1.3;
        }#step-10 .rp-text{
            font-size: 14px;
            color: #b0b0b5;
            line-height: 1.6;
            margin: 0 0 12px;
            text-align: center;
        }#step-10 .rp-text strong{ color: #e5e5ea; }#step-10 .rp-warning{
            background: rgba(255,59,48,0.08);
            border: 1px solid rgba(255,59,48,0.2);
            border-radius: 10px;
            padding: 12px 16px;
            font-size: 13px;
            color: #ff6b6b;
            text-align: center;
            margin: 0 0 12px;
            line-height: 1.5;
        }#step-10 .rp-warning strong{ color: #ff453a; }#step-10 .rp-fee{ font-size: 13px; color: #8e8e93; }#step-10 .rp-confirm-section{
            margin: 16px 0 8px;
            padding: 16px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 12px;
        }#step-10 .rp-confirm-title{
            font-size: 13px;
            font-weight: 600;
            color: #e5e5ea;
            margin-bottom: 12px;
        }#step-10 .rp-field{ margin-bottom: 10px; }#step-10 .rp-field:last-of-type{ margin-bottom: 0; }#step-10 .rp-field-label{
            display: block;
            font-size: 11px;
            color: #8e8e93;
            margin-bottom: 4px;
            font-weight: 500;
        }#step-10 .rp-input{
            width: 100%;
            padding: 10px 12px;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 8px;
            color: #fff;
            font-size: 14px;
            font-family: inherit;
            outline: none;
            transition: border-color 0.2s;
            box-sizing: border-box;
        }#step-10 .rp-input:focus{ border-color: #e91e63; }#step-10 .rp-input::placeholder{ color: #555; }#step-10 .rp-field-error{
            font-size: 12px;
            color: #ff453a;
            margin-top: 8px;
            min-height: 16px;
        }#step-10 .rp-slots{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 13px;
            color: #ff9500;
            font-weight: 600;
            margin: 16px 0;
        }#step-10 .rp-slots strong{ color: #ff9500; }#step-10 .rp-slots-dot{
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #ff3b30;
            animation: rpPulse 1.5s infinite;
        }@keyframes rpPulse{
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(0.8); }
        }#step-10 .rp-guarantee{
            display: flex;
            align-items: center;
            gap: 10px;
            background: rgba(34,197,94,0.08);
            border: 1px solid rgba(34,197,94,0.2);
            border-radius: 10px;
            padding: 12px 14px;
            font-size: 13px;
            color: #b0b0b5;
            line-height: 1.5;
            margin: 12px 0 16px;
        }#step-10 .rp-guarantee strong{ color: #22c55e; }#step-10 .rp-accept-btn{
            width: 100%;
            padding: 16px;
            font-size: 15px;
            font-weight: 700;
            border: none;
            border-radius: 14px;
            cursor: default;
            transition: all 0.3s;
            background: rgba(255,255,255,0.06);
            color: #555;
        }#step-10 .rp-accept-btn.rp-active{
            background: linear-gradient(135deg,#e91e63,#c2185b);
            color: #fff;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(233,30,99,0.4);
        }#step-10 .rp-accept-btn.rp-active:hover{
            transform: translateY(-1px);
            box-shadow: 0 6px 24px rgba(233,30,99,0.5);
        }@keyframes floatPulse{
            0%, 100% { transform: scale(1); box-shadow: 0 4px 20px rgba(233,30,99,0.5); }
            50% { transform: scale(1.02); box-shadow: 0 4px 30px rgba(233,30,99,0.7); }
        }@keyframes slideUp{
            from { transform: translateY(100%); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }#step-10 /* CTA_INNOVATIONS_V1 */
.intel-timeline{
    margin: 0 auto 28px;
    max-width: 560px;
    padding: 18px 16px 16px;
    background: linear-gradient(180deg, rgba(15,23,42,0.04), rgba(15,23,42,0.02));
    border: 1px solid rgba(15,23,42,0.12);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}#step-10.theme-dark .intel-timeline, #step-10 .theme-dark .intel-timeline{
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    border-color: rgba(255,255,255,0.12);
}#step-10 .intel-tl-title{
    font-size: 14px;
    font-weight: 800;
    color: #ef4444;
    margin: 0 0 4px;
    text-align: left;
    letter-spacing: 0.2px;
}#step-10 .intel-tl-sub{
    font-size: 11.5px;
    color: #6b7280;
    margin: 0 0 14px;
}#step-10 .intel-tl-list{ margin: 0; padding: 0; list-style: none; }#step-10 .intel-tl-item{
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(15,23,42,0.08);
    align-items: start;
}#step-10.theme-dark .intel-tl-item, #step-10 .theme-dark .intel-tl-item{ border-bottom-color: rgba(255,255,255,0.08); }#step-10 .intel-tl-item:last-child{ border-bottom: none; }#step-10 .intel-tl-time{
    font-size: 11px;
    font-weight: 700;
    color: #ef4444;
    background: rgba(239,68,68,0.08);
    border-radius: 6px;
    padding: 4px 6px;
    text-align: center;
    letter-spacing: 0.3px;
}#step-10 .intel-tl-#step-10{ min-width: 0; }#step-10 .intel-tl-event{
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 2px;
    filter: blur(0);
}#step-10.theme-dark .intel-tl-event, #step-10 .theme-dark .intel-tl-event{ color: #e5e7eb; }#step-10 .intel-tl-detail{
    font-size: 11.5px;
    color: #6b7280;
    filter: blur(3.5px);
    user-select: none;
    transition: filter 0.3s;
}#step-10 .intel-tl-detail::after{
    content: ' 🔒';
    font-size: 11px;
    filter: blur(0);
    margin-left: 3px;
}#step-10 .intel-tl-more{
    margin: 12px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #ef4444;
    padding: 8px;
    background: rgba(239,68,68,0.06);
    border-radius: 8px;
}#step-10 /* APPS-THAT-FAILED list */
.fail-list{
    margin: 0 auto 28px;
    max-width: 560px;
    padding: 18px 18px 16px;
    background: linear-gradient(135deg, rgba(239,68,68,0.05), rgba(15,23,42,0.03));
    border: 1px solid rgba(239,68,68,0.18);
    border-radius: 14px;
}#step-10.theme-dark .fail-list, #step-10 .theme-dark .fail-list{
    background: linear-gradient(135deg, rgba(239,68,68,0.1), rgba(15,23,42,0.2));
    border-color: rgba(239,68,68,0.25);
}#step-10 .fail-title{
    font-size: 16px;
    font-weight: 800;
    color: #1f2937;
    margin: 0 0 4px;
    text-align: center;
}#step-10.theme-dark .fail-title, #step-10 .theme-dark .fail-title{ color: #fff; }#step-10 .fail-sub{
    font-size: 12px;
    color: #6b7280;
    margin: 0 0 14px;
    text-align: center;
}#step-10 .fail-row{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: rgba(239,68,68,0.05);
    border-radius: 8px;
    border-left: 3px solid #ef4444;
}#step-10 .fail-row-x{
    font-size: 14px;
    color: #ef4444;
    flex-shrink: 0;
    margin-top: 1px;
}#step-10 .fail-row-name{
    font-size: 12.5px;
    font-weight: 800;
    color: #1f2937;
    margin-right: 4px;
}#step-10.theme-dark .fail-row-name, #step-10 .theme-dark .fail-row-name{ color: #f9fafb; }#step-10 .fail-row-text{
    font-size: 12px;
    color: #4b5563;
    line-height: 1.4;
}#step-10.theme-dark .fail-row-text, #step-10 .theme-dark .fail-row-text{ color: #d1d5db; }#step-10 .fail-us{
    margin-top: 14px;
    padding: 14px 14px 12px;
    background: linear-gradient(135deg, rgba(34,197,94,0.12), rgba(34,197,94,0.04));
    border: 1px solid rgba(34,197,94,0.4);
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}#step-10 .fail-us-check{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #22c55e;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
}#step-10 .fail-us-name{
    font-size: 13px;
    font-weight: 800;
    color: #166534;
    margin-bottom: 2px;
}#step-10.theme-dark .fail-us-name, #step-10 .theme-dark .fail-us-name{ color: #4ade80; }#step-10 .fail-us-text{
    font-size: 12px;
    color: #15803d;
    line-height: 1.45;
}#step-10.theme-dark .fail-us-text, #step-10 .theme-dark .fail-us-text{ color: #86efac; }#step-10 /* WAVE1_V1: PERSONALIZE_CTA_V1 + OSINT_REVEAL_V1 + STEALTH_MODE_V1 */

/* ====== 1.1 PERSONALIZE_CTA_V1 ====== */
.profile-card .profile-avatar{ 
    /* Override existing avatar size to make it bigger and more central */
    width: 140px !important;
    height: 140px !important;
    border: 3px solid #ef4444 !important;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.15), 0 8px 24px rgba(239, 68, 68, 0.25) !important;
    animation: w1AvatarPulse 2s ease-in-out infinite;
    position: relative;
}#step-10 .profile-card .profile-avatar-inner, #step-10 .profile-card .profile-avatar img{
    width: 100% !important;
    height: 100% !important;
}@keyframes w1AvatarPulse{
    0%, 100% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.15), 0 8px 24px rgba(239, 68, 68, 0.25); }
    50%      { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0.05), 0 8px 32px rgba(239, 68, 68, 0.4); }
}#step-10 .w1-photo-sync{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 8px auto 0;
    padding: 4px 10px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: #15803d;
}#step-10 .w1-photo-sync::before{
    content: '';
    width: 6px;
    height: 6px;
    background: #22c55e;
    border-radius: 50%;
    animation: w1Blink 1.4s infinite;
}@keyframes w1Blink{ 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }#step-10 .w1-h1-named{
    font-size: 22px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 16px 0 14px !important;
    color: #1a1a1a !important;
    line-height: 1.35 !important;
    letter-spacing: -0.3px !important;
}#step-10 .w1-h1-named strong{ color: #dc2626; }#step-10 .w1-h1-named em{ color: #166534; font-style: normal; font-weight: 800; }#step-10.theme-dark .w1-h1-named, #step-10 .theme-dark .w1-h1-named{ color: #f9fafb !important; }#step-10.theme-dark .w1-h1-named strong, #step-10 .theme-dark .w1-h1-named strong{ color: #fca5a5; }#step-10.theme-dark .w1-h1-named em, #step-10 .theme-dark .w1-h1-named em{ color: #4ade80; }#step-10 /* ====== 1.2 OSINT_REVEAL_V1 ====== */
.osint-reveal{
    margin: 0 auto 26px;
    max-width: 580px;
    padding: 18px 18px 16px;
    background: linear-gradient(180deg, rgba(13, 27, 42, 0.95), rgba(7, 16, 26, 0.98));
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 14px;
    color: #d1f3da;
    font-family: 'SF Mono', Menlo, Monaco, monospace;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
    position: relative;
    overflow: hidden;
}#step-10 .osint-reveal::before{
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(34,197,94,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34,197,94,0.04) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
    opacity: 0.5;
}#step-10 .osint-content{ position: relative; z-index: 1; }#step-10 .osint-title{
    font-size: 14px;
    font-weight: 800;
    color: #22c55e;
    margin: 0 0 4px;
    letter-spacing: 0.4px;
    text-shadow: 0 0 12px rgba(34, 197, 94, 0.4);
}#step-10 .osint-sub{
    font-size: 11px;
    color: #94a3b8;
    margin: 0 0 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}#step-10 .osint-list{ margin: 0; padding: 0; list-style: none; }#step-10 .osint-row{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(34, 197, 94, 0.15);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 12.5px;
    line-height: 1.45;
}#step-10 .osint-row:last-child{ border-bottom: none; }#step-10 .osint-check{
    color: #22c55e;
    font-weight: 800;
    flex-shrink: 0;
    text-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}#step-10 .osint-row strong{ color: #fde68a; }#step-10 .osint-locked{
    color: #fbbf24;
    font-weight: 600;
    font-size: 11px;
    margin-left: 4px;
}#step-10 .osint-soft{ color: #94a3b8; font-size: 11.5px; }#step-10 .osint-footer{
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(251, 191, 36, 0.08);
    border-left: 3px solid #fbbf24;
    border-radius: 6px;
    font-size: 11.5px;
    color: #fde68a;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.4;
}#step-10 /* ====== 1.3 STEALTH_MODE_V1 ====== */
.stealth-mode{
    margin: 0 auto 30px;
    max-width: 580px;
    padding: 20px 20px 18px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.06), rgba(22, 101, 52, 0.04));
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 16px;
}#step-10.theme-dark .stealth-mode, #step-10 .theme-dark .stealth-mode{
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(22, 101, 52, 0.08));
    border-color: rgba(34, 197, 94, 0.4);
}#step-10 .stealth-title{
    font-size: 17px;
    font-weight: 800;
    color: #15803d;
    text-align: center;
    margin: 0 0 4px;
}#step-10.theme-dark .stealth-title, #step-10 .theme-dark .stealth-title{ color: #4ade80; }#step-10 .stealth-sub{
    font-size: 12px;
    color: #6b7280;
    text-align: center;
    margin: 0 0 16px;
}#step-10.theme-dark .stealth-sub, #step-10 .theme-dark .stealth-sub{ color: #94a3b8; }#step-10 .stealth-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}#step-10 .stealth-item{
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    border-left: 3px solid #22c55e;
}#step-10.theme-dark .stealth-item, #step-10 .theme-dark .stealth-item{ background: rgba(255, 255, 255, 0.04); }#step-10 .stealth-check{
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #22c55e, #15803d);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.35);
}#step-10 .stealth-text-h{
    font-size: 13px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 2px;
}#step-10.theme-dark .stealth-text-h, #step-10 .theme-dark .stealth-text-h{ color: #f3f4f6; }#step-10 .stealth-text-p{
    font-size: 12px;
    color: #4b5563;
    line-height: 1.45;
}#step-10.theme-dark .stealth-text-p, #step-10 .theme-dark .stealth-text-p{ color: #cbd5e1; }#step-10 .stealth-promise{
    margin-top: 14px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(34, 197, 94, 0.08));
    border: 1px solid rgba(34, 197, 94, 0.4);
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #15803d;
}#step-10.theme-dark .stealth-promise, #step-10 .theme-dark .stealth-promise{ color: #4ade80; }@media (max-width: 480px){
    #step-10 .profile-card .profile-avatar {
        width: 88px !important;
        height: 88px !important;
    }
    #step-10 .w1-h1-named { font-size: 20px !important; }
    #step-10 .osint-reveal, #step-10 .stealth-mode { padding: 16px 14px; }
    #step-10 .stealth-item { padding: 10px 12px; }
}


/* Funnel integration overrides */
#step-10 {
  background: #ffffff;
  color: #1a1a1a;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}
#step-10 .live-counter-bar { position: sticky; top: 0; }
#step-10 .access-expiry-bar { position: sticky; top: 36px; }
#step-10 .container { padding-top: 24px; padding-bottom: 120px; }
#step-10 #pricing {
  scroll-margin-top: 72px;
  scroll-margin-bottom: 120px;
}
#step-10 .exit-overlay { z-index: 10001; }
#step-10 #responsibilityPopup { z-index: 10002; }
#step-10 .profile-card .profile-avatar {
  width: 88px !important;
  height: 88px !important;
}
#step-10 .profile-card-content .profile-avatar {
  width: 88px !important;
  height: 88px !important;
}
/* WAVE1 oversized avatar override was too big for funnel card */
#step-10 .w1-photo-sync { display: inline-flex; }

@keyframes ctaPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.92); }
}

/* Mobile: stack plan cards vertically (override any 2-col inline/legacy) */
#step-10 .tier-grid,
#step-10 .tier-grid[data-tier-grid] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;
  row-gap: 32px !important;
  max-width: 480px !important;
  width: 100% !important;
  margin: 22px auto 8px !important;
}
#step-10 .tier-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  #step-10 .tier-grid,
  #step-10 .tier-grid[data-tier-grid] {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 820px !important;
    gap: 36px !important;
  }
}

/* Hero layout aligned to sales reference (keep CTA colors) */
body.funnel-light #app-container #step-10 .profile-card,
#step-10 .profile-card {
  padding: 14px 14px 16px !important;
  border-radius: 16px !important;
  margin-bottom: 18px !important;
  align-items: stretch !important;
  text-align: left !important;
  gap: 0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}
#step-10 .profile-card .profile-avatar,
#step-10 .profile-card .profile-avatar::after {
  width: 88px !important;
  height: 88px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
#step-10 .profile-card .profile-avatar::after { display: none !important; }
#step-10 .profile-card .profile-avatar-inner {
  width: 72px !important;
  height: 72px !important;
  margin: 0 !important;
}
#step-10 .profile-card .profile-avatar-inner img {
  width: 100% !important;
  height: 100% !important;
}
#step-10 .profile-card-content {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-align: left !important;
  width: 100% !important;
}
body.funnel-light #app-container #step-10 .profile-info,
#step-10 .profile-info {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
  grid-template-columns: none !important;
}
#step-10 .profile-phone {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #e91e63 !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}
#step-10 .profile-location {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  color: #6b7280 !important;
  margin: 0 !important;
}
#step-10 .profile-status-stack {
  margin-top: 14px !important;
  gap: 8px !important;
}
#step-10 .cta-stats-banner { display: block !important; }
#step-10 .live-counter-bar,
#step-10 .access-expiry-bar { display: none !important; }

/* CTA top chrome proportions (shared bars above #step-10) */
/* Keep CTA chrome pinned while the lead scrolls */
#app-container:has(#step-10.active) {
  overflow-x: clip;
}
body.funnel-light #app-container:has(#step-10.active) .top-bar.sales-expired-bar,
#app-container:has(#step-10.active) .top-bar.sales-expired-bar,
.top-bar.sales-expired-bar {
  background-color: #161616 !important;
  color: #949494 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border-bottom: 2px solid #e91e63 !important;
  box-shadow: none !important;
}
#app-container:has(#step-10.active) .top-bar.sales-expired-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 220 !important;
}
#app-container:has(#step-10.active) .views-counter,
#app-container:has(#step-10.active) #shared-views-counter {
  position: sticky !important;
  top: 36px !important;
  z-index: 219 !important;
  background-color: #ffffff !important;
}
.top-bar.sales-expired-bar #top-bar-dot,
.top-bar.sales-expired-bar .dot-green {
  background-color: #10b981 !important;
  box-shadow: none !important;
  animation: top-bar-blink 2s ease-in-out infinite !important;
  width: 7px !important;
  height: 7px !important;
  flex-shrink: 0;
}
.top-bar.sales-expired-bar #top-bar-label {
  color: #949494 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15px !important;
}
.top-bar.sales-expired-bar #countdown-timer {
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  color: #e91e63 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0 !important;
  margin-left: 0.35em;
  animation: top-bar-blink 2s ease-in-out infinite !important;
}
.top-bar.sales-expired-bar .top-bar-left {
  justify-content: center;
  gap: 6px;
  width: auto;
}
.top-bar.sales-expired-bar .top-bar-expiry {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}
body.funnel-light #app-container:has(#step-10.active) .views-counter,
#shared-views-counter {
  padding: 7px 12px !important;
  font-size: 12px !important;
  color: #6b7280 !important;
  border-bottom: 1px solid #f3f4f6 !important;
}
#shared-views-counter .dot-red {
  animation: top-bar-blink 2s ease-in-out infinite !important;
}
#shared-views-counter #shared-live-viewers {
  color: #ef4444 !important;
  font-weight: 700 !important;
}
#step-10 .container {
  padding-top: 14px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#step-10 .scarcity-banner {
  padding: 11px 14px !important;
  margin-bottom: 14px !important;
  border-radius: 12px !important;
  gap: 10px !important;
}
#step-10 .scarcity-icon {
  width: 34px !important;
  height: 34px !important;
}
#step-10 .scarcity-icon svg {
  width: 18px !important;
  height: 18px !important;
}
#step-10 .w1-h1-named {
  font-size: 20px !important;
  margin: 14px 0 14px !important;
  line-height: 1.32 !important;
}

/* CTA feature cards: stack header + preview vertically (mobile reference) */
#step-10 .features-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}
#step-10 .feature-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 16px !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  cursor: default !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#step-10 .feature-item:hover {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
#step-10 .feature-header {
  width: 100% !important;
  margin-bottom: 12px !important;
  flex: none !important;
}
#step-10 .feature-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}
#step-10 .feature-desc {
  font-size: 13px !important;
  color: #6b7280 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
#step-10 .chat-preview,
#step-10 .media-grid,
#step-10 .dating-profiles-list {
  width: 100% !important;
  flex: none !important;
  max-width: 100% !important;
}
#step-10 .chat-preview {
  display: block !important;
  background: #f3f4f6 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}
#step-10 .media-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
}
#step-10 .media-item.large {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
  aspect-ratio: 1 / 1.05 !important;
}
#step-10 .conv-list {
  width: 100% !important;
  margin-top: 14px !important;
}
#step-10 .conv-body,
#step-10 .conv-name,
#step-10 .conv-msg,
#step-10 .conv-tags {
  text-align: left !important;
}
#step-10 .conv-name {
  filter: blur(3.5px) !important;
}
#step-10 .conv-item {
  align-items: center !important;
  text-align: left !important;
}
#step-10 .chat-preview {
  width: 100% !important;
  margin-bottom: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
  white-space: normal !important;
  overflow: visible !important;
  color: inherit !important;
  font-size: inherit !important;
  background: #f3f4f6 !important;
  border-radius: 12px !important;
  padding: 14px 12px 12px !important;
}
#step-10 .chat-message {
  opacity: 1 !important;
}
#step-10 .chat-bubble.locked {
  filter: blur(2.2px) !important;
  -webkit-filter: blur(2.2px) !important;
  color: #1a1a1a !important;
  opacity: 1 !important;
}
#step-10 .chat-message.received .chat-bubble.typing-bubble,
#step-10 .chat-bubble.typing-bubble {
  background: rgba(233, 30, 99, 0.16) !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}