:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#f8fafc;--bg-card:#fff;--bg-glass:#ffffffd9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-glow:#4f46e526;--emerald-500:#10b981;--emerald-50:#ecfdf5;--border-light:#e2e8f0;--border-focus:#c7d2fe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #4f46e514, 0 8px 10px -6px #0000000a;--shadow-xl:0 20px 30px -10px #0f172a1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.gradient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -20%,#6366f11f 0%,#4f46e50a 50%,#f8fafc00 80%);width:100vw;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.glow-pill{color:var(--accent-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eef2ffcc;border:1px solid #c7d2fe99;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.glow-pill-dot{background-color:var(--emerald-500);width:8px;height:8px;box-shadow:0 0 10px var(--emerald-500);border-radius:50%;animation:2s infinite pulse-emerald}@keyframes pulse-emerald{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 4px #4f46e533,inset 0 1px #fff3}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{color:var(--text-primary);background:#f1f5f9;border-color:#cbd5e1}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#f1f5f9cc}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:16px}.btn-sm{border-radius:var(--radius-sm);padding:8px 14px;font-size:13px}.waveform-bar{background:var(--accent-light);border-radius:4px;width:4px;transition:height .15s,background-color .2s}.waveform-bar.active{background:var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.badge{font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.badge-purple{color:#7e22ce;background:#f3e8ff}.badge-blue{color:#0369a1;background:#e0f2fe}.badge-green{color:#15803d;background:#dcfce7}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}