:root {--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #f5576c;--accent-color: #00f2fe;--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-tertiary: #252538;--bg-card: #1e1e30;--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: 0.5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);--shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.4);--font-primary: 'Sora', sans-serif;--font-secondary: 'Inter', sans-serif;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-secondary);background: var(--bg-primary);color: var(--text-primary);line-height: 1.6;overflow-x: hidden;}.container {max-width: 1280px;margin: 0 auto;padding: 0 var(--spacing-md);}.navbar {position: fixed;top: 0;left: 0;right: 0;background: rgba(15, 15, 30, 0.95);backdrop-filter: blur(10px);border-bottom: 1px solid rgba(255, 255, 255, 0.1);z-index: 1000;padding: var(--spacing-sm) 0;}.nav-content {display: flex;align-items: center;justify-content: space-between;}.logo {display: flex;align-items: center;gap: var(--spacing-xs);font-size: 1.5rem;font-family: var(--font-primary);font-weight: 700;}.logo i {color: var(--primary-color);font-size: 1.75rem;}.logo .highlight {background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-links {display: flex;list-style: none;gap: var(--spacing-lg);}.nav-links a {color: var(--text-secondary);text-decoration: none;font-weight: 500;transition: color 0.3s;}.nav-links a:hover {color: var(--text-primary);}.nav-actions {display: flex;gap: var(--spacing-sm);}.mobile-menu-toggle {display: none;font-size: 1.5rem;cursor: pointer;}.btn-primary, .btn-secondary, .btn-outline, .btn-outline-light, .btn-pricing {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: 0.75rem 1.5rem;border-radius: var(--radius-md);font-weight: 600;text-decoration: none;cursor: pointer;border: none;transition: all 0.3s;font-family: var(--font-secondary);}.btn-primary {background: var(--primary-gradient);color: white;}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);}.btn-secondary {background: transparent;color: var(--text-primary);border: 1px solid rgba(255, 255, 255, 0.2);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.1);}.btn-outline {background: transparent;color: var(--text-primary);border: 2px solid rgba(255, 255, 255, 0.2);}.btn-outline:hover {background: rgba(255, 255, 255, 0.1);border-color: var(--primary-color);}.btn-outline-light {background: rgba(255, 255, 255, 0.1);color: white;border: 2px solid rgba(255, 255, 255, 0.3);}.btn-outline-light:hover {background: rgba(255, 255, 255, 0.2);}.btn-large {padding: 1rem 2rem;font-size: 1.05rem;}.btn-pricing {width: 100%;justify-content: center;background: var(--primary-gradient);color: white;}.btn-pricing:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);}.hero {position: relative;padding: calc(80px + var(--spacing-3xl)) 0 var(--spacing-3xl);overflow: hidden;}.hero-content {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--spacing-2xl);align-items: center;}.hero-left {z-index: 2;}.badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);background: #0f172a;color: #ffffff;padding: 0.5rem 1rem;border-radius: var(--radius-xl);font-size: 0.9rem;font-weight: 600;margin-bottom: var(--spacing-md);border: 1px solid rgba(102, 126, 234, 0.3);}.hero-title {font-family: var(--font-primary);font-size: 3rem;font-weight: 800;line-height: 1.15;margin-bottom: var(--spacing-md);}.gradient-text {background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero-subtitle {font-size: 1.1rem;color: var(--text-secondary);margin-bottom: var(--spacing-lg);line-height: 1.65;}.hero-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md);margin-bottom: var(--spacing-lg);}.stat-item {text-align: left;}.stat-number {font-family: var(--font-primary);font-size: 1.75rem;font-weight: 700;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.stat-label {color: var(--text-secondary);font-size: 0.9rem;margin-top: 0.25rem;}.hero-actions {display: flex;gap: var(--spacing-md);margin-bottom: var(--spacing-lg);}.trust-badges {display: flex;gap: var(--spacing-lg);flex-wrap: wrap;}.trust-item {display: flex;align-items: center;gap: var(--spacing-xs);color: var(--text-secondary);font-size: 0.9rem;}.trust-item i {color: var(--accent-color);}.hero-right {z-index: 2;}.chart-container {background: var(--bg-card);border-radius: var(--radius-lg);padding: var(--spacing-lg);box-shadow: var(--shadow-lg);border: 1px solid rgba(255, 255, 255, 0.1);}#trafficChart {max-height: 350px;height: 350px !important;}.chart-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-md);}.chart-header h3 {font-family: var(--font-primary);font-size: 1.25rem;}.chart-controls {display: flex;gap: 0.5rem;background: var(--bg-secondary);padding: 0.25rem;border-radius: var(--radius-sm);}.chart-btn {padding: 0.5rem 1rem;background: transparent;color: var(--text-secondary);border: none;border-radius: var(--radius-sm);cursor: pointer;font-size: 0.85rem;font-weight: 600;transition: all 0.3s;}.chart-btn.active {background: var(--primary-gradient);color: white;}.device-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md);margin-top: var(--spacing-lg);}.device-stat {display: flex;align-items: center;gap: var(--spacing-sm);background: var(--bg-secondary);padding: var(--spacing-sm);border-radius: var(--radius-md);}.device-icon {width: 48px;height: 48px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}.device-icon.desktop {background-color: #667eea;}.device-icon.mobile {background-color: #f5576c;}.device-icon.tablet {background-color: #00f2fe;}.device-info {flex: 1;}.device-label {font-size: 0.85rem;color: var(--text-secondary);}.device-value {font-family: var(--font-primary);font-size: 1.25rem;font-weight: 700;}.hero-background {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;z-index: 0;}.gradient-orb {position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.3;animation: float 20s infinite;}.orb-1 {width: 400px;height: 400px;background: var(--primary-gradient);top: -100px;right: -100px;}.orb-2 {width: 300px;height: 300px;background: var(--secondary-gradient);bottom: -50px;left: -50px;animation-delay: -5s;}.orb-3 {width: 350px;height: 350px;background: var(--accent-gradient);top: 50%;left: 50%;animation-delay: -10s;}@keyframes float {0%, 100% {transform: translate(0, 0) scale(1);}33% {transform: translate(30px, -30px) scale(1.1);}66% {transform: translate(-20px, 20px) scale(0.9);}}.section-header {text-align: center;margin-bottom: var(--spacing-3xl);}.section-badge {display: inline-block;background: rgba(102, 126, 234, 0.15);color: var(--primary-color);padding: 0.5rem 1rem;border-radius: var(--radius-xl);font-size: 0.9rem;font-weight: 600;margin-bottom: var(--spacing-md);border: 1px solid rgba(102, 126, 234, 0.3);}.section-title {font-family: var(--font-primary);font-size: 2.75rem;font-weight: 800;margin-bottom: var(--spacing-md);}.section-subtitle {font-size: 1.15rem;color: var(--text-secondary);max-width: 700px;margin: 0 auto;line-height: 1.7;}.features {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);}.feature-card {background: var(--bg-card);padding: var(--spacing-xl);border-radius: var(--radius-lg);border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s;}.feature-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--primary-color);}.feature-icon {width: 64px;height: 64px;background: var(--primary-gradient);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;margin-bottom: var(--spacing-md);}.feature-card h3 {font-family: var(--font-primary);font-size: 1.35rem;margin-bottom: var(--spacing-sm);}.feature-card p {color: var(--text-secondary);line-height: 1.7;}.pricing {padding: var(--spacing-3xl) 0;}.pricing-filters {margin-bottom: var(--spacing-xl);}.filter-group {text-align: center;}.filter-group label {display: block;font-size: 1.1rem;font-weight: 600;margin-bottom: var(--spacing-md);color: var(--text-secondary);}.device-options {display: inline-flex;gap: var(--spacing-md);background: var(--bg-card);padding: var(--spacing-sm);border-radius: var(--radius-lg);border: 1px solid rgba(255, 255, 255, 0.1);}.device-option {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-md) var(--spacing-lg);background: transparent;border: 2px solid transparent;border-radius: var(--radius-md);color: var(--text-secondary);cursor: pointer;transition: all 0.3s;font-weight: 600;}.device-option i {font-size: 1.5rem;}.device-option:hover {background: rgba(102, 126, 234, 0.1);color: var(--text-primary);}.device-option.active {background: var(--primary-gradient);color: white;border-color: var(--primary-color);}.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin-bottom: var(--spacing-xl);}.pricing-card {position: relative;background: var(--bg-card);border: 2px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-xl);transition: all 0.3s;}.pricing-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);}.pricing-card.featured {border-color: var(--primary-color);box-shadow: 0 0 40px rgba(102, 126, 234, 0.3);}.popular-badge {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--secondary-gradient);color: white;padding: 0.5rem 1.5rem;border-radius: var(--radius-xl);font-size: 0.85rem;font-weight: 700;text-transform: uppercase;}.pricing-header {text-align: center;margin-bottom: var(--spacing-lg);}.pricing-header h3 {font-family: var(--font-primary);font-size: 1.75rem;font-weight: 700;margin-bottom: var(--spacing-xs);}.pricing-header p {color: var(--text-secondary);}.pricing-price {text-align: center;margin-bottom: var(--spacing-xl);}.currency {font-size: 1.5rem;font-weight: 600;vertical-align: top;}.amount {font-family: var(--font-primary);font-size: 3.5rem;font-weight: 800;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.period {color: var(--text-secondary);font-size: 1rem;}.pricing-features {list-style: none;margin-bottom: var(--spacing-xl);}.pricing-features li {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) 0;color: var(--text-secondary);}.pricing-features i {color: var(--success-color);font-size: 1.1rem;}.pricing-note {display: flex;align-items: center;gap: var(--spacing-sm);background: rgba(102, 126, 234, 0.1);padding: var(--spacing-md) var(--spacing-lg);border-radius: var(--radius-md);border: 1px solid rgba(102, 126, 234, 0.3);text-align: center;justify-content: center;}.pricing-note i {color: var(--primary-color);font-size: 1.25rem;}.pricing-note p {color: var(--text-secondary);margin: 0;}.locations {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.locations-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-md);}.location-card {position: relative;background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-lg);text-align: center;transition: all 0.3s;}.location-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--primary-color);}.location-flag {font-size: 3rem;margin-bottom: var(--spacing-sm);}.location-card h3 {font-family: var(--font-primary);font-size: 1.15rem;margin-bottom: var(--spacing-xs);}.location-card p {color: var(--text-secondary);font-size: 0.9rem;line-height: 1.6;}.location-badge {position: absolute;top: -8px;right: -8px;background: var(--secondary-gradient);color: white;padding: 0.25rem 0.75rem;border-radius: var(--radius-sm);font-size: 0.75rem;font-weight: 700;text-transform: uppercase;}.how-it-works {padding: var(--spacing-3xl) 0;}.steps-grid {display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;gap: var(--spacing-lg);align-items: center;}.step-card {position: relative;background: var(--bg-card);border: 2px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-xl);text-align: center;transition: all 0.3s;}.step-card:hover {border-color: var(--primary-color);transform: translateY(-4px);}.step-number {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);width: 40px;height: 40px;background: var(--primary-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: var(--font-primary);font-weight: 700;font-size: 1.25rem;}.step-icon {width: 80px;height: 80px;background: rgba(102, 126, 234, 0.15);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--spacing-md);font-size: 2rem;color: var(--primary-color);}.step-card h3 {font-family: var(--font-primary);font-size: 1.35rem;margin-bottom: var(--spacing-sm);}.step-card p {color: var(--text-secondary);line-height: 1.6;}.step-arrow {font-size: 1.5rem;color: var(--text-muted);}.testimonials {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.testimonials-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);}.testimonial-card {background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-xl);}.rating {display: flex;gap: 0.25rem;margin-bottom: var(--spacing-md);}.rating i {color: #fbbf24;}.testimonial-card p {color: var(--text-secondary);line-height: 1.7;margin-bottom: var(--spacing-lg);}.testimonial-author {display: flex;align-items: center;gap: var(--spacing-sm);}.author-avatar {width: 48px;height: 48px;background: var(--primary-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;}.author-info h4 {font-size: 1rem;margin-bottom: 0.25rem;}.author-info span {color: var(--text-secondary);font-size: 0.85rem;}.cta {padding: var(--spacing-3xl) 0;background: var(--primary-gradient);position: relative;overflow: hidden;}.cta::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);background-size: 30px 30px;opacity: 0.3;}.cta-content {position: relative;text-align: center;z-index: 1;}.cta h2 {font-family: var(--font-primary);font-size: 2.75rem;font-weight: 800;margin-bottom: var(--spacing-md);}.cta p {font-size: 1.25rem;margin-bottom: var(--spacing-xl);opacity: 0.9;}.cta-actions {display: flex;gap: var(--spacing-md);justify-content: center;}.footer {background: var(--bg-secondary);padding: var(--spacing-3xl) 0 var(--spacing-lg);}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1.5fr;gap: var(--spacing-xl);margin-bottom: var(--spacing-xl);}.footer-logo {display: flex;align-items: center;gap: var(--spacing-xs);font-size: 1.5rem;font-family: var(--font-primary);font-weight: 700;margin-bottom: var(--spacing-md);}.footer-logo i {color: var(--primary-color);font-size: 1.75rem;}.footer-col p {color: var(--text-secondary);margin-bottom: var(--spacing-md);line-height: 1.7;}.footer-col h3 {font-family: var(--font-primary);margin-bottom: var(--spacing-md);}.footer-col ul {list-style: none;}.footer-col li {margin-bottom: var(--spacing-xs);}.footer-col a {color: var(--text-secondary);text-decoration: none;transition: color 0.3s;}.footer-col a:hover {color: var(--primary-color);}.contact-info li {display: flex;align-items: center;gap: var(--spacing-xs);color: var(--text-secondary);}.contact-info i {color: var(--primary-color);width: 20px;}.social-links {display: flex;gap: var(--spacing-sm);}.social-links a {width: 40px;height: 40px;background: rgba(102, 126, 234, 0.15);border: 1px solid rgba(102, 126, 234, 0.3);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: var(--primary-color);transition: all 0.3s;}.social-links a:hover {background: var(--primary-gradient);color: white;transform: translateY(-2px);}.footer-bottom {display: flex;justify-content: space-between;align-items: center;padding-top: var(--spacing-lg);border-top: 1px solid rgba(255, 255, 255, 0.1);color: var(--text-secondary);}.footer-links {display: flex;gap: var(--spacing-lg);}.footer-links a {color: var(--text-secondary);text-decoration: none;transition: color 0.3s;}.footer-links a:hover {color: var(--primary-color);}.comparison {padding: var(--spacing-3xl) 0;}.comparison-grid {display: grid;grid-template-columns: 1fr auto 1fr;gap: var(--spacing-xl);align-items: start;}.comparison-card {background: var(--bg-card);border: 2px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-xl);height: 100%;}.comparison-card.without {border-color: rgba(239, 68, 68, 0.3);}.comparison-card.with {border-color: rgba(16, 185, 129, 0.3);}.comparison-header {text-align: center;margin-bottom: var(--spacing-lg);display: flex;align-items: center;justify-content: center;}.comparison-header h3 {font-family: var(--font-primary);font-size: 1.5rem;margin-bottom: 0;margin-right: 10px;}.emoji {font-size: 2.5rem;}.comparison-items {display: flex;flex-direction: column;gap: var(--spacing-lg);}.comparison-item h4 {font-family: var(--font-primary);font-size: 1.1rem;margin-bottom: var(--spacing-xs);}.comparison-item p {color: var(--text-secondary);line-height: 1.7;font-size: 0.95rem;}.highlight-bad {color: var(--error-color);}.highlight-good {color: var(--success-color);}.vs-divider {font-family: var(--font-primary);font-size: 2rem;font-weight: 800;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: flex;align-items: center;justify-content: center;padding-top: 60px;}.comparison-stat {margin-top: var(--spacing-md);}.stat-box {background: var(--bg-secondary);border-radius: var(--radius-md);padding: var(--spacing-lg);text-align: center;}.stat-box.bad {border: 2px solid rgba(239, 68, 68, 0.3);}.stat-box.good {border: 2px solid rgba(16, 185, 129, 0.3);}.stat-box .stat-label {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;}.stat-box .stat-value {font-family: var(--font-primary);font-size: 2.5rem;font-weight: 800;margin: var(--spacing-xs) 0;}.stat-box.bad .stat-value {color: var(--error-color);}.stat-box.good .stat-value {color: var(--success-color);}.stat-box .stat-sublabel {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;}.stat-box .stat-subvalue {font-family: var(--font-primary);font-size: 1.25rem;font-weight: 700;margin-top: var(--spacing-xs);color: var(--text-primary);}.location-tabs-wrapper {display: block;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg);flex-wrap: wrap;justify-content: center;background: var(--bg-card);padding: var(--spacing-md);border-radius: var(--radius-xl);border: 1px solid rgba(255, 255, 255, 0.1);}.location-tabs-row{display: flex;justify-content: center;margin-bottom: 1rem;gap: 10px;}.location-tab {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);background: var(--bg-card);border: 2px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);color: var(--text-secondary);cursor: pointer;transition: all 0.3s;font-weight: 500;font-size: 16px;}.top-row-btn{padding: 1rem 5rem;}.bottom-row-btn{padding: 1rem 2rem;}.location-tab:hover {background: rgba(102, 126, 234, 0.1);border-color: var(--primary-color);color: var(--text-primary);}.location-tab.active {background: var(--primary-gradient);border-color: var(--primary-color);color: white;}.device-toggle-wrapper {display: flex;gap: var(--spacing-sm);justify-content: center;margin-bottom: var(--spacing-xl);background: var(--bg-card);padding: var(--spacing-md);border-radius: var(--radius-lg);width: fit-content;margin-left: auto;margin-right: auto;border: 1px solid rgba(255, 255, 255, 0.1);}.device-toggle-btn {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);background: transparent;border: 2px solid transparent;border-radius: var(--radius-md);color: var(--text-secondary);cursor: pointer;transition: all 0.3s;font-weight: 500;font-size: 16px;}.device-toggle-btn:hover {background: rgba(102, 126, 234, 0.1);color: var(--text-primary);}.device-toggle-btn.active {background: var(--primary-gradient);color: white;border-color: var(--primary-color);}.pricing-table-wrapper {overflow-x: auto;border-radius: var(--radius-lg);background: var(--bg-card);border: 2px solid rgba(102, 126, 234, 0.2);box-shadow: var(--shadow-lg);}.pricing-table {width: 100%;border-collapse: collapse;}.pricing-table thead {background: var(--bg-secondary);}.pricing-table th {padding: var(--spacing-md) var(--spacing-lg);text-align: left;font-family: var(--font-primary);font-weight: 700;color: var(--text-primary);text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.5px;}.pricing-table tbody tr {border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.pricing-table tbody tr:hover {background: rgba(102, 126, 234, 0.15);box-shadow: inset 0 0 0 2px rgba(102, 126, 234, 0.3);}.pricing-table tbody tr:hover .btn-buy {background: var(--primary-gradient);color: white;border-color: transparent;transform: scale(1.05);}.pricing-table tbody tr.popular-row {background: rgba(102, 126, 234, 0.1);border-left: 4px solid var(--primary-color);border-right: 4px solid var(--primary-color);}.pricing-table td {padding: var(--spacing-md) var(--spacing-lg);color: var(--text-secondary);}.pricing-table td strong {color: var(--text-primary);font-weight: 600;}.popular-badge {display: inline-block;background: var(--secondary-gradient);color: white;padding: 0.35rem 1rem;border-radius: var(--radius-xl);font-size: 0.7rem;font-weight: 700;text-transform: uppercase;margin-left: var(--spacing-sm);box-shadow: 0 4px 12px rgba(245, 87, 108, 0.4);animation: pulse-badge 2s infinite;}@keyframes pulse-badge {0%, 100% {transform: scale(1);}50% {transform: scale(1.05);}}.old-price {text-decoration: line-through;color: var(--text-muted);font-size: 0.9rem;}.new-price {font-family: var(--font-primary);font-weight: 700;font-size: 1.25rem;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.btn-buy {padding: 0.65rem 1.75rem;background: transparent;border: 2px solid rgba(102, 126, 234, 0.6);border-radius: var(--radius-md);color: var(--primary-color);font-weight: 600;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size: 0.85rem;text-transform: capitalize;letter-spacing: 0.3px;}.btn-buy-primary {border-color: var(--primary-color);}.about {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-3xl);align-items: start;}.about-block {margin-bottom: var(--spacing-xl);}.about-block h3 {font-family: var(--font-primary);font-size: 1.35rem;margin-bottom: var(--spacing-md);display: flex;align-items: center;gap: var(--spacing-sm);}.about-block h3 i {color: var(--primary-color);}.about-block p {color: var(--text-secondary);line-height: 1.8;}.analytics-mockup {background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border: 2px solid rgba(102, 126, 234, 0.3);border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 12px 40px rgba(102, 126, 234, 0.2);position: relative;}.analytics-mockup::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at top right, rgba(102, 126, 234, 0.1), transparent 70%);pointer-events: none;}.mockup-header {background: var(--bg-secondary);padding: var(--spacing-sm);display: flex;gap: var(--spacing-xs);}.mockup-header .dot {width: 12px;height: 12px;border-radius: 50%;background: var(--text-muted);}.mockup-header .dot:nth-child(1) {background: #ff5f56;}.mockup-header .dot:nth-child(2) {background: #ffbd2e;}.mockup-header .dot:nth-child(3) {background: #27c93f;}.mockup-content {padding: var(--spacing-xl);position: relative;z-index: 1;}.metric-card {background: rgba(26, 26, 46, 0.6);padding: var(--spacing-xl);border-radius: var(--radius-lg);text-align: center;margin-bottom: var(--spacing-xl);border: 1px solid rgba(102, 126, 234, 0.2);}.metric-label {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--spacing-xs);}.metric-value {font-family: var(--font-primary);font-size: 3.5rem;font-weight: 800;margin: var(--spacing-md) 0;line-height: 1;}.metric-sub {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;}.country-stats {display: flex;flex-direction: column;gap: var(--spacing-md);}.country-stat {display: grid;grid-template-columns: 120px 1fr 80px;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) 0;}.country-name {font-size: 0.95rem;color: var(--text-secondary);font-weight: 500;}.country-bar {height: 10px;background: var(--primary-gradient);border-radius: var(--radius-md);box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);position: relative;overflow: hidden;}.country-bar::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation: shimmer 2s infinite;}@keyframes shimmer {0% {transform: translateX(-100%);}100% {transform: translateX(100%);}}.country-value {font-family: var(--font-primary);font-weight: 700;text-align: right;font-size: 1.1rem;}.traffic-sources {padding: var(--spacing-3xl) 0;background: #f8f9fa;}.traffic-sources .section-badge {background: rgba(102, 126, 234, 0.1);color: var(--primary-color);}.traffic-sources .section-title {color: #1a1a1a;}.traffic-sources .section-subtitle {color: #666666;}.sources-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);}.source-card {background: var(--bg-card);border: 1px solid #e0e0e0;border-radius: var(--radius-lg);padding: var(--spacing-xl) var(--spacing-lg);text-align: center;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}.source-card:hover {transform: translateY(-6px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);border-color: #d0d0d0;}.source-icon {width: 72px;height: 72px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto var(--spacing-md);transition: transform 0.3s;}.source-card:hover .source-icon {transform: scale(1.05);}.source-icon.google {background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);color: white;}.source-icon.facebook {background: linear-gradient(135deg, #1877f2 0%, #0c64d4 100%);color: white;}.source-icon.referral {background: var(--secondary-gradient);color: white;}.source-icon.direct {background: var(--accent-gradient);color: white;}.source-icon.geo, .source-icon.city {background: var(--primary-gradient);color: white;}.source-icon.mixed {background: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #4facfe 100%);color: white;}.source-icon.events {background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);color: white;}.source-card h3 {font-family: var(--font-primary);font-size: 1.25rem;margin-bottom: var(--spacing-md);color: var(--text-secondary);font-weight: 700;}.source-card p {color: var(--text-primary);font-size: 0.95rem;line-height: 1.65;}.features {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);}.feature-card {background: var(--bg-card);padding: var(--spacing-xl);border-radius: var(--radius-lg);border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s;}.feature-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--primary-color);}.feature-icon {width: 64px;height: 64px;background: var(--primary-gradient);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;margin-bottom: var(--spacing-md);}.feature-card h3 {font-family: var(--font-primary);font-size: 1.35rem;margin-bottom: var(--spacing-sm);}.feature-card p {color: var(--text-secondary);line-height: 1.7;}.blog-traffic {padding: var(--spacing-3xl) 0;background:var(--bg-secondary);}.blog-content {display: grid;grid-template-columns: 1fr 1.2fr;gap: var(--spacing-3xl);align-items: center;}.blog-text h2 {font-family: var(--font-primary);font-size: 2.25rem;font-weight: 800;margin-bottom: var(--spacing-lg);color: var(--text-primary);}.blog-text p {color: var(--text-secondary);line-height: 1.8;margin-bottom: var(--spacing-md);font-size: 1rem;}.blog-text strong {color: var(--primary-color);font-weight: 700;}.blog-mockup {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: var(--radius-lg);padding: var(--spacing-xl);box-shadow: 0 12px 40px rgba(102, 126, 234, 0.3);position: relative;}.blog-mockup::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');background-size: 80px 80px;opacity: 0.5;}.blog-stats {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-lg);position: relative;z-index: 1;}.blog-stat-item {background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(10px);padding: var(--spacing-lg);border-radius: var(--radius-md);border: 1px solid rgba(255, 255, 255, 0.2);}.blog-stat-label {font-size: 0.75rem;color: rgba(255, 255, 255, 0.8);text-transform: uppercase;margin-bottom: var(--spacing-sm);letter-spacing: 0.5px;}.blog-stat-value {font-family: var(--font-primary);font-size: 2rem;font-weight: 800;margin-bottom: var(--spacing-xs);color: white;}.blog-stat-change {font-size: 0.85rem;color: #4ade80;font-weight: 700;}.testimonials {padding: var(--spacing-3xl) 0;}.testimonials-masonry {column-count: 3;column-gap: var(--spacing-lg);}.testimonial-card {background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);break-inside: avoid;transition: all 0.3s;}.testimonial-card:hover {border-color: var(--primary-color);box-shadow: var(--shadow-md);}.testimonial-header {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-md);}.testimonial-card .author-avatar {width: 48px;height: 48px;background: var(--primary-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;flex-shrink: 0;}.testimonial-card .author-info h4 {font-size: 1rem;margin-bottom: 0.25rem;}.testimonial-card .author-info span {color: var(--text-secondary);font-size: 0.85rem;}.testimonial-card .rating {display: flex;gap: 0.25rem;margin-bottom: var(--spacing-md);}.testimonial-card .rating i {color: #fbbf24;font-size: 1.4rem;}.testimonial-card p {color: var(--text-secondary);line-height: 1.7;margin-bottom: var(--spacing-md);font-size: 0.95rem;}.testimonial-date {color: var(--text-muted);font-size: 0.8rem;}.testimonial-card.hidden {display: none;}.load-more-wrapper {text-align: center;margin-top: var(--spacing-xl);}.btn-load-more {padding: 1.15rem 3.5rem;background: var(--primary-gradient);color: white;border: none;border-radius: var(--radius-xl);font-weight: 700;font-size: 1rem;cursor: pointer;transition: all 0.3s;text-transform: uppercase;letter-spacing: 1px;box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);display: inline-flex;align-items: center;gap: var(--spacing-sm);}.btn-load-more:hover {transform: translateY(-3px);box-shadow: 0 12px 32px rgba(102, 126, 234, 0.6);}.btn-load-more i {font-size: 0.9rem;animation: bounce 2s infinite;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(4px);}}.btn-load-more.hidden {display: none;}.footer-col.newsletter-col-wide {grid-column: span 2;}.footer-col.newsletter-col-wide h3 {font-size: 1.5rem;margin-bottom: 1rem;}.footer-col.newsletter-col-wide > p:first-of-type {font-size: 1rem;margin-bottom: 1.5rem;opacity: 0.9;max-width: 600px;}.newsletter-input-group {display: flex;gap: 0.8rem;max-width: 600px;margin-bottom: 1rem;}.newsletter-form input[type="email"] {flex: 1;padding: 14px 18px;border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 8px;background: rgba(255, 255, 255, 0.1);color: #fff;font-size: 1rem;transition: all 0.3s ease;}.newsletter-form input[type="email"]::placeholder {color: rgba(255, 255, 255, 0.6);}.newsletter-form input[type="email"]:focus {outline: none;border-color: var(--accent-color);background: rgba(255, 255, 255, 0.15);}.newsletter-btn {padding: 14px 28px;background: linear-gradient(135deg, var(--accent-color), #e91e63);color: #fff;border: none;border-radius: 8px;font-weight: 600;font-size: 1rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 8px;white-space: nowrap;}.newsletter-btn:hover {transform: translateY(-2px);box-shadow: 0 5px 20px rgba(255, 64, 129, 0.4);}.newsletter-privacy {font-size: 0.85rem;opacity: 0.7;display: flex;align-items: center;gap: 6px;margin-top: 0.5rem;}.newsletter-privacy i {font-size: 0.8rem;}@media (max-width: 768px) {.footer-col.newsletter-col-wide {grid-column: span 1;}.newsletter-input-group {flex-direction: column;}.newsletter-btn {width: 100%;}}.faq {padding: var(--spacing-3xl) 0;background: var(--bg-secondary);}.faq-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-lg);}.faq-item {background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);margin-bottom: var(--spacing-md);overflow: hidden;transition: all 0.3s;}.faq-item:hover {border-color: var(--primary-color);}.faq-question {display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-md) var(--spacing-lg);cursor: pointer;font-weight: 600;user-select: none;}.faq-question i {color: var(--primary-color);transition: transform 0.3s;}.faq-item.active .faq-question i {transform: rotate(45deg);}.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}.faq-item.active .faq-answer {max-height: 500px;}.faq-answer p {padding: 0 var(--spacing-lg) var(--spacing-md);color: var(--text-secondary);line-height: 1.7;}@media (max-width: 1024px) {.hero-content {grid-template-columns: 1fr;gap: var(--spacing-xl);}.hero-title {font-size: 2.75rem;}.comparison-grid {grid-template-columns: 1fr;}.vs-divider {padding: var(--spacing-md) 0;rotate: 90deg;}.sources-grid {grid-template-columns: repeat(2, 1fr);}.about-grid, .blog-content {grid-template-columns: 1fr;}.testimonials-masonry {column-count: 2;}.faq-grid {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.nav-links, .nav-actions {display: none;}.mobile-menu-toggle {display: block;}.hero-title {font-size: 2rem;}.hero-subtitle {font-size: 1rem;}.hero-stats {grid-template-columns: 1fr;gap: var(--spacing-sm);}.hero-actions {flex-direction: column;}.section-title {font-size: 2rem;}.location-tabs-wrapper {flex-direction: column;gap: var(--spacing-xs);}.location-tab {width: 100%;justify-content: center;}.device-toggle-wrapper {flex-direction: column;width: 100%;}.device-toggle-btn {width: 100%;justify-content: center;}.pricing-table-wrapper {overflow-x: scroll;}.sources-grid {grid-template-columns: 1fr;}.blog-content {grid-template-columns: 1fr;}.blog-stats {grid-template-columns: 1fr;}.testimonials-masonry {column-count: 1;}.device-stats {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr;}.footer-bottom {flex-direction: column;gap: var(--spacing-md);text-align: center;}.cta h2 {font-size: 2rem;}.cta-actions {flex-direction: column;align-items: stretch;}}@media (max-width: 480px) {.trust-badges {flex-direction: column;gap: var(--spacing-sm);}.blog-stats {grid-template-columns: 1fr;}}.fs-1p4{font-size: 1.4rem!important;}
 @media screen and (max-width:767px){.hero-stats{min-height: 94px;}}