:root{--primary:#2563eb;--primary-dim:#1d4ed8;--primary-container:#3b82f6;--on-primary:#fff;--on-primary-container:#000;--secondary:#5c5f69;--secondary-container:#e0e2ef;--on-secondary:#f9f8ff;--on-secondary-container:#4e515c;--tertiary:#575f73;--tertiary-container:#dee5fd;--on-tertiary:#f9f8ff;--on-tertiary-container:#2d3544;--surface:#f8f9fa;--surface-dim:#d5dbdd;--surface-bright:#f8f9fa;--surface-container-lowest:#fff;--surface-container-low:#f1f4f5;--surface-container:#ebeef0;--surface-container-high:#e5e9eb;--surface-container-highest:#dee3e6;--on-surface:#2d3335;--on-surface-variant:#3f4447;--outline:#767c7e;--outline-variant:#adb3b5;--background:#f8f9fa;--on-background:#2d3335}*{box-sizing:border-box;margin:0;padding:0}.bg-surface{background-color:var(--surface)}.bg-surface-container-low{background-color:var(--surface-container-low)}.bg-surface-container-high{background-color:var(--surface-container-high)}.bg-surface-container-highest{background-color:var(--surface-container-highest)}.bg-primary{background-color:var(--primary)}.bg-tertiary-container{background-color:var(--tertiary-container)}.text-primary{color:var(--primary)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-tertiary-container{color:var(--on-tertiary-container)}.text-white{color:#fff}.hover\:bg-primary-dim:hover{background-color:var(--primary-dim)}.hover\:opacity-80:hover{opacity:.8}.hover\:bg-opacity-90:hover{background-color:var(--primary-dim);opacity:1}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.font-body{font-family:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif}.font-headline{font-family:var(--font-manrope), "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.max-w-7xl{max-width:1280px}.max-w-3xl{max-width:768px}.max-w-2xl{max-width:672px}.max-w-lg{max-width:512px}.max-w-md{max-width:448px}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.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\:flex{display:flex}.md\:hidden{display:none}.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\:col-span-2{grid-column:span 2/span 2}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:flex-row{flex-direction:row}.md\:block{display:block}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.-top-20{top:-5rem}.-right-20{right:-5rem}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.w-full{width:100%}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-96{width:24rem}.h-8{height:2rem}.h-12{height:3rem}.h-80{height:20rem}.h-96{height:24rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pt-24{padding-top:6rem}.pb-1{padding-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border-b-2{border-bottom-width:2px}.border-primary{border-color:var(--primary)}.border-4{border-width:4px}.border-surface-container-low{border-color:var(--surface-container-low)}.border-t{border-top-width:1px}.border-slate-200{border-color:#e2e8f0}.border-2{border-width:2px}.border-white\/30{border-color:#ffffff4d}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #2563eb4d,0 4px 6px -4px #2563eb33}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #2563eb33,0 8px 10px -6px #2563eb1a}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blur-3xl{filter:blur(64px)}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-90{opacity:.9}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-primary\/10{background-color:#2563eb1a}.rotate-2{transform:rotate(2deg)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-primary-container{--tw-gradient-to:var(--primary-container)}.from-surface-container-low{--tw-gradient-from:var(--surface-container-low);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-surface-container-high{--tw-gradient-to:var(--surface-container-high)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.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}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.text-center{text-align:center}.uppercase{text-transform:uppercase}.overflow-hidden{overflow:hidden}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-all{transition-property:all;transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:text-primary:hover{color:var(--primary)}.hover\:underline:hover{text-decoration:underline}.underline-offset-4{text-underline-offset:4px}.hover\:bg-surface-container-high:hover{background-color:var(--surface-container-high)}.hover\:bg-white\/20:hover{background-color:#fff3}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.focus-visible\:outline-2:focus-visible{outline-width:2px;outline-style:solid}.focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}.focus-visible\:outline-white:focus-visible{outline-color:#fff}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img{max-width:100%;height:auto}.bg-detail-surface{background-color:#f8f9fa}.border-detail{border-color:#e5e8ed}.text-detail-secondary{color:#4b5563}.text-detail-primary,.hover\:text-detail-primary:hover{color:#181c20}.bg-detail-container,.hover\:bg-detail-container:hover{background-color:#f1f4f9}.hover\:border-detail-secondary:hover{border-color:#6b7280}.bg-code-bg{background-color:#1e1e1e}.bg-code-header{background-color:#2d2d2d}.border-code{border-color:#3e3e3e}.bg-code-btn{background-color:#3e3e3e}.hover\:bg-code-btn-hover:hover{background-color:#4e4e4e}.text-code-muted{color:#888}.text-code-text{color:#d4d4d4}.bg-chrome-red{background-color:#ff5f57}.bg-chrome-yellow{background-color:#febc2e}.bg-chrome-green{background-color:#28c840}.bg-chrome-red-alt{background-color:#ff5f56}.bg-chrome-yellow-alt{background-color:#ffbd2e}.bg-chrome-green-alt{background-color:#27c93f}.from-detail-surface-light{--tw-gradient-from:#f1f5f9;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-detail-surface-dark{--tw-gradient-to:#e2e8f0}.max-w-ultra{max-width:1920px}.max-w-preview{max-width:1300px}.max-w-card{max-width:240px}.w-2-5{width:.625rem}.h-2-5{height:.625rem}.text-xxs{font-size:10px}.ring-1{box-shadow:0 0 0 1px #0000000d}.ring-black-5{--tw-ring-color:#0000000d}.neg-inset-8{inset:-2rem}.neg-z-10{z-index:-10}.scale-90{transform:scale(.9)}.origin-top{transform-origin:top}.border-0{border-width:0}.whitespace-pre{white-space:pre}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.max-h-code{max-height:calc(100vh - 200px)}.overflow-auto{overflow:auto}.text-green-600{color:#16a34a}.min-h-screen{min-height:100vh}.w-px{width:1px}.pb-0-5{padding-bottom:.125rem}.ml-4{margin-left:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.gap-1-5{gap:.375rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.flex-1{flex:1}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.sticky{position:sticky}.border-b{border-bottom-width:1px}.h-6{height:1.5rem}.justify-center{justify-content:center}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1-5{padding-top:.375rem;padding-bottom:.375rem}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-900{color:#0f172a}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}.object-top{object-position:top}@keyframes scroll-preview{0%{transform:translateY(0)}50%{transform:translateY(-40%)}to{transform:translateY(0)}}.animate-scroll-preview{animation:20s ease-in-out infinite scroll-preview}.group:hover .animate-scroll-preview{animation-play-state:paused}