:root{--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--blue-500:#3b82f6;--blue-600:#2563eb;--emerald-50:#ecfdf5;--emerald-500:#10b981;--emerald-600:#059669;--amber-50:#fffbeb;--amber-500:#f59e0b;--amber-600:#d97706;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--primary:#4f46e5;--primary-light:#6366f1;--primary-subtle:#eef2ff;--primary-border:#c7d2fe;--bg-base:#f8fafc;--bg-white:#fff;--bg-surface:#f5f7fb;--bg-section-alt:#eef4ff;--bg-card:#fff;--border:#e5eaf2;--border-strong:#cbd5e1;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#fff;--text-accent:#4f46e5;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a12, 0 1px 4px #0f172a0a;--shadow-lg:0 12px 36px #0f172a17, 0 4px 12px #0f172a0d;--shadow-xl:0 24px 64px #0f172a1c, 0 8px 24px #0f172a0f;--shadow-indigo:0 4px 20px #4f46e538;--shadow-card:0 0 0 1px #0f172a0d, 0 2px 8px #0f172a0f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--font-heading:"Sora", "Manrope", -apple-system, sans-serif;--font-body:"Inter", "Manrope", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-section:120px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out);--transition-base:.22s var(--ease-out);--transition-slow:.35s var(--ease-out);--nav-height:60px;--page-max:1100px;--page-padding:clamp(20px, 5vw, 80px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);line-height:1.15}button,input,select,textarea{font-family:var(--font-body)}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-shell{background:var(--bg-base);min-height:100vh}.app-layout-nav{flex-direction:column;min-height:100vh;display:flex}.main-content-nav{flex:1}.page-content-nav{min-height:calc(100vh - var(--nav-height))}.container{width:100%;max-width:var(--page-max);padding:0 var(--page-padding);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-primary{border-radius:var(--radius-full);background:var(--primary);color:#fff;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-indigo);white-space:nowrap;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--indigo-700);transform:translateY(-1px);box-shadow:0 8px 28px #4f46e54d}.btn-ghost{border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-body);border:1.5px solid var(--border);cursor:pointer;transition:var(--transition-base);background:0 0;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-base)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-elevated{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.status-normal{color:var(--emerald-500)}.status-low{color:var(--blue-500)}.status-high{color:var(--amber-500)}.status-critical{color:var(--red-500)}.divider{background:var(--border);border:none;height:1px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-scale{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tag{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-indigo{background:var(--indigo-50);color:var(--indigo-600);border:1px solid var(--indigo-200)}.tag-emerald{background:var(--emerald-50);color:var(--emerald-600);border:1px solid #10b98140}.tag-amber{background:var(--amber-50);color:var(--amber-600);border:1px solid #f59e0b40}.tag-red{background:var(--red-50);color:var(--red-600);border:1px solid #ef444440}.input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-white);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition-fast);outline:none;padding:10px 14px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e514}.metric-big{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1}.metric-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.section-eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:var(--primary);margin-bottom:14px;font-size:12px;font-weight:700}.section-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:18px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.15}.section-body{color:var(--text-tertiary);max-width:560px;font-size:17px;line-height:1.75}.step-connector{background:linear-gradient(to bottom, var(--border), transparent);width:1px;margin:0 auto}.skeleton{background:linear-gradient(90deg, var(--border) 0%, #f0f3f8 50%, var(--border) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=768px){:root{--space-section:72px;--page-padding:20px}.section-title{font-size:28px}.section-body{font-size:15px}}