@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--color-primary:#1e3a5f;--color-primary-dark:#152a45;--color-primary-light:#2d4a72;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-cta:#3b82f6;--color-cta-hover:#2563eb;--color-cta-light:#60a5fa;--color-warm:#E67E22;--color-warm-hover:#d35400;--color-accent:var(--color-cta);--color-accent-hover:var(--color-cta-hover);--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-competitor:#dc2626;--color-competitor-light:#fef2f2;--color-abc:#059669;--color-abc-light:#ecfdf5;--color-background:#ffffff;--color-background-alt:var(--color-slate-50);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-600);--color-text-muted:var(--color-slate-400);--color-text-inverse:#ffffff;--color-border:var(--color-slate-200);--color-border-strong:var(--color-slate-300);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(30,58,95,0.05);--shadow-md:0 4px 6px -1px rgba(30,58,95,0.1),0 2px 4px -2px rgba(30,58,95,0.1);--shadow-lg:0 10px 15px -3px rgba(30,58,95,0.1),0 4px 6px -4px rgba(30,58,95,0.1);--shadow-xl:0 20px 25px -5px rgba(30,58,95,0.1),0 8px 10px -6px rgba(30,58,95,0.1);--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);line-height:1.6;overflow-x:hidden}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-balance{text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--color-cta);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-warm{background:var(--color-warm);color:var(--color-text-inverse)}.btn-warm:hover{background:var(--color-warm-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.125rem}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.comparison-table td,.comparison-table th{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-primary);color:var(--color-text-inverse);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table th:first-child{text-align:left}.comparison-table th.abc-column{background:var(--color-abc)}.comparison-table td:first-child{font-weight:600;color:var(--color-slate-700);background:var(--color-slate-50)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--color-slate-50)}.comparison-table tr:hover td:first-child{background:var(--color-slate-100)}.check-icon{color:var(--color-success);font-weight:700}.x-icon{color:var(--color-danger);font-weight:700}.partial-icon{color:var(--color-warning)}.price-highlight{background:var(--color-abc-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:700;color:var(--color-abc)}.price-competitor{color:var(--color-slate-500);text-decoration:line-through;font-size:.875em}.competitor-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.competitor-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.competitor-card.highlighted{border:2px solid var(--color-abc);background:linear-gradient(180deg,var(--color-abc-light) 0,var(--color-background) 100%)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background:var(--color-warning-light);color:#b45309}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-neutral{background:var(--color-slate-100);color:var(--color-slate-600)}.section{padding:var(--space-20) var(--space-4)}.section-alt{background:var(--color-background-alt)}.section-dark{background:var(--color-primary);color:var(--color-text-inverse)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.container-narrow{max-width:960px}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.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:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--space-12) var(--space-4)}.comparison-table{font-size:.875rem}.comparison-table td,.comparison-table th{padding:var(--space-3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.price-bar{height:40px;border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-4);color:white;font-weight:600;font-size:.875rem;transition:all var(--transition-base)}.price-bar-competitor{background:linear-gradient(90deg,var(--color-slate-400) 0,var(--color-slate-500) 100%)}.price-bar-abc{background:linear-gradient(90deg,var(--color-abc) 0,#047857 100%)}.migration-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.migration-step-number{width:40px;height:40px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-text-inverse)}