/* ========================================
   REVBRIDGE CONNECT LANDING PAGE - OTIMIZADO
   Utilizando variáveis CSS globais do tema RevBridge
   
   ESTRUTURA (SEÇÕES ATIVAS):
   1. BASE & RESET
   2. HERO SECTION  
   3. FEATURES SECTION
   4. ENTERPRISE EMAIL SECTION
   5. PRICING CALCULATOR SECTION
   6. DEVELOPER API SECTION
   7. VIP PROGRAM SECTION
   8. COMPARISON SECTION
   9. FINAL CTA SECTION
   
   OTIMIZAÇÃO: Removidas 941 linhas de seções não usadas
   Redução: 104KB → 80KB (23% menor)
   ======================================== */


/* 
 * CSS Variables são definidas globalmente em css/1-settings/variables.css
 * Todas as variáveis estão disponíveis via :root e não precisam ser redefinidas aqui:
 * - --red-primary, --red-dark, --red-light
 * - --primary-color, --primary-color-dark
 * - --color-success (--color-success pode usar --color-success)
 * - --gray-* (todas as variáveis de cor cinza)
 */

/* Body background for revbridge-connect page */
body.revbridge-connect,
body.landing-page.revbridge-connect {
    background: var(--color-bg-light);
}

/* PROTECT FOOTER - Ensure footer is never affected by page-specific styles */
body.revbridge-connect .site-footer,
body.landing-page.revbridge-connect .site-footer,
body.revbridge-connect footer,
body.landing-page.revbridge-connect footer {
    /* Reset any page-specific styles that might leak */
    font-family: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    background: inherit !important;
    overflow: visible !important;
    min-height: auto !important;
}

/* PROTECT FOOTER CONTAINER */
body.revbridge-connect .site-footer .container,
body.landing-page.revbridge-connect .site-footer .container {
    /* Ensure footer container uses its own styles, not page container styles */
    max-width: inherit !important;
    padding: inherit !important;
}

/* Base Reset - Aproveitando reset global */
/* EXCLUINDO footer e header para não interferir - APENAS dentro de main */
.landing-page.revbridge-connect main *,
.landing-page.revbridge-connect main .hero *,
.landing-page.revbridge-connect main .section * {
    box-sizing: border-box;
}

/* Page styles - ONLY apply to main content, NEVER to footer */
.landing-page.revbridge-connect main {
    font-family: var(--font-family-primary, 'SystemFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    line-height: var(--leading-normal, 1.5);
    color: var(--gray-800, #1f2937);
    background: var(--color-bg-light);
    overflow-x: hidden;
    min-height: 100vh;
}

/* Container - Usando padrão do tema */
.landing-page.revbridge-connect .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-4, 1rem);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .container {
        padding: 0 var(--space-8, 2rem);
    }
}

/* Buttons - Usando transições e espaçamentos do tema */
/* EXCLUINDO footer e header para não interferir */
.landing-page.revbridge-connect main .btn,
.landing-page.revbridge-connect .hero .btn,
.landing-page.revbridge-connect .section .btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    font-weight: var(--font-semibold, 600);
    border-radius: var(--radius-lg, 0.5rem);
    transition: all var(--transition-base, 250ms ease);
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-size: var(--text-sm, 0.875rem);
}

/* PROTECT NAVIGATION BUTTONS - Navigation buttons must remain universal */
/* Navigation buttons are protected by higher specificity - they use styles from navigation.css */
/* These selectors ensure navigation buttons are not affected by page-specific button styles */

/* Page-specific button styles - Only applies to buttons NOT in the navigation */
/* Navigation buttons are excluded because navigation.css has higher specificity */
/* Apply styles only to buttons within page content sections */
/* Hero Primary Buttons - Especificidade alta para sobrescrever buttons.css */
.landing-page.revbridge-connect .hero .hero-cta .btn-primary,
.landing-page.revbridge-connect .hero .hero-content .btn-primary,
.landing-page.revbridge-connect .hero .btn.btn-primary:not(.header-cta) {
    background: var(--primary-color);
    color: #ffffff;
}

.landing-page.revbridge-connect .hero .hero-cta .btn-primary:hover,
.landing-page.revbridge-connect .hero .hero-content .btn-primary:hover,
.landing-page.revbridge-connect .hero .btn.btn-primary:not(.header-cta):hover {
    background: var(--primary-color-dark);
    color: #ffffff;
    transform: translateY(-1px);
}

/* Section buttons - Aplicando apenas dentro de main, excluindo footer */
.landing-page.revbridge-connect main .section .btn-primary,
.landing-page.revbridge-connect .comparison-section .btn-primary,
.landing-page.revbridge-connect .pricing-section .btn-primary {
    background: var(--red-primary);
    color: var(--white);
}

.landing-page.revbridge-connect main .section .btn-primary:hover,
.landing-page.revbridge-connect .comparison-section .btn-primary:hover,
.landing-page.revbridge-connect .pricing-section .btn-primary:hover {
    background: var(--red-dark);
    transform: translateY(-1px);
}

.landing-page.revbridge-connect .btn-lg {
    padding: var(--space-4, 1rem) var(--space-8, 2rem);
    font-size: var(--text-lg, 1.125rem);
    border-radius: var(--radius-xl, 0.75rem);
}

.landing-page.revbridge-connect .btn-sm {
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    font-size: var(--text-sm, 0.875rem);
}

.landing-page.revbridge-connect .btn-mobile {
    width: 100%;
    justify-content: center;
    padding: var(--space-3, 0.75rem) var(--space-6, 1.5rem);
    margin-top: var(--space-4, 1rem);
}

/* Icons */
.landing-page.revbridge-connect .icon {
    flex-shrink: 0;
}

/* Text Colors - Usando variáveis globais */
.landing-page.revbridge-connect .text-red {
    color: var(--color-primary);
}

/* Section Titles */
.landing-page.revbridge-connect .section-title {
    text-align: center;
    margin-bottom: var(--space-12, 3rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.landing-page.revbridge-connect .comparison-section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-text-muted);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.landing-page.revbridge-connect .section-title h2 {
    font-size: var(--text-4xl, 2.25rem);
    font-weight: var(--font-semibold);
    color: var(--gray-900);
    margin-bottom: var(--space-4, 1rem);
    line-height: var(--leading-tight, 1.25);
}

.landing-page.revbridge-connect .section-title p {
    font-size: var(--text-lg, 1.125rem);
    color: var(--gray-600);
    max-width: 48rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .section-title h2 {
        font-size: var(--text-5xl, 3rem);
    }
}


/* ========================================
   SEÇÃO 1: HERO SECTION
   Seção principal do topo da página
   ======================================== */

.landing-page.revbridge-connect .hero {
    padding: 3rem 0 0 0;
    margin-bottom: 0;
    background: transparent;
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .landing-page.revbridge-connect .hero {
        padding-top: 2.5rem;
    }
}


/* Background Pattern Grid */
.landing-page.revbridge-connect .hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(to right, rgba(232, 17, 17, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(232, 17, 17, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: 1;
    z-index: 0;
}

/* Decorative Floating Circle */
.landing-page.revbridge-connect .hero::after {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(232, 17, 17, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: floatCircle 20s ease-in-out infinite;
}


@keyframes floatCircle {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
    33% {
        transform: translate(-30px, 30px) scale(1.05);
        opacity: 0.4;
    }
    66% {
        transform: translate(30px, -20px) scale(0.95);
        opacity: 0.35;
    }
}

.landing-page.revbridge-connect .hero-content {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .hero {
        padding: 6rem 0 0 0;
    }
}

.landing-page.revbridge-connect .hero-content {
    max-width: 72rem;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.landing-page.revbridge-connect .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(232, 17, 17, 0.1);
    border-radius: 9999px;
    margin-bottom: 2rem;
}

.landing-page.revbridge-connect .hero-badge svg {
    width: 1rem;
    height: 1rem;
    color: var(--red-primary);
}

.landing-page.revbridge-connect .hero-badge span {
    color: var(--red-primary);
    font-weight: 600;
    font-size: 0.875rem;
}

.landing-page.revbridge-connect .hero-title {
    font-size: 2.5rem;
    font-weight: var(--font-weight-semibold);
    color: var(--gray-900);
    margin-bottom: 2rem;
    line-height: 1.1;
}

.landing-page.revbridge-connect .hero-title .text-red {
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .hero-title {
        font-size: 3.75rem;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .hero-title {
        font-size: 4.5rem;
    }
}

.landing-page.revbridge-connect .hero-description {
    font-size: 1.25rem;
    color: var(--gray-600);
    margin-bottom: 3rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .hero-description {
        font-size: 1.5rem;
    }
}

.landing-page.revbridge-connect .hero-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0;
}

/* Hero Email Form */
.landing-page.revbridge-connect .hero-email-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    max-width: var(--container-sm);
    margin: 0 auto;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: var(--border-radius-2xl);
    box-shadow: none;
    padding: 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .hero-email-form {
        flex-direction: row;
        gap: 0;
        max-width: 36rem;
        background: var(--color-white);
        border: var(--border-width-1) solid var(--color-gray-200);
        border-radius: var(--border-radius-full);
        box-shadow: var(--shadow-base);
        padding: var(--spacing-1);
    }
}

.landing-page.revbridge-connect .hero-email-input {
    flex: 1;
    padding: var(--spacing-3) var(--spacing-4);
    font-size: var(--font-size-base);
    border: var(--border-width-1) solid var(--color-gray-200);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    border-radius: var(--border-radius-full);
    outline: none;
    transition: all var(--transition-base) var(--ease-out);
    background: var(--color-white);
    color: var(--color-gray-900);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .hero-email-input {
        border: none;
        box-shadow: none;
        border-radius: var(--border-radius-full) 0 0 var(--border-radius-full);
    }
}

.landing-page.revbridge-connect .hero-email-input:focus {
    outline: none;
    border-color: var(--color-primary);
}

.landing-page.revbridge-connect .hero-email-input::placeholder {
    color: var(--color-gray-500);
}

/* Hero Email Button - Especificidade alta para sobrescrever buttons.css */
.landing-page.revbridge-connect .hero .hero-email-form .hero-email-button,
.landing-page.revbridge-connect .hero .hero-cta .hero-email-form .btn.btn-primary.hero-email-button,
.landing-page.revbridge-connect .hero .hero-cta .hero-email-form button.btn-primary.hero-email-button {
    white-space: nowrap;
    border-radius: var(--border-radius-full);
    padding: var(--spacing-3) var(--spacing-6);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    background: var(--primary-color);
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: all var(--transition-base) var(--ease-out);
    width: 100%;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .hero .hero-email-form .hero-email-button,
    .landing-page.revbridge-connect .hero .hero-cta .hero-email-form .btn.btn-primary.hero-email-button,
    .landing-page.revbridge-connect .hero .hero-cta .hero-email-form button.btn-primary.hero-email-button {
        width: auto;
        border-radius: 0 var(--border-radius-full) var(--border-radius-full) 0;
    }
}

.landing-page.revbridge-connect .hero .hero-email-form .hero-email-button:hover,
.landing-page.revbridge-connect .hero .hero-cta .hero-email-form .btn.btn-primary.hero-email-button:hover,
.landing-page.revbridge-connect .hero .hero-cta .hero-email-form button.btn-primary.hero-email-button:hover {
    background: var(--primary-color-dark);
    color: #ffffff;
    transform: translateY(calc(var(--spacing-1) * -0.25));
    box-shadow: none;
}

/* Hero CTA Benefits */
.landing-page.revbridge-connect .hero-cta-benefits {
    text-align: center;
    font-size: 0.875rem;
    color: var(--gray-600);
    margin: 0;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .hero-cta-benefits {
        font-size: 0.9375rem;
    }
}

/* Hero Trust Badges */
.landing-page.revbridge-connect .hero-trust-badges {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .hero-trust-badges {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1.5rem;
    }
}

.landing-page.revbridge-connect .trust-badge-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--gray-600);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .trust-badge-item {
        font-size: 0.9375rem;
    }
}

.landing-page.revbridge-connect .trust-icon {
    width: 1rem;
    height: 1rem;
    color: var(--gray-500);
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .trust-icon {
        width: 1.125rem;
        height: 1.125rem;
    }
}

/* ========================================
   SEÇÃO 2: FEATURES SECTION
   Grid de features principais
   ======================================== */

.landing-page.revbridge-connect .features-section {
    padding: 4rem 0 3rem 0;
    background: transparent;
    position: relative;
    margin-top: 0;
    border-top: none;
}

.landing-page.revbridge-connect .features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 80rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .features-section {
        padding: 5rem 0 4rem 0;
    }
    
    .landing-page.revbridge-connect .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .features-section {
        padding: 6rem 0 5rem 0;
    }
    
    .landing-page.revbridge-connect .features-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.landing-page.revbridge-connect .feature-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    border: 1px solid hsla(22, 30%, 88%, 0.6);
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25);
    backdrop-filter: blur(8px);
}

.landing-page.revbridge-connect .feature-card > *:not(:last-child) {
    margin-bottom: 0;
}

.landing-page.revbridge-connect .feature-icon {
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(238, 52, 27, 0.1);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.landing-page.revbridge-connect .feature-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    color: rgb(238, 52, 27);
}

.landing-page.revbridge-connect .feature-card h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin: 0;
}

.landing-page.revbridge-connect .feature-card p {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
}

.landing-page.revbridge-connect .stat-card[data-unit="percent"] .stat-number::before {
    margin-left: 0.25rem;
}

.landing-page.revbridge-connect .stat-card[data-unit="percent"] .stat-number::after {
    content: '%';
}

.landing-page.revbridge-connect .stat-card[data-unit="hours"] .stat-number::after {
    content: 'hours';
}

.landing-page.revbridge-connect .stat-card[data-unit="ms"] .stat-number::after {
    content: 'ms';
}

.landing-page.revbridge-connect .stat-card p {
    color: var(--gray-600);
    font-size: 1rem;
}

/* ========================================
   SEÇÃO 3: ENTERPRISE EMAIL SECTION
   Seção de email enterprise com diagrama e métricas
   ======================================== */

.landing-page.revbridge-connect .enterprise-email-section {
    padding: 4rem 0;
    background: var(--color-bg-light);
    position: relative;
}

.landing-page.revbridge-connect .enterprise-email-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30%;
    background: transparent;
    pointer-events: none;
    z-index: 0;
}

.landing-page.revbridge-connect .enterprise-email-section > .container {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .enterprise-email-section {
        padding: 5rem 0;
    }
    
    .landing-page.revbridge-connect .enterprise-email-section::before {
        height: 40%;
    }
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .enterprise-email-section {
        padding: 2rem 0;
    }
    
    .landing-page.revbridge-connect .enterprise-email-section::before {
        height: 25%;
    }
}

/* Enterprise Email Section Header - Centralizado */
.landing-page.revbridge-connect .enterprise-email-section .section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
}

.landing-page.revbridge-connect .enterprise-email-section .section-header h2 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-4xl);
    color: var(--color-gray-900);
    margin: 0;
    line-height: var(--line-height-tight);
}

.landing-page.revbridge-connect .enterprise-email-section .section-header p {
    font-size: var(--font-size-lg);
    color: var(--color-gray-600);
    margin: 0;
    line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .enterprise-email-section .section-header h2 {
        font-size: var(--font-size-5xl);
    }
}

/* Enterprise Description */
.landing-page.revbridge-connect .enterprise-description {
    max-width: 900px;
    margin: 3rem auto 4rem auto;
    text-align: center;
}

.landing-page.revbridge-connect .enterprise-description-content {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid hsla(22, 30%, 88%, 0.6);
    border-radius: 1rem;
    padding: 3rem 2.5rem;
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25);
    backdrop-filter: blur(8px);
}

.landing-page.revbridge-connect .enterprise-description-text {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--gray-700);
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.landing-page.revbridge-connect .enterprise-features-highlight {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(232, 17, 17, 0.1);
    border-bottom: 1px solid rgba(232, 17, 17, 0.1);
    flex-wrap: wrap;
}

.landing-page.revbridge-connect .enterprise-feature-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--gray-700);
    font-size: 0.9375rem;
    font-weight: 500;
}

.landing-page.revbridge-connect .enterprise-feature-item svg {
    width: 20px;
    height: 20px;
    color: var(--red-primary);
    flex-shrink: 0;
}

.landing-page.revbridge-connect .enterprise-feature-item span {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .enterprise-description {
        margin: 2rem auto 3rem auto;
    }
    
    .landing-page.revbridge-connect .enterprise-description-content {
        padding: 2rem 1.5rem;
        border-radius: 1rem;
    }
    
    .landing-page.revbridge-connect .enterprise-description-text {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .landing-page.revbridge-connect .enterprise-features-highlight {
        gap: 1.25rem;
        padding: 1.25rem 0;
        margin-bottom: 1.5rem;
    }
    
    .landing-page.revbridge-connect .enterprise-feature-item {
        font-size: 0.875rem;
    }
    
    .landing-page.revbridge-connect .enterprise-feature-item svg {
        width: 18px;
        height: 18px;
    }
}

.landing-page.revbridge-connect .enterprise-failover-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--gray-600);
    font-weight: 400;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
}

.landing-page.revbridge-connect .enterprise-failover-link:hover {
    color: var(--red-primary);
    gap: 0.5rem;
}

.landing-page.revbridge-connect .enterprise-failover-link svg {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
    color: inherit;
}

.landing-page.revbridge-connect .enterprise-failover-link:hover svg {
    transform: translateX(2px);
}

/* Platform Pillars Badge */
.landing-page.revbridge-connect .platform-pillars-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid hsla(22, 30%, 88%, 0.6);
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-text-muted);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Platform Features Grid */
.landing-page.revbridge-connect .platform-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
    overflow: visible;
    padding: 0.5rem 0; /* Espaço extra para a sombra não ser cortada */
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .platform-features-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

/* Platform Feature Card */
.landing-page.revbridge-connect .platform-feature-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid hsla(22, 30%, 88%, 0.6);
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    text-align: left;
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25);
    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    z-index: 1;
}

.landing-page.revbridge-connect .platform-feature-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 32px 80px -32px rgba(27, 31, 45, 0.3);
}

/* Platform Feature Icon */
.landing-page.revbridge-connect .platform-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(238, 52, 27, 0.1);
    color: rgb(238, 52, 27);
    flex-shrink: 0;
}

.landing-page.revbridge-connect .platform-feature-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

/* Platform Feature Content */
.landing-page.revbridge-connect .platform-feature-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.landing-page.revbridge-connect .platform-feature-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin: 0;
}

.landing-page.revbridge-connect .platform-feature-content p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-muted);
    margin: 0;
}

/* Platform Feature List */
.landing-page.revbridge-connect .platform-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.landing-page.revbridge-connect .platform-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text-muted);
    transition: color 0.2s ease;
}

.landing-page.revbridge-connect .platform-feature-card:hover .platform-feature-list li {
    color: var(--color-text-dark);
}

.landing-page.revbridge-connect .platform-feature-list li span:last-child {
    flex: 1;
    line-height: 1.5;
}

/* Platform Feature Check */
.landing-page.revbridge-connect .platform-feature-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: rgba(238, 52, 27, 0.1);
    color: rgb(238, 52, 27);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.landing-page.revbridge-connect .platform-feature-check svg {
    width: 0.875rem;
    height: 0.875rem;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .platform-features-grid {
        margin-top: 2rem;
        gap: 1.25rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-card {
        padding: 1.5rem;
        gap: 1.25rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-icon svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-content h3 {
        font-size: 1.125rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-content p {
        font-size: 0.8125rem;
    }
    
    .landing-page.revbridge-connect .platform-feature-list li {
        font-size: 0.8125rem;
    }
}

/* ========================================
   SEÇÃO 4: WHY REVBRIDGE SECTION
   Cards explicando por que escolher RevBridge
   ======================================== */

.landing-page.revbridge-connect .why-revbridge-section {
    padding: 4rem 0;
    background: var(--color-bg-light);
    position: relative;
}

.landing-page.revbridge-connect .why-revbridge-section > .container {
    position: relative;
    z-index: 1;
}

/* Why RevBridge Section Header - Centralizado */
.landing-page.revbridge-connect .why-revbridge-section .section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
}

.landing-page.revbridge-connect .why-revbridge-section .section-header h2 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-4xl);
    color: var(--color-gray-900);
    margin: 0;
    line-height: var(--line-height-tight);
}

.landing-page.revbridge-connect .why-revbridge-section .section-header p {
    font-size: var(--font-size-lg);
    color: var(--color-gray-600);
    margin: 0;
    line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .why-revbridge-section .section-header h2 {
        font-size: var(--font-size-5xl);
    }
}

.landing-page.revbridge-connect .why-revbridge-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .why-revbridge-section {
        padding: 5rem 0;
    }
    
    .landing-page.revbridge-connect .why-revbridge-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    
    .landing-page.revbridge-connect .why-revbridge-section::before {
        height: 40%;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .why-revbridge-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.landing-page.revbridge-connect .why-revbridge-card {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 1rem;
    padding: 2rem;
    transition: all 0.3s ease;
    position: relative;
}

.landing-page.revbridge-connect .why-revbridge-card:hover {
    box-shadow: 0 10px 25px -5px rgba(232, 17, 17, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-4px);
    border-color: rgba(232, 17, 17, 0.3);
}

.landing-page.revbridge-connect .why-revbridge-icon {
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, rgba(232, 17, 17, 0.1) 0%, rgba(232, 17, 17, 0.05) 100%);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    color: var(--red);
    transition: all 0.3s ease;
}

.landing-page.revbridge-connect .why-revbridge-card:hover .why-revbridge-icon {
    transform: scale(1.1);
    background: linear-gradient(135deg, rgba(232, 17, 17, 0.15) 0%, rgba(232, 17, 17, 0.1) 100%);
}

.landing-page.revbridge-connect .why-revbridge-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.landing-page.revbridge-connect .why-revbridge-card p {
    color: var(--gray-600);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .why-revbridge-section {
        padding: 3rem 0;
    }
    
    .landing-page.revbridge-connect .why-revbridge-section::before {
        height: 25%;
    }
    
    .landing-page.revbridge-connect .why-revbridge-card {
        padding: 1.5rem;
    }
}

.landing-page.revbridge-connect .enterprise-diagram {
    background: #0f172a;
    background-image: 
        linear-gradient(to right, rgba(148, 163, 184, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 1.5rem;
    padding: 3rem;
    margin-bottom: 2rem;
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: visible;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .enterprise-diagram {
        padding: 1.5rem;
        border-radius: 1rem;
        background-size: 30px 30px;
    }
}

.landing-page.revbridge-connect .enterprise-diagram::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(232, 17, 17, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(232, 17, 17, 0.1) 0%, transparent 50%);
    pointer-events: none;
    border-radius: 1.5rem;
    opacity: 0.6;
}

.landing-page.revbridge-connect .enterprise-diagram::after {
    display: none;
}

.landing-page.revbridge-connect .enterprise-svg {
    width: 100%;
    height: auto;
    max-height: 700px;
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .enterprise-svg {
        max-height: 500px;
    }
}

.landing-page.revbridge-connect .enterprise-svg * {
    transition: opacity 0.3s ease, stroke 0.3s ease, fill 0.3s ease;
}

/* Arrow flow animations */
.landing-page.revbridge-connect .blue-arrow-flow {
    animation: flowBlueArrow 1.5s linear infinite;
    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.8)) drop-shadow(0 0 16px rgba(59, 130, 246, 0.6));
}

@keyframes flowBlueArrow {
    0% { stroke-dashoffset: 0; opacity: 1; }
    50% { opacity: 0.95; }
    100% { stroke-dashoffset: -20; opacity: 1; }
}

.landing-page.revbridge-connect .red-arrow-flow {
    animation: flowRedArrow 1.5s linear infinite;
}

@keyframes flowRedArrow {
    0% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -20; }
}

.landing-page.revbridge-connect .fallback-arrow-flow {
    opacity: 0;
    animation: showFallback 3s ease-in-out 1.5s infinite;
}

@keyframes showFallback {
    0%, 20% { opacity: 0; }
    25%, 75% { opacity: 0.7; }
    100% { opacity: 0; }
}

.landing-page.revbridge-connect .enterprise-svg .enterprise-label,
.landing-page.revbridge-connect .enterprise-svg .route-enterprise,
.landing-page.revbridge-connect .enterprise-svg .fallback-enterprise,
.landing-page.revbridge-connect .enterprise-svg .fallback-only-enterprise-label,
.landing-page.revbridge-connect .enterprise-svg .recipients-enterprise-label {
    font-family: var(--font-family-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}

.landing-page.revbridge-connect .enterprise-svg .enterprise-main {
    font-family: var(--font-family-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 28px;
    font-weight: 800;
    fill: #ffffff;
    letter-spacing: -0.02em;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}

.landing-page.revbridge-connect .enterprise-svg .enterprise-sub {
    font-family: var(--font-family-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 600;
    font-size: 16px;
    fill: rgba(255,255,255,0.95);
}

.landing-page.revbridge-connect .enterprise-svg .enterprise-desc {
    font-family: var(--font-family-primary, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 400;
    font-size: 13px;
    fill: rgba(255,255,255,0.85);
}

.landing-page.revbridge-connect .enterprise-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .enterprise-metrics {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Enterprise features using gateway-features-compact layout */
.landing-page.revbridge-connect .enterprise-features {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    width: 100%;
    background: var(--gray-900);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .terminal {
        padding: 1.5rem;
    }
}

.landing-page.revbridge-connect .terminal-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.landing-page.revbridge-connect .dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.landing-page.revbridge-connect .dot-red {
    background: var(--error-color);
}

.landing-page.revbridge-connect .dot-yellow {
    background: var(--warning-color);
}

.landing-page.revbridge-connect .dot-green {
    background: var(--success-color);
}

.landing-page.revbridge-connect .terminal-title {
    color: var(--gray-400);
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.landing-page.revbridge-connect .terminal-body {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    line-height: 1.6;
    overflow-x: auto;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .terminal-body {
        font-size: 0.875rem;
    }
}

.landing-page.revbridge-connect .terminal-body pre {
    margin: 0;
}

.landing-page.revbridge-connect .terminal-body code {
    color: var(--white);
}

.landing-page.revbridge-connect .code-command,
.landing-page.revbridge-connect .developer-terminal-body .code-command {
    color: #6ee7b7 !important;
}

.landing-page.revbridge-connect .code-flag,
.landing-page.revbridge-connect .developer-terminal-body .code-flag {
    color: #93c5fd !important;
}

.landing-page.revbridge-connect .code-string,
.landing-page.revbridge-connect .developer-terminal-body .code-string {
    color: #fde68a !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Responsive utilities */
@media (max-width: 767px) {
    .landing-page.revbridge-connect .container {
        padding: 0 1rem;
    }
}

/* ========================================
   SEÇÃO 5: PRICING CALCULATOR SECTION
   Calculadora de preços interativa
   ======================================== */

.landing-page.revbridge-connect .pricing-section {
    padding: 1.5rem 0;
    background: transparent;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .pricing-section {
        padding: 5rem 0;
    }
}

.landing-page.revbridge-connect .pricing-content {
    max-width: 64rem;
    margin: 0 auto;
}

.landing-page.revbridge-connect .pricing-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(232, 17, 17, 0.1);
    border-radius: 9999px;
    margin-bottom: 1rem;
}

.landing-page.revbridge-connect .pricing-badge svg {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--red-primary);
}

.landing-page.revbridge-connect .pricing-badge span {
    color: var(--red-primary);
    font-weight: 600;
}

.landing-page.revbridge-connect .pricing-calculator {
    background: var(--white);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--gray-200);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .pricing-calculator {
        padding: 3rem;
    }
}

/* Free Tier Box */
.landing-page.revbridge-connect .free-tier-box {
    background: linear-gradient(to bottom right, rgba(232, 17, 17, 0.08), rgba(232, 17, 17, 0.05));
    border: 1px solid rgba(232, 17, 17, 0.2);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .free-tier-box {
        padding: 1.25rem 1.5rem;
        margin-bottom: 2.5rem;
    }
}

.landing-page.revbridge-connect .free-tier-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.landing-page.revbridge-connect .free-tier-title svg {
    width: 1rem;
    height: 1rem;
    color: var(--red-primary);
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .free-tier-title svg {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.landing-page.revbridge-connect .free-tier-title span {
    color: var(--red-primary);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: center;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .free-tier-title span {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .free-tier-title span strong {
    font-weight: 700;
}

.landing-page.revbridge-connect .free-tier-subtitle {
    text-align: center;
    color: var(--gray-600);
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .free-tier-subtitle {
        font-size: 0.875rem;
    }
}

.landing-page.revbridge-connect .pricing-months {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .pricing-months {
        grid-template-columns: repeat(2, 1fr);
    }
}

.landing-page.revbridge-connect .pricing-month-card {
    background: var(--white);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 1px solid hsl(0, 86%, 90%);
    text-align: center;
}

.landing-page.revbridge-connect .month-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--gray-600);
    margin-bottom: 0.5rem;
}

.landing-page.revbridge-connect .month-price {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.landing-page.revbridge-connect .month-price.free {
    color: var(--color-success);
}

.landing-page.revbridge-connect .month-price.paid {
    color: var(--red-primary);
}

.landing-page.revbridge-connect .month-detail {
    font-size: 0.875rem;
    color: var(--gray-500);
}

/* Volume Selector */
.landing-page.revbridge-connect .volume-selector {
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .volume-selector {
        margin-bottom: 2.5rem;
    }
}

.landing-page.revbridge-connect .volume-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .volume-title {
        margin-bottom: 1.5rem;
    }
}

.landing-page.revbridge-connect .volume-label {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .volume-label {
        font-size: 1.125rem;
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .volume-display {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

.landing-page.revbridge-connect .volume-number {
    font-size: 1rem;
    font-weight: 700;
    color: var(--red-primary);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .volume-number {
        font-size: 1.5rem;
    }
}

.landing-page.revbridge-connect .volume-unit {
    font-size: 0.6875rem;
    color: var(--gray-500);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .volume-unit {
        font-size: 0.875rem;
    }
}

/* Slider */
.landing-page.revbridge-connect .slider-container {
    margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .slider-container {
        margin-bottom: 1.5rem;
    }
}

.landing-page.revbridge-connect .volume-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.75rem;
    background: var(--gray-200);
    border-radius: 0.5rem;
    outline: none;
    cursor: pointer;
}

.landing-page.revbridge-connect .volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--red-primary);
    cursor: pointer;
    border: 2px solid var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.landing-page.revbridge-connect .volume-slider::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

.landing-page.revbridge-connect .volume-slider::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--red-primary);
    cursor: pointer;
    border: 2px solid var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.landing-page.revbridge-connect .volume-slider::-moz-range-thumb:hover {
    transform: scale(1.1);
}

@media (max-width: 640px) {
    .landing-page.revbridge-connect .volume-slider::-webkit-slider-thumb {
        width: 1.5rem;
        height: 1.5rem;
    }
    
    .landing-page.revbridge-connect .volume-slider::-moz-range-thumb {
        width: 1.5rem;
        height: 1.5rem;
    }
}

.landing-page.revbridge-connect .slider-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 0.375rem;
    font-size: 0.625rem;
    color: var(--gray-500);
    line-height: 1.2;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .slider-labels {
        font-size: 0.875rem;
        margin-top: 0.5rem;
    }
}

@media (max-width: 640px) {
    .landing-page.revbridge-connect .slider-labels span {
        transform: scale(0.85);
    }
}

.landing-page.revbridge-connect .slider-labels span {
    text-align: center;
}

/* VIP Notice */
.landing-page.revbridge-connect .vip-notice {
    margin-top: 1rem;
    padding: 1rem;
    background: linear-gradient(to bottom right, hsl(217, 91%, 98%), hsl(217, 91%, 96%));
    border: 1px solid hsl(217, 91%, 85%);
    border-radius: 0.5rem;
    display: flex;
    gap: 0.75rem;
}

.landing-page.revbridge-connect .vip-notice svg {
    width: 1.25rem;
    height: 1.25rem;
    color: hsl(217, 91%, 50%);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.landing-page.revbridge-connect .vip-notice strong {
    color: hsl(217, 91%, 40%);
    display: block;
    margin-bottom: 0.25rem;
}

.landing-page.revbridge-connect .vip-notice p {
    color: hsl(217, 91%, 35%);
    font-size: 0.875rem;
    margin: 0;
}

/* Pricing Details Grid */
.landing-page.revbridge-connect .pricing-details-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .pricing-details-grid {
        gap: 1.75rem;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .pricing-details-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.landing-page.revbridge-connect .cost-breakdown-card,
.landing-page.revbridge-connect .whats-included-card {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .cost-breakdown-card,
    .landing-page.revbridge-connect .whats-included-card {
        padding: 1.75rem;
    }
}

.landing-page.revbridge-connect .cost-breakdown,
.landing-page.revbridge-connect .whats-included {
    background: var(--gray-50);
    border-radius: 0.75rem;
    padding: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .cost-breakdown,
    .landing-page.revbridge-connect .whats-included {
        padding: 1.5rem;
    }
}

.landing-page.revbridge-connect .breakdown-title,
.landing-page.revbridge-connect .included-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 0 0 1.25rem 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-title,
    .landing-page.revbridge-connect .included-title {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
}

.landing-page.revbridge-connect .cost-breakdown h3,
.landing-page.revbridge-connect .whats-included h3 {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .cost-breakdown h3,
    .landing-page.revbridge-connect .whats-included h3 {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
}

.landing-page.revbridge-connect .breakdown-items {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-items {
        gap: 0.75rem;
    }
}

.landing-page.revbridge-connect .breakdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.5rem 0;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-item {
        font-size: 1rem;
        padding: 0.625rem 0;
    }
}

.landing-page.revbridge-connect .breakdown-label {
    color: var(--gray-600);
}

.landing-page.revbridge-connect .breakdown-item span:first-child {
    color: var(--gray-600);
}

.landing-page.revbridge-connect .breakdown-value {
    font-weight: 600;
}

.landing-page.revbridge-connect .breakdown-value.green {
    color: var(--color-success);
    font-weight: 600;
}

.landing-page.revbridge-connect .breakdown-value.green-small {
    color: var(--color-success);
    font-size: 0.875rem;
    font-weight: 500;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-value.green-small {
        font-size: 1rem;
    }
}

.landing-page.revbridge-connect .breakdown-item.total {
    border-top: 2px solid var(--gray-200);
    padding-top: 1rem;
    margin-top: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-item.total {
        padding-top: 1.25rem;
        margin-top: 1rem;
    }
}

.landing-page.revbridge-connect .breakdown-item.total .breakdown-label {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-900);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-item.total .breakdown-label {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .breakdown-item.total span:first-child {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gray-900);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-item.total span:first-child {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .breakdown-value.large {
    font-size: 0.875rem;
    color: var(--red-primary);
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-value.large {
        font-size: 1.5rem;
    }
}

.landing-page.revbridge-connect .breakdown-note {
    font-size: 0.75rem;
    color: var(--gray-500);
    margin-top: 1rem;
    margin-bottom: 0;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .breakdown-note {
        font-size: 0.8125rem;
        margin-top: 1.25rem;
    }
}

/* What's Included */
.landing-page.revbridge-connect .included-items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .included-items {
        gap: 1rem;
        gap: 0.75rem;
    }
}

.landing-page.revbridge-connect .included-item {

.landing-page.revbridge-connect .vip-title-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.landing-page.revbridge-connect .vip-title-text p {
    color: var(--gray-600);
}

.landing-page.revbridge-connect .vip-features {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.landing-page.revbridge-connect .vip-feature {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--gray-50);
}

.landing-page.revbridge-connect .vip-feature svg {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.landing-page.revbridge-connect .icon-blue {
    color: var(--code-blue-dark);
}

.landing-page.revbridge-connect .icon-green {
    color: var(--code-green-dark);
}

.landing-page.revbridge-connect .icon-purple {
    color: var(--code-purple);
}

.landing-page.revbridge-connect .icon-red {
    color: var(--red-primary);
}

.landing-page.revbridge-connect .vip-feature span {
    color: var(--gray-900);
    font-weight: 500;
}

.landing-page.revbridge-connect .vip-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 1.5rem;
}

.landing-page.revbridge-connect .vip-list {
    list-style: none;
    margin-bottom: 2rem;
}

.landing-page.revbridge-connect .vip-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    color: var(--gray-700);
}

.landing-page.revbridge-connect .vip-list li::before {
    content: "●";
    color: var(--red-primary);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.landing-page.revbridge-connect .vip-cta {
    border-top: 1px solid var(--gray-200);
    padding-top: 1.5rem;
}

.landing-page.revbridge-connect .btn-full {
    width: 100%;
    justify-content: center;
}

/* ========================================
   SEÇÃO 6: DEVELOPER API SECTION (New Design)
   Seção de API para desenvolvedores - design atualizado
   ======================================== */

.landing-page.revbridge-connect .developer-api-section-new {
    padding: 4rem 0;
    overflow: visible;
    background: var(--color-bg-light);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-api-section-new {
        padding: 6rem 0;
    }
}

.landing-page.revbridge-connect .developer-api-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
    overflow: visible;
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-api-grid {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 4rem;
    }
}

.landing-page.revbridge-connect .developer-api-text {
    display: flex;
    flex-direction: column;
}

.landing-page.revbridge-connect .developer-api-badge-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.landing-page.revbridge-connect .developer-api-icon-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(238, 52, 27, 0.1);
    color: hsl(7, 86%, 52%);
}

.landing-page.revbridge-connect .developer-api-badge {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-text-muted);
}

.landing-page.revbridge-connect .developer-api-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: visible;
}

.landing-page.revbridge-connect .developer-api-content h2 {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--color-text-dark);
    margin: 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-api-content h2 {
        font-size: 2.5rem;
    }
}

.landing-page.revbridge-connect .developer-api-content p {
    font-size: 1rem;
    color: var(--color-text-muted);
    line-height: 1.6;
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-api-content p {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .developer-api-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 2rem;
    overflow: visible;
    padding: 0.5rem 0; /* Espaço extra para a sombra não ser cortada */
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .developer-api-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.landing-page.revbridge-connect .developer-api-feature {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    z-index: 1;
}

.landing-page.revbridge-connect .developer-api-feature:hover {
    transform: translateY(-2px);
    box-shadow: 0 32px 80px -32px rgba(27, 31, 45, 0.3);
}

.landing-page.revbridge-connect .developer-api-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(238, 52, 27, 0.1);
    color: hsl(7, 86%, 52%);
    flex-shrink: 0;
}

.landing-page.revbridge-connect .developer-api-feature span:last-child {
    color: var(--color-text-muted);
}

.landing-page.revbridge-connect .developer-api-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.landing-page.revbridge-connect .developer-api-cta-primary {
    border-radius: 9999px;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.landing-page.revbridge-connect .developer-api-cta-primary:hover {
    background: var(--red-dark);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: none;
}

.landing-page.revbridge-connect .developer-api-cta-link {
    font-size: 0.875rem;
    font-weight: 600;
    color: hsl(7, 86%, 52%);
    text-decoration: none;
}

.landing-page.revbridge-connect .developer-api-cta-link:hover {
    text-decoration: underline;
}

.landing-page.revbridge-connect .developer-terminal {
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid rgba(238, 52, 27, 0.25);
    background: #111626;
    padding: 1rem;
    box-shadow: 0 12px 32px -16px rgba(27, 31, 45, 0.2);
    max-width: 100%;
    width: 100%;
    display: none; /* Oculto no mobile por padrão */
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-terminal {
        display: block;
        padding: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-terminal {
        max-width: 100%;
        margin-left: auto;
        padding: 1.5rem;
    }
}

.landing-page.revbridge-connect .developer-terminal-title,
.landing-page.revbridge-connect .developer-terminal-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-terminal-title,
    .landing-page.revbridge-connect .developer-terminal-header {
        margin-bottom: 1.25rem;
        font-size: 0.75rem;
    }
}

.landing-page.revbridge-connect .terminal-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: inline-block;
}

.landing-page.revbridge-connect .terminal-dot-red {
    background: hsl(7, 86%, 52%);
}

.landing-page.revbridge-connect .terminal-dot-yellow {
    background: #fba441;
}

.landing-page.revbridge-connect .terminal-dot-green {
    background: #10b981;
}

.landing-page.revbridge-connect .terminal-title {
    margin-left: 0.75rem;
}

.landing-page.revbridge-connect .developer-terminal-body {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 0.6875rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    max-height: 400px;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-terminal-body {
        font-size: 0.75rem;
        max-height: 450px;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-terminal-body {
        font-size: 0.8125rem;
        line-height: 1.6;
        max-height: 500px;
        overflow-x: hidden; /* Remove scroll horizontal */
        /* Esconder scrollbars no desktop */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE e Edge */
    }
    
    .landing-page.revbridge-connect .developer-terminal-body::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
}

.landing-page.revbridge-connect .developer-terminal-body > div {
    margin-bottom: 0.0625rem;
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-terminal-body > div {
        margin-bottom: 0.125rem;
    }
}

.landing-page.revbridge-connect .code-command,
.landing-page.revbridge-connect .developer-terminal-body .code-command {
    color: #6ee7b7 !important;
    white-space: nowrap;
    overflow-x: auto;
}

@media (max-width: 1023px) {
    .landing-page.revbridge-connect .code-command,
    .landing-page.revbridge-connect .developer-terminal-body .code-command {
        white-space: normal;
        word-break: break-all;
    }
}

.landing-page.revbridge-connect .code-flag,
.landing-page.revbridge-connect .developer-terminal-body .code-flag {
    color: #93c5fd !important;
    white-space: nowrap;
    overflow-x: auto;
}

@media (max-width: 1023px) {
    .landing-page.revbridge-connect .code-flag,
    .landing-page.revbridge-connect .developer-terminal-body .code-flag {
        white-space: normal;
        word-break: break-all;
    }
}

.landing-page.revbridge-connect .code-string,
.landing-page.revbridge-connect .developer-terminal-body .code-string {
    color: #fde68a !important;
}

.landing-page.revbridge-connect .code-string-break {
    word-break: break-all;
    white-space: normal;
}

.landing-page.revbridge-connect .code-indent-2 {
    margin-left: 0.5rem;
}

.landing-page.revbridge-connect .code-indent-4 {
    margin-left: 1rem;
}

.landing-page.revbridge-connect .code-indent-6 {
    margin-left: 1.5rem;
}

.landing-page.revbridge-connect .code-indent-8 {
    margin-left: 2rem;
}

.landing-page.revbridge-connect .code-indent-10 {
    margin-left: 2.5rem;
}

.landing-page.revbridge-connect .code-indent-12 {
    margin-left: 3rem;
}

.landing-page.revbridge-connect .developer-api-code {
    order: -1;
    display: none; /* Oculto no mobile */
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .developer-api-code {
        display: block;
    }
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .developer-api-code {
        order: 0;
    }
}

/* ========================================
   SEÇÃO 7: VIP PROGRAM SECTION (New Design)
   Programa VIP - design atualizado
   ======================================== */

.landing-page.revbridge-connect .vip-program-section {
    position: relative;
    overflow: hidden;
    padding: 4rem 0;
    background: var(--color-bg-light);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .vip-program-section {
        padding: 6rem 0;
    }
}

.landing-page.revbridge-connect .vip-program-bg-gradient {
    position: absolute;
    inset: 0;
    z-index: -10;
    pointer-events: none;
}

.landing-page.revbridge-connect .vip-program-bg-gradient-1 {
    background: radial-gradient(circle at top left, rgba(238, 52, 27, 0.14), transparent 55%);
}

.landing-page.revbridge-connect .vip-program-bg-gradient-2 {
    background: radial-gradient(circle at bottom right, rgba(251, 227, 218, 0.85), transparent 60%);
}

.landing-page.revbridge-connect .vip-program-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
}

.landing-page.revbridge-connect .vip-program-content .vip-program-grid {
    width: 100%;
    max-width: 100%;
}

/* VIP Program Header - Centralizado */
.landing-page.revbridge-connect .vip-program-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
}

.landing-page.revbridge-connect .vip-program-header h2 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-4xl);
    color: var(--color-gray-900);
    margin: 0;
    line-height: var(--line-height-tight);
}

.landing-page.revbridge-connect .vip-program-header p {
    font-size: var(--font-size-lg);
    color: var(--color-gray-600);
    margin: 0;
    line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .vip-program-header h2 {
        font-size: var(--font-size-5xl);
    }
}

.landing-page.revbridge-connect .vip-program-title {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.landing-page.revbridge-connect .vip-program-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-text-muted);
    width: fit-content;
    margin: 0 auto;
}

.landing-page.revbridge-connect .vip-program-title h2 {
    font-size: 2.25rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.01em;
    color: var(--color-text-dark);
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .vip-program-title h2 {
        font-size: 2.5rem;
    }
}

.landing-page.revbridge-connect .vip-program-title p {
    max-width: 42rem;
    margin: 0 auto;
    font-size: 1rem;
    color: var(--color-text-muted);
    line-height: 1.6;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .vip-program-title p {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .vip-program-grid,
.landing-page.revbridge-connect .vip-program-content .vip-program-grid,
.landing-page.revbridge-connect .container .vip-program-content .vip-program-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.5rem;
    margin-top: 3rem;
    overflow: visible;
    padding: 0.5rem 0; /* Espaço extra para a sombra não ser cortada */
    align-items: stretch; /* Cards com altura igual */
    width: 100%;
    box-sizing: border-box;
}

/* Tablet e Desktop: 2 colunas lado a lado */
@media screen and (min-width: 640px) {
    .landing-page.revbridge-connect .vip-program-grid,
    .landing-page.revbridge-connect .vip-program-content .vip-program-grid,
    .landing-page.revbridge-connect .container .vip-program-content .vip-program-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        gap: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .landing-page.revbridge-connect .vip-program-grid,
    .landing-page.revbridge-connect .vip-program-content .vip-program-grid,
    .landing-page.revbridge-connect .container .vip-program-content .vip-program-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        gap: 2rem;
    }
}

@media screen and (min-width: 992px) {
    .landing-page.revbridge-connect .vip-program-grid,
    .landing-page.revbridge-connect .vip-program-content .vip-program-grid,
    .landing-page.revbridge-connect .container .vip-program-content .vip-program-grid {
        gap: 2.5rem;
    }
}

@media screen and (min-width: 1200px) {
    .landing-page.revbridge-connect .vip-program-grid,
    .landing-page.revbridge-connect .vip-program-content .vip-program-grid,
    .landing-page.revbridge-connect .container .vip-program-content .vip-program-grid {
        gap: 3rem;
    }
}

/* VIP Program Cards - Nova estrutura */
.landing-page.revbridge-connect .vip-program-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 1.5rem !important;
    padding: 2rem !important;
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    z-index: 1;
    min-height: 100%;
}

.landing-page.revbridge-connect .vip-program-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 32px 80px -32px rgba(27, 31, 45, 0.3) !important;
}

/* Card Header */
.landing-page.revbridge-connect .vip-program-card-header {
    display: flex !important;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.landing-page.revbridge-connect .vip-program-card-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 0.75rem !important;
    background: rgba(238, 52, 27, 0.1) !important;
    color: rgb(238, 52, 27) !important;
    flex-shrink: 0;
}

.landing-page.revbridge-connect .vip-program-card-icon svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.landing-page.revbridge-connect .vip-program-card-title-wrapper {
    flex: 1;
}

.landing-page.revbridge-connect .vip-program-card-title-wrapper h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: hsl(225, 25%, 14%) !important;
    margin: 0 !important;
    line-height: 1.3;
}

/* Card Body */
.landing-page.revbridge-connect .vip-program-card-body {
    flex: 1;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem;
}

.landing-page.revbridge-connect .vip-program-card-description {
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    color: hsl(225, 16%, 34%) !important;
    margin: 0 !important;
}

/* Card List */
.landing-page.revbridge-connect .vip-program-card-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.875rem;
}

.landing-page.revbridge-connect .vip-program-card-list li {
    display: flex !important;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: hsl(225, 16%, 34%) !important;
}

.landing-page.revbridge-connect .vip-program-list-check {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.25rem !important;
    height: 1.25rem !important;
    border-radius: 50% !important;
    background: rgba(238, 52, 27, 0.1) !important;
    color: rgb(238, 52, 27) !important;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.landing-page.revbridge-connect .vip-program-list-check svg {
    width: 0.875rem !important;
    height: 0.875rem !important;
}

.landing-page.revbridge-connect .vip-program-card-list li span:last-child {
    flex: 1;
}

/* Card Footer */
.landing-page.revbridge-connect .vip-program-card-footer {
    margin-top: auto !important;
    padding-top: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
}

.landing-page.revbridge-connect .vip-program-card-included .vip-program-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.landing-page.revbridge-connect .vip-program-cta-button {
    width: 100% !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.landing-page.revbridge-connect .vip-program-cta-button:hover {
    background: var(--red-dark) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: none;
}

.landing-page.revbridge-connect .vip-program-cta-button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Responsive Styles para VIP Program Cards */
@media (max-width: 767px) {
    .landing-page.revbridge-connect .vip-program-card {
        padding: 1.5rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-header {
        gap: 0.875rem;
        margin-bottom: 1.25rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-icon svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-title-wrapper h3 {
        font-size: 1.125rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-description {
        font-size: 0.875rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-list li {
        font-size: 0.8125rem;
    }
    
    .landing-page.revbridge-connect .vip-program-card-footer {
        padding-top: 1.25rem;
    }
}

/* ========================================
   SEÇÃO 8: COMPARISON SECTION
   Tabela de comparação com outros provedores
   ======================================== */

.landing-page.revbridge-connect .comparison-section {
    padding: 4rem 0;
    background: transparent;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .comparison-section {
        padding: 5rem 0;
    }
}

.landing-page.revbridge-connect .comparison-table-wrapper {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
}

.landing-page.revbridge-connect .comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
}

.landing-page.revbridge-connect .comparison-table thead {
    background: linear-gradient(to bottom, var(--gray-50) 0%, var(--white) 100%);
}

.landing-page.revbridge-connect .comparison-table th,
.landing-page.revbridge-connect .comparison-table td {
    padding: 1.5rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
    vertical-align: middle;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .comparison-table th,
    .landing-page.revbridge-connect .comparison-table td {
        padding: 2rem 2rem;
    }
}

.landing-page.revbridge-connect .comparison-table th {
    font-weight: 600;
    color: var(--gray-900);
    font-size: 0.875rem;
    text-transform: none;
    letter-spacing: 0;
}

.landing-page.revbridge-connect .comparison-table th.features-title {
    font-size: 0.8125rem;
    color: var(--gray-600);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.landing-page.revbridge-connect .comparison-table td {
    color: var(--gray-700);
    font-weight: 500;
    font-size: 0.9375rem;
}

.landing-page.revbridge-connect .comparison-table th:not(:first-child),
.landing-page.revbridge-connect .comparison-table td:not(:first-child) {
    text-align: center;
}

.landing-page.revbridge-connect .provider-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.landing-page.revbridge-connect .provider-logo {
    height: 2.5rem;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    filter: grayscale(0);
    transition: all 0.3s ease;
    display: block;
}

.landing-page.revbridge-connect .comparison-table .highlight-col .provider-logo {
    filter: grayscale(0);
    opacity: 1;
}

.landing-page.revbridge-connect .comparison-table th:not(.highlight-col) .provider-logo {
    filter: grayscale(0.5);
    opacity: 0.6;
}

.landing-page.revbridge-connect .comparison-table .highlight-col {
    background: linear-gradient(to bottom, rgba(232, 17, 17, 0.08) 0%, rgba(232, 17, 17, 0.03) 100%);
    border-left: 4px solid var(--red-primary);
    position: relative;
}

.landing-page.revbridge-connect .comparison-table .highlight-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, var(--red-primary) 0%, var(--red-dark) 100%);
}

.landing-page.revbridge-connect .comparison-table .highlight-col th {
    color: var(--red-primary);
    font-weight: 700;
}

.landing-page.revbridge-connect .comparison-table tbody tr {
    transition: background-color 0.2s ease;
}

.landing-page.revbridge-connect .comparison-table tbody tr:hover {
    background: rgba(249, 250, 251, 0.8);
}

.landing-page.revbridge-connect .comparison-table tbody tr:hover .highlight-col {
    background: linear-gradient(to bottom, rgba(232, 17, 17, 0.12) 0%, rgba(232, 17, 17, 0.05) 100%);
}

.landing-page.revbridge-connect .comparison-table tbody tr:last-child td {
    border-bottom: none;
}

.landing-page.revbridge-connect .comparison-table .yes {
    color: #10b981;
    font-weight: 700;
    font-size: 1.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .comparison-table .no {
    color: #ef4444;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .comparison-table .limited {
    color: var(--gray-600);
    font-weight: 600;
    font-size: 0.875rem;
    background: rgba(107, 114, 128, 0.1);
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    display: inline-block;
}

.landing-page.revbridge-connect .comparison-table .setup-time {
    color: var(--red-primary);
    font-weight: 700;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .comparison-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .landing-page.revbridge-connect .comparison-table {
        min-width: 600px;
    }
    
    .landing-page.revbridge-connect .comparison-table th,
    .landing-page.revbridge-connect .comparison-table td {
        padding: 1.25rem 1rem;
        font-size: 0.875rem;
    }
    
    .landing-page.revbridge-connect .provider-logo {
        height: 2rem;
        max-width: 120px;
    }
    
    .landing-page.revbridge-connect .comparison-table .yes,
    .landing-page.revbridge-connect .comparison-table .no {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 1rem;
    }
}

/* ========================================
   NEW COMPARISON TABLE
   ======================================== */

.landing-page.revbridge-connect .comparison-table-new-wrapper {
    margin-top: 3rem;
    background: var(--color-white);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--color-border);
}

.landing-page.revbridge-connect .comparison-table-new {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-white);
}

.landing-page.revbridge-connect .comparison-table-new thead {
    background: var(--color-white);
    border-bottom: 1px solid var(--color-border);
}

.landing-page.revbridge-connect .comparison-table-new th {
    padding: 1.5rem 1.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.8125rem;
    color: var(--color-text-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.landing-page.revbridge-connect .comparison-table-new th.features-col {
    text-align: left;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    letter-spacing: 0.05em;
    width: 35%;
}

.landing-page.revbridge-connect .comparison-table-new th.provider-col {
    width: 21.67%;
}

.landing-page.revbridge-connect .comparison-table-new th.highlight-provider {
    background: var(--color-white);
    border-left: none;
    border-right: none;
}

.landing-page.revbridge-connect .provider-logo-new {
    height: 3rem;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.landing-page.revbridge-connect .comparison-table-new th:not(.highlight-provider) .provider-logo-new {
    filter: grayscale(0.4);
    opacity: 0.7;
    height: 2rem;
    max-width: 120px;
}

.landing-page.revbridge-connect .comparison-table-new td {
    padding: 1.25rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    background: var(--color-white);
}

.landing-page.revbridge-connect .comparison-table-new td:first-child {
    text-align: left;
    font-weight: 400;
    color: var(--color-text-dark);
}

.landing-page.revbridge-connect .comparison-table-new tbody tr:hover {
    background: transparent;
}

.landing-page.revbridge-connect .comparison-table-new tbody tr:hover .highlight-provider {
    background: var(--color-white);
}

.landing-page.revbridge-connect .comparison-table-new td.highlight-provider {
    background: var(--color-white);
    border-left: none;
    border-right: none;
}

.landing-page.revbridge-connect .check-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(238, 52, 27);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
}

/* Checkmarks da coluna RevBridge em verde */
.landing-page.revbridge-connect .comparison-table-new td.highlight-provider .check-new,
.landing-page.revbridge-connect .comparison-table-new .highlight-provider .check-new {
    color: #10b981;
}

.landing-page.revbridge-connect .cross-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(238, 52, 27);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
}

.landing-page.revbridge-connect .limited-new {
    display: inline-block;
    padding: 0.5rem 0.875rem;
    background: var(--gray-100);
    color: var(--gray-600);
    font-weight: 600;
    font-size: 0.8125rem;
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .time-new {
    color: rgb(238, 52, 27);
    font-weight: 600;
    font-size: 0.9375rem;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .comparison-table-new-wrapper {
        margin-top: 2rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .landing-page.revbridge-connect .comparison-table-new {
        min-width: 600px;
    }
    
    .landing-page.revbridge-connect .comparison-table-new th,
    .landing-page.revbridge-connect .comparison-table-new td {
        padding: 1.25rem 1rem;
        font-size: 0.875rem;
    }
    
    .landing-page.revbridge-connect .comparison-table-new th.highlight-provider .provider-logo-new {
        height: 2.25rem;
        max-width: 140px;
    }
    
    .landing-page.revbridge-connect .comparison-table-new th:not(.highlight-provider) .provider-logo-new {
        height: 1.5rem;
        max-width: 90px;
    }
    
    .landing-page.revbridge-connect .check-new,
    .landing-page.revbridge-connect .cross-new {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 0.9375rem;
    }
}

/* ========================================
   SEÇÃO 9: FINAL CTA SECTION
   Call-to-action final da página
   ======================================== */

/* Final CTA styles are in css/4-components/final-cta.css */
/* All final-cta styles are centralized there for consistency across all pages */


/* ========================================
   DEVELOPER API SECTION (RESTORED)
   Seção estava marcada como "não usada" mas é necessária
   ======================================== */


.landing-page.revbridge-connect .vip-title-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.landing-page.revbridge-connect .vip-title-text p {
    color: var(--gray-600);
}

.landing-page.revbridge-connect .vip-features {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.landing-page.revbridge-connect .vip-feature {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--gray-50);
}

.landing-page.revbridge-connect .vip-feature svg {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.landing-page.revbridge-connect .icon-blue {
    color: var(--code-blue-dark);
}

.landing-page.revbridge-connect .icon-green {
    color: var(--code-green-dark);
}

.landing-page.revbridge-connect .icon-purple {
    color: var(--code-purple);
}

.landing-page.revbridge-connect .icon-red {
    color: var(--red-primary);
}

.landing-page.revbridge-connect .vip-feature span {
    color: var(--gray-900);
    font-weight: 500;
}

.landing-page.revbridge-connect .vip-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 1.5rem;
}

.landing-page.revbridge-connect .vip-list {
    list-style: none;
    margin-bottom: 2rem;
}

.landing-page.revbridge-connect .vip-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    color: var(--gray-700);
}

.landing-page.revbridge-connect .vip-list li::before {
    content: "●";
    color: var(--red-primary);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.landing-page.revbridge-connect .vip-cta {
    border-top: 1px solid var(--gray-200);
    padding-top: 1.5rem;
}

.landing-page.revbridge-connect .btn-full {
    width: 100%;
    justify-content: center;
}

/* ========================================
   COMPARISON SECTION (RESTORED)
   Seção estava marcada como "não usada" mas é necessária
   ======================================== */

.landing-page.revbridge-connect .vip-program-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .vip-program-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.landing-page.revbridge-connect .vip-program-feature {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    font-size: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.landing-page.revbridge-connect .vip-program-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(238, 52, 27, 0.1);
    color: hsl(7, 86%, 52%);
    flex-shrink: 0;
}

.landing-page.revbridge-connect .vip-program-feature span:last-child {
    color: var(--color-text-muted);
}

.landing-page.revbridge-connect .vip-program-description {
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.02);
    padding: 1.5rem;
    font-size: 0.875rem;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.landing-page.revbridge-connect .vip-program-description p {
    margin: 0;
}

.landing-page.revbridge-connect .vip-program-card-includes h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin: 0 0 1.25rem 0;
}

.landing-page.revbridge-connect .vip-program-includes-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--color-text-muted);
}

.landing-page.revbridge-connect .vip-program-include-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.landing-page.revbridge-connect .vip-program-bullet {
    display: inline-flex;
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: hsl(7, 86%, 52%);
    margin-top: 0.5rem;
}

.landing-page.revbridge-connect .vip-program-include-item span:last-child {
    flex: 1;
    line-height: 1.5;
}

.landing-page.revbridge-connect .vip-program-cta {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.landing-page.revbridge-connect .vip-program-cta-button {
    width: 100%;
    border-radius: 9999px !important;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.landing-page.revbridge-connect .vip-program-cta-button:hover {
    background: var(--red-dark) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: none !important;
}

/* ========================================
   SEÇÃO 8: COMPARISON SECTION
   Tabela de comparação com outros provedores
   ======================================== */

.landing-page.revbridge-connect .comparison-section {
    padding: 4rem 0;
    background: transparent;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .comparison-section {
        padding: 5rem 0;
    }
}

.landing-page.revbridge-connect .comparison-table-wrapper {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
}

.landing-page.revbridge-connect .comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
}

.landing-page.revbridge-connect .comparison-table thead {
    background: linear-gradient(to bottom, var(--gray-50) 0%, var(--white) 100%);
}

.landing-page.revbridge-connect .comparison-table th,
.landing-page.revbridge-connect .comparison-table td {
    padding: 1.5rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
    vertical-align: middle;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .comparison-table th,
    .landing-page.revbridge-connect .comparison-table td {
        padding: 2rem 2rem;
    }
}

.landing-page.revbridge-connect .comparison-table th {
    font-weight: 600;
    color: var(--gray-900);
    font-size: 0.875rem;
    text-transform: none;
    letter-spacing: 0;
}

.landing-page.revbridge-connect .comparison-table th.features-title {
    font-size: 0.8125rem;
    color: var(--gray-600);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.landing-page.revbridge-connect .comparison-table td {
    color: var(--gray-700);
    font-weight: 500;
    font-size: 0.9375rem;
}

.landing-page.revbridge-connect .comparison-table th:not(:first-child),
.landing-page.revbridge-connect .comparison-table td:not(:first-child) {
    text-align: center;
}

.landing-page.revbridge-connect .provider-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.landing-page.revbridge-connect .provider-logo {
    height: 2.5rem;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    filter: grayscale(0);
    transition: all 0.3s ease;
    display: block;
}

.landing-page.revbridge-connect .comparison-table .highlight-col .provider-logo {
    filter: grayscale(0);
    opacity: 1;
}

.landing-page.revbridge-connect .comparison-table th:not(.highlight-col) .provider-logo {
    filter: grayscale(0.5);
    opacity: 0.6;
}

.landing-page.revbridge-connect .comparison-table .highlight-col {
    background: linear-gradient(to bottom, rgba(232, 17, 17, 0.08) 0%, rgba(232, 17, 17, 0.03) 100%);
    border-left: 4px solid var(--red-primary);
    position: relative;
}

.landing-page.revbridge-connect .comparison-table .highlight-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, var(--red-primary) 0%, var(--red-dark) 100%);
}

.landing-page.revbridge-connect .comparison-table .highlight-col th {
    color: var(--red-primary);
    font-weight: 700;
}

.landing-page.revbridge-connect .comparison-table tbody tr {
    transition: background-color 0.2s ease;
}

.landing-page.revbridge-connect .comparison-table tbody tr:hover {
    background: rgba(249, 250, 251, 0.8);
}

.landing-page.revbridge-connect .comparison-table tbody tr:hover .highlight-col {
    background: linear-gradient(to bottom, rgba(232, 17, 17, 0.12) 0%, rgba(232, 17, 17, 0.05) 100%);
}

.landing-page.revbridge-connect .comparison-table tbody tr:last-child td {
    border-bottom: none;
}

.landing-page.revbridge-connect .comparison-table .yes {
    color: #10b981;
    font-weight: 700;
    font-size: 1.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .comparison-table .no {
    color: #ef4444;
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .comparison-table .limited {
    color: var(--gray-600);
    font-weight: 600;
    font-size: 0.875rem;
    background: rgba(107, 114, 128, 0.1);
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    display: inline-block;
}

.landing-page.revbridge-connect .comparison-table .setup-time {
    color: var(--red-primary);
    font-weight: 700;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .comparison-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .landing-page.revbridge-connect .comparison-table {
        min-width: 600px;
    }
    
    .landing-page.revbridge-connect .comparison-table th,
    .landing-page.revbridge-connect .comparison-table td {
        padding: 1.25rem 1rem;
        font-size: 0.875rem;
    }
    
    .landing-page.revbridge-connect .provider-logo {
        height: 2rem;
        max-width: 120px;
    }
    
    .landing-page.revbridge-connect .comparison-table .yes,
    .landing-page.revbridge-connect .comparison-table .no {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 1rem;
    }
}

/* ========================================
   NEW COMPARISON TABLE
   ======================================== */

.landing-page.revbridge-connect .comparison-table-new-wrapper {
    margin-top: 3rem;
    background: var(--color-white);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--color-border);
}

.landing-page.revbridge-connect .comparison-table-new {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-white);
}

.landing-page.revbridge-connect .comparison-table-new thead {
    background: var(--color-white);
    border-bottom: 1px solid var(--color-border);
}

.landing-page.revbridge-connect .comparison-table-new th {
    padding: 1.5rem 1.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.8125rem;
    color: var(--color-text-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.landing-page.revbridge-connect .comparison-table-new th.features-col {
    text-align: left;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    letter-spacing: 0.05em;
    width: 35%;
}

.landing-page.revbridge-connect .comparison-table-new th.provider-col {
    width: 21.67%;
}

.landing-page.revbridge-connect .comparison-table-new th.highlight-provider {
    background: var(--color-white);
}
}

/* ===================================
   PERFORMANCE METRICS SECTION
   =================================== */

.landing-page.revbridge-connect .performance-metrics-section {
    padding: 4rem 0;
    background: var(--color-bg-light);
    position: relative;
}

.landing-page.revbridge-connect .performance-metrics-section > .container {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .performance-metrics-section {
        padding: 5rem 0;
    }
}

/* Section Header - usando padrão do tema */
.landing-page.revbridge-connect .performance-metrics-section .section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
}

.landing-page.revbridge-connect .performance-metrics-section .section-header h2 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-4xl);
    color: var(--color-gray-900);
    margin: 0;
    line-height: var(--line-height-tight);
}

.landing-page.revbridge-connect .performance-metrics-section .section-header p {
    font-size: var(--font-size-lg);
    color: var(--color-gray-600);
    margin: 0;
    line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .performance-metrics-section .section-header h2 {
        font-size: var(--font-size-5xl);
    }
}

.metrics-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: stretch;
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .metrics-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: center;
    }
}

.metrics-copy {
    text-align: left;
    width: 100%;
}

.metrics-copy p {
    font-size: var(--font-size-base);
    color: var(--color-gray-600);
    margin: 0 0 1rem 0;
    line-height: var(--line-height-relaxed);
}

.metrics-copy p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .metrics-copy p {
        display: none;
    }
}

@media (min-width: 768px) {
    .metrics-copy p {
        font-size: var(--font-size-lg);
        display: block;
    }
}

.metrics-cards-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.metrics-grid {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.metric-card {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    min-height: 160px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.metric-card-single {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: translateY(0) scale(1);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
}

.metric-card:hover {
    box-shadow: 0 10px 25px -5px rgba(232, 17, 17, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px) scale(1);
    border-color: rgba(232, 17, 17, 0.3);
}

@media (min-width: 768px) {
    .metric-card {
        padding: 1.5rem;
        min-height: 180px;
    }
}

@media (min-width: 992px) {
    .metric-card {
        left: 0;
        right: 0;
    }
}

/* Cards aparecem um por vez na mesma posição */
.metrics-grid {
    position: relative;
}

@keyframes slideInOverlap {
    0% {
        opacity: 0;
        transform: translateY(40px) scale(0.96);
        visibility: visible;
        z-index: 10;
        filter: none;
    }
    50% {
        opacity: 0.7;
        transform: translateY(-4px) scale(1.01);
        filter: none;
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible;
        z-index: 10;
        filter: none;
    }
}

/* Garantir que cards não ativos fiquem ocultos, exceto o próximo (prévia) */
.metric-card:not(.animate) {
    pointer-events: none !important;
}


.metric-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.metric-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-700);
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
}

.metric-icon {
    width: 2.5rem;
    height: 2.5rem;
    background: linear-gradient(135deg, rgba(232, 17, 17, 0.1) 0%, rgba(232, 17, 17, 0.05) 100%);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--red-primary);
    transition: all 0.3s ease;
}

.metric-card:hover .metric-icon {
    background: linear-gradient(135deg, rgba(232, 17, 17, 0.15) 0%, rgba(232, 17, 17, 0.1) 100%);
}

.metric-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.metric-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #111827;
    margin: 1rem 0 0.75rem 0;
    line-height: 1.2;
}

.metric-trend {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin: 0 0 0.5rem 0;
    font-size: 0.875rem;
}

.metric-trend.trend-up {
    color: #10b981;
}

.metric-trend.trend-down {
    color: #ef4444;
}

.trend-icon {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: #10b981;
}

.trend-text {
    color: #10b981;
    font-weight: 500;
}

.metric-detail,
.metric-period {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    margin-top: auto;
    text-align: left;
    font-weight: 400;
}

.metric-target {
    font-size: 0.875rem;
    color: #f97316; /* Orange color */
    margin: 0.5rem 0 0 0;
    font-weight: 500;
}

@media (max-width: 767px) {
    .performance-metrics-section {
        padding: 3rem 0;
    }
    
    .performance-metrics-section .container {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 100%;
    }
    
    .metrics-layout {
        gap: 2rem;
        width: 100%;
    }
    
    .metrics-copy {
        width: 100%;
        padding: 0;
    }
    
    .metrics-cards-wrapper {
        min-height: 200px;
        padding: 0;
        width: 100%;
        overflow: visible;
    }
    
    .metrics-grid {
        min-height: 200px;
        width: 100%;
        position: relative;
    }
    
    .metric-card {
        padding: 1.25rem;
        min-height: 160px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        position: absolute;
        box-sizing: border-box;
    }
    
    .metric-value {
        font-size: 2rem;
    }
    
    .metric-header {
        margin-bottom: 0.75rem;
    }

    .metric-title {
        font-size: 0.8125rem;
    }

    .metric-trend,
    .metric-detail,
    .metric-period,
    .metric-target {
        font-size: 0.75rem;
    }
}

/* ========================================
   REFACTORED SECTIONS - Clean & Conflict-Free
   Developer API & Comparison Table
   Prefix: rbc- (RevBridge Connect)
   ======================================== */

/* ========================================
   1. DEVELOPER API SECTION
   ======================================== */

.landing-page.revbridge-connect .rbc-dev-api-section {
    padding: 5rem 0;
    background: #fafafa;
    overflow: hidden;
}

.landing-page.revbridge-connect .rbc-dev-api-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .rbc-dev-api-wrapper {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 4rem;
    }
}

.landing-page.revbridge-connect .rbc-dev-api-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.landing-page.revbridge-connect .rbc-dev-api-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.landing-page.revbridge-connect .rbc-dev-api-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(238, 52, 27, 0.1);
    color: #EE341B;
}

.landing-page.revbridge-connect .rbc-dev-api-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #6b7280;
}

.landing-page.revbridge-connect .rbc-dev-api-title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #111827;
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-dev-api-title {
        font-size: 2.5rem;
    }
}

.landing-page.revbridge-connect .rbc-dev-api-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-dev-api-desc {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .rbc-dev-api-features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .landing-page.revbridge-connect .rbc-dev-api-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

.landing-page.revbridge-connect .rbc-dev-api-feature-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #4b5563;
    box-shadow: 0 24px 64px -32px rgba(27, 31, 45, 0.25);
    transition: all 0.2s ease;
}

.landing-page.revbridge-connect .rbc-dev-api-feature-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 32px 80px -32px rgba(27, 31, 45, 0.3);
}

.landing-page.revbridge-connect .rbc-dev-api-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(238, 52, 27, 0.1);
    color: #EE341B;
    flex-shrink: 0;
}

.landing-page.revbridge-connect .rbc-dev-api-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.landing-page.revbridge-connect .rbc-dev-api-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.landing-page.revbridge-connect .rbc-dev-api-link {
    font-size: 0.875rem;
    font-weight: 600;
    color: #EE341B;
    text-decoration: none;
    transition: all 0.2s ease;
}

.landing-page.revbridge-connect .rbc-dev-api-link:hover {
    text-decoration: underline;
}

/* Terminal Wrapper */
.landing-page.revbridge-connect .rbc-dev-api-terminal-wrapper {
    display: none;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-dev-api-terminal-wrapper {
        display: block;
    }
}

.landing-page.revbridge-connect .rbc-dev-terminal {
    background: #111626;
    border: 1px solid rgba(238, 52, 27, 0.25);
    border-radius: 1rem;
    padding: 1.5rem;
    overflow: hidden;
    box-shadow: 0 12px 32px -16px rgba(27, 31, 45, 0.2);
}

.landing-page.revbridge-connect .rbc-terminal-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.landing-page.revbridge-connect .rbc-terminal-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.landing-page.revbridge-connect .rbc-dot-red {
    background: #EE341B;
}

.landing-page.revbridge-connect .rbc-dot-yellow {
    background: #fba441;
}

.landing-page.revbridge-connect .rbc-dot-green {
    background: #10b981;
}

.landing-page.revbridge-connect .rbc-terminal-title {
    margin-left: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.5);
}

.landing-page.revbridge-connect .rbc-terminal-body {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.landing-page.revbridge-connect .rbc-terminal-body::-webkit-scrollbar {
    display: none;
}

.landing-page.revbridge-connect .rbc-code-line {
    margin-bottom: 0.125rem;
}

.landing-page.revbridge-connect .rbc-cmd {
    color: #6ee7b7;
}

.landing-page.revbridge-connect .rbc-flag {
    color: #93c5fd;
}

.landing-page.revbridge-connect .rbc-str {
    color: #fde68a;
}

.landing-page.revbridge-connect .rbc-indent-1 {
    margin-left: 0.5rem;
}

.landing-page.revbridge-connect .rbc-indent-2 {
    margin-left: 1rem;
}

.landing-page.revbridge-connect .rbc-indent-3 {
    margin-left: 1.5rem;
}

.landing-page.revbridge-connect .rbc-indent-4 {
    margin-left: 2rem;
}

.landing-page.revbridge-connect .rbc-indent-5 {
    margin-left: 2.5rem;
}

.landing-page.revbridge-connect .rbc-indent-6 {
    margin-left: 3rem;
}

@media (max-width: 1023px) {
    .landing-page.revbridge-connect .rbc-code-line {
        word-break: break-all;
    }
}

/* ========================================
   2. COMPARISON TABLE SECTION
   ======================================== */

.landing-page.revbridge-connect .rbc-comparison-section {
    padding: 5rem 0;
    background: #fafafa;
}

.landing-page.revbridge-connect .rbc-comparison-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3rem;
}

.landing-page.revbridge-connect .rbc-comparison-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #6b7280;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

.landing-page.revbridge-connect .rbc-comparison-title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #111827;
    margin: 0 0 1rem;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-comparison-title {
        font-size: 2.5rem;
    }
}

.landing-page.revbridge-connect .rbc-comparison-subtitle {
    font-size: 1rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-comparison-subtitle {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .rbc-table-wrapper {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.landing-page.revbridge-connect .rbc-comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-comparison-table {
        min-width: 600px;
    }
}

.landing-page.revbridge-connect .rbc-comparison-table thead {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.landing-page.revbridge-connect .rbc-comparison-table th {
    padding: 1.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.8125rem;
    color: #111827;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.landing-page.revbridge-connect .rbc-table-feature-col {
    text-align: left !important;
    color: #6b7280 !important;
    font-size: 0.75rem !important;
    width: 35%;
}

.landing-page.revbridge-connect .rbc-table-provider {
    width: 21.67%;
}

.landing-page.revbridge-connect .rbc-provider-logo {
    height: 3rem;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.landing-page.revbridge-connect .rbc-table-highlight .rbc-provider-logo {
    height: 3rem;
    max-width: 180px;
}

.landing-page.revbridge-connect .rbc-table-provider:not(.rbc-table-highlight) .rbc-provider-logo {
    height: 2rem;
    max-width: 120px;
    filter: grayscale(0.4);
    opacity: 0.7;
}

.landing-page.revbridge-connect .rbc-comparison-table td {
    padding: 1.25rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 0.9375rem;
    background: #ffffff;
}

.landing-page.revbridge-connect .rbc-table-feature {
    text-align: left !important;
    font-weight: 400;
    color: #111827 !important;
}

.landing-page.revbridge-connect .rbc-comparison-table tbody tr:hover {
    background: transparent;
}

.landing-page.revbridge-connect .rbc-comparison-table tbody tr:hover .rbc-table-highlight {
    background: #ffffff;
}

.landing-page.revbridge-connect .rbc-table-highlight {
    background: #ffffff !important;
}

.landing-page.revbridge-connect .rbc-icon-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
}

.landing-page.revbridge-connect .rbc-icon-cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #EE341B;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
}

.landing-page.revbridge-connect .rbc-badge-limited {
    display: inline-block;
    padding: 0.5rem 0.875rem;
    background: #f3f4f6;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.8125rem;
    border-radius: 0.375rem;
}

.landing-page.revbridge-connect .rbc-time-value {
    color: #EE341B;
    font-weight: 600;
    font-size: 0.9375rem;
}

.landing-page.revbridge-connect .rbc-time-other {
    color: #6b7280;
    font-size: 0.9375rem;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-comparison-section {
        padding: 3rem 0;
    }

    .landing-page.revbridge-connect .rbc-comparison-header {
        margin-bottom: 2rem;
    }

    .landing-page.revbridge-connect .rbc-comparison-table th,
    .landing-page.revbridge-connect .rbc-comparison-table td {
        padding: 1.25rem 1rem;
        font-size: 0.875rem;
    }

    .landing-page.revbridge-connect .rbc-table-highlight .rbc-provider-logo {
        height: 2.25rem;
        max-width: 140px;
    }

    .landing-page.revbridge-connect .rbc-table-provider:not(.rbc-table-highlight) .rbc-provider-logo {
        height: 1.5rem;
        max-width: 90px;
    }

    .landing-page.revbridge-connect .rbc-icon-check,
    .landing-page.revbridge-connect .rbc-icon-cross {
        font-size: 0.9375rem;
    }
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-dev-api-section {
        padding: 3rem 0;
    }
}

/* ========================================
   3. PERFORMANCE METRICS SECTION
   ======================================== */

.landing-page.revbridge-connect .rbc-metrics-section {
    padding: 5rem 0;
    background: #ffffff;
}

.landing-page.revbridge-connect .rbc-metrics-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3rem;
}

.landing-page.revbridge-connect .rbc-metrics-title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #111827;
    margin: 0 0 1rem;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-metrics-title {
        font-size: 2.5rem;
    }
}

.landing-page.revbridge-connect .rbc-metrics-subtitle {
    font-size: 1rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

@media (min-width: 768px) {
    .landing-page.revbridge-connect .rbc-metrics-subtitle {
        font-size: 1.125rem;
    }
}

.landing-page.revbridge-connect .rbc-metrics-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}

@media (min-width: 1024px) {
    .landing-page.revbridge-connect .rbc-metrics-layout {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 4rem;
        align-items: start;
    }
}

.landing-page.revbridge-connect .rbc-metrics-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.landing-page.revbridge-connect .rbc-metrics-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

.landing-page.revbridge-connect .rbc-metrics-cards {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Featured Metric Card */
.landing-page.revbridge-connect .rbc-metric-card.rbc-metric-featured {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.landing-page.revbridge-connect .rbc-metric-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.landing-page.revbridge-connect .rbc-metric-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
}

.landing-page.revbridge-connect .rbc-metric-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: rgba(238, 52, 27, 0.1);
    color: #EE341B;
}

.landing-page.revbridge-connect .rbc-metric-value {
    font-size: 3rem;
    font-weight: 700;
    color: #111827;
    line-height: 1;
    margin-bottom: 0.75rem;
}

.landing-page.revbridge-connect .rbc-metric-trend {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
}

.landing-page.revbridge-connect .rbc-metric-trend.rbc-trend-up {
    color: #10b981;
}

.landing-page.revbridge-connect .rbc-trend-icon {
    font-size: 1rem;
    font-weight: 700;
}

.landing-page.revbridge-connect .rbc-metric-trend span:not(.rbc-trend-icon) {
    font-size: 0.875rem;
    font-weight: 600;
}

.landing-page.revbridge-connect .rbc-metric-detail {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Rotating single metric card container */
.landing-page.revbridge-connect .rbc-metrics-rotating {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    min-height: 220px;
}

.landing-page.revbridge-connect .rbc-metrics-rotating .rbc-metric-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1.25rem;
    padding: 2rem 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(50px) scale(0.95);
    transition: none;
}

/* Rotating animation - each card appears one by one */
.landing-page.revbridge-connect .rbc-metric-rotate[data-metric="1"] {
    animation: metricFadeInOut 8s ease-in-out 0s infinite;
}

.landing-page.revbridge-connect .rbc-metric-rotate[data-metric="2"] {
    animation: metricFadeInOut 8s ease-in-out 2s infinite;
}

.landing-page.revbridge-connect .rbc-metric-rotate[data-metric="3"] {
    animation: metricFadeInOut 8s ease-in-out 4s infinite;
}

.landing-page.revbridge-connect .rbc-metric-rotate[data-metric="4"] {
    animation: metricFadeInOut 8s ease-in-out 6s infinite;
}

@keyframes metricFadeInOut {
    0% {
        opacity: 0;
        transform: translateX(50px) scale(0.95);
        z-index: 1;
    }
    5% {
        opacity: 1;
        transform: translateX(0) scale(1);
        z-index: 2;
    }
    20% {
        opacity: 1;
        transform: translateX(0) scale(1);
        z-index: 2;
    }
    25% {
        opacity: 0;
        transform: translateX(-50px) scale(0.95);
        z-index: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-50px) scale(0.95);
        z-index: 1;
    }
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-metrics-rotating {
        max-width: 100%;
    }

    .landing-page.revbridge-connect .rbc-metrics-rotating .rbc-metric-card {
        padding: 1.5rem;
    }
}

.landing-page.revbridge-connect .rbc-metric-icon-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: #f3f4f6;
    color: #6b7280;
}

.landing-page.revbridge-connect .rbc-metric-value-sm {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    line-height: 1;
    margin: 1rem 0 0.5rem;
}

.landing-page.revbridge-connect .rbc-metric-trend-sm {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.landing-page.revbridge-connect .rbc-metric-trend-sm.rbc-trend-up {
    color: #10b981;
}

.landing-page.revbridge-connect .rbc-metric-trend-sm span:not(.rbc-trend-icon) {
    font-size: 0.75rem;
    font-weight: 600;
}

.landing-page.revbridge-connect .rbc-metric-detail-sm {
    font-size: 0.75rem;
    color: #9ca3af;
}

@media (max-width: 767px) {
    .landing-page.revbridge-connect .rbc-metrics-section {
        padding: 3rem 0;
    }

    .landing-page.revbridge-connect .rbc-metrics-header {
        margin-bottom: 2rem;
    }

    .landing-page.revbridge-connect .rbc-metric-value {
        font-size: 2.5rem;
    }

    .landing-page.revbridge-connect .rbc-metric-value-sm {
        font-size: 1.75rem;
    }
}