:root{--color-neutral-0:#fff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-brand-50:#f1fdf0;--color-brand-100:#dcfce7;--color-brand-200:#bbf7d0;--color-brand-300:#86efac;--color-brand-400:#4ade80;--color-brand-500:#74d14c;--color-brand-600:#16a34a;--color-brand-700:#15803d;--color-brand-800:#166534;--color-brand-900:#14532d;--color-brand-950:#052e16;--bg-canvas:#fff;--bg-surface:#f8f9fa;--bg-surface-hover:#f1f3f5;--bg-card:#fff;--bg-glass:#ffffffe6;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#fff;--border-default:#e5e7eb;--border-highlight:#d1d5db;--border-focus:var(--color-brand-500);--brand-primary:var(--color-brand-500);--brand-hover:var(--color-brand-600);--brand-glow:#74d14c66;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-card:0 2px 8px #0000000a;--shadow-glow:0 0 20px var(--brand-glow);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--easing-ease:ease;--easing-ease-in:cubic-bezier(.4, 0, 1, 1);--easing-ease-out:cubic-bezier(0, 0, .2, 1);--easing-ease-in-out:cubic-bezier(.4, 0, .2, 1)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-20) 0;position:relative}.toc-sticky{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 11rem);position:sticky;top:9rem;overflow-y:auto}.section-alt{background-color:var(--bg-surface)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--brand-primary);color:#000;border:1px solid #0000;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background-color:var(--brand-hover);color:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid #0000}.btn-secondary:hover{background-color:var(--bg-surface-hover)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-default);background-color:#0000}.btn-outline:hover{border-color:var(--text-secondary);background-color:var(--bg-surface)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.btn-lg{padding:var(--space-3) var(--space-8);font-size:1.125rem}.card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal) var(--easing-ease-out)}.card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-brand{background-color:var(--color-brand-100);color:var(--brand-800);border:1px solid var(--color-brand-200)}.badge-neutral{background-color:var(--color-neutral-100);color:var(--text-secondary);border:1px solid var(--color-neutral-200)}.code-block{border-radius:var(--radius-lg);font-family:var(--font-mono);background-color:#1a1a1a;border:1px solid #333;font-size:.875rem;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.code-header{padding:var(--space-3) var(--space-4);background-color:#ffffff0d;border-bottom:1px solid #333;justify-content:space-between;align-items:center;display:flex}.code-content{padding:var(--space-4);color:#e6edf3;line-height:1.6;overflow-x:auto}.copy-btn{color:#888;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:color .2s,background-color .2s}.copy-btn:hover{color:#fff;background-color:#ffffff1a}:root{font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);width:100%;min-width:320px;min-height:100vh;color:var(--text-primary);place-items:center;margin:0;display:flex;position:relative;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}html{scroll-behavior:smooth;scroll-padding-top:80px}a{color:inherit;font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--brand-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}p{color:var(--text-secondary);line-height:1.6}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.-z-10{z-index:-10}.overflow-hidden{overflow:hidden}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.py-32{padding-top:128px;padding-bottom:128px}.pt-16{padding-top:var(--space-16)}.pt-32{padding-top:128px}.pb-8{padding-bottom:var(--space-8)}.pb-20{padding-bottom:var(--space-20)}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.h-0\.5{height:2px}.w-2{width:.5rem}.h-2{height:.5rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.h-24{height:6rem}.max-h-0{max-height:0}.max-h-96{max-height:24rem}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-gradient{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-white{color:#fff}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-brand-700{color:var(--color-brand-700)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-500{color:#ef4444}.text-green-400{color:#4ade80}.text-green-600{color:#16a34a}.text-green-800{color:#166534}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.bg-white{background-color:#fff}.bg-white-90{background-color:#ffffffe6}.bg-transparent{background-color:#0000}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-400{background-color:var(--color-brand-400)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-900{background-color:var(--color-brand-900)}.bg-green-100{background-color:#dcfce7}.bg-green-400{background-color:#4ade80}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-900{background-color:#1e3a8a}.bg-purple-100{background-color:#f3e8ff}.bg-purple-200{background-color:#e9d5ff}.bg-purple-500{background-color:#a855f7}.bg-red-400{background-color:#f87171}.bg-yellow-400{background-color:#facc15}.border{border-style:solid;border-width:1px;border-color:var(--border-default)}.border-b{border-bottom-style:solid;border-bottom-width:1px;border-color:var(--border-default)}.border-t{border-top-style:solid;border-top-width:1px;border-color:var(--border-default)}.border-transparent{border-color:#0000}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-brand-200{border-color:var(--color-brand-200)}.border-brand-500{border-color:var(--color-brand-500)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.focus\:outline-none:focus{outline:none}.filter{filter:var(--tw-filter,none)}.blur-3xl{filter:blur(64px)}.blur-xl{filter:blur(24px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grayscale{filter:grayscale()}.mix-blend-multiply{mix-blend-mode:multiply}.transform{transform:var(--tw-transform)}.transition-transform{transition-property:transform;transition-duration:.3s}.transition-all{transition-property:all;transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:scale-105,.scale-105:hover{transform:scale(1.05)}.rotate-1{transform:rotate(1deg)}.hover\:rotate-0:hover{transform:rotate(0)}.hover\:grayscale-0:hover{filter:grayscale(0)}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.animate-fade-in{animation:fadeIn .8s var(--easing-ease-out) forwards;opacity:0}.animate-fade-in-up{animation:fadeInUp .8s var(--easing-ease-out) forwards;opacity:0}.animate-blob{animation:7s infinite blob}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.animate-shimmer{animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (width>=768px){.md\:block{display:block}.md\:hidden{display:none!important}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}}@media (width>=1024px){.lg\:flex-row{flex-direction:row}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-left{text-align:left}.lg\:text-6xl{font-size:3.75rem}.lg\:pt-48{padding-top:12rem}.lg\:pb-32{padding-bottom:8rem}.lg\:gap-20{gap:5rem}.lg\:justify-start{justify-content:flex-start}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:block{display:block}}