:root{--color-primary-900:#1e3a5f;--color-primary-800:#1a365d;--color-primary-700:#234e82;--color-primary-600:#2563eb;--color-primary-500:#3b82f6;--color-primary-400:#60a5fa;--color-primary-300:#93c5fd;--color-primary-200:#bfdbfe;--color-primary-100:#dbeafe;--color-primary-50:#eff6ff;--color-neutral-900:#111827;--color-neutral-800:#1f2937;--color-neutral-700:#374151;--color-neutral-600:#4b5563;--color-neutral-500:#6b7280;--color-neutral-400:#9ca3af;--color-neutral-300:#d1d5db;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-neutral-50:#f9fafb;--color-accent-600:#059669;--color-accent-500:#10b981;--color-accent-400:#34d399;--color-accent-100:#d1fae5;--color-danger-600:#dc2626;--color-danger-100:#fee2e2;--color-warning-600:#d97706;--color-warning-100:#fef3c7;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-family);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;line-height:1.6}body{color:var(--color-neutral-900);background-color:#fff;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);letter-spacing:-.025em;color:var(--color-neutral-900);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}p{color:var(--color-neutral-600);line-height:1.7}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}.hero-gradient{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-neutral-800) 100%)}.hero-text-gradient{background:linear-gradient(90deg, #fff 0%, var(--color-primary-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);box-shadow:var(--shadow-sm);background:#fff}.card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-highlighted{border:2px solid var(--color-primary-500);box-shadow:var(--shadow-xl);transform:scale(1.05)}.card-highlighted:hover{border-color:var(--color-primary-600);box-shadow:var(--shadow-xl), 0 0 0 3px var(--color-primary-100)}.btn-primary{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%);color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);transition:all var(--transition-base);border:none;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex;box-shadow:0 2px 4px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-800) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #2563eb4d}.btn-secondary{color:#fff;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);transition:all var(--transition-base);background:0 0;border:2px solid #fff;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex}.btn-secondary:hover{color:var(--color-neutral-900);box-shadow:var(--shadow-md);background:#fff}.btn-white{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);transition:all var(--transition-base);background:#fff;border:none;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex}.btn-white:hover{background:var(--color-primary-50);box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-input{width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-neutral-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none;line-height:1.5}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--color-neutral-400)}.form-textarea{width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-neutral-900);line-height:1.5;font-family:var(--font-family);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none}.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--space-1);display:block}.form-hint{font-size:var(--text-xs);color:var(--color-neutral-500);text-align:center;margin-top:var(--space-2)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;border-spacing:0;width:100%}.table th{background:var(--color-neutral-100);padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);border:1px solid var(--color-neutral-200);font-size:var(--text-sm)}.table td{padding:var(--space-4);border:1px solid var(--color-neutral-200);vertical-align:top}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:nth-child(2n){background-color:var(--color-neutral-50)}.table tbody tr:hover{background-color:var(--color-primary-50)}.tier-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:inline-block}.tier-premium{background:var(--color-danger-100);color:var(--color-danger-600)}.tier-mid{background:var(--color-warning-100);color:var(--color-warning-600)}.tier-budget{background:var(--color-accent-100);color:var(--color-accent-600)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.badge-primary{background:var(--color-primary-600);color:#fff}.section-white{background:#fff}.section-gray{background:var(--color-neutral-50)}.section-dark{background:var(--color-primary-900);color:#fff}.section-dark p,.section-dark h2,.section-dark h3{color:#fff}.text-dark-bg h1,.text-dark-bg h2,.text-dark-bg h3,.text-dark-bg h4,.text-dark-bg h5,.text-dark-bg h6{color:#fff!important}.text-dark-bg p{color:#d1d5db!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-slide-down{animation:.3s forwards slideDown}.stagger-children>*{opacity:0;animation:.5s forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.scroll-animate{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.scroll-animate.is-visible{opacity:1;transform:translateY(0)}.nav-link{color:var(--color-neutral-600);padding:var(--space-2) 0;transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";background:var(--color-primary-600);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-neutral-900)}.nav-link:hover:after,.nav-link-active:after{width:100%}.mobile-nav-enter{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-10px)}.mobile-nav-enter-active{opacity:1;transform:translateY(0)}.metric-number{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-400);line-height:1}.trust-check{color:var(--color-accent-500);font-size:var(--text-lg);flex-shrink:0}.hover-glow:hover{box-shadow:0 0 20px #2563eb26}@media (width>=640px){h1{font-size:var(--text-5xl)}}@media (width>=768px){h1{font-size:var(--text-6xl)}}@media (width>=1024px){.container{max-width:80rem;padding-left:var(--space-8);padding-right:var(--space-8);margin-left:auto;margin-right:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}@media print{.no-print{display:none!important}body{color:#000;background:#fff}}
