PageSourceSearch

https://zero-to-agent.community/explainer

html zero-to-agent.community collected 2026-10-04 14:07:37 UTC 169,999 bytes, 6 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-scroll-behavior="smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover, interactive-widget=resizes-content"/><link rel="preload" href="/_next/static/media/GeistMono_Variable.p.17jn9btb_52pq.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/GeistPixel_Square.p.0tw8-iz4k0690.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo.png&amp;w=32&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=48&amp;q=75 2x"/><style data-precedence="next" data-href="/_next/static/chunks/0lgkr._k_37dp.css /_next/static/chunks/0kkmzdrcx~apu.css">@font-face{font-family:GeistSans;src:url(/_next/static/media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
2@font-face{font-family:GeistMono;src:url(/_next/static/media/GeistMono_Variable.p.17jn9btb_52pq.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
3@font-face{font-family:GeistPixelSquare;src:url(/_next/static/media/GeistPixel_Square.p.0tw8-iz4k0690.woff2)format("woff2");font-display:swap;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__className{font-family:GeistPixelSquare,Geist Mono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__variable{--font-geist-pixel-square:"GeistPixelSquare", Geist Mono, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
4*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-geist-sans), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-geist-mono), monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}
4button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-\[10000\]{z-index:10000}.z-\[1\]{z-index:1}.z-\[9997\]{z-index:9997}.z-\[9998\]{z-index:9998}.z-\[99999\]{z-index:99999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-14{min-height:3.5rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[3rem\]{min-height:3rem}.min-h-\[44px\]{min-height:44px}.min-h-\[70vh\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.min-w-\[44px\]{min-width:44px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[11rem\]{max-width:11rem}.max-w-\[220px\]{max-width:220px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}
4.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}
4.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[rgba\(238\,0\,0\,0\.2\)\]{border-color:#e003}.border-\[rgba\(245\,166\,35\,0\.2\)\]{border-color:#f5a62333}.border-\[rgba\(80\,200\,120\,0\.2\)\]{border-color:#50c87833}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-accent\)\]{border-color:var(--border-accent)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-transparent{border-color:#0000}.border-t-\[var\(--text-dim\)\]{border-top-color:var(--text-dim)}.bg-\[rgba\(238\,0\,0\,0\.06\)\]{background-color:#ee00000f}.bg-\[rgba\(245\,166\,35\,0\.06\)\]{background-color:#f5a6230f}.bg-\[rgba\(80\,200\,120\,0\.06\)\]{background-color:#50c8780f}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-dim\)\]{background-color:var(--accent-dim)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--bg-alpha\)\]{background-color:var(--bg-alpha)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--border-strong\)\]{background-color:var(--border-strong)}.bg-\[var\(--text\)\]{background-color:var(--text)}.bg-\[var\(--text-secondary\)\]{background-color:var(--text-secondary)}.bg-transparent{background-color:#0000}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from:#00000080 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pb-\[env\(safe-area-inset-bottom\,0px\)\]{padding-bottom:env(safe-area-inset-bottom,0px)}.pb-\[max\(3rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(3rem, env(safe-area-inset-bottom,0px))}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[calc\(7rem\+env\(safe-area-inset-top\,0px\)\)\]{padding-top:calc(7rem + env(safe-area-inset-top,0px))}.pt-\[env\(safe-area-inset-top\,0px\)\]{padding-top:env(safe-area-inset-top,0px)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[family-name\:var\(--font-geist-mono\)\]{font-family:var(--font-geist-mono)}.font-\[family-name\:var\(--font-geist-sans\)\]{font-family:var(--font-geist-sans)}.font-mono{font-family:var(--font-geist-mono), monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[46px\]{font-size:46px}.text-\[52px\]{font-size:52px}
4.text-\[7px\]{font-size:7px}.text-\[9px\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[0\.88\]{line-height:.88}.leading-\[0\.92\]{line-height:.92}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.05em\]{letter-spacing:.05em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-\[\#50C878\]{--tw-text-opacity:1;color:rgb(80 200 120/var(--tw-text-opacity,1))}.text-\[\#EE0000\]{--tw-text-opacity:1;color:rgb(238 0 0/var(--tw-text-opacity,1))}.text-\[\#F5A623\]{--tw-text-opacity:1;color:rgb(245 166 35/var(--tw-text-opacity,1))}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--bg\)\]{color:var(--bg)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-dim\)\]{color:var(--text-dim)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 12px 40px #0000001f;
4--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 30px #0000001f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\[--motion-duration\:0s\]{--motion-duration:0s}:root{--gray-100:#f7f7f7;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--bg:#e4e4e4;--bg-surface:#ececec;--bg-alpha:#e4e4e4eb;--text:#0f0f0f;--text-secondary:#3d3d3d;--text-dim:#6b6b6b;--accent:#0f0f0f;--accent-dim:#00000012;--accent-secondary:#525252;--border:#0000001c;--border-strong:#0003;--border-accent:#0000003d;--success:#50c878;--error:#e00;--warning:#f5a623}.dark{--bg:#111;--bg-surface:#1a1a1a;--bg-alpha:#111111eb;--text:#fafafa;--text-secondary:#f5f5f5;--text-dim:#a3a3a3;--accent:#fafafa;--accent-dim:#ffffff0f;--accent-secondary:#a1a1a1;--border:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#fff3;--success:#50c878;--error:#e00;--warning:#f5a623}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll}@media (max-width:767px){body{overflow-x:hidden}}.pt-nav{padding-top:calc(3.5rem + env(safe-area-inset-top,0px))}.scroll-mt-nav{scroll-margin-top:calc(8rem + env(safe-area-inset-top,0px))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media screen and (max-width:767px){input,textarea,select{font-size:16px!important}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:max(.625rem, env(safe-area-inset-bottom))}body{background-color:var(--bg);color:var(--text);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.bg-base{background-color:var(--bg)}.bg-surface{background-color:var(--bg-surface)}.border-base{border-color:var(--border)}.border-accent-color{border-color:var(--border-accent)}::selection{color:var(--text);background-color:#0000001f}.dark ::selection{color:var(--text);background-color:#ffffff26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.noise-overlay{pointer-events:none;z-index:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}.dot-grid{pointer-events:none;z-index:0;position:fixed;inset:0}.dark .dot-grid{background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:24px 24px}:root:not(.dark) .dot-grid{background-image:radial-gradient(circle,#0001 1px,#0000 1px);background-size:24px 24px}.hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 38%,#0000000f 0%,#00000008 42%,#0000 72%);position:absolute;inset:0}.dark .hero-glow{background:radial-gradient(80% 60% at 50% 38%,#ffffff0d 0%,#ffffff05 45%,#0000 72%)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}
4}.cursor-blink{animation:1.2s step-end infinite cursor-blink}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--border-strong) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.8s infinite shimmer}button,a{-webkit-tap-highlight-color:transparent}@media print{.print-hide{display:none!important}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.hero-fade-up{animation:.7s cubic-bezier(.16,1,.3,1) both hero-fade-up}.hero-fade-in{animation:.8s both hero-fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-fade-up,.hero-fade-in{opacity:1!important;animation:none!important;transform:none!important}}.scroll-progress-bar{will-change:transform}section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:auto 600px}nav,footer{content-visibility:visible}.placeholder\:text-\[var\(--text-dim\)\]::placeholder{color:var(--text-dim)}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-\[var\(--border\)\]:hover{border-color:var(--border)}.hover\:border-\[var\(--border-accent\)\]:hover{border-color:var(--border-accent)}.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:bg-\[var\(--accent-dim\)\]:hover{background-color:var(--accent-dim)}.hover\:bg-\[var\(--bg-surface\)\]:hover{background-color:var(--bg-surface)}.hover\:bg-\[var\(--border\)\]:hover{background-color:var(--border)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.12\)\]:hover{--tw-shadow:0 8px 30px #0000001f;
4--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-\[var\(--border-accent\)\]:focus{border-color:var(--border-accent)}.active\:bg-\[var\(--border\)\]:active{background-color:var(--border)}.active\:opacity-80:active{opacity:.8}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\:visible{visibility:visible}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[var\(--accent\)\]{color:var(--accent)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-80{opacity:.8}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow:0 12px 40px #00000080;
4--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.45\)\]:is(.dark *){--tw-shadow:0 8px 32px #00000073;--tw-shadow-colored:0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\:hover\:text-\[var\(--accent\)\]:hover:is(.dark *){color:var(--accent)}.dark\:hover\:shadow-\[0_8px_40px_rgba\(255\,255\,255\,0\.04\)\]:hover:is(.dark *){--tw-shadow:0 8px 40px #ffffff0a;--tw-shadow-colored:0 8px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (min-width:640px){.sm\:\!bottom-4{bottom:1rem!important}.sm\:\!left-auto{left:auto!important}.sm\:\!right-4{right:1rem!important}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mr-0{margin-right:0}.sm\:flex{display:flex}.sm\:min-h-0{min-height:0}.sm\:w-auto{width:auto}.sm\:min-w-\[240px\]{min-width:240px}.sm\:max-w-none{max-width:none}.sm\:flex-initial{flex:0 auto}.sm\:flex-shrink-0{flex-shrink:0}.sm\:\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:overflow-visible{overflow:visible}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:pb-0{padding-bottom:0}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pl-0{padding-left:0}.sm\:pl-11{padding-left:2.75rem}.sm\:pr-0{padding-right:0}.sm\:text-right{text-align:right}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[60px\]{font-size:60px}.sm\:text-\[68px\]{font-size:68px}.sm\:leading-\[1\.15\]{line-height:1.15}.sm\:tracking-\[0\.2em\]{letter-spacing:.2em}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:mb-16{margin-bottom:4rem}.md\:mt-12{margin-top:3rem}.md\:mt-16{margin-top:4rem}.md\:mt-20{margin-top:5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_64px_1fr\]{grid-template-columns:1fr 64px 1fr}.md\:items-center{align-items:center}.md\:gap-16{gap:4rem}.md\:gap-6{gap:1.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pt-\[calc\(9rem\+env\(safe-area-inset-top\,0px\)\)\]{padding-top:calc(9rem + env(safe-area-inset-top,0px))}.md\:text-\[14px\]{font-size:14px}.md\:text-\[15px\]{font-size:15px}.md\:text-\[19px\]{font-size:19px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[80px\]{font-size:80px}.md\:text-\[88px\]{font-size:88px}}@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))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
5</style><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0vg0qo.8ty592.js"/>
5<script src="/_next/static/chunks/07uz2g0_38qia.js" async=""></script>
5<script src="/_next/static/chunks/062hzijh369a_.js" async=""></script>
5<script src="/_next/static/chunks/0h4bq73pogmtb.js" async=""></script>
5<script src="/_next/static/chunks/turbopack-06exw3x-ajlix.js" async=""></script>
5<script src="/_next/static/chunks/01xlw8hd842-c.js" async=""></script>
5<script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script>
5<script src="/_next/static/chunks/0dvfgs.xltpoi.js" async=""></script>
5<script src="/_next/static/chunks/120.~p~.keuf~.js" async=""></script>
5<script src="/_next/static/chunks/077901bv~4-v~.js" async=""></script>
5<script src="/_next/static/chunks/0.zf~oorratxk.js" async=""></script>
5<script src="/_next/static/chunks/0vpsq3kaxjjx5.js" async=""></script>
5<script src="/_next/static/chunks/0kslhxeo90xjr.js" async=""></script>
5<link rel="preconnect" href="https://images.lumacdn.com"/><link rel="dns-prefetch" href="https://images.lumacdn.com"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"/><meta name="theme-color" content="#e4e4e4" media="(prefers-color-scheme: light)"/><title>Explainer — How to Build a Production-Grade AI Agent</title><meta name="description" content="Seven engineering principles for secure, scalable AI agents: threat models, Zod contracts, RBAC, context engineering, governed retrieval, orchestration, and memory architecture."/><meta property="og:title" content="Zero to Agent — Community Companion"/><meta property="og:description" content="A community companion for building, shipping, and exploring AI agent projects."/><meta property="og:url" content="https://zero-to-agent.community"/><meta property="og:site_name" content="Zero to Agent"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://zero-to-agent.community/opengraph-image"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Zero to Agent — Community Companion"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Zero to Agent — Community Companion"/><meta name="twitter:description" content="A community companion for building, shipping, and exploring AI agent projects."/><meta name="twitter:image" content="https://zero-to-agent.community/opengraph-image"/><link rel="icon" href="/icon.png?icon.02rx3bnh.5d69.png" sizes="225x225" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.02rx3bnh.5d69.png" sizes="225x225" type="image/png"/>
5<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
5</head><body class="geistsans_d5a4f12f-module__Ur3q_a__variable geistmono_157ca88a-module__iaM1Ya__variable geistpixelsquare_cf225766-module__Yt-Tla__variable"><div hidden=""><!--$--><!--/$--></div>
5<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","dark",null,["light","dark"],null,false,true)</script>
5<div class="dot-grid" aria-hidden="true"></div><div class="noise-overlay" aria-hidden="true"></div><div class="fixed top-0 left-0 right-0 h-[2px] bg-[var(--accent)] z-[99999] origin-left scroll-progress-bar" aria-hidden="true" style="will-change:transform;transform:scaleX(0)"></div><div class="relative z-[1] flex flex-col min-h-screen"><nav class="fixed top-0 left-0 right-0 z-[9998] pt-[env(safe-area-inset-top,0px)] transition-all duration-300 print-hide bg-transparent border-b border-transparent" style="opacity:0;transform:translateY(-20px)"><div class="max-w-6xl mx-auto px-4 sm:px-6 min-h-14 flex items-center justify-between"><a class="flex min-w-0 items-center gap-2 sm:gap-2.5 group" href="/"><img alt="Zero to Agent" width="20" height="20" decoding="async" data-nimg="1" class="rounded-lg shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&amp;w=32&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=48&amp;q=75 2x" src="/_next/image?url=%2Flogo.png&amp;w=48&amp;q=75"/><span class="font-[family-name:var(--font-geist-mono)] text-[10px] sm:text-[11px] tracking-[0.18em] sm:tracking-[0.2em] uppercase text-[var(--text)] group-hover:text-[var(--accent)] transition-colors truncate max-w-[11rem] sm:max-w-none">ZERO TO AGENT</span></a><div class="hidden md:flex items-center gap-1"><a class="relative px-3 py-1.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.15em] uppercase transition-colors text-[var(--text-secondary)] hover:text-[var(--text)]" href="/">Home</a><a class="relative px-3 py-1.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.15em] uppercase transition-colors text-[var(--text-secondary)] hover:text-[var(--text)]" href="/events">Events</a><div class="relative group"><a class="relative flex items-center gap-1 px-3 py-1.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.15em] uppercase transition-colors text-[var(--text-secondary)] hover:text-[var(--text)]" aria-haspopup="menu" href="/resources">Resources<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down opacity-60 transition-transform duration-200 group-hover:-rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="absolute left-0 top-full z-[10000] pt-2 opacity-0 invisible transition-[opacity,visibility] duration-150 group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible" role="menu" aria-label="Resources sections"><div class="min-w-[220px] rounded-lg border border-[var(--border-strong)] bg-[var(--bg-surface)] py-1.5 shadow-[0_12px_40px_rgba(0,0,0,0.12)] dark:shadow-[0_12px_40px_rgba(0,0,0,0.5)]"><a role="menuitem" class="block px-4 py-2.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.12em] uppercase text-[var(--text-secondary)] transition-colors hover:bg-[var(--accent-dim)] hover:text-[var(--accent)]" href="/resources#resource-hub">Resource Hub</a><a role="menuitem" class="block px-4 py-2.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.12em] uppercase text-[var(--text-secondary)] transition-colors hover:bg-[var(--accent-dim)] hover:text-[var(--accent)]" href="/resources#vercel-toolbox">Vercel Toolbox</a><a role="menuitem" class="block px-4 py-2.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.12em] uppercase text-[var(--text-secondary)] transition-colors hover:bg-[var(--accent-dim)] hover:text-[var(--accent)]" href="/resources#agent-skills">Agent skills</a><a role="menuitem" class="block px-4 py-2.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.12em] uppercase text-[var(--text-secondary)] transition-colors hover:bg-[var(--accent-dim)] hover:text-[var(--accent)]" href="/resources#explainer">Explainer</a><a role="menuitem" class="block px-4 py-2.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.12em] uppercase text-[var(--text-secondary)] transition-colors hover:bg-[var(--accent-dim)] hover:text-[var(--accent)]" href="/resources#idea-generator">Idea generator</a></div></div></div>
5<a class="relative px-3 py-1.5 font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.15em] uppercase transition-colors text-[var(--text-secondary)] hover:text-[var(--text)]" href="/faq">FAQ</a></div><div class="flex items-center gap-1"><div class="h-10 w-10 shrink-0" aria-hidden="true"></div><a href="https://github.com/New-Retr0/zero-to-agent" target="_blank" rel="noopener noreferrer" class="hidden sm:flex w-8 h-8 items-center justify-center rounded-lg transition-colors hover:bg-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text)]" aria-label="GitHub"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"></path></svg></a><button type="button" class="md:hidden w-10 h-10 flex items-center justify-center rounded-lg transition-colors hover:bg-[var(--border)]" aria-label="Toggle menu"><div class="flex flex-col gap-[5px]"><span class="block w-4 h-[1px] bg-[var(--text-secondary)]"></span><span class="block w-4 h-[1px] bg-[var(--text-secondary)]"></span><span class="block w-4 h-[1px] bg-[var(--text-secondary)]"></span></div></button></div></div></nav><!--$?--><template id="B:0"></template><main class="flex-1"><div class="flex min-h-[70vh] flex-col justify-center px-4 sm:px-6 py-16" aria-busy="true" aria-label="Loading"><section class=""><div class="mx-auto max-w-6xl space-y-10"><div class="space-y-4"><div class="flex items-center gap-2 mb-6"><span class="inline-flex items-center gap-1.5 font-[family-name:var(--font-geist-mono)] text-[11px] text-[var(--text-dim)]"><span class="tabular-nums " aria-hidden="true">⢌⣉⢎⣉</span></span><span class="font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.2em] uppercase text-[var(--text-dim)]">Loading</span></div><div class="h-3 w-24 animate-pulse rounded bg-[var(--border-strong)]"></div><div class="h-10 max-w-md animate-pulse rounded bg-[var(--border-strong)]"></div><div class="h-4 max-w-2xl animate-pulse rounded bg-[var(--border)]"></div><div class="h-4 max-w-xl animate-pulse rounded bg-[var(--border)]"></div></div><div class="space-y-4"><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div></div></div></section></div></main><!--/$--><footer class="relative z-[1] border-t border-[var(--border)] bg-[var(--bg)] print-hide"><div class="max-w-6xl mx-auto px-4 sm:px-6 pt-12 pb-[max(3rem,env(safe-area-inset-bottom,0px))]"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 mb-12"><div class="sm:col-span-2 md:col-span-1"><div class="flex items-center gap-2.5 mb-3"><img alt="Zero to Agent" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&amp;w=32&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=48&amp;q=75 2x" src="/_next/image?url=%2Flogo.png&amp;w=48&amp;q=75"/><span class="font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.2em] uppercase text-[var(--text)]">ZERO TO AGENT</span></div><p class="text-[12px] leading-[1.65] text-[var(--text-secondary)] max-w-[220px]">A community companion for AI agent builders worldwide.</p><nav class="mt-5" aria-label="Social and community links"><ul class="flex flex-wrap gap-2"><li><a href="https://discord.gg/BGAWhWYaC" target="_blank" rel="noopener noreferrer" title="Zero to Agent Discord" aria-label="Zero to Agent Discord" class="inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]"><svg viewBox="0 0 24 24" class="shrink-0 fill-current h-[18px] w-[18px]" width="20" height="20" aria-hidden="true"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 
51.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.074.074 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"></path></svg></a></li><li><a href="https://x.com/vercel" target="_blank" rel="noopener noreferrer" title="Vercel on X" aria-label="Vercel on X" class="inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]"><svg viewBox="0 0 24 24" class="shrink-0 fill-current h-[18px] w-[18px]" width="20" height="20" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a></li><li><a href="https://www.linkedin.com/company/vercel/" target="_blank" rel="noopener noreferrer" title="Vercel on LinkedIn" aria-label="Vercel on LinkedIn" class="inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]"><svg viewBox="0 0 24 24" class="shrink-0 fill-current h-[18px] w-[18px]" width="20" height="20" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a></li><li><a href="https://www.youtube.com/c/VercelHQ" target="_blank" rel="noopener noreferrer" title="Vercel on YouTube" aria-label="Vercel on YouTube" class="inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]"><svg viewBox="0 0 24 24" class="shrink-0 fill-current h-[18px] w-[18px]" width="20" height="20" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></li><li><a href="https://github.com/vercel" target="_blank" rel="noopener noreferrer" title="Vercel on GitHub" aria-label="Vercel on GitHub" class="inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]"><svg viewBox="0 0 24 24" class="shrink-0 fill-current h-[18px] w-[18px]" width="20" height="20" aria-hidden="true"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"></path></svg></a></li></ul></nav></div><div>
5<p class="font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4">Resources</p><ul class="space-y-2.5"><li><a href="https://vercel.com" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Vercel Platform</a></li><li><a href="https://v0.dev" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">v0 by Vercel</a></li><li><a href="https://sdk.vercel.ai/docs" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">AI SDK Docs</a></li><li><a href="https://nextjs.org/docs" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Next.js Docs</a></li><li><a href="https://ai.google.dev" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Gemini API</a></li></ul></div><div><p class="font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4">Community</p><ul class="space-y-2.5"><li><a href="https://community.vercel.com/host/zero-to-agent-2026" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Zero to Agent Hub</a></li><li><a href="https://community.vercel.com" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Vercel Community</a></li><li><a href="https://discord.gg/BGAWhWYaC" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">Zero to Agent Discord</a></li><li><a href="https://github.com/New-Retr0/zero-to-agent" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors">GitHub Repo</a></li></ul></div><div><p class="font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4">Site</p><ul class="space-y-2.5"><li><a class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors" href="/">Home</a></li><li><a class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors" href="/events">Events</a></li><li><a class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors" href="/resources">Resources</a></li><li><a class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors" href="/explainer">Explainer</a></li><li><a class="text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors" href="/faq">FAQ</a></li></ul></div></div><div class="border-t border-[var(--border)] pt-6 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"><p class="font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.15em] text-[var(--text-dim)] uppercase">Next.js · React · Geist · Framer Motion · AI SDK</p><p class="text-[11px] text-[var(--text-dim)] max-w-sm text-left sm:text-right leading-[1.5]">© <!-- -->2026<!-- --> Zero to Agent Community.<!-- --> <span>Community-built companion. Not an official Vercel product.</span></p></div><p class="mt-4 text-[10px] text-[var(--text-dim)] leading-[1.6]">Vercel, the Vercel design, Next.js, v0, and related marks, designs and logos are trademarks or registered trademarks of Vercel, Inc. or its affiliates in the US and other countries. This site is not affiliated with or endorsed by Vercel, Inc.</p></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
5<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
5<script src="/_next/static/chunks/0vg0qo.8ty592.js" id="_R_" async=""></script>
5<div hidden id="S:0"><!--$?--><template id="B:1"></template><main class="flex-1 pt-nav"><div class="" aria-busy="true" aria-label="Loading"><section class="relative px-4 sm:px-6 py-24 md:py-32"><div class="mx-auto max-w-6xl space-y-10"><div class="space-y-4"><div class="flex items-center gap-2 mb-6"><span class="inline-flex items-center gap-1.5 font-[family-name:var(--font-geist-mono)] text-[11px] text-[var(--text-dim)]"><span class="tabular-nums " aria-hidden="true">⢌⣉⢎⣉</span></span><span class="font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.2em] uppercase text-[var(--text-dim)]">Loading</span></div><div class="h-3 w-24 animate-pulse rounded bg-[var(--border-strong)]"></div><div class="h-10 max-w-md animate-pulse rounded bg-[var(--border-strong)]"></div><div class="h-4 max-w-2xl animate-pulse rounded bg-[var(--border)]"></div><div class="h-4 max-w-xl animate-pulse rounded bg-[var(--border)]"></div></div><div class="space-y-4"><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div><div class="h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]"></div></div></div></section></div></main><!--/$--></div>
5<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
6$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
6<div hidden id="S:1"><main class="flex-1 pt-nav"><section class="relative py-20 md:py-32 px-4 sm:px-6 border-t border-[var(--border)]"><div class="max-w-6xl mx-auto"><div style="opacity:0;transform:translateY(20px)"><div class="mb-12 md:mb-16 "><p class="font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.25em] uppercase text-[var(--accent)] mb-3">Explainer</p><h2 class="text-[26px] sm:text-[32px] md:text-[44px] font-bold text-[var(--text)] leading-[1.12] sm:leading-[1.15] tracking-[-0.03em]" style="font-family:var(--font-geist-sans)">How to build a production-grade AI agent.</h2><p class="mt-4 text-[15px] sm:text-[16px] leading-[1.6] text-[var(--text-secondary)] max-w-2xl tracking-[-0.01em]">Over 40% of agentic AI projects fail — not because of the models, but due to inadequate risk controls, poor architecture, and unclear business value. Seven engineering principles that separate production systems from fragile demos.</p></div></div><div style="opacity:0;transform:translateY(20px)"><div class="mb-12 grid grid-cols-1 sm:grid-cols-3 gap-px border border-[var(--border)] rounded-lg overflow-hidden"><div class="bg-[var(--bg-surface)] px-6 py-5"><div class="text-[28px] font-bold text-[var(--text)] leading-none tracking-[-0.04em] mb-1">40%+</div><div class="text-[12px] text-[var(--text-secondary)] leading-[1.5]">of agent projects fail in production</div></div><div class="bg-[var(--bg-surface)] px-6 py-5"><div class="text-[28px] font-bold text-[var(--text)] leading-none tracking-[-0.04em] mb-1">73%</div><div class="text-[12px] text-[var(--text-secondary)] leading-[1.5]">of deployments vulnerable to prompt injection</div></div><div class="bg-[var(--bg-surface)] px-6 py-5"><div class="text-[28px] font-bold text-[var(--text)] leading-none tracking-[-0.04em] mb-1">50%</div><div class="text-[12px] text-[var(--text-secondary)] leading-[1.5]">of execution time lost to context overhead</div></div></div></div><div class="space-y-3"><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false"><span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">01</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Define the Agent Boundary and Threat Model</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">An agent is an orchestrated workflow where an LLM interprets instructions and executes actions through tools. That architecture introduces material risk you must map before writing a single line of production code.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false"><span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">02</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Contracts Everywhere: Inputs, Outputs, and Tool Schemas</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Strictly typed schemas for every tool signature, validated server-side, prevent malformed calls and parameter fabrication. Tools are rigid contracts, not loose conveniences.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false">
6<span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">03</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Secure Tool Execution: Authentication, RBAC, and Sandboxing</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Every tool must operate behind a robust authorization layer enforcing role-based access control before both registration and execution. Apply least privilege everywhere.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false"><span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">04</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Context Engineering: Layered and Compact</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Never dump raw conversation histories into the prompt window. Data retrieval overhead and massive context windows consume 40–50% of total execution time. Engineer context to be intentional, compact, and auditable.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false"><span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">05</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Knowledge Grounding as a Governed Tool</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Treat retrieval as a heavily governed software component with strictly scoped sources and rigorous tenant namespacing. True agents don&#x27;t just retrieve and answer — they retrieve, decide, and act.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false"><span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">06</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Planning and Orchestration as Control Flow</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Use explicit orchestration patterns — plan-then-execute loops, ReAct methodologies, state machines — to avoid brittle chains and infinite computational loops. Make orchestration deterministic while keeping LLM judgment strictly bounded.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div><div style="opacity:0;transform:translateY(20px)"><div class="border border-[var(--border)] rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full flex min-h-[3.25rem] items-start gap-4 sm:gap-5 p-4 sm:p-6 text-left hover:bg-[var(--bg-surface)] transition-colors duration-200 group" aria-expanded="false">
6<span class="flex-shrink-0 font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.1em] text-[var(--text-dim)] mt-0.5 w-6">07</span><div class="flex-1 min-w-0"><h3 class="text-[15px] font-semibold text-[var(--text)] tracking-[-0.02em] leading-[1.3] mb-2 group-hover:text-[var(--accent)] transition-colors">Memory and State as Architecture</h3><p class="text-[13px] leading-[1.65] text-[var(--text-secondary)] tracking-[-0.01em]">Architecturally separate working memory from persistent memory. Apply strict encryption and retention policies, and re-verify tenant and role constraints on every read and write operation.</p></div><div class="flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-[var(--text-dim)]"><path d="m6 9 6 6 6-6"></path></svg></div></button></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="mt-12 border-l-2 border-[var(--border-strong)] pl-6 py-1"><p class="text-[13px] leading-[1.7] text-[var(--text-secondary)]">Building a demo in a local notebook takes an afternoon. Deploying a resilient agent to production takes rigorous engineering. These principles are the delta between the two.</p><p class="font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.2em] uppercase text-[var(--text-dim)] mt-3">— Zero to Agent Engineering Guide</p></div></div></div></section></main><!--$--><!--/$--></div>
6<script>$RC("B:1","S:1")</script>
6<script>(self.__next_f=self.__next_f||[]).push([0])</script>
6<script>self.__next_f.push([1,"1:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"LoadingBoundaryProvider\"]\n2:I[79915,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\",\"/_next/static/chunks/0vpsq3kaxjjx5.js\"],\"BrailleSpinner\"]\n3:\"$Sreact.fragment\"\nf:I[68027,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"default\",1]\n:HL[\"/_next/static/media/GeistMono_Variable.p.17jn9btb_52pq.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/GeistPixel_Square.p.0tw8-iz4k0690.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:T64f,"])</script>
6<script>self.__next_f.push([1,"@font-face{font-family:GeistSans;src:url(/_next/static/media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2)format(\"woff2\");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:\"GeistSans\", \"GeistSans Fallback\"}\n@font-face{font-family:GeistMono;src:url(/_next/static/media/GeistMono_Variable.p.17jn9btb_52pq.woff2)format(\"woff2\");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:\"GeistMono\", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}\n@font-face{font-family:GeistPixelSquare;src:url(/_next/static/media/GeistPixel_Square.p.0tw8-iz4k0690.woff2)format(\"woff2\");font-display:swap;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__className{font-family:GeistPixelSquare,Geist Mono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__variable{--font-geist-pixel-square:\"GeistPixelSquare\", Geist Mono, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}\n"])</script>
6<script>self.__next_f.push([1,"5:T7daa,"])</script>
6<script>self.__next_f.push([1,"*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:\"\"}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-geist-sans), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-geist-mono), monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}
6.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-\\[10000\\]{z-index:10000}.z-\\[1\\]{z-index:1}.z-\\[9997\\]{z-index:9997}.z-\\[9998\\]{z-index:9998}.z-\\[99999\\]{z-index:99999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[1px\\]{height:1px}.h-\\[2px\\]{height:2px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-14{min-height:3.5rem}.min-h-\\[100dvh\\]{min-height:100dvh}.min-h-\\[3\\.25rem\\]{min-height:3.25rem}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:.375rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[18px\\]{width:18px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\\[220px\\]{min-width:220px}.min-w-\\[44px\\]{min-width:44px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\\[11rem\\]{max-width:11rem}.max-w-\\[220px\\]{max-width:220px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-y-0\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-10\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2\\.5\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}
6.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\\[rgba\\(238\\,0\\,0\\,0\\.2\\)\\]{border-color:#e003}.border-\\[rgba\\(245\\,166\\,35\\,0\\.2\\)\\]{border-color:#f5a62333}.border-\\[rgba\\(80\\,200\\,120\\,0\\.2\\)\\]{border-color:#50c87833}.border-\\[var\\(--accent\\)\\]{border-color:var(--accent)}.border-\\[var\\(--border\\)\\]{border-color:var(--border)}.border-\\[var\\(--border-accent\\)\\]{border-color:var(--border-accent)}.border-\\[var\\(--border-strong\\)\\]{border-color:var(--border-strong)}.border-transparent{border-color:#0000}.border-t-\\[var\\(--text-dim\\)\\]{border-top-color:var(--text-dim)}.bg-\\[rgba\\(238\\,0\\,0\\,0\\.06\\)\\]{background-color:#ee00000f}.bg-\\[rgba\\(245\\,166\\,35\\,0\\.06\\)\\]{background-color:#f5a6230f}.bg-\\[rgba\\(80\\,200\\,120\\,0\\.06\\)\\]{background-color:#50c8780f}.bg-\\[var\\(--accent\\)\\]{background-color:var(--accent)}.bg-\\[var\\(--accent-dim\\)\\]{background-color:var(--accent-dim)}.bg-\\[var\\(--bg\\)\\]{background-color:var(--bg)}.bg-\\[var\\(--bg-alpha\\)\\]{background-color:var(--bg-alpha)}.bg-\\[var\\(--bg-surface\\)\\]{background-color:var(--bg-surface)}.bg-\\[var\\(--border\\)\\]{background-color:var(--border)}.bg-\\[var\\(--border-strong\\)\\]{background-color:var(--border-strong)}.bg-\\[var\\(--text\\)\\]{background-color:var(--text)}.bg-\\[var\\(--text-secondary\\)\\]{background-color:var(--text-secondary)}.bg-transparent{background-color:#0000}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\\/50{--tw-gradient-from:#00000080 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pb-\\[env\\(safe-area-inset-bottom\\,0px\\)\\]{padding-bottom:env(safe-area-inset-bottom,0px)}.pb-\\[max\\(3rem\\,env\\(safe-area-inset-bottom\\,0px\\)\\)\\]{padding-bottom:max(3rem, env(safe-area-inset-bottom,0px))}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\\[calc\\(7rem\\+env\\(safe-area-inset-top\\,0px\\)\\)\\]{padding-top:calc(7rem + env(safe-area-inset-top,0px))}.pt-\\[env\\(safe-area-inset-top\\,0px\\)\\]{padding-top:env(safe-area-inset-top,0px)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\\[family-name\\:var\\(--font-geist-mono\\)\\]{font-family:var(--font-geist-mono)}.font-\\[family-name\\:var\\(--font-geist-sans\\)\\]{font-family:var(--font-geist-sans)}.font-mono{font-family:var(--font-geist-mono), monospace}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[46px\\]{font-size:46px}.text-\\[52px\\]{font-size:52px}
6.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\\[0\\.88\\]{line-height:.88}.leading-\\[0\\.92\\]{line-height:.92}.leading-\\[1\\.12\\]{line-height:1.12}.leading-\\[1\\.2\\]{line-height:1.2}.leading-\\[1\\.3\\]{line-height:1.3}.leading-\\[1\\.4\\]{line-height:1.4}.leading-\\[1\\.5\\]{line-height:1.5}.leading-\\[1\\.65\\]{line-height:1.65}.leading-\\[1\\.6\\]{line-height:1.6}.leading-\\[1\\.75\\]{line-height:1.75}.leading-\\[1\\.7\\]{line-height:1.7}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\\[-0\\.01em\\]{letter-spacing:-.01em}.tracking-\\[-0\\.025em\\]{letter-spacing:-.025em}.tracking-\\[-0\\.02em\\]{letter-spacing:-.02em}.tracking-\\[-0\\.03em\\]{letter-spacing:-.03em}.tracking-\\[-0\\.04em\\]{letter-spacing:-.04em}.tracking-\\[0\\.02em\\]{letter-spacing:.02em}.tracking-\\[0\\.04em\\]{letter-spacing:.04em}.tracking-\\[0\\.05em\\]{letter-spacing:.05em}.tracking-\\[0\\.06em\\]{letter-spacing:.06em}.tracking-\\[0\\.08em\\]{letter-spacing:.08em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-\\[0\\.15em\\]{letter-spacing:.15em}.tracking-\\[0\\.18em\\]{letter-spacing:.18em}.tracking-\\[0\\.1em\\]{letter-spacing:.1em}.tracking-\\[0\\.25em\\]{letter-spacing:.25em}.tracking-\\[0\\.28em\\]{letter-spacing:.28em}.tracking-\\[0\\.2em\\]{letter-spacing:.2em}.text-\\[\\#50C878\\]{--tw-text-opacity:1;color:rgb(80 200 120/var(--tw-text-opacity,1))}.text-\\[\\#EE0000\\]{--tw-text-opacity:1;color:rgb(238 0 0/var(--tw-text-opacity,1))}.text-\\[\\#F5A623\\]{--tw-text-opacity:1;color:rgb(245 166 35/var(--tw-text-opacity,1))}.text-\\[var\\(--accent\\)\\]{color:var(--accent)}.text-\\[var\\(--bg\\)\\]{color:var(--bg)}.text-\\[var\\(--error\\)\\]{color:var(--error)}.text-\\[var\\(--text\\)\\]{color:var(--text)}.text-\\[var\\(--text-dim\\)\\]{color:var(--text-dim)}.text-\\[var\\(--text-secondary\\)\\]{color:var(--text-secondary)}.text-\\[var\\(--warning\\)\\]{color:var(--warning)}.text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\\/80{color:#fffc}.text-white\\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\\[0_12px_40px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 12px 40px #0000001f;
6--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 8px 30px #0000001f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[opacity\\,visibility\\]{transition-property:opacity,visibility;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[transform\\,opacity\\]{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\\[--motion-duration\\:0s\\]{--motion-duration:0s}:root{--gray-100:#f7f7f7;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--bg:#e4e4e4;--bg-surface:#ececec;--bg-alpha:#e4e4e4eb;--text:#0f0f0f;--text-secondary:#3d3d3d;--text-dim:#6b6b6b;--accent:#0f0f0f;--accent-dim:#00000012;--accent-secondary:#525252;--border:#0000001c;--border-strong:#0003;--border-accent:#0000003d;--success:#50c878;--error:#e00;--warning:#f5a623}.dark{--bg:#111;--bg-surface:#1a1a1a;--bg-alpha:#111111eb;--text:#fafafa;--text-secondary:#f5f5f5;--text-dim:#a3a3a3;--accent:#fafafa;--accent-dim:#ffffff0f;--accent-secondary:#a1a1a1;--border:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#fff3;--success:#50c878;--error:#e00;--warning:#f5a623}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll}@media (max-width:767px){body{overflow-x:hidden}}.pt-nav{padding-top:calc(3.5rem + env(safe-area-inset-top,0px))}.scroll-mt-nav{scroll-margin-top:calc(8rem + env(safe-area-inset-top,0px))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media screen and (max-width:767px){input,textarea,select{font-size:16px!important}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:max(.625rem, env(safe-area-inset-bottom))}body{background-color:var(--bg);color:var(--text);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.bg-base{background-color:var(--bg)}.bg-surface{background-color:var(--bg-surface)}.border-base{border-color:var(--border)}.border-accent-color{border-color:var(--border-accent)}::selection{color:var(--text);background-color:#0000001f}.dark ::selection{color:var(--text);background-color:#ffffff26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.noise-overlay{pointer-events:none;z-index:0;opacity:.018;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");background-size:128px 128px;position:fixed;inset:0}.dot-grid{pointer-events:none;z-index:0;position:fixed;inset:0}.dark .dot-grid{background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:24px 24px}:root:not(.dark) .dot-grid{background-image:radial-gradient(circle,#0001 1px,#0000 1px);background-size:24px 24px}.hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 38%,#0000000f 0%,#00000008 42%,#0000 72%);position:absolute;inset:0}.dark .hero-glow{background:radial-gradient(80% 60% at 50% 38%,#ffffff0d 0%,#ffffff05 45%,#0000 72%)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}
6}.cursor-blink{animation:1.2s step-end infinite cursor-blink}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--border-strong) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.8s infinite shimmer}button,a{-webkit-tap-highlight-color:transparent}@media print{.print-hide{display:none!important}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.hero-fade-up{animation:.7s cubic-bezier(.16,1,.3,1) both hero-fade-up}.hero-fade-in{animation:.8s both hero-fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-fade-up,.hero-fade-in{opacity:1!important;animation:none!important;transform:none!important}}.scroll-progress-bar{will-change:transform}section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:auto 600px}nav,footer{content-visibility:visible}.placeholder\\:text-\\[var\\(--text-dim\\)\\]::placeholder{color:var(--text-dim)}.hover\\:border-\\[var\\(--accent\\)\\]:hover{border-color:var(--accent)}.hover\\:border-\\[var\\(--border\\)\\]:hover{border-color:var(--border)}.hover\\:border-\\[var\\(--border-accent\\)\\]:hover{border-color:var(--border-accent)}.hover\\:border-\\[var\\(--border-strong\\)\\]:hover{border-color:var(--border-strong)}.hover\\:bg-\\[var\\(--accent-dim\\)\\]:hover{background-color:var(--accent-dim)}.hover\\:bg-\\[var\\(--bg-surface\\)\\]:hover{background-color:var(--bg-surface)}.hover\\:bg-\\[var\\(--border\\)\\]:hover{background-color:var(--border)}.hover\\:text-\\[var\\(--accent\\)\\]:hover{color:var(--accent)}.hover\\:text-\\[var\\(--text\\)\\]:hover{color:var(--text)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-60:hover{opacity:.6}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]:hover{--tw-shadow:0 8px 30px #0000001f;
6--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\\:border-\\[var\\(--border-accent\\)\\]:focus{border-color:var(--border-accent)}.active\\:bg-\\[var\\(--border\\)\\]:active{background-color:var(--border)}.active\\:opacity-80:active{opacity:.8}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\\:visible{visibility:visible}.group:focus-within .group-focus-within\\:opacity-100{opacity:1}.group:hover .group-hover\\:visible{visibility:visible}.group:hover .group-hover\\:-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-\\[1\\.02\\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:text-\\[var\\(--accent\\)\\]{color:var(--accent)}.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:opacity-80{opacity:.8}.dark\\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:shadow-\\[0_12px_40px_rgba\\(0\\,0\\,0\\,0\\.5\\)\\]:is(.dark *){--tw-shadow:0 12px 40px #00000080;
6--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\\:shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.45\\)\\]:is(.dark *){--tw-shadow:0 8px 32px #00000073;--tw-shadow-colored:0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\\:hover\\:text-\\[var\\(--accent\\)\\]:hover:is(.dark *){color:var(--accent)}.dark\\:hover\\:shadow-\\[0_8px_40px_rgba\\(255\\,255\\,255\\,0\\.04\\)\\]:hover:is(.dark *){--tw-shadow:0 8px 40px #ffffff0a;--tw-shadow-colored:0 8px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (min-width:640px){.sm\\:\\!bottom-4{bottom:1rem!important}.sm\\:\\!left-auto{left:auto!important}.sm\\:\\!right-4{right:1rem!important}.sm\\:col-span-2{grid-column:span 2/span 2}.sm\\:mx-0{margin-left:0;margin-right:0}.sm\\:mr-0{margin-right:0}.sm\\:flex{display:flex}.sm\\:min-h-0{min-height:0}.sm\\:w-auto{width:auto}.sm\\:min-w-\\[240px\\]{min-width:240px}.sm\\:max-w-none{max-width:none}.sm\\:flex-initial{flex:0 auto}.sm\\:flex-shrink-0{flex-shrink:0}.sm\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:flex-nowrap{flex-wrap:nowrap}.sm\\:items-center{align-items:center}.sm\\:items-baseline{align-items:baseline}.sm\\:justify-start{justify-content:flex-start}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:.5rem}.sm\\:gap-2\\.5{gap:.625rem}.sm\\:gap-3{gap:.75rem}.sm\\:gap-5{gap:1.25rem}.sm\\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\\:overflow-visible{overflow:visible}.sm\\:p-6{padding:1.5rem}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:px-8{padding-left:2rem;padding-right:2rem}.sm\\:py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\\:pb-0{padding-bottom:0}.sm\\:pb-6{padding-bottom:1.5rem}.sm\\:pl-0{padding-left:0}.sm\\:pl-11{padding-left:2.75rem}.sm\\:pr-0{padding-right:0}.sm\\:text-right{text-align:right}.sm\\:text-\\[11px\\]{font-size:11px}.sm\\:text-\\[16px\\]{font-size:16px}.sm\\:text-\\[32px\\]{font-size:32px}.sm\\:text-\\[60px\\]{font-size:60px}.sm\\:text-\\[68px\\]{font-size:68px}.sm\\:leading-\\[1\\.15\\]{line-height:1.15}.sm\\:tracking-\\[0\\.2em\\]{letter-spacing:.2em}}@media (min-width:768px){.md\\:col-span-1{grid-column:span 1/span 1}.md\\:mb-16{margin-bottom:4rem}.md\\:mt-12{margin-top:3rem}.md\\:mt-16{margin-top:4rem}.md\\:mt-20{margin-top:5rem}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-\\[1fr_64px_1fr\\]{grid-template-columns:1fr 64px 1fr}.md\\:items-center{align-items:center}.md\\:gap-16{gap:4rem}.md\\:gap-6{gap:1.5rem}.md\\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\\:p-10{padding:2.5rem}.md\\:p-8{padding:2rem}.md\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\\:py-24{padding-top:6rem;padding-bottom:6rem}.md\\:py-28{padding-top:7rem;padding-bottom:7rem}.md\\:py-32{padding-top:8rem;padding-bottom:8rem}.md\\:pt-\\[calc\\(9rem\\+env\\(safe-area-inset-top\\,0px\\)\\)\\]{padding-top:calc(9rem + env(safe-area-inset-top,0px))}.md\\:text-\\[14px\\]{font-size:14px}.md\\:text-\\[15px\\]{font-size:15px}.md\\:text-\\[19px\\]{font-size:19px}.md\\:text-\\[20px\\]{font-size:20px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-\\[36px\\]{font-size:36px}.md\\:text-\\[44px\\]{font-size:44px}.md\\:text-\\[80px\\]{font-size:80px}.md\\:text-\\[88px\\]{font-size:88px}}@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))}}@media (min-width:1280px){.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}\n"])</script>
6<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"explainer\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"explainer\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",4]},\"$undefined\",\"$undefined\",28],[[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"main\",\"l\",{\"className\":\"flex-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-h-[70vh] flex-col justify-center px-4 sm:px-6 py-16\",\"aria-busy\":\"true\",\"aria-label\":\"Loading\",\"children\":[\"$\",\"section\",null,{\"className\":\"\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl space-y-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-6\",\"children\":[[\"$\",\"$L2\",null,{\"name\":\"helix\",\"className\":\"text-[11px] text-[var(--text-dim)]\"}],[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.2em] uppercase text-[var(--text-dim)]\",\"children\":\"Loading\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-3 w-24 animate-pulse rounded bg-[var(--border-strong)]\"}],[\"$\",\"div\",null,{\"className\":\"h-10 max-w-md animate-pulse rounded bg-[var(--border-strong)]\"}],[\"$\",\"div\",null,{\"className\":\"h-4 max-w-2xl animate-pulse rounded bg-[var(--border)]\"}],[\"$\",\"div\",null,{\"className\":\"h-4 max-w-xl animate-pulse rounded bg-[var(--border)]\"}]]}],false,[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}],[\"$\",\"div\",\"2\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}],[\"$\",\"div\",\"3\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}]]}]]}]}]}]}],[],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0vpsq3kaxjjx5.js\",\"async\":true}]]],\"children\":[\"$\",\"$3\",\"c\",{\"children\":[[[\"$\",\"style\",\"0\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/0lgkr._k_37dp.css\",\"children\":\"$4\"}],[\"$\",\"style\",\"1\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/0kkmzdrcx~apu.css\",\"children\":\"$5\"}],\"$L6\",\"$L7\",\"$L8\",\"$L9\"],\"$La\"]}]}],{\"children\":[\"$Lb\",{\"children\":[\"$Lc\",{},null,false,null]},null,false,\"$@d\"]},null,false,null],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[\"$L10\",\"$L11\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"vjZZhyYwzDWEsLMz-Tnsg\"}\n"])</script>
6<script>self.__next_f.push([1,"12:I[89554,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"ThemeProvider\"]\n13:I[80608,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"ScrollProgress\"]\n14:I[34581,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"ScrollToTop\"]\n15:I[13474,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"Navigation\"]\n16:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n17:I[37457,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n18:I[85437,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"Image\"]\n26:I[97032,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\",\"/_next/static/chunks/0kslhxeo90xjr.js\"],\"ProductionAgentGuide\"]\n27:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n28:\"$Sreact.suspense\"\n2b:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n2d:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n6:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n7:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/120.~p~.keuf~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n8:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/077901bv~4-v~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n9:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0.zf~oorratxk.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n19:T43a,M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.074.074 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"])</script>
6<script>self.__next_f.push([1,"a:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"data-scroll-behavior\":\"smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://images.lumacdn.com\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://images.lumacdn.com\"}]]}],[\"$\",\"body\",null,{\"className\":\"geistsans_d5a4f12f-module__Ur3q_a__variable geistmono_157ca88a-module__iaM1Ya__variable geistpixelsquare_cf225766-module__Yt-Tla__variable\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L12\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"dot-grid\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"noise-overlay\",\"aria-hidden\":\"true\"}],[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{}],[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex flex-col min-h-screen\",\"children\":[[\"$\",\"$L15\",null,{}],[\"$\",\"$L16\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"footer\",null,{\"className\":\"relative z-[1] border-t border-[var(--border)] bg-[var(--bg)] print-hide\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto px-4 sm:px-6 pt-12 pb-[max(3rem,env(safe-area-inset-bottom,0px))]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 mb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"sm:col-span-2 md:col-span-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2.5 mb-3\",\"children\":[[\"$\",\"$L18\",null,{\"src\":\"/logo.png\",\"alt\":\"Zero to Agent\",\"width\":20,\"height\":20,\"className\":\"rounded-lg\"}],[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[11px] tracking-[0.2em] uppercase text-[var(--text)]\",\"children\":\"ZERO TO AGENT\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-[12px] leading-[1.65] text-[var(--text-secondary)] max-w-[220px]\",\"children\":\"A community companion for AI agent builders worldwide.\"}],[\"$\",\"nav\",null,{\"className\":\"mt-5\",\"aria-label\":\"Social and community links\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"li\",\"https://discord.gg/BGAWhWYaC\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://discord.gg/BGAWhWYaC\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Zero to Agent Discord\",\"aria-label\":\"Zero to Agent Discord\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 fill-current h-[18px] w-[18px]\",\"width\":20,\"height\"
6:20,\"aria-hidden\":true,\"role\":\"$undefined\",\"children\":[null,[\"$\",\"path\",null,{\"d\":\"$19\"}]]}]}]}],\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\"]}]}]]}],\"$L1e\",\"$L1f\",\"$L20\"]}],\"$L21\",\"$L22\"]}]}]]}],\"$L23\",\"$L24\",\"$L25\"]}]}]]}]\n"])</script>
6<script>self.__next_f.push([1,"b:[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"main\",\"l\",{\"className\":\"flex-1 pt-nav\",\"children\":[\"$\",\"div\",null,{\"className\":\"\",\"aria-busy\":\"true\",\"aria-label\":\"Loading\",\"children\":[\"$\",\"section\",null,{\"className\":\"relative px-4 sm:px-6 py-24 md:py-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl space-y-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-6\",\"children\":[[\"$\",\"$L2\",null,{\"name\":\"helix\",\"className\":\"text-[11px] text-[var(--text-dim)]\"}],[\"$\",\"span\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[10px] tracking-[0.2em] uppercase text-[var(--text-dim)]\",\"children\":\"Loading\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-3 w-24 animate-pulse rounded bg-[var(--border-strong)]\"}],[\"$\",\"div\",null,{\"className\":\"h-10 max-w-md animate-pulse rounded bg-[var(--border-strong)]\"}],[\"$\",\"div\",null,{\"className\":\"h-4 max-w-2xl animate-pulse rounded bg-[var(--border)]\"}],[\"$\",\"div\",null,{\"className\":\"h-4 max-w-xl animate-pulse rounded bg-[var(--border)]\"}]]}],false,[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",\"1\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}],[\"$\",\"div\",\"2\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}],[\"$\",\"div\",\"3\",{\"className\":\"h-24 animate-pulse rounded border border-[var(--border)] bg-[var(--bg-surface)]\"}]]}]]}]}]}]}],[],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0vpsq3kaxjjx5.js\",\"async\":true}]]],\"children\":[\"$\",\"$3\",\"c\",{\"children\":[null,[\"$\",\"$L16\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L17\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]\n"])</script>
6<script>self.__next_f.push([1,"c:[\"$\",\"$3\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"flex-1 pt-nav\",\"children\":[\"$\",\"$L26\",null,{}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0kslhxeo90xjr.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L27\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@29\"}]}]]}]\n2a:[]\nd:\"$W2a\"\ne:[\"$\",\"$3\",\"h\",{\"children\":[null,[\"$\",\"$L2b\",null,{\"children\":\"$L2c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L2d\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n2f:T64f,"])</script>
6<script>self.__next_f.push([1,"@font-face{font-family:GeistSans;src:url(/_next/static/media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2)format(\"woff2\");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:\"GeistSans\", \"GeistSans Fallback\"}\n@font-face{font-family:GeistMono;src:url(/_next/static/media/GeistMono_Variable.p.17jn9btb_52pq.woff2)format(\"woff2\");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:\"GeistMono\", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}\n@font-face{font-family:GeistPixelSquare;src:url(/_next/static/media/GeistPixel_Square.p.0tw8-iz4k0690.woff2)format(\"woff2\");font-display:swap;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__className{font-family:GeistPixelSquare,Geist Mono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-weight:500}.geistpixelsquare_cf225766-module__Yt-Tla__variable{--font-geist-pixel-square:\"GeistPixelSquare\", Geist Mono, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}\n"])</script>
6<script>self.__next_f.push([1,"10:[\"$\",\"style\",\"0\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/0lgkr._k_37dp.css\",\"children\":\"$2f\"}]\n30:T7daa,"])</script>
6<script>self.__next_f.push([1,"*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:\"\"}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-geist-sans), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-geist-mono), monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}
6.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-\\[10000\\]{z-index:10000}.z-\\[1\\]{z-index:1}.z-\\[9997\\]{z-index:9997}.z-\\[9998\\]{z-index:9998}.z-\\[99999\\]{z-index:99999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[1px\\]{height:1px}.h-\\[2px\\]{height:2px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-14{min-height:3.5rem}.min-h-\\[100dvh\\]{min-height:100dvh}.min-h-\\[3\\.25rem\\]{min-height:3.25rem}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:.375rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[18px\\]{width:18px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\\[220px\\]{min-width:220px}.min-w-\\[44px\\]{min-width:44px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\\[11rem\\]{max-width:11rem}.max-w-\\[220px\\]{max-width:220px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-y-0\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-10\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2\\.5\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6\u003e:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}
6.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\\[rgba\\(238\\,0\\,0\\,0\\.2\\)\\]{border-color:#e003}.border-\\[rgba\\(245\\,166\\,35\\,0\\.2\\)\\]{border-color:#f5a62333}.border-\\[rgba\\(80\\,200\\,120\\,0\\.2\\)\\]{border-color:#50c87833}.border-\\[var\\(--accent\\)\\]{border-color:var(--accent)}.border-\\[var\\(--border\\)\\]{border-color:var(--border)}.border-\\[var\\(--border-accent\\)\\]{border-color:var(--border-accent)}.border-\\[var\\(--border-strong\\)\\]{border-color:var(--border-strong)}.border-transparent{border-color:#0000}.border-t-\\[var\\(--text-dim\\)\\]{border-top-color:var(--text-dim)}.bg-\\[rgba\\(238\\,0\\,0\\,0\\.06\\)\\]{background-color:#ee00000f}.bg-\\[rgba\\(245\\,166\\,35\\,0\\.06\\)\\]{background-color:#f5a6230f}.bg-\\[rgba\\(80\\,200\\,120\\,0\\.06\\)\\]{background-color:#50c8780f}.bg-\\[var\\(--accent\\)\\]{background-color:var(--accent)}.bg-\\[var\\(--accent-dim\\)\\]{background-color:var(--accent-dim)}.bg-\\[var\\(--bg\\)\\]{background-color:var(--bg)}.bg-\\[var\\(--bg-alpha\\)\\]{background-color:var(--bg-alpha)}.bg-\\[var\\(--bg-surface\\)\\]{background-color:var(--bg-surface)}.bg-\\[var\\(--border\\)\\]{background-color:var(--border)}.bg-\\[var\\(--border-strong\\)\\]{background-color:var(--border-strong)}.bg-\\[var\\(--text\\)\\]{background-color:var(--text)}.bg-\\[var\\(--text-secondary\\)\\]{background-color:var(--text-secondary)}.bg-transparent{background-color:#0000}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\\/50{--tw-gradient-from:#00000080 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pb-\\[env\\(safe-area-inset-bottom\\,0px\\)\\]{padding-bottom:env(safe-area-inset-bottom,0px)}.pb-\\[max\\(3rem\\,env\\(safe-area-inset-bottom\\,0px\\)\\)\\]{padding-bottom:max(3rem, env(safe-area-inset-bottom,0px))}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\\[calc\\(7rem\\+env\\(safe-area-inset-top\\,0px\\)\\)\\]{padding-top:calc(7rem + env(safe-area-inset-top,0px))}.pt-\\[env\\(safe-area-inset-top\\,0px\\)\\]{padding-top:env(safe-area-inset-top,0px)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\\[family-name\\:var\\(--font-geist-mono\\)\\]{font-family:var(--font-geist-mono)}.font-\\[family-name\\:var\\(--font-geist-sans\\)\\]{font-family:var(--font-geist-sans)}.font-mono{font-family:var(--font-geist-mono), monospace}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[46px\\]{font-size:46px}.text-\\[52px\\]{font-size:52px}
6.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\\[0\\.88\\]{line-height:.88}.leading-\\[0\\.92\\]{line-height:.92}.leading-\\[1\\.12\\]{line-height:1.12}.leading-\\[1\\.2\\]{line-height:1.2}.leading-\\[1\\.3\\]{line-height:1.3}.leading-\\[1\\.4\\]{line-height:1.4}.leading-\\[1\\.5\\]{line-height:1.5}.leading-\\[1\\.65\\]{line-height:1.65}.leading-\\[1\\.6\\]{line-height:1.6}.leading-\\[1\\.75\\]{line-height:1.75}.leading-\\[1\\.7\\]{line-height:1.7}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\\[-0\\.01em\\]{letter-spacing:-.01em}.tracking-\\[-0\\.025em\\]{letter-spacing:-.025em}.tracking-\\[-0\\.02em\\]{letter-spacing:-.02em}.tracking-\\[-0\\.03em\\]{letter-spacing:-.03em}.tracking-\\[-0\\.04em\\]{letter-spacing:-.04em}.tracking-\\[0\\.02em\\]{letter-spacing:.02em}.tracking-\\[0\\.04em\\]{letter-spacing:.04em}.tracking-\\[0\\.05em\\]{letter-spacing:.05em}.tracking-\\[0\\.06em\\]{letter-spacing:.06em}.tracking-\\[0\\.08em\\]{letter-spacing:.08em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-\\[0\\.15em\\]{letter-spacing:.15em}.tracking-\\[0\\.18em\\]{letter-spacing:.18em}.tracking-\\[0\\.1em\\]{letter-spacing:.1em}.tracking-\\[0\\.25em\\]{letter-spacing:.25em}.tracking-\\[0\\.28em\\]{letter-spacing:.28em}.tracking-\\[0\\.2em\\]{letter-spacing:.2em}.text-\\[\\#50C878\\]{--tw-text-opacity:1;color:rgb(80 200 120/var(--tw-text-opacity,1))}.text-\\[\\#EE0000\\]{--tw-text-opacity:1;color:rgb(238 0 0/var(--tw-text-opacity,1))}.text-\\[\\#F5A623\\]{--tw-text-opacity:1;color:rgb(245 166 35/var(--tw-text-opacity,1))}.text-\\[var\\(--accent\\)\\]{color:var(--accent)}.text-\\[var\\(--bg\\)\\]{color:var(--bg)}.text-\\[var\\(--error\\)\\]{color:var(--error)}.text-\\[var\\(--text\\)\\]{color:var(--text)}.text-\\[var\\(--text-dim\\)\\]{color:var(--text-dim)}.text-\\[var\\(--text-secondary\\)\\]{color:var(--text-secondary)}.text-\\[var\\(--warning\\)\\]{color:var(--warning)}.text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\\/80{color:#fffc}.text-white\\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\\[0_12px_40px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 12px 40px #0000001f;
6--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 8px 30px #0000001f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[opacity\\,visibility\\]{transition-property:opacity,visibility;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[transform\\,opacity\\]{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\\[--motion-duration\\:0s\\]{--motion-duration:0s}:root{--gray-100:#f7f7f7;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--bg:#e4e4e4;--bg-surface:#ececec;--bg-alpha:#e4e4e4eb;--text:#0f0f0f;--text-secondary:#3d3d3d;--text-dim:#6b6b6b;--accent:#0f0f0f;--accent-dim:#00000012;--accent-secondary:#525252;--border:#0000001c;--border-strong:#0003;--border-accent:#0000003d;--success:#50c878;--error:#e00;--warning:#f5a623}.dark{--bg:#111;--bg-surface:#1a1a1a;--bg-alpha:#111111eb;--text:#fafafa;--text-secondary:#f5f5f5;--text-dim:#a3a3a3;--accent:#fafafa;--accent-dim:#ffffff0f;--accent-secondary:#a1a1a1;--border:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#fff3;--success:#50c878;--error:#e00;--warning:#f5a623}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll}@media (max-width:767px){body{overflow-x:hidden}}.pt-nav{padding-top:calc(3.5rem + env(safe-area-inset-top,0px))}.scroll-mt-nav{scroll-margin-top:calc(8rem + env(safe-area-inset-top,0px))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media screen and (max-width:767px){input,textarea,select{font-size:16px!important}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:max(.625rem, env(safe-area-inset-bottom))}body{background-color:var(--bg);color:var(--text);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.bg-base{background-color:var(--bg)}.bg-surface{background-color:var(--bg-surface)}.border-base{border-color:var(--border)}.border-accent-color{border-color:var(--border-accent)}::selection{color:var(--text);background-color:#0000001f}.dark ::selection{color:var(--text);background-color:#ffffff26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.noise-overlay{pointer-events:none;z-index:0;opacity:.018;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");background-size:128px 128px;position:fixed;inset:0}.dot-grid{pointer-events:none;z-index:0;position:fixed;inset:0}.dark .dot-grid{background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:24px 24px}:root:not(.dark) .dot-grid{background-image:radial-gradient(circle,#0001 1px,#0000 1px);background-size:24px 24px}.hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 38%,#0000000f 0%,#00000008 42%,#0000 72%);position:absolute;inset:0}.dark .hero-glow{background:radial-gradient(80% 60% at 50% 38%,#ffffff0d 0%,#ffffff05 45%,#0000 72%)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}
6}.cursor-blink{animation:1.2s step-end infinite cursor-blink}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--border-strong) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.8s infinite shimmer}button,a{-webkit-tap-highlight-color:transparent}@media print{.print-hide{display:none!important}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.hero-fade-up{animation:.7s cubic-bezier(.16,1,.3,1) both hero-fade-up}.hero-fade-in{animation:.8s both hero-fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-fade-up,.hero-fade-in{opacity:1!important;animation:none!important;transform:none!important}}.scroll-progress-bar{will-change:transform}section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:auto 600px}nav,footer{content-visibility:visible}.placeholder\\:text-\\[var\\(--text-dim\\)\\]::placeholder{color:var(--text-dim)}.hover\\:border-\\[var\\(--accent\\)\\]:hover{border-color:var(--accent)}.hover\\:border-\\[var\\(--border\\)\\]:hover{border-color:var(--border)}.hover\\:border-\\[var\\(--border-accent\\)\\]:hover{border-color:var(--border-accent)}.hover\\:border-\\[var\\(--border-strong\\)\\]:hover{border-color:var(--border-strong)}.hover\\:bg-\\[var\\(--accent-dim\\)\\]:hover{background-color:var(--accent-dim)}.hover\\:bg-\\[var\\(--bg-surface\\)\\]:hover{background-color:var(--bg-surface)}.hover\\:bg-\\[var\\(--border\\)\\]:hover{background-color:var(--border)}.hover\\:text-\\[var\\(--accent\\)\\]:hover{color:var(--accent)}.hover\\:text-\\[var\\(--text\\)\\]:hover{color:var(--text)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-60:hover{opacity:.6}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]:hover{--tw-shadow:0 8px 30px #0000001f;
6--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\\:border-\\[var\\(--border-accent\\)\\]:focus{border-color:var(--border-accent)}.active\\:bg-\\[var\\(--border\\)\\]:active{background-color:var(--border)}.active\\:opacity-80:active{opacity:.8}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\\:visible{visibility:visible}.group:focus-within .group-focus-within\\:opacity-100{opacity:1}.group:hover .group-hover\\:visible{visibility:visible}.group:hover .group-hover\\:-rotate-180{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-\\[1\\.02\\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:text-\\[var\\(--accent\\)\\]{color:var(--accent)}.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:opacity-80{opacity:.8}.dark\\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:shadow-\\[0_12px_40px_rgba\\(0\\,0\\,0\\,0\\.5\\)\\]:is(.dark *){--tw-shadow:0 12px 40px #00000080;
6--tw-shadow-colored:0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\\:shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.45\\)\\]:is(.dark *){--tw-shadow:0 8px 32px #00000073;--tw-shadow-colored:0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.dark\\:hover\\:text-\\[var\\(--accent\\)\\]:hover:is(.dark *){color:var(--accent)}.dark\\:hover\\:shadow-\\[0_8px_40px_rgba\\(255\\,255\\,255\\,0\\.04\\)\\]:hover:is(.dark *){--tw-shadow:0 8px 40px #ffffff0a;--tw-shadow-colored:0 8px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (min-width:640px){.sm\\:\\!bottom-4{bottom:1rem!important}.sm\\:\\!left-auto{left:auto!important}.sm\\:\\!right-4{right:1rem!important}.sm\\:col-span-2{grid-column:span 2/span 2}.sm\\:mx-0{margin-left:0;margin-right:0}.sm\\:mr-0{margin-right:0}.sm\\:flex{display:flex}.sm\\:min-h-0{min-height:0}.sm\\:w-auto{width:auto}.sm\\:min-w-\\[240px\\]{min-width:240px}.sm\\:max-w-none{max-width:none}.sm\\:flex-initial{flex:0 auto}.sm\\:flex-shrink-0{flex-shrink:0}.sm\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:flex-nowrap{flex-wrap:nowrap}.sm\\:items-center{align-items:center}.sm\\:items-baseline{align-items:baseline}.sm\\:justify-start{justify-content:flex-start}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:.5rem}.sm\\:gap-2\\.5{gap:.625rem}.sm\\:gap-3{gap:.75rem}.sm\\:gap-5{gap:1.25rem}.sm\\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\\:overflow-visible{overflow:visible}.sm\\:p-6{padding:1.5rem}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:px-8{padding-left:2rem;padding-right:2rem}.sm\\:py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\\:pb-0{padding-bottom:0}.sm\\:pb-6{padding-bottom:1.5rem}.sm\\:pl-0{padding-left:0}.sm\\:pl-11{padding-left:2.75rem}.sm\\:pr-0{padding-right:0}.sm\\:text-right{text-align:right}.sm\\:text-\\[11px\\]{font-size:11px}.sm\\:text-\\[16px\\]{font-size:16px}.sm\\:text-\\[32px\\]{font-size:32px}.sm\\:text-\\[60px\\]{font-size:60px}.sm\\:text-\\[68px\\]{font-size:68px}.sm\\:leading-\\[1\\.15\\]{line-height:1.15}.sm\\:tracking-\\[0\\.2em\\]{letter-spacing:.2em}}@media (min-width:768px){.md\\:col-span-1{grid-column:span 1/span 1}.md\\:mb-16{margin-bottom:4rem}.md\\:mt-12{margin-top:3rem}.md\\:mt-16{margin-top:4rem}.md\\:mt-20{margin-top:5rem}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-\\[1fr_64px_1fr\\]{grid-template-columns:1fr 64px 1fr}.md\\:items-center{align-items:center}.md\\:gap-16{gap:4rem}.md\\:gap-6{gap:1.5rem}.md\\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\\:p-10{padding:2.5rem}.md\\:p-8{padding:2rem}.md\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\\:py-24{padding-top:6rem;padding-bottom:6rem}.md\\:py-28{padding-top:7rem;padding-bottom:7rem}.md\\:py-32{padding-top:8rem;padding-bottom:8rem}.md\\:pt-\\[calc\\(9rem\\+env\\(safe-area-inset-top\\,0px\\)\\)\\]{padding-top:calc(9rem + env(safe-area-inset-top,0px))}.md\\:text-\\[14px\\]{font-size:14px}.md\\:text-\\[15px\\]{font-size:15px}.md\\:text-\\[19px\\]{font-size:19px}.md\\:text-\\[20px\\]{font-size:20px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-\\[36px\\]{font-size:36px}.md\\:text-\\[44px\\]{font-size:44px}.md\\:text-\\[80px\\]{font-size:80px}.md\\:text-\\[88px\\]{font-size:88px}}@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))}}@media (min-width:1280px){.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}\n"])</script>
6<script>self.__next_f.push([1,"11:[\"$\",\"style\",\"1\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/0kkmzdrcx~apu.css\",\"children\":\"$30\"}]\n"])</script>
6<script>self.__next_f.push([1,"31:I[22016,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"\"]\n32:I[46696,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"Toaster\"]\n33:I[57215,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"SpeedInsights\"]\n34:I[2355,[\"/_next/static/chunks/0dvfgs.xltpoi.js\",\"/_next/static/chunks/120.~p~.keuf~.js\",\"/_next/static/chunks/077901bv~4-v~.js\",\"/_next/static/chunks/0.zf~oorratxk.js\"],\"Analytics\"]\n1a:[\"$\",\"li\",\"https://x.com/vercel\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://x.com/vercel\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Vercel on X\",\"aria-label\":\"Vercel on X\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 fill-current h-[18px] w-[18px]\",\"width\":20,\"height\":20,\"aria-hidden\":true,\"role\":\"$undefined\",\"children\":[null,[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]]}]}]}]\n1b:[\"$\",\"li\",\"https://www.linkedin.com/company/vercel/\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/vercel/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Vercel on LinkedIn\",\"aria-label\":\"Vercel on LinkedIn\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 fill-current h-[18px] w-[18px]\",\"width\":20,\"height\":20,\"aria-hidden\":true,\"role\":\"$undefined\",\"children\":[null,[\"$\",\"path\",null,{\"d\":\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"}]]}]}]}]\n1c:[\"$\",\"li\",\"https://www.youtube.com/c/VercelHQ\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/c/VercelHQ\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Vercel on YouTube\",\"aria-label\":\"Vercel on YouTube\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 fill-current h-[18px] w-[18px]\",\"width\":20,\"height\":20,\"aria-hidden\":true,\"role\":\"$undefined\",\"children\":[null,[\"$\",\"path\",null,{\"d\":\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"}]]}]}]}]\n"])</script>
6<script>self.__next_f.push([1,"1d:[\"$\",\"li\",\"https://github.com/vercel\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Vercel on GitHub\",\"aria-label\":\"Vercel on GitHub\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-2 text-neutral-950 transition-colors hover:border-[var(--accent)] hover:text-[var(--accent)] dark:text-white dark:hover:text-[var(--accent)]\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 fill-current h-[18px] w-[18px]\",\"width\":20,\"height\":20,\"aria-hidden\":true,\"role\":\"$undefined\",\"children\":[null,[\"$\",\"path\",null,{\"d\":\"M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z\"}]]}]}]}]\n"])</script>
6<script>self.__next_f.push([1,"1e:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"https://vercel.com\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://vercel.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Vercel Platform\"}]}],[\"$\",\"li\",\"https://v0.dev\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://v0.dev\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"v0 by Vercel\"}]}],[\"$\",\"li\",\"https://sdk.vercel.ai/docs\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://sdk.vercel.ai/docs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"AI SDK Docs\"}]}],[\"$\",\"li\",\"https://nextjs.org/docs\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://nextjs.org/docs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Next.js Docs\"}]}],[\"$\",\"li\",\"https://ai.google.dev\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://ai.google.dev\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Gemini API\"}]}]]}]]}]\n"])</script>
6<script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4\",\"children\":\"Community\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"https://community.vercel.com/host/zero-to-agent-2026\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://community.vercel.com/host/zero-to-agent-2026\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Zero to Agent Hub\"}]}],[\"$\",\"li\",\"https://community.vercel.com\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://community.vercel.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Vercel Community\"}]}],[\"$\",\"li\",\"https://discord.gg/BGAWhWYaC\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://discord.gg/BGAWhWYaC\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Zero to Agent Discord\"}]}],[\"$\",\"li\",\"https://github.com/New-Retr0/zero-to-agent\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/New-Retr0/zero-to-agent\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"GitHub Repo\"}]}]]}]]}]\n"])</script>
6<script>self.__next_f.push([1,"20:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.2em] uppercase text-[var(--text-dim)] mb-4\",\"children\":\"Site\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"/\",{\"children\":[\"$\",\"$L31\",null,{\"href\":\"/\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Home\"}]}],[\"$\",\"li\",\"/events\",{\"children\":[\"$\",\"$L31\",null,{\"href\":\"/events\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Events\"}]}],[\"$\",\"li\",\"/resources\",{\"children\":[\"$\",\"$L31\",null,{\"href\":\"/resources\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Resources\"}]}],[\"$\",\"li\",\"/explainer\",{\"children\":[\"$\",\"$L31\",null,{\"href\":\"/explainer\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"Explainer\"}]}],[\"$\",\"li\",\"/faq\",{\"children\":[\"$\",\"$L31\",null,{\"href\":\"/faq\",\"className\":\"text-[13px] text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors\",\"children\":\"FAQ\"}]}]]}]]}]\n21:[\"$\",\"div\",null,{\"className\":\"border-t border-[var(--border)] pt-6 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-[family-name:var(--font-geist-mono)] text-[9px] tracking-[0.15em] text-[var(--text-dim)] uppercase\",\"children\":\"Next.js · React · Geist · Framer Motion · AI SDK\"}],[\"$\",\"p\",null,{\"className\":\"text-[11px] text-[var(--text-dim)] max-w-sm text-left sm:text-right leading-[1.5]\",\"children\":[\"© \",2026,\" Zero to Agent Community.\",\" \",[\"$\",\"span\",null,{\"children\":\"Community-built companion. Not an official Vercel product.\"}]]}]]}]\n22:[\"$\",\"p\",null,{\"className\":\"mt-4 text-[10px] text-[var(--text-dim)] leading-[1.6]\",\"children\":\"Vercel, the Vercel design, Next.js, v0, and related marks, designs and logos are trademarks or registered trademarks of Vercel, Inc. or its affiliates in the US and other countries. This site is not affiliated with or endorsed by Vercel, Inc.\"}]\n23:[\"$\",\"$L32\",null,{\"position\":\"bottom-center\",\"className\":\"sm:!bottom-4 sm:!left-auto sm:!right-4 sm:!translate-x-0\",\"offset\":{\"bottom\":\"calc(0.75rem + env(safe-area-inset-bottom, 0px))\",\"right\":\"max(0.75rem, env(safe-area-inset-right, 0px))\"},\"mobileOffset\":{\"bottom\":\"calc(0.75rem + env(safe-area-inset-bottom, 0px))\"},\"toastOptions\":{\"style\":{\"background\":\"var(--bg-surface)\",\"color\":\"var(--text)\",\"border\":\"1px solid var(--border-strong)\",\"fontFamily\":\"var(--font-geist-mono), monospace\",\"fontSize\":\"12px\",\"letterSpacing\":\"0.03em\",\"borderRadius\":\"4px\"}}}]\n24:[\"$\",\"$L33\",null,{}]\n25:[\"$\",\"$L34\",null,{}]\n"])</script>
6<script>self.__next_f.push([1,"2c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover, interactive-widget=resizes-content\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#111111\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"content\":\"#e4e4e4\",\"media\":\"(prefers-color-scheme: light)\"}]]\n"])</script>
6<script>self.__next_f.push([1,"35:I[27201,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n29:null\n"])</script>
6<script>self.__next_f.push([1,"2e:[[\"$\",\"title\",\"0\",{\"children\":\"Explainer — How to Build a Production-Grade AI Agent\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Seven engineering principles for secure, scalable AI agents: threat models, Zod contracts, RBAC, context engineering, governed retrieval, orchestration, and memory architecture.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"Zero to Agent — Community Companion\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"A community companion for building, shipping, and exploring AI agent projects.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://zero-to-agent.community\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Zero to Agent\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://zero-to-agent.community/opengraph-image\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Zero to Agent — Community Companion\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Zero to Agent — Community Companion\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"A community companion for building, shipping, and exploring AI agent projects.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://zero-to-agent.community/opengraph-image\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.02rx3bnh.5d69.png\",\"sizes\":\"225x225\",\"type\":\"image/png\"}],[\"$\",\"link\",\"17\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.02rx3bnh.5d69.png\",\"sizes\":\"225x225\",\"type\":\"image/png\"}],[\"$\",\"$L35\",\"18\",{}]]\n"])</script>
6</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.