:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #22222e;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--header-bg: rgba(10, 10, 15, .85);--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--accent-subtle: rgba(99, 102, 241, .1);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--bg-card-hover: #f0f0f2;--text-primary: #1a1a1a;--text-secondary: #6b6b7b;--text-muted: #9ca3af;--header-bg: rgba(255, 255, 255, .85);--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .15);--accent-subtle: rgba(99, 102, 241, .08);--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .1);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--accent-glow)}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-size:1rem;font-weight:500;color:var(--text-secondary)}.card-value{font-size:2rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.success{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.warning{background:var(--warning);box-shadow:0 0 8px var(--warning)}.status-dot.danger{background:var(--danger);box-shadow:0 0 8px var(--danger)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.score-gauge{position:relative;width:120px;height:120px}.score-gauge svg{transform:rotate(-90deg)}.score-gauge-bg{fill:none;stroke:var(--bg-secondary);stroke-width:8}.score-gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.score-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;font-weight:700}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo svg{width:28px;height:28px}.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text-primary)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:64px;background:radial-gradient(ellipse at 50% 0%,var(--accent-subtle) 0%,transparent 50%),var(--bg-primary)}.hero-content{max-width:800px}.hero h1{margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:600px}.hero-cta{display:flex;gap:var(--space-md)}.hero-stats{display:flex;gap:var(--space-3xl);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.hero-stat{text-align:left}.hero-stat-value{font-size:2.5rem;font-weight:700;color:var(--accent)}.hero-stat-label{color:var(--text-muted);font-size:.9rem}.how-it-works{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{color:var(--text-secondary);max-width:500px;margin:0 auto}.step-card{text-align:center;padding:var(--space-xl)}.step-number{width:48px;height:48px;background:var(--accent-subtle);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto var(--space-lg)}.step-card h3{margin-bottom:var(--space-sm)}.step-card p{color:var(--text-secondary);font-size:.95rem}.pricing{padding:var(--space-3xl) 0}.pricing-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.pricing-card.featured{border-color:var(--accent);box-shadow:var(--shadow-glow)}.pricing-card.featured:before{content:"POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.pricing-name{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.pricing-price{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-xs)}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg)}.pricing-features{list-style:none;text-align:left;margin-bottom:var(--space-xl)}.pricing-features li{padding:var(--space-sm) 0;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:var(--space-sm)}.pricing-features li:before{content:"✓";color:var(--success);font-weight:600}.dashboard{display:flex;min-height:100vh;padding-top:64px}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--space-lg);position:fixed;top:64px;bottom:0;left:0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.9rem;transition:all var(--transition-fast)}.sidebar-link:hover,.sidebar-link.active{background:var(--bg-card);color:var(--text-primary)}.sidebar-link.active{color:var(--accent)}.main-content{flex:1;margin-left:240px;padding:var(--space-xl)}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-xs)}.page-subtitle{color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.metric-label{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.metric-value{font-size:2rem;font-weight:700}.metric-change{font-size:.85rem;margin-top:var(--space-xs)}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--danger)}.agents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:1024px){.agents-grid{grid-template-columns:repeat(2,1fr)}}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.agent-icon{width:40px;height:40px;background:var(--accent-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.agent-info{flex:1}.agent-name{font-weight:500;font-size:.9rem}.agent-status{font-size:.8rem;color:var(--text-muted)}.activity-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.activity-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px}.activity-content{flex:1}.activity-text{font-size:.9rem;margin-bottom:var(--space-xs)}.activity-time{font-size:.8rem;color:var(--text-muted)}.report-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;margin:0 auto}.report-header{text-align:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.report-title{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.1em}.report-business{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xs)}.report-date{color:var(--text-muted);font-size:.9rem}.score-section{text-align:center;padding:var(--space-xl) 0}.score-label{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-md)}.score-display{font-size:4rem;font-weight:700;line-height:1}.score-display span{font-size:2rem;color:var(--text-muted)}.platform-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-xl)}.platform-score{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.platform-name{font-size:.9rem}.platform-value{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-pulse{animation:pulse 2s infinite}.stagger>*:nth-child(1){animation-delay:.1s}.stagger>*:nth-child(2){animation-delay:.2s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.4s}