@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F3EF;--bg-dark: #111111;--surface: #FFFFFF;--surface-2: #EEECEA;--border: #DDDBD7;--border-dashed: #C8C5BF;--text-primary: #0F0F0F;--text-secondary: #5A5754;--text-muted: #9A9793;--accent: #111111;--accent-hover: #333333;--accent-light: rgba(0, 0, 0, .06);--accent-teal: #00C4A1;--dark-cta: #111111;--dark-cta-border: #333333;--dash-bg: #F9F9F8;--dash-surface: #FFFFFF;--dash-surface-2: #F4F3EF;--dash-border: #E8E6E1;--dash-text: #111111;--dash-text-2: #555555;--dash-text-3: #888888;--dash-accent: #7C5CFC;--dash-accent-green: #22C55E;--dash-accent-red: #EF4444;--dash-accent-orange: #F59E0B;--dash-sidebar-w: 220px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Roboto Mono", "SF Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 20px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-accent: 0 1px 2px rgba(0,0,0,.08)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg)}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.02em;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-accent{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--text-primary);background:#00000008}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid transparent;padding:10px 16px;border-radius:var(--radius)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.mono-tag{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.section-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.section-label:before{content:"/";color:var(--accent);font-size:14px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.04em}.badge-purple{background:#0000000f;color:var(--text-primary)}.badge-green{background:#22c55e1f;color:#16a34a}.badge-orange{background:#f59e0b1f;color:#d97706}.badge-red{background:#ef44441f;color:#dc2626}.badge-gray{background:#0000000f;color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 48px}@media (max-width: 768px){.container{padding:0 24px}}.grid-bg{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.07) 1px,transparent 0);background-size:28px 28px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes waveform{0%,to{height:8px}50%{height:28px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spinDot{0%{transform:rotate(0) translate(20px)}to{transform:rotate(360deg) translate(20px)}}