@layer clerk;:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-zinc-50: #fafafa;--color-zinc-100: #f4f4f5;--color-zinc-200: #e4e4e7;--color-zinc-300: #d4d4d8;--color-zinc-400: #a1a1aa;--color-zinc-500: #71717a;--color-zinc-600: #52525b;--color-zinc-700: #3f3f46;--color-zinc-800: #27272a;--color-zinc-900: #18181b;--color-zinc-950: #09090b;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-stone-50: #fafaf9;--color-stone-100: #f5f5f4;--color-stone-200: #e7e5e4;--color-stone-300: #d6d3d1;--color-stone-400: #a8a29e;--color-stone-500: #78716c;--color-stone-600: #57534e;--color-stone-700: #44403c;--color-stone-800: #292524;--color-stone-900: #1c1917;--color-stone-950: #0c0a09;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-amber-950: #451a03;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-lime-50: #f7fee7;--color-lime-100: #ecfccb;--color-lime-200: #d9f99d;--color-lime-300: #bef264;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-lime-600: #65a30d;--color-lime-700: #4d7c0f;--color-lime-800: #3f6212;--color-lime-900: #365314;--color-lime-950: #1a2e05;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-emerald-900: #064e3b;--color-emerald-950: #022c22;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #083344;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-cyan-950: #083344;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #082f49;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-300: #a5b4fc;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-indigo-900: #312e81;--color-indigo-950: #1e1b4b;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-violet-900: #4c1d95;--color-violet-950: #2e1065;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-fuchsia-50: #fdf4ff;--color-fuchsia-100: #fae8ff;--color-fuchsia-200: #f5d0fe;--color-fuchsia-300: #f0abfc;--color-fuchsia-400: #e879f9;--color-fuchsia-500: #d946ef;--color-fuchsia-600: #c026d3;--color-fuchsia-700: #a21caf;--color-fuchsia-800: #86198f;--color-fuchsia-900: #701a75;--color-fuchsia-950: #4a044e;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #9d174d;--color-pink-900: #831843;--color-pink-950: #500724;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-rose-700: #be123c;--color-rose-800: #9f1239;--color-rose-900: #881337;--color-rose-950: #4c0519;--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--border-width: 1px;--border-width-0: 0;--border-width-2: 2px;--border-width-3: 3px;--border-width-4: 4px;--border-width-6: 6px;--border-width-8: 8px;--border-style: solid;--border-style-dashed: dashed;--border-style-dotted: dotted;--border-style-double: double;--border-color: var(--color-slate-800);--border-spacing-x: 0;--border-spacing-y: 0;--radius-none: 0;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-none: 0 0 #0000;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--transition-duration-75: 75ms;--transition-duration-100: .1s;--transition-duration-150: .15s;--transition-duration-200: .2s;--transition-duration-300: .3s;--transition-duration-500: .5s;--transition-duration-700: .7s;--transition-duration-1000: 1s;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background-color:var(--color-slate-950);color:var(--color-white)}.loading-spinner{display:flex;align-items:center;gap:.5rem;color:#14b8a6}.spinner-circle{width:1.25rem;height:1.25rem;border:2px solid #14b8a6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{display:flex;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;background-color:#020617}.dashboard{display:flex;height:100vh;background-color:#020617}.sidebar{width:4rem;background-color:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;align-items:center;padding:1rem 0}.sidebar-logo{margin-bottom:auto}.logo-box{width:2.5rem;height:2.5rem;background-color:#14b8a6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#020617;font-weight:700;font-size:1.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:1rem;flex:1}.nav-button{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:color .15s ease,background-color .15s ease}.nav-button:hover{background-color:#1e293b;color:#14b8a6}.nav-button svg{width:1.25rem;height:1.25rem}.dashboard-main{flex:1;overflow:auto}.dashboard-header{border-bottom:1px solid #1e293b;background-color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem 2rem}.dashboard-header h1{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.response-window{border:1px solid #ffffff;min-height:24rem;margin:1rem;overflow-y:scroll;overflow-x:hidden;border-radius:.375rem;padding:1rem}.response-window p{margin:0;color:#fff}.status-bar{display:flex;justify-content:space-between;align-items:center}.status-indicator{margin:1rem;display:flex;align-items:center;gap:.5rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-dot.running{background-color:#14b8a6}.status-dot.idle{background-color:#64748b}.status-text{color:#94a3b8;font-size:.875rem}.dashboard-buttons{display:flex;gap:1rem;margin:1rem}.dashboard-button{border:1px solid #ffffff;color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;background:transparent;font-size:.875rem;transition:opacity .15s ease}.dashboard-button:disabled{opacity:.5;cursor:not-allowed}.landing-page{min-height:100vh;background-color:#020617;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;overflow:hidden;border-bottom:1px solid #1e293b}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37.5rem;height:37.5rem;background-color:#14b8a61a;border-radius:50%;filter:blur(64px)}.hero-content{position:relative;z-index:10;max-width:56rem;margin:0 auto;text-align:center}.hero-badge{display:inline-block;margin-bottom:1.5rem;padding:.375rem 1rem;background-color:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:9999px;color:#fb7185;font-size:.875rem;font-weight:500;letter-spacing:.025em}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.25;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}@media(min-width:640px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.625}@media(min-width:640px){.hero-subtitle{font-size:1.5rem}}.hero-subtitle strong{color:#fff;font-weight:600}.hero-subtitle .accent,.accent{color:#2dd4bf}.hero-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;background-color:#14b8a6;color:#020617;border-radius:.5rem;text-decoration:none;transition:all .15s ease;box-shadow:0 10px 15px -3px #14b8a633}.hero-button:hover{background-color:#2dd4bf;box-shadow:0 10px 15px -3px #14b8a666;transform:translateY(-.125rem)}.hero-button svg{width:1.25rem;height:1.25rem}.pain-section{padding:6rem 1.5rem;background-color:#0f172a80}.pain-content{max-width:64rem;margin:0 auto}.pain-header{text-align:center;margin-bottom:4rem}.pain-header h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.pain-header p{color:#94a3b8}.pain-carousel{position:relative;height:16rem;display:flex;align-items:center;justify-content:center}.pain-card{width:100%;max-width:32rem;background-color:#1e293b80;border:1px solid #334155;border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .5s ease}.pain-card:hover{border-color:#14b8a64d}.pain-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.pain-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;background-color:#f9731633;color:#fdba74;border-radius:9999px}.pain-upvotes{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.875rem}.pain-upvotes svg{width:1rem;height:1rem}.pain-quote{font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:1.5rem;line-height:1.625}.pain-author{border-top:1px solid #334155;padding-top:1rem;display:flex;align-items:center;gap:.75rem}.pain-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#475569;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.pain-author-name{color:#94a3b8;font-weight:500}.how-section{padding:6rem 1.5rem}.how-content{max-width:64rem;margin:0 auto}.how-header{text-align:center;margin-bottom:5rem}.how-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.how-header p{font-size:1.25rem;color:#94a3b8;max-width:32rem;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin-bottom:5rem}@media(min-width:768px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.comparison-card{padding:2rem;border-radius:.75rem;position:relative;overflow:hidden}.comparison-card.old{background-color:#0f172a;border:1px solid #1e293b}.comparison-card.new{background:linear-gradient(to bottom right,#1e293b,#0f172a);border:1px solid rgba(20,184,166,.3);box-shadow:0 10px 15px -3px #14b8a61a}.comparison-badge{position:absolute;top:0;right:0;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-bottom-left-radius:.5rem}.comparison-badge.old-way{background-color:#ef4444;color:#fff}.comparison-badge.new-way{background-color:#14b8a6;color:#020617}.comparison-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.comparison-card.old h3{color:#cbd5e1}.comparison-card.new h3{color:#2dd4bf}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.comparison-list.old li{color:#94a3b8}.comparison-list.new li{color:#e2e8f0}.comparison-list .icon{font-size:1rem}.comparison-list.old .icon{color:#f87171}.comparison-list.new .icon{color:#2dd4bf}.steps-list{display:flex;flex-direction:column;gap:1.5rem}.step-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#0f172a80;border:1px solid #1e293b;border-radius:.75rem;transition:border-color .15s ease}.step-card:hover{border-color:#334155}.step-number{flex-shrink:0;width:3rem;height:3rem;background-color:#1e293b;border:1px solid #334155;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#2dd4bf;font-weight:700;font-size:1.125rem}.step-content h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.step-content p{color:#94a3b8;margin:0}.cta-section{padding:6rem 1.5rem;background-color:#0f172a;border-top:1px solid #1e293b}.cta-content{max-width:48rem;margin:0 auto;text-align:center}.cta-content h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;color:#94a3b8;margin-bottom:2.5rem}.cta-button{display:inline-block;padding:1.25rem 2.5rem;font-size:1.125rem;font-weight:700;background-color:#fff;color:#020617;border-radius:.5rem;text-decoration:none;transition:background-color .15s ease;box-shadow:0 20px 25px -5px #0000001a}.cta-button:hover{background-color:#e2e8f0}html,body{background-color:#020617;margin:0}