@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#070b14;--bg-surface:#0b1020;--bg-card:#0f172a;--bg-card-hover:#17223b;--bg-card-solid:#0d1527;--bg-glass:#0f172ab8;--bg-glass-heavy:#0b1020e0;--bg-input:#0f172ad9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverted:#070b14;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-glow:#22d3ee59;--accent-cyan:#22d3ee;--accent-cyan-glow:#22d3ee2e;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f62e;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf62e;--accent-green:#22c55e;--accent-green-glow:#22c55e2e;--accent-amber:#f59e0b;--badge-free-bg:#22c55e1f;--badge-free-text:#4ade80;--badge-free-border:#22c55e40;--badge-freetier-bg:#22d3ee1f;--badge-freetier-text:#38bdf8;--badge-freetier-border:#38bdf840;--badge-opensource-bg:#8b5cf61f;--badge-opensource-text:#a78bfa;--badge-opensource-border:#8b5cf640;--badge-freemium-bg:#f59e0b1f;--badge-freemium-text:#fbbf24;--badge-freemium-border:#f59e0b40;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 36px #0009;--shadow-glow-cyan:0 0 30px #22d3ee26;--shadow-glow-purple:0 0 35px #8b5cf62e;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light-theme{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card-solid:#f8fafc;--bg-glass:#ffffffd9;--bg-glass-heavy:#fffffff2;--bg-input:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverted:#fff;--border-subtle:#0f172a14;--border-medium:#0f172a24;--border-glow:#0ea5e959;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c71f;--accent-blue:#2563eb;--accent-blue-glow:#2563eb1f;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed1f;--accent-green:#16a34a;--accent-green-glow:#16a34a1f;--badge-free-bg:#ecfdf5;--badge-free-text:#059669;--badge-free-border:#a7f3d0;--badge-freetier-bg:#f0f9ff;--badge-freetier-text:#0284c7;--badge-freetier-border:#bae6fd;--badge-opensource-bg:#f5f3ff;--badge-opensource-text:#6d28d9;--badge-opensource-border:#ddd6fe;--badge-freemium-bg:#fffbeb;--badge-freemium-text:#d97706;--badge-freemium-border:#fde68a;--shadow-sm:0 2px 6px #0f172a0f;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 16px 32px #0f172a1f;--shadow-glow-cyan:0 0 25px #0284c726;--shadow-glow-purple:0 0 25px #7c3aed1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}.dev-bg-pattern{pointer-events:none;z-index:0;background-image:linear-gradient(to right, var(--border-subtle) 1px, transparent 1px), linear-gradient(to bottom, var(--border-subtle) 1px, transparent 1px);opacity:.6;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 20%,#000 30%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 20%,#000 30%,#0000 80%)}.dev-ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#22d3ee1f 0%,#8b5cf614 45%,#0000 70%);width:900px;height:500px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}.dev-ambient-glow-bottom{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f617 0%,#22c55e0d 50%,#0000 75%);width:650px;height:450px;position:fixed;bottom:-200px;right:10%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);border:2px solid var(--bg-primary);background:#ffffff26}html.light-theme ::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#0f172a33}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.container{z-index:1;width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative}@media (width<=640px){.container{padding-left:1rem;padding-right:1rem}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-card.interactive:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-cyan)}.gradient-text-cyan-blue{background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-purple-cyan{background:linear-gradient(135deg,#c084fc 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-amber-rose{background:linear-gradient(135deg,#fbbf24 0%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-header{text-align:center;max-width:760px;margin:0 auto 3rem}.section-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);color:var(--accent-cyan);background:#22d3ee1a;border:1px solid #22d3ee33;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}@media (width<=768px){.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-color:#ffffff26;box-shadow:0 2px 10px #06b6d44d}.btn-primary:hover{background:linear-gradient(135deg,#22d3ee 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 20px #22d3ee66}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--border-subtle);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.6rem;display:inline-flex}.badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.02em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-free{background:var(--badge-free-bg);color:var(--badge-free-text);border:1px solid var(--badge-free-border)}.badge-freetier{background:var(--badge-freetier-bg);color:var(--badge-freetier-text);border:1px solid var(--badge-freetier-border)}.badge-opensource{background:var(--badge-opensource-bg);color:var(--badge-opensource-text);border:1px solid var(--badge-opensource-border)}.badge-freemium{background:var(--badge-freemium-bg);color:var(--badge-freemium-text);border:1px solid var(--badge-freemium-border)}.input-field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:.65rem 1rem;font-size:.9375rem}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee26}.input-field::placeholder{color:var(--text-muted)}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#04070ebf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card-solid);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 40px #000000b3;width:100%;max-width:760px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-item{pointer-events:auto;border-radius:var(--radius-md);background:var(--bg-card-solid);border:1px solid var(--border-medium);box-shadow:var(--shadow-md), 0 0 20px #0006;color:var(--text-primary);align-items:center;gap:.75rem;min-width:300px;max-width:420px;padding:.85rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}