@charset "UTF-8";@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.8);opacity:0}}@keyframes progress-indeterminate{0%{left:-40%;width:40%}60%{left:100%;width:40%}to{left:100%;width:40%}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes bounce-dot{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.15);opacity:1}}.page-container{max-width:1140px;margin:0 auto;padding:0 var(--space-3)}.text-gradient{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.text-mono{font-family:var(--font-mono)}.section-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);border:1px solid rgba(124,58,237,.2);border-radius:999px;padding:5px 14px;margin-bottom:20px}.section-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text);margin:0 0 16px}.section-sub{font-size:16px;color:var(--text-dim);line-height:1.7;max-width:560px;margin:-4px auto 52px;text-align:center}.section-sub.section-sub--left{text-align:left;margin-left:0;margin-right:0;margin-bottom:0}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.inverted-card{background:var(--grad-cta);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-primary)}.klyp-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;white-space:nowrap;padding:4px 12px}.klyp-badge--primary{background:var(--primary-light);color:var(--primary);border:1px solid rgba(124,58,237,.18)}.klyp-badge--success{background:var(--emerald-light);color:var(--emerald);border:1px solid rgba(16,185,129,.25)}.klyp-badge--warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.klyp-badge--error{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.klyp-badge--neutral{background:var(--bg-subtle);color:var(--text-dim);border:1px solid var(--border)}.klyp-badge--hd{background:var(--color-cyan-light);color:var(--color-cyan);border:1px solid rgba(6,182,212,.2)}.klyp-badge--beta{background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.progress-track{width:100%;height:4px;background:var(--bg-subtle);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-fill--indeterminate{position:absolute;top:0;width:40%;transition:none;animation:progress-indeterminate 1.8s ease-in-out infinite}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--bg-subtle) 25%,color-mix(in srgb,var(--border) 80%,var(--bg-subtle)) 50%,var(--bg-subtle) 75%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite}.skeleton-line.skeleton-lg{width:90%}.skeleton-line.skeleton-md{width:65%}.skeleton-tag{height:26px;border-radius:999px;background:linear-gradient(90deg,var(--bg-subtle) 25%,color-mix(in srgb,var(--border) 80%,var(--bg-subtle)) 50%,var(--bg-subtle) 75%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite;width:72px}.skeleton-tag.skeleton-tag-sm{width:52px}.skeleton-tag.skeleton-tag-lg{width:96px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--primary{border-color:#7c3aed40;border-top-color:var(--primary)}:root{--bg: #F8FAFC;--bg-subtle: #F1F5F9;--surface: #FFFFFF;--surface-elevated: #F8FAFC;--primary: #7C3AED;--primary-dark: #6D28D9;--primary-hover: #6D28D9;--primary-light: rgba(124, 58, 237, .08);--violet: #8B5CF6;--violet-light: rgba(139, 92, 246, .08);--color-indigo: #4154f1;--color-accent-blue: #4399fc;--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .08);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .1);--color-cyan: #06B6D4;--color-cyan-light: rgba(6, 182, 212, .08);--emerald: #10B981;--emerald-light: rgba(16, 185, 129, .1);--text: #0F172A;--text-dim: #64748B;--text-faint: #94A3B8;--border: #E2E8F0;--border-strong: #CBD5E1;--grad: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);--grad-cta: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);--grad-warm: linear-gradient(135deg, #059669 0%, #10B981 100%);--gradient-brand: linear-gradient(135deg, #7C3AED 0%, #4154f1 50%, #4399fc 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 8px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 10px 25px rgba(0,0,0,.09), 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 25px 50px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.05);--shadow-primary: 0 8px 30px rgba(124, 58, 237, .3);--shadow-input: 0 0 0 3px rgba(124, 58, 237, .12);--shadow-card: 0 4px 24px rgba(0,0,0,.08);--shadow-glow: 0 0 40px rgba(124, 58, 237, .18);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 20px;--blur-xl: 32px;--glass-bg: color-mix(in srgb, var(--surface) 82%, transparent);--glass-border: rgba(255, 255, 255, .12);--font-display: "Instrument Serif", Georgia, serif;--font-ui: "Hanken Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--chip-mix-base: white}[data-theme=dark]{--bg: #0D0D14;--bg-subtle: #12121F;--surface: #1C1C2E;--surface-elevated: #252538;--primary: #7C3AED;--primary-dark: #6D28D9;--primary-hover: #6D28D9;--primary-light: rgba(124, 58, 237, .12);--violet: #A78BFA;--violet-light: rgba(124, 58, 237, .08);--emerald: #10B981;--emerald-light: rgba(16, 185, 129, .1);--text: #F1F5F9;--text-dim: #94A3B8;--text-faint: #475569;--border: #2A2A40;--border-strong: #3D3D5C;--grad: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);--grad-cta: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);--grad-warm: linear-gradient(135deg, #059669 0%, #10B981 100%);--gradient-brand: linear-gradient(135deg, #7C3AED 0%, #4154f1 50%, #4399fc 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 6px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-md: 0 10px 32px rgba(0,0,0,.55);--shadow-lg: 0 24px 56px rgba(0,0,0,.6);--shadow-primary: 0 8px 30px rgba(124, 58, 237, .35);--shadow-input: 0 0 0 3px rgba(124, 58, 237, .15);--shadow-card: 0 4px 24px rgba(0,0,0,.3);--shadow-glow: 0 0 40px rgba(124, 58, 237, .2);--glass-bg: color-mix(in srgb, var(--surface) 75%, transparent);--glass-border: rgba(255, 255, 255, .07);--chip-mix-base: #0D0D14}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input{font-family:inherit}