@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-900: #14532d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--font-family: "Inter", system-ui, sans-serif;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-up{animation:fadeUp .6s ease-out}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-bounce-slow{animation:bounce 2s infinite}.min-h-screen{min-height:100vh}.container-max{max-width:80rem;margin-left:auto;margin-right:auto}.section-padding{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width: 640px){.section-padding{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 1024px){.section-padding{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}@media (min-width: 640px){.sm-flex-row{flex-direction:row}}@media (min-width: 768px){.md-flex{display:flex}.md-flex-row{flex-direction:row}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.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))}}@media (min-width: 1024px){.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-col-span-2{grid-column:span 2 / span 2}}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-12{gap:var(--spacing-12)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-8>*+*{margin-top:var(--spacing-8)}.space-x-6>*+*{margin-left:var(--spacing-6)}.space-x-8>*+*{margin-left:var(--spacing-8)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-8{padding-top:var(--spacing-8)}.pt-20{padding-top:var(--spacing-20)}.pb-3{padding-bottom:var(--spacing-3)}.pb-16{padding-bottom:var(--spacing-16)}.pl-6{padding-left:var(--spacing-6)}@media (min-width: 640px){.sm-px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 1024px){.lg-pt-32{padding-top:var(--spacing-32)}.lg-pb-20{padding-bottom:var(--spacing-20)}.lg-px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.ml-2{margin-left:var(--spacing-2)}.ml-10{margin-left:var(--spacing-10)}.w-1-5{width:.375rem}.w-3{width:var(--spacing-3)}.w-4{width:var(--spacing-4)}.w-5{width:1.25rem}.w-6{width:var(--spacing-6)}.w-8{width:var(--spacing-8)}.w-16{width:var(--spacing-16)}.w-full{width:100%}.h-1-5{height:.375rem}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:1.25rem}.h-6{height:var(--spacing-6)}.h-8{height:var(--spacing-8)}.h-16{height:var(--spacing-16)}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.top-2{top:var(--spacing-2)}.top-3{top:var(--spacing-3)}.top-4{top:var(--spacing-4)}.-bottom-2{bottom:-var(--spacing-2)}.right-2{right:var(--spacing-2)}.right-3{right:var(--spacing-3)}.right-4{right:var(--spacing-4)}.left-1-2{left:50%}.step-badge{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:2rem;height:2rem;background-color:var(--white);border:4px solid var(--primary-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--primary-600);font-weight:700;font-size:.875rem}.z-10{z-index:10}.z-50{z-index:50}.-translate-x-1-2,.transform{transform:translate(-50%)}.rotate-180{transform:rotate(180deg)}.group:hover .group-hover-translate-x-1{transform:translate(.25rem)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}@media (min-width: 1024px){.lg-text-4xl{font-size:2.25rem;line-height:2.5rem}.lg-text-5xl{font-size:3rem;line-height:1}.lg-text-7xl{font-size:4.5rem;line-height:1}.lg-text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 768px){.md-text-2xl{font-size:1.5rem;line-height:2rem}}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.text-white{color:var(--white)}.text-gray-100{color:var(--gray-100)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-secondary-400{color:var(--secondary-500)}.text-secondary-700{color:var(--secondary-700)}.text-yellow-600{color:#d97706}.text-purple-600{color:#9333ea}.text-pink-600{color:#db2777}.text-indigo-600{color:#4f46e5}.text-green-400{color:#4ade80}.text-green-600{color:var(--secondary-600)}.text-red-500{color:#ef4444}.hover-text-white:hover{color:var(--white)}.hover-text-gray-700:hover{color:var(--gray-700)}.hover-text-gray-900:hover{color:var(--gray-900)}.hover-text-primary-600:hover,.group:hover .group-hover-text-primary-600{color:var(--primary-600)}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-primary-100{background-color:var(--primary-100)}.bg-primary-500{background-color:var(--primary-500)}.bg-primary-600{background-color:var(--primary-600)}.bg-secondary-100{background-color:var(--secondary-100)}.bg-yellow-100{background-color:#fef3c7}.bg-purple-100{background-color:#f3e8ff}.bg-pink-100{background-color:#fce7f3}.bg-indigo-100{background-color:#e0e7ff}.bg-yellow-500{background-color:#eab308}.bg-green-500{background-color:var(--secondary-500)}.bg-red-500{background-color:#ef4444}.hover-bg-gray-50:hover{background-color:var(--gray-50)}.hover-bg-gray-100:hover{background-color:var(--gray-100)}.hover-bg-gray-700:hover{background-color:var(--gray-700)}.hover-bg-gray-800:hover{background-color:var(--gray-800)}.hover-bg-primary-700:hover{background-color:var(--primary-700)}.bg-white-80{background-color:#fffc}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gradient-from),var(--gradient-to))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--gradient-from),var(--gradient-to))}.from-primary-50{--gradient-from: var(--primary-50)}.from-primary-500{--gradient-from: var(--primary-500)}.from-primary-600{--gradient-from: var(--primary-600)}.from-secondary-500{--gradient-from: var(--secondary-500)}.to-white{--gradient-to: var(--white)}.to-primary-600{--gradient-to: var(--primary-600)}.to-secondary-600{--gradient-to: var(--secondary-600)}.to-secondary-500{--gradient-to: var(--secondary-500)}.to-purple-600{--gradient-to: #9333ea}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-transparent{border-color:transparent}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-700{border-color:var(--gray-700)}.border-primary-200{border-color:#bfdbfe}.border-primary-500{border-color:var(--primary-500)}.hover-border-gray-400:hover{border-color:var(--gray-400)}.hover-border-primary-200:hover{border-color:#bfdbfe}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.ring-2{box-shadow:0 0 0 2px #bfdbfe}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hover-shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover-shadow-xl:hover{box-shadow:var(--shadow-xl)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}@media (min-width: 768px){.md-block{display:block}.md-hidden{display:none}}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color,background-color,border-color .15s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .15s cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn-primary{background-color:var(--primary-600);color:var(--white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:background-color .2s;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--white);color:var(--gray-900);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;border:1px solid var(--gray-300);display:inline-flex;align-items:center;gap:var(--spacing-2);transition:background-color .2s;text-decoration:none;cursor:pointer}.btn-secondary:hover{background-color:var(--gray-50)}.code-block{background-color:var(--gray-900);color:var(--gray-100);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--spacing-3) var(--spacing-4)}th{font-weight:500;color:var(--gray-900)}td{font-size:.875rem;color:var(--gray-700)}.whitespace-pre-line{white-space:pre-line}ul{list-style:none}a{text-decoration:none}button:focus,a:focus{outline:2px solid var(--primary-500);outline-offset:2px}.examples-buttons{padding:var(--spacing-1);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-1)}.tag-center{display:inline-flex;align-items:center;justify-content:center;text-align:center}