@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
        body { font-family: 'Inter', sans-serif; }
        code, .mono { font-family: 'JetBrains Mono', monospace; }
        .gradient-text {
            background: linear-gradient(135deg, #94a3b8 0%, #475569 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(148, 163, 184, 0.2);
        }
        .hero-gradient {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 100%);
        }
        .section-gradient {
            background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);
        }
        .table-header {
            background: linear-gradient(135deg, #334155 0%, #475569 100%);
        }
        .comparison-excellent { background-color: #e2e8f0; color: #0f172a; }
        .comparison-good { background-color: #dbeafe; color: #1e40af; }
        .comparison-moderate { background-color: #fef3c7; color: #92400e; }
        .comparison-poor { background-color: #fee2e2; color: #991b1b; }

@keyframes pulse-core { 0%,100% { opacity:0.3; } 50% { opacity:0.8; } }
                                @keyframes data-flow { 0% { stroke-dashoffset: 20; } 100% { stroke-dashoffset: 0; } }
                                @keyframes shimmer { 0%,100% { opacity:0.05; } 50% { opacity:0.15; } }
                                .pc { animation: pulse-core 2.5s ease-in-out infinite; }
                                .df { animation: data-flow 1.5s linear infinite; }
                                .sh { animation: shimmer 3s ease-in-out infinite; }