<!DOCTYPE html><html lang="en"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap.xml"><!-- Preconnect to font providers --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- Fonts: Newspaper Broadsheet --><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@300;500;700&family=Inter:wght@400;700;800;900&family=Lora:ital,wght@0,400;0,700;1,400&display=swap"><!-- Material Symbols for icons --><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1"><link rel="alternate" type="application/rss+xml" title="Emergent Minds | riagenic.dev" href="https://riagenic.dev/rss.xml"><meta name="generator" content="Astro v5.16.3"><!-- Canonical URL --><link rel="canonical" href="https://riagenic.dev/"><!-- Primary Meta Tags --><title>Emergent Minds | riagenic.dev</title><meta name="title" content="Emergent Minds | riagenic.dev"><meta name="description" content="Essays on AI, agentic systems, and the evolution of digital consciousness"><meta name="keywords" content="software engineering, AI, Flutter, web development, coding, technology, programming"><meta name="author" content="Dorizzdt"><meta name="robots" content="index, follow"><meta name="language" content="English"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://riagenic.dev/"><meta property="og:title" content="Emergent Minds | riagenic.dev"><meta property="og:description" content="Essays on AI, agentic systems, and the evolution of digital consciousness"><meta property="og:image" content="https://riagenic.dev/og/index.png"><meta property="og:site_name" content="Emergent Minds | riagenic.dev"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://riagenic.dev/"><meta property="twitter:title" content="Emergent Minds | riagenic.dev"><meta property="twitter:description" content="Essays on AI, agentic systems, and the evolution of digital consciousness"><meta property="twitter:image" content="https://riagenic.dev/og/index.png"><meta property="twitter:site" content="@Dorizzdt"><meta property="twitter:creator" content="@Dorizzdt"><!-- Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-HQEQ2GQ3ZZ"></script><script>(function(){const GA_ID = "G-HQEQ2GQ3ZZ";

      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', GA_ID);
    })();</script><!-- Structured Data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://riagenic.dev#website","url":"https://riagenic.dev","name":"riagenic.dev","description":"Technical blog on software engineering, AI, and building the future","publisher":{"@type":"Organization","@id":"https://riagenic.dev#organization","name":"riagenic.dev","url":"https://riagenic.dev","logo":{"@type":"ImageObject","url":"https://riagenic.dev/favicon.svg"},"sameAs":["https://twitter.com/Dorizzdt"]},"author":{"@type":"Person","@id":"https://riagenic.dev#author","name":"Dorizzdt","url":"https://riagenic.dev/about","image":{"@type":"ImageObject","url":"https://riagenic.dev/images/author.webp","width":256,"height":256},"sameAs":["https://twitter.com/Dorizzdt"],"jobTitle":"Software Engineer","description":"Software architect, AI researcher, and founder"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://riagenic.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script><!-- WebMCP: Expose blog tools to AI agents --><script type="module">if("modelContext"in navigator){const i=navigator.modelContext,n=[{name:"search_blog",description:"Search blog posts by keyword or tag",inputSchema:{type:"object",properties:{tag:{type:"string",description:"Filter posts by tag",enum:["ai-coding","architecture","systems-thinking","productivity","automation","claude-code","dev-tools","llm","mcp","workflow","ui","web","security","best-practices","career","product","flutter","mobile"]}}},execute:async e=>{const s=window.location.origin;return e.tag?{success:!0,message:`Found posts tagged with "${e.tag}"`,url:`${s}/tags/${e.tag}`,action:"navigate"}:{success:!1,message:"Please specify a tag"}}},{name:"navigate_to_post",description:"Navigate to a specific blog post by slug",inputSchema:{type:"object",required:["slug"],properties:{slug:{type:"string",description:"Blog post slug",enum:["who-owns-generative-code","gui-interface-visual-basic","the-filter-is-broken","burning-the-roots","ai-doesnt-design-it-decorates","code-you-cannot-explain","the-best-demo-you-should-never-ship","the-godfather-of-fui","the-last-screen-you-own","the-cost-of-design"]},format:{type:"string",description:"Response format",enum:["html","markdown"],default:"html"}}},execute:async e=>{const o=`${window.location.origin}/blog/${e.slug}`;if(e.format==="markdown")try{const t=await fetch(o,{headers:{Accept:"text/markdown"}});if(t.ok)return{success:!0,message:`Retrieved post "${e.slug}" in Markdown`,content:await t.text(),url:o}}catch(t){console.error("Failed to fetch markdown:",t)}return{success:!0,message:`Navigating to post "${e.slug}"`,url:o,action:"navigate"}}},{name:"get_blog_info",description:"Get information about the blog",inputSchema:{type:"object",properties:{}},execute:async()=>{const e=window.location.origin;return{success:!0,info:{name:"Riagenic",description:"Technical blog on AI, agentic systems, and digital consciousness",author:"Scott Barnes",email:"scott@riagenic.com",resources:{rss:`${e}/rss.xml`,apiCatalog:`${e}/.well-known/api-catalog`,agentSkills:`${e}/.well-known/agent-skills/index.json`}}}}}];try{i.provideContext({name:"Riagenic Blog",version:"1.0.0",tools:n}),console.log("[WebMCP] Registered 3 blog tools")}catch(e){console.error("[WebMCP] Failed to register tools:",e)}}</script><style>*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-3{top:-.75rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-4{left:1rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-top:3rem;margin-bottom:3rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-full{height:100%}.min-h-\[70vh\]{min-height:70vh}.min-h-\[calc\(100vh-200px\)\]{min-height:calc(100vh - 200px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-8{width:2rem}.w-\[88\%\]{width:88%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-\[1400px\]{max-width:1400px}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-ticker{animation:ticker 30s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-12{row-gap:3rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * 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>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * 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-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))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-y-4>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(4px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(4px * var(--tw-divide-y-reverse))}.divide-black>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(0 0 0 / var(--tw-divide-opacity, 1))}.divide-black\/10>:not([hidden])~:not([hidden]){border-color:#0000001a}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-x-4{border-left-width:4px;border-right-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-y-4{border-top-width:4px;border-bottom-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-double{border-style:double}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-black\/10{border-color:#0000001a}.border-black\/20{border-color:#0003}.border-black\/5{border-color:#0000000d}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.bg-background-light{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-display{font-family:Space Grotesk,sans-serif}.font-impact{font-family:Inter,sans-serif}.font-mono{font-family:Space Mono,monospace}.font-serif{font-family:Lora,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[6rem\]{font-size:6rem}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.75\]{line-height:.75}.leading-\[0\.7\]{line-height:.7}.leading-\[0\.85\]{line-height:.85}.leading-\[0\.8\]{line-height:.8}.leading-\[0\.95\]{line-height:.95}.leading-\[0\.9\]{line-height:.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-\[0\.8em\]{letter-spacing:.8em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/60{color:#0009}.text-inherit{color:inherit}.text-primary{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[10px_10px_0px_\#ff0000\]{--tw-shadow: 10px 10px 0px #ff0000;--tw-shadow-colored: 10px 10px 0px 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-\[4px_4px_0px_\#000\]{--tw-shadow: 4px 4px 0px #000;--tw-shadow-colored: 4px 4px 0px 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-\[6px_6px_0px_\#ff0000\]{--tw-shadow: 6px 6px 0px #ff0000;--tw-shadow-colored: 6px 6px 0px 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 rgb(0 0 0 / .05);--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{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.brightness-50{--tw-brightness: brightness(.5);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)}.contrast-125{--tw-contrast: contrast(1.25);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)}.contrast-150{--tw-contrast: contrast(1.5);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)}.contrast-200{--tw-contrast: contrast(2);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.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-filter{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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-black *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:bg-black *::selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-black::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:bg-black::selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.last\:border-0:last-child{border-width:0px}.hover\:border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:line-through:hover{text-decoration-line:line-through}.hover\:opacity-80:hover{opacity:.8}.focus\:border-red-600:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:brightness-100{--tw-brightness: brightness(1);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)}.dark\:divide-white:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(255 255 255 / var(--tw-divide-opacity, 1))}.dark\:divide-white\/10:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.dark\:border-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-white\/20:is(.dark *){border-color:#fff3}.dark\:border-white\/5:is(.dark *){border-color:#ffffff0d}.dark\:bg-background-dark:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/20:is(.dark *){background-color:#fff3}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.dark\:text-black:is(.dark *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-zinc-200:is(.dark *){--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.dark\:selection\:bg-white *:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:bg-white *:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:text-black *:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:text-black *:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:bg-white:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:bg-white:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:text-black:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:text-black:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:hover\:border-white:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-white:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-zinc-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-black:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:h-\[500px\]{height:500px}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-8{gap:2rem}.md\:divide-x-4>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(4px * var(--tw-divide-x-reverse));border-left-width:calc(4px * calc(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.md\:border-r{border-right-width:1px}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:pb-0{padding-bottom:0}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[14rem\]{font-size:14rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:1024px){.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:divide-x-4>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(4px * var(--tw-divide-x-reverse));border-left-width:calc(4px * calc(1 - var(--tw-divide-x-reverse)))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:border-r-0{border-right-width:0px}.lg\:border-r-4{border-right-width:4px}}
*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:#f2f2f2;color:#000;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;margin:0}.dark body{background:#0a0a0a;color:#fff}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}.dark ::-moz-selection{background:#fff;color:#000}.dark ::selection{background:#fff;color:#000}.\!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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-3{top:-.75rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-4{left:1rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-top:3rem;margin-bottom:3rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-full{height:100%}.min-h-\[70vh\]{min-height:70vh}.min-h-\[calc\(100vh-200px\)\]{min-height:calc(100vh - 200px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-8{width:2rem}.w-\[88\%\]{width:88%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-\[1400px\]{max-width:1400px}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-ticker{animation:ticker 30s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-12{row-gap:3rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * 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>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * 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-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))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-y-4>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(4px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(4px * var(--tw-divide-y-reverse))}.divide-black>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(0 0 0 / var(--tw-divide-opacity, 1))}.divide-black\/10>:not([hidden])~:not([hidden]){border-color:#0000001a}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-x-4{border-left-width:4px;border-right-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-y-4{border-top-width:4px;border-bottom-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-double{border-style:double}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-black\/10{border-color:#0000001a}.border-black\/20{border-color:#0003}.border-black\/5{border-color:#0000000d}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.bg-background-light{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-display{font-family:Space Grotesk,sans-serif}.font-impact{font-family:Inter,sans-serif}.font-mono{font-family:Space Mono,monospace}.font-serif{font-family:Lora,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[6rem\]{font-size:6rem}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.75\]{line-height:.75}.leading-\[0\.7\]{line-height:.7}.leading-\[0\.85\]{line-height:.85}.leading-\[0\.8\]{line-height:.8}.leading-\[0\.95\]{line-height:.95}.leading-\[0\.9\]{line-height:.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-\[0\.8em\]{letter-spacing:.8em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/60{color:#0009}.text-inherit{color:inherit}.text-primary{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[10px_10px_0px_\#ff0000\]{--tw-shadow: 10px 10px 0px #ff0000;--tw-shadow-colored: 10px 10px 0px 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-\[4px_4px_0px_\#000\]{--tw-shadow: 4px 4px 0px #000;--tw-shadow-colored: 4px 4px 0px 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-\[6px_6px_0px_\#ff0000\]{--tw-shadow: 6px 6px 0px #ff0000;--tw-shadow-colored: 6px 6px 0px 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 rgb(0 0 0 / .05);--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{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.brightness-50{--tw-brightness: brightness(.5);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)}.contrast-125{--tw-contrast: contrast(1.25);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)}.contrast-150{--tw-contrast: contrast(1.5);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)}.contrast-200{--tw-contrast: contrast(2);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.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-filter{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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.e-ink-texture{background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23000' fill-opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat}.dithered{image-rendering:pixelated}.glitch-text{text-shadow:2px 0 #ff0000,-2px 0 #00ffff}.glitch-header{text-shadow:3px 0 #ff0000,-3px 0 #00ffff}.glitch-header:hover{text-shadow:5px 0 #ff0000,-5px 0 #00ffff}.stamped{border:3px solid #ff0000;color:red;padding:.5rem 1rem;text-transform:uppercase;font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:.1em;transform:rotate(-2deg);display:inline-block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f2f2f2}.dark ::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#000}.dark ::-webkit-scrollbar-thumb{background:#fff}.prose{color:#1a1a1a;line-height:1.9;font-size:1.125rem;font-family:Lora,serif}.dark .prose{color:#e5e5e5}.prose h1,.prose h2,.prose h3,.prose h4{font-family:Space Grotesk,sans-serif;color:#000;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem}.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4{color:#fff}.prose h2{font-size:1.75rem;padding-bottom:.5rem;border-bottom:4px solid black}.dark .prose h2{border-bottom-color:#fff}.prose h3{font-size:1.25rem;color:red}.dark .prose h3{color:red}.prose h4{font-size:1.1rem;color:#000}.dark .prose h4{color:#fff}.prose p{margin-bottom:1.75rem}.prose strong,.prose b{font-weight:700;color:#000;background:none;-webkit-text-fill-color:black;filter:none;display:inline}.dark .prose strong,.dark .prose b{color:#fff;-webkit-text-fill-color:white}.prose a{color:red;text-decoration:underline;text-underline-offset:3px;transition:all .2s ease}.prose a:hover{text-decoration-thickness:2px}.prose a:visited{color:#c00}.prose code{font-family:Space Mono,monospace;padding:.2em .4em;background:#e5e5e5;border:1px solid rgba(0,0,0,.15);border-radius:0;font-size:.85em;color:#000;word-break:break-word}.dark .prose code{background:#1a1a1a;border-color:#ffffff26;color:#e5e5e5}.prose pre{font-family:Space Mono,monospace;padding:0;background:#0a0a0a!important;border:2px solid #333;border-radius:8px;overflow:hidden;margin:2rem 0;position:relative;box-shadow:0 0 15px #00ff410d,inset 0 0 60px #0006}.dark .prose pre{border-color:#444}.prose pre:before{content:"";display:block;background:#1a1a1a;border-bottom:1px solid #333;padding:8px 12px;font-family:Space Mono,monospace;font-size:0;height:32px;box-sizing:border-box;position:relative;background-image:radial-gradient(circle at 16px 16px,#ff5f57 5px,transparent 5px),radial-gradient(circle at 36px 16px,#ffbd2e 5px,transparent 5px),radial-gradient(circle at 56px 16px,#28c840 5px,transparent 5px);background-repeat:no-repeat}.prose pre:after{content:"TERMINAL // SYS_OUT";position:absolute;top:8px;right:12px;font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#555}.prose pre>code:after{content:"";position:absolute;inset:32px 0 0;background:repeating-linear-gradient(0deg,#0000 0px 1px,#00000026 1px 2px);pointer-events:none;z-index:1}.prose pre{min-height:180px}.prose pre code{display:block;background:none!important;border:none;padding:1.25rem 1.5rem;font-size:.82rem;color:#00ff41;line-height:1.7;position:relative;text-shadow:0 0 4px rgba(0,255,65,.3);overflow-x:auto}pre.astro-code{background:#0a0a0a!important;padding:0!important;border:2px solid #333;border-radius:8px}.dark pre.astro-code{border-color:#444}pre.astro-code code{background:none!important;color:inherit!important;text-shadow:none}pre.astro-code code .line span{text-shadow:0 0 3px currentColor;filter:brightness(1.15)}.prose blockquote{border-left:8px solid black;padding:1.5rem 1.5rem 1.5rem 2rem;margin:2rem 0;font-style:italic;font-size:1.25rem;font-weight:500;color:#333;background:#fff}.dark .prose blockquote{border-left-color:#fff;color:#ccc;background:#111}.prose ul,.prose ol{margin:1.5rem 0;padding-left:2rem;background:none;border:none;box-shadow:none}.prose ul{list-style:disc}.prose ul li{margin-bottom:.5rem}.prose ol{list-style:decimal}.prose ol li{margin-bottom:.5rem}.prose li ul,.prose li ol{margin:.5rem 0 0;padding-left:1rem}.prose li li{margin-bottom:.25rem}.prose ul:hover,.prose ol:hover{transform:none}.prose li:hover{transform:none;background:none}.prose img{display:block;max-width:100%;height:auto;margin:2rem auto;border:4px solid black;border-radius:0;box-shadow:none}.dark .prose img{border-color:#fff}.prose .glitch-wrapper{display:block;max-width:100%;margin:2rem auto;border:4px solid black;overflow:visible}.dark .prose .glitch-wrapper{border-color:#fff}.prose .glitch-wrapper img{border:none;margin:0}.prose hr{border:none;height:4px;background:#000;margin:3rem 0}.dark .prose hr{background:#fff}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;border:2px solid black;border-radius:0;background:#fff;box-shadow:none}.dark .prose table{border-color:#fff;background:#111}.prose table:before{display:none}.prose th,.prose td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.15);color:#000;font-family:Space Mono,monospace;font-size:.85rem}.dark .prose th,.dark .prose td{border-bottom-color:#ffffff26;color:#e5e5e5}.prose th{background:#000;color:#fff;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid black;text-shadow:none}.dark .prose th{background:#fff;color:#000}.prose td code{background:#e5e5e5;padding:.15em .4em;border:1px solid rgba(0,0,0,.1);color:#000;font-size:.85em;text-shadow:none}.dark .prose td code{background:#1a1a1a;border-color:#ffffff1a;color:#e5e5e5}.prose tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:#ff000008}.dark .prose tbody tr:hover{background:#ff00000d}.prose tbody tr:hover td{color:#000}.dark .prose tbody tr:hover td{color:#fff}.prose .copy-button{position:absolute;top:40px;right:.5rem;background:transparent;border:none;border-radius:0;padding:.4rem;cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;color:#00ff4166;z-index:2;filter:drop-shadow(2px 0 0 rgba(255,0,0,.4)) drop-shadow(-2px 0 0 rgba(0,255,255,.4))}.prose pre:hover .copy-button{opacity:1}.prose .copy-button:hover{color:#00ff41;filter:drop-shadow(3px 0 0 rgba(255,0,0,.7)) drop-shadow(-3px 0 0 rgba(0,255,255,.7))}.prose .copy-button.copied{color:#00ff41;filter:drop-shadow(0 0 6px rgba(0,255,65,.8))}.prose .copy-button svg{width:18px;height:18px}.prose pre code .line:last-child:after{content:" █";color:currentColor;animation:blink-cursor 1s step-end infinite;text-shadow:0 0 4px currentColor}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.hack-overlay{position:absolute;inset:32px 0 0;display:flex;align-items:center;justify-content:center;background:#000000bf;z-index:3;pointer-events:none}.hack-modal{font-family:Space Mono,monospace;color:red;text-shadow:0 0 6px rgba(255,0,0,.5);display:flex;flex-direction:column;align-items:center;animation:hack-flash-bg .15s ease-out 3}.hack-modal .dos-box{border:2px solid #ff0000;box-shadow:0 0 10px #ff00004d,inset 0 0 10px #ff00001a;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative}.hack-modal .dos-box:before,.hack-modal .dos-box:after{content:"";position:absolute;left:3px;right:3px;height:1px;background:red;box-shadow:0 0 4px #f006}.hack-modal .dos-box:before{top:3px}.hack-modal .dos-box:after{bottom:3px}.hack-modal .dos-title{font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;position:absolute;top:-7px;background:#0a0a0a;padding:0 6px;color:#a00}.hack-skull{font-size:2rem;line-height:1;animation:hack-shake .1s linear infinite}.hack-msg{font-weight:700;letter-spacing:.15em;font-size:11px;text-transform:uppercase}.hack-bar{font-size:8px;letter-spacing:.1em;color:#a00;text-transform:uppercase}.hack-overlay.hack-success .hack-modal{color:#00ff41;text-shadow:0 0 6px rgba(0,255,65,.5);animation:none}.hack-overlay.hack-success .dos-box{border-color:#00ff41;box-shadow:0 0 10px #00ff414d,inset 0 0 10px #00ff411a}.hack-overlay.hack-success .dos-box:before,.hack-overlay.hack-success .dos-box:after{background:#00ff41;box-shadow:0 0 4px #00ff4166}.hack-overlay.hack-success .dos-title{color:#009930}.hack-overlay.hack-success .hack-skull{animation:none}.hack-overlay.hack-success .hack-bar{color:#009930}.hack-overlay.hack-fade{opacity:0;transition:opacity .4s ease}@keyframes hack-flash-bg{0%,to{opacity:1}50%{opacity:.6}}@keyframes hack-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.prose pre code.scrambling .line span{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 8px rgba(0,255,65,.6)}table{border-collapse:collapse;border:2px solid black;border-radius:0;background:#fff;box-shadow:none}.dark table{border-color:#fff;background:#111}table:before{display:none}th{background:#000;color:#fff}.dark th{background:#fff;color:#000}@media(max-width:768px){.prose{font-size:1rem}.prose h2{font-size:1.35rem}table{display:block;overflow-x:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.selection\:bg-black *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:bg-black *::selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-black::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:bg-black::selection{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.last\:border-0:last-child{border-width:0px}.hover\:border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:line-through:hover{text-decoration-line:line-through}.hover\:opacity-80:hover{opacity:.8}.focus\:border-red-600:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:brightness-100{--tw-brightness: brightness(1);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)}.group:hover .group-hover\:glitch-text{text-shadow:2px 0 #ff0000,-2px 0 #00ffff}.dark\:divide-white:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(255 255 255 / var(--tw-divide-opacity, 1))}.dark\:divide-white\/10:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.dark\:border-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-white\/20:is(.dark *){border-color:#fff3}.dark\:border-white\/5:is(.dark *){border-color:#ffffff0d}.dark\:bg-background-dark:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/20:is(.dark *){background-color:#fff3}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.dark\:text-black:is(.dark *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-zinc-200:is(.dark *){--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.dark\:selection\:bg-white *:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:bg-white *:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:text-black *:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:text-black *:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:bg-white:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:bg-white:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:selection\:text-black:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:selection\:text-black:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.dark\:hover\:border-white:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-white:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-zinc-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-black:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:h-\[500px\]{height:500px}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-8{gap:2rem}.md\:divide-x-4>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(4px * var(--tw-divide-x-reverse));border-left-width:calc(4px * calc(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.md\:border-r{border-right-width:1px}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:pb-0{padding-bottom:0}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[14rem\]{font-size:14rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:1024px){.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:divide-x-4>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(4px * var(--tw-divide-x-reverse));border-left-width:calc(4px * calc(1 - var(--tw-divide-x-reverse)))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:border-r-0{border-right-width:0px}.lg\:border-r-4{border-right-width:4px}}.search-modal-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}.search-modal-overlay[aria-hidden=false]{display:flex}.search-modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.search-modal-container{position:relative;width:100%;max-width:720px;margin:0 1rem;z-index:1}.tui-terminal{width:100%;height:520px;background:#0a0a0a;border:2px solid #333;border-radius:8px;font-family:Space Mono,monospace;color:#00ff41;position:relative;box-shadow:0 0 30px #00ff4114,0 0 80px #0009,inset 0 0 60px #0006;display:flex;flex-direction:column;overflow:hidden}.tui-terminal:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0px 1px,#00000026 1px 2px);pointer-events:none;z-index:2}.tui-titlebar{background:#1a1a1a;border-bottom:1px solid #333;padding:8px 12px;display:flex;align-items:center;gap:8px;height:32px;box-sizing:border-box;flex-shrink:0}.tui-dots{display:flex;gap:6px}.tui-dot{width:10px;height:10px;border-radius:50%}.tui-dot:nth-child(1){background:#ff5f57}.tui-dot:nth-child(2){background:#ffbd2e}.tui-dot:nth-child(3){background:#28c840}.tui-titlebar-text{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#555;margin-left:auto}.tui-close{background:none;border:none;color:#555;font-size:14px;cursor:pointer;padding:0 4px;margin-left:8px;font-family:Space Mono,monospace;transition:color .15s}.tui-close:hover{color:#ff5f57}.tui-body{padding:1.25rem 1.5rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0}.tui-prompt{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.82rem;line-height:1.7;flex-shrink:0}.tui-prompt-label{color:red;text-shadow:0 0 4px rgba(255,0,0,.3);font-weight:700;flex-shrink:0}.tui-prompt-text{color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3)}.tui-input-line{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.tui-input-prompt{color:red;text-shadow:0 0 4px rgba(255,0,0,.3);font-weight:700;font-size:.82rem;flex-shrink:0}.tui-input{background:none;border:none;outline:none;color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3);font-family:Space Mono,monospace;font-size:.82rem;flex:1;caret-color:#00ff41;line-height:1.7}.tui-input::-moz-placeholder{color:#00ff4140}.tui-input::placeholder{color:#00ff4140}.tui-divider{font-size:.82rem;color:#555;margin:.75rem 0;white-space:nowrap;overflow:hidden;line-height:1.7;flex-shrink:0}.tui-divider-label{color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3)}.tui-results{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 #0a0a0a;display:flex;flex-direction:column;gap:.5rem;min-height:0}.tui-results::-webkit-scrollbar{width:4px}.tui-results::-webkit-scrollbar-track{background:#0a0a0a}.tui-results::-webkit-scrollbar-thumb{background:#333}.tui-result{display:flex;align-items:stretch;cursor:pointer;border:1px solid #222;border-radius:2px;flex-shrink:0}.tui-result:hover{border-color:#444}.tui-result[data-selected=true]{border-color:#00ff41;background:#00ff411a;box-shadow:0 0 12px #00ff4126}.tui-result-icon{flex-shrink:0;width:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem 0;border-right:1px solid #222;background:#ffffff05}.tui-result[data-selected=true] .tui-result-icon{border-right-color:#00ff4133;background:#00ff410d}.tui-result-icon svg{color:#444}.tui-result[data-selected=true] .tui-result-icon svg{color:#00ff41;filter:drop-shadow(0 0 4px rgba(0,255,65,.5))}.tui-result-num{font-size:.55rem;color:#333;letter-spacing:.05em}.tui-result[data-selected=true] .tui-result-num{color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3)}.tui-result-card{flex:1;min-width:0;padding:.6rem .75rem}.tui-result-title{font-size:.82rem;font-weight:700;line-height:1.4;color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tui-result[data-selected=true] .tui-result-title{color:#fff;text-shadow:0 0 8px rgba(0,255,65,.6)}.tui-result-meta{font-size:.68rem;color:#555;line-height:1.4;margin-bottom:.15rem}.tui-result-meta-date{color:#a855f7;text-shadow:0 0 4px rgba(168,85,247,.3)}.tui-result-meta-tags{color:#06b6d4;text-shadow:0 0 4px rgba(6,182,212,.3)}.tui-result-desc{font-size:.72rem;color:#00ff414d;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tui-result[data-selected=true] .tui-result-desc{color:#00ff4199}.tui-result-arrow{flex-shrink:0;width:2rem;display:flex;align-items:center;justify-content:center;border-left:1px solid #222;font-size:.72rem;color:#222}.tui-result[data-selected=true] .tui-result-arrow{color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.6);border-left-color:#00ff4133;background:#00ff410d}.tui-status{font-size:.72rem;color:#555;margin-top:.75rem;line-height:1.7;flex-shrink:0}.tui-status-count{color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3)}.tui-footer{background:#1a1a1a;border-top:1px solid #333;padding:6px 12px;font-size:.65rem;color:#555;display:flex;justify-content:center;gap:1.5rem;letter-spacing:.05em;flex-shrink:0}.tui-footer kbd{color:#00ff41;text-shadow:0 0 4px rgba(0,255,65,.3)}.tui-idle{font-size:.82rem;color:#00ff4133;text-align:center;padding:2.5rem 0;line-height:1.7}.tui-no-results{font-size:.82rem;color:red;text-shadow:0 0 4px rgba(255,0,0,.3);text-align:center;padding:2.5rem 0;line-height:1.7}.search-glitch-transition{position:fixed;inset:0;z-index:99999;background:#fff;animation:search-crash .3s steps(4) forwards}@keyframes search-crash{0%{background:#fff;opacity:1}25%{background:#00ff41;opacity:.9}50%{background:red;opacity:.7}75%{background:#0a0a0a;opacity:.9}to{background:#0a0a0a;opacity:1}}@media(max-width:768px){.tui-terminal{height:80vh}.tui-body{padding:1rem}.tui-footer{gap:.75rem;flex-wrap:wrap}.tui-result-arrow{display:none}}.dark-mode-toggle[data-astro-cid-tcsrer47]{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#000;opacity:.6;transition:opacity .15s;font-size:18px}.dark .dark-mode-toggle[data-astro-cid-tcsrer47]{color:#fff}.dark-mode-toggle[data-astro-cid-tcsrer47]:hover{opacity:1}.dark-mode-toggle[data-astro-cid-tcsrer47] .material-symbols-outlined[data-astro-cid-tcsrer47]{font-size:18px}.ticker-bar[data-astro-cid-3ef6ksr2]{background:#0a0a0a;padding:.45rem 0;overflow:hidden;position:relative}.ticker-scanlines[data-astro-cid-3ef6ksr2]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0px 1px,#0000004d 1px 2px);pointer-events:none;z-index:1}.ticker-item[data-astro-cid-3ef6ksr2]{color:var(--ticker-color);text-shadow:0 0 4px var(--ticker-color);text-decoration:none;cursor:pointer;transition:opacity .15s;white-space:nowrap}.ticker-item[data-astro-cid-3ef6ksr2]:hover{opacity:.7}.ticker-tag[data-astro-cid-3ef6ksr2]{opacity:.6}
</style></head> <body class="bg-background-light dark:bg-background-dark text-black dark:text-white font-display overflow-x-hidden m-0 selection:bg-black selection:text-white dark:selection:bg-white dark:selection:text-black"> <div class="fixed inset-0 e-ink-texture z-50 pointer-events-none"></div> <header class="sticky top-0 z-[60] bg-white dark:bg-black border-b-2 border-black dark:border-white shadow-sm" data-astro-cid-3ef6ksr2> <!-- Breaking news ticker --> <div class="ticker-bar" data-astro-cid-3ef6ksr2> <div class="ticker-scanlines" data-astro-cid-3ef6ksr2></div> <div class="flex whitespace-nowrap animate-ticker" data-astro-cid-3ef6ksr2> <div class="font-mono text-[10px] uppercase tracking-widest flex gap-12 pr-12" data-astro-cid-3ef6ksr2> <a href="/blog/momentum-is-not-progress" class="ticker-item" style="--ticker-color: #00ff41" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> Momentum Is Not Progress </a><a href="/blog/control-is-the-difference" class="ticker-item" style="--ticker-color: #ff0000" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> Control Is the Difference </a><a href="/blog/the-cost-of-design" class="ticker-item" style="--ticker-color: #a855f7" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> The Cost of Design </a><a href="/blog/the-godfather-of-fui" class="ticker-item" style="--ticker-color: #06b6d4" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> The Godfather of FUI </a><a href="/blog/gui-interface-visual-basic" class="ticker-item" style="--ticker-color: #ffbd2e" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> I&#39;ll Create a GUI Interface in Visual Basic </a><a href="/blog/the-last-screen-you-own" class="ticker-item" style="--ticker-color: #ec4899" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> The Last Screen You Own </a><a href="/blog/who-owns-generative-code" class="ticker-item" style="--ticker-color: #ff5f57" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> Nobody Owns This Code </a><a href="/blog/ai-doesnt-design-it-decorates" class="ticker-item" style="--ticker-color: #00ff41" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> AI Doesn&#39;t Design. It Decorates. </a> </div> <div class="font-mono text-[10px] uppercase tracking-widest flex gap-12 pr-12" aria-hidden="true" data-astro-cid-3ef6ksr2> <a href="/blog/momentum-is-not-progress" class="ticker-item" style="--ticker-color: #00ff41" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> Momentum Is Not Progress </a><a href="/blog/control-is-the-difference" class="ticker-item" style="--ticker-color: #ff0000" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> Control Is the Difference </a><a href="/blog/the-cost-of-design" class="ticker-item" style="--ticker-color: #a855f7" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> The Cost of Design </a><a href="/blog/the-godfather-of-fui" class="ticker-item" style="--ticker-color: #06b6d4" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> The Godfather of FUI </a><a href="/blog/gui-interface-visual-basic" class="ticker-item" style="--ticker-color: #ffbd2e" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> I&#39;ll Create a GUI Interface in Visual Basic </a><a href="/blog/the-last-screen-you-own" class="ticker-item" style="--ticker-color: #ec4899" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> The Last Screen You Own </a><a href="/blog/who-owns-generative-code" class="ticker-item" style="--ticker-color: #ff5f57" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ai-coding ]</span> Nobody Owns This Code </a><a href="/blog/ai-doesnt-design-it-decorates" class="ticker-item" style="--ticker-color: #00ff41" tabindex="-1" data-astro-cid-3ef6ksr2> <span class="ticker-tag" data-astro-cid-3ef6ksr2>[ ui ]</span> AI Doesn&#39;t Design. It Decorates. </a> </div> </div> </div> <!-- Main header --> <div class="max-w-[1400px] mx-auto p-6 md:p-8 flex flex-col md:flex-row justify-between items-start md:items-end" data-astro-cid-3ef6ksr2> <div class="space-y-1" data-astro-cid-3ef6ksr2> <div class="flex items-center gap-4" data-astro-cid-3ef6ksr2> <a href="/" class="text-5xl md:text-7xl font-impact font-black tracking-tighter uppercase leading-none hover:opacity-80 transition-opacity no-underline text-black dark:text-white" data-astro-cid-3ef6ksr2>
RIAGENIC.DEV
</a> <div class="hidden md:block w-32 h-[2px] bg-black dark:bg-white mb-2" data-astro-cid-3ef6ksr2></div> </div> <p class="font-mono text-xs uppercase tracking-widest opacity-70" data-astro-cid-3ef6ksr2>essays on ai, agentic systems & building the future</p> </div> <nav class="mt-8 md:mt-0" data-astro-cid-3ef6ksr2> <ul class="flex flex-wrap gap-6 md:gap-8 font-mono text-[10px] md:text-xs uppercase tracking-tighter font-bold list-none p-0 m-0" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a class="hover:line-through no-underline transition-all text-red-600" href="/" data-astro-cid-3ef6ksr2>Home</a></li> <li data-astro-cid-3ef6ksr2><a class="hover:line-through no-underline transition-all text-black dark:text-white" href="/blog" data-astro-cid-3ef6ksr2>Archive</a></li> <li data-astro-cid-3ef6ksr2><a class="hover:line-through no-underline transition-all text-black dark:text-white" href="/about" data-astro-cid-3ef6ksr2>About</a></li> <li data-astro-cid-3ef6ksr2><a class="hover:line-through no-underline transition-all text-black dark:text-white" href="/search" data-astro-cid-3ef6ksr2>Search_</a></li> <li data-astro-cid-3ef6ksr2><a class="hover:line-through no-underline transition-all text-black dark:text-white" href="/tags" data-astro-cid-3ef6ksr2>Tags</a></li> <li class="flex items-center" data-astro-cid-3ef6ksr2><button id="dark-mode-toggle" class="dark-mode-toggle" aria-label="Toggle dark mode" data-astro-cid-tcsrer47> <span class="material-symbols-outlined dark-icon" data-astro-cid-tcsrer47>dark_mode</span> <span class="material-symbols-outlined light-icon hidden" data-astro-cid-tcsrer47>light_mode</span> </button>  <script type="module">function s(){const t=document.getElementById("dark-mode-toggle"),n=t?.querySelector(".dark-icon"),o=t?.querySelector(".light-icon");function c(){const e=document.documentElement.classList.contains("dark");n&&o&&(n.classList.toggle("hidden",e),o.classList.toggle("hidden",!e))}localStorage.getItem("theme")==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),c(),t?.addEventListener("click",()=>{document.documentElement.classList.toggle("dark");const e=document.documentElement.classList.contains("dark");localStorage.setItem("theme",e?"dark":"light"),c()})}s();document.addEventListener("astro:after-swap",s);</script></li> </ul> </nav> </div> </header> <!-- Search modal overlay --><div id="search-modal-overlay" class="search-modal-overlay" aria-hidden="true"> <div class="search-modal-backdrop"></div> <div class="search-modal-container"> <div class="tui-terminal"> <div class="tui-titlebar"> <div class="tui-dots"> <span class="tui-dot"></span> <span class="tui-dot"></span> <span class="tui-dot"></span> </div> <span class="tui-titlebar-text">RIAGENIC // SEARCH_QUERY</span> <button class="tui-close" id="search-modal-close" aria-label="Close search">✕</button> </div> <div class="tui-body"> <div class="tui-prompt"> <span class="tui-prompt-label">&gt;&gt;</span> <span class="tui-prompt-text">ENTER SEARCH QUERY:</span> </div> <div class="tui-input-line"> <span class="tui-input-prompt">&gt;&gt;</span> <input type="text" class="tui-input" id="tui-search-input" placeholder="type to search..." autocomplete="off" spellcheck="false"> </div> <div class="tui-divider">
── <span class="tui-divider-label">RESULTS</span> ──────────────────────────────────────────
</div> <div class="tui-results" id="tui-results"></div> <div class="tui-status" id="tui-status"></div> </div> <div class="tui-footer"> <span><kbd>ENTER</kbd> SELECT</span> <span><kbd>ESC</kbd> CLOSE</span> <span><kbd>↑↓</kbd> NAVIGATE</span> <span><kbd>⌘K</kbd> TOGGLE</span> </div> </div> </div> </div>  <script>(function(){const searchData = [{"title":"Momentum Is Not Progress","description":"Agent loops are not magic. They are amplifiers. Point them at a clean foundation and they iterate. Point them at a mess and they expand it.","slug":"momentum-is-not-progress","pubDate":"2026-06-09","tags":["ai-coding","claude-code","architecture","workflow"]},{"title":"Control Is the Difference","description":"AI will flood the market with polished dashboards and clean landing pages. That part is solved. The part that matters is still human.","slug":"control-is-the-difference","pubDate":"2026-04-21","tags":["ui","ai-coding","product","design"]},{"title":"The Cost of Design","description":"AI can generate a pixel-perfect screen in seconds. It cannot tell you why the screen exists. The real cost of design was never the pixels. It was knowing which questions your users would ask before they asked them.","slug":"the-cost-of-design","pubDate":"2026-03-21","tags":["ui","ai-coding","architecture","product"]},{"title":"The Godfather of FUI","description":"Mark Coleran designed the fictional interfaces that shaped how real technology looks today. He coined the term FUI, built screens for Bourne and Children of Men, and quietly influenced an entire industry. He died in June 2024. Most people never learned his name.","slug":"the-godfather-of-fui","pubDate":"2026-03-12","tags":["ui","architecture","product","career"]},{"title":"I'll Create a GUI Interface in Visual Basic","description":"The CSI line every developer laughed at just became a viable workflow. AI turned the dumbest TV tech scene into a legitimate prototyping strategy.","slug":"gui-interface-visual-basic","pubDate":"2026-02-20","tags":["ai-coding","productivity","flutter","mobile"]},{"title":"The Last Screen You Own","description":"AI video is crawling out of the uncanny valley. The question is not whether it gets there. The question is who controls the projector when it does.","slug":"the-last-screen-you-own","pubDate":"2026-02-17","tags":["ai-coding","product","systems-thinking"]},{"title":"Nobody Owns This Code","description":"When a codebase is majority AI generated, the person who prompted it into existence has no legal claim to it. The licensing, the repo, the open source badge: theater.","slug":"who-owns-generative-code","pubDate":"2026-02-17","tags":["ai-coding","security","best-practices"]},{"title":"AI Doesn't Design. It Decorates.","description":"AI can one-shot a dashboard in seconds. The result looks polished, modern, familiar. It also answers nothing. The problem isn't the model. It's that we never had a design language worth translating.","slug":"ai-doesnt-design-it-decorates","pubDate":"2026-02-10","tags":["ui","ai-coding","architecture","systems-thinking"]},{"title":"Burning the Roots","description":"Apprenticeship is how software used to survive. Not scale. Survive. AI now sits where the senior used to sit. It answers instantly, patches over confusion, fills the gaps before the junior even knows there was a gap. We are short circuiting the only path that ever produced judgment.","slug":"burning-the-roots","pubDate":"2026-02-05","tags":["ai-coding","career","systems-thinking"]},{"title":"The Best Demo You Should Never Ship","description":"OpenClaw is the best example we have of vibe coding working and why you should never ship vibe code at the same time. Nothing breaks decisively. It just degrades until reliance turns into regret.","slug":"the-best-demo-you-should-never-ship","pubDate":"2026-02-01","tags":["ai-coding","security","best-practices"]},{"title":"Code You Cannot Explain Is Tomorrow's Debt","description":"I do not let my son outsource thinking to a machine. He uses Claude Code to write C++ in Unreal Engine. That part is fine. What changed is how often the model started driving instead of assisting. So we put a PR process in place.","slug":"code-you-cannot-explain","pubDate":"2026-01-21","tags":["ai-coding","career","best-practices"]},{"title":"The Filter Is Broken","description":"My son writes C++ that leaves me stunned. He still gets screened out by people who can barely parse their own script. The industry lost the ability to measure raw talent and replaced it with buzzword bingo.","slug":"the-filter-is-broken","pubDate":"2025-11-17","tags":["career","systems-thinking","ai-coding"]}];

	window.__SEARCH_DATA__ = searchData;
})();</script> <script type="module">function g(){const u=window.__SEARCH_DATA__;if(!u)return;const c=document.getElementById("search-modal-overlay"),r=document.getElementById("tui-search-input"),o=document.getElementById("tui-results"),f=document.getElementById("tui-status"),y=document.getElementById("search-modal-close"),w=c.querySelector(".search-modal-backdrop");let s=0,n=[];function v(){c.setAttribute("aria-hidden","false"),document.body.style.overflow="hidden",r.value="",s=0,l(),setTimeout(()=>r.focus(),50)}function d(){c.setAttribute("aria-hidden","true"),document.body.style.overflow="",r.value="",s=0,l()}function E(e){if(!e.trim())return[];const t=e.trim().toLowerCase();return u.filter(i=>i.title.toLowerCase().includes(t)||i.description.toLowerCase().includes(t)||i.tags.some(a=>a.toLowerCase().includes(t)))}function L(e){return String(e).padStart(3,"0")}const k='<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>';function l(){const e=r.value,t=performance.now();n=E(e);const i=((performance.now()-t)/1e3).toFixed(4);s=Math.max(0,Math.min(s,n.length-1)),e.trim()?n.length===0?(o.innerHTML='<div class="tui-no-results">NO MATCHING RECORDS FOUND</div>',f.innerHTML=`── <span class="tui-status-count">0 RESULTS</span> // ${i}s ──────────────`):(o.innerHTML=n.map((p,h)=>S(p,h)).join(""),f.innerHTML=`── <span class="tui-status-count">${n.length} RESULT${n.length>1?"S":""} FOUND</span> // ${i}s ──────────────`):(o.innerHTML=`<div class="tui-idle">AWAITING INPUT // ${u.length} POSTS INDEXED</div>`,f.innerHTML="");const a=o.querySelector('[data-selected="true"]');a&&a.scrollIntoView({block:"nearest"}),o.querySelectorAll(".tui-result").forEach((p,h)=>{p.addEventListener("click",()=>m(h))})}function S(e,t){const i=t===s?"true":"false",a=e.tags.length>0?` // ${e.tags.join(", ")}`:"";return`<div class="tui-result" data-selected="${i}" data-index="${t}">
				<div class="tui-result-icon">
					${k}
					<span class="tui-result-num">${L(t+1)}</span>
				</div>
				<div class="tui-result-card">
					<div class="tui-result-title">${e.title.toUpperCase()}</div>
					<div class="tui-result-meta"><span class="tui-result-meta-date">${e.pubDate}</span><span class="tui-result-meta-tags">${a}</span></div>
					<div class="tui-result-desc">${e.description}</div>
				</div>
				<div class="tui-result-arrow">▶</div>
			</div>`}function m(e){const t=n[e];if(!t)return;const i=`/blog/${t.slug}`,a=document.createElement("div");a.className="search-glitch-transition",document.body.appendChild(a),setTimeout(()=>{window.location.href=i},300)}if(r.addEventListener("input",()=>{s=0,l()}),r.addEventListener("keydown",e=>{e.key==="ArrowDown"?(e.preventDefault(),n.length>0&&(s=(s+1)%n.length,l())):e.key==="ArrowUp"?(e.preventDefault(),n.length>0&&(s=(s-1+n.length)%n.length,l())):e.key==="Enter"?(e.preventDefault(),m(s)):e.key==="Escape"&&(e.preventDefault(),d())}),y.addEventListener("click",d),w.addEventListener("click",d),document.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&e.key==="k"&&(e.preventDefault(),c.getAttribute("aria-hidden")==="false"?d():v())}),document.querySelectorAll('a[href="/search"]').forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),v()})}),window.location.pathname==="/search"||window.location.pathname==="/search/"){const e=new URLSearchParams(window.location.search);v();const t=e.get("q");t&&(r.value=t,l())}}g();document.addEventListener("astro:after-swap",g);</script>  <main class="max-w-[1400px] mx-auto border-x border-black/10 dark:border-white/10 min-h-[calc(100vh-200px)]"> <!-- Top section: Featured + Sidebar --> <div class="grid grid-cols-1 lg:grid-cols-12 min-h-screen"> <!-- Featured post (8 cols) --> <section class="lg:col-span-8 p-6 md:p-8 border-b lg:border-r border-black/10 dark:border-white/10"> <a href="/blog/momentum-is-not-progress/" class="block group no-underline text-inherit"> <div class="relative overflow-hidden mb-8 border-4 border-black dark:border-white p-1"> <div class="absolute top-4 left-4 z-20 bg-black text-white px-2 py-1 text-[10px] font-mono">FEATURE_01</div> <img alt="Momentum Is Not Progress" class="w-full h-[400px] md:h-[500px] object-cover dithered transition-all duration-700 group-hover:scale-105" src="/_astro/momentum-is-not-progress.PnxqxEL8_ZhYetk.webp"> <div class="absolute top-1/2 left-0 w-full h-[1px] bg-white/30 animate-pulse"></div> </div> <div class="flex items-center gap-2 mb-4"> <span class="inline-block w-3 h-3 bg-red-600"></span> <span class="font-mono text-xs font-bold uppercase tracking-widest">ai-coding</span> <span class="font-mono text-[10px] opacity-40 ml-auto">5 MIN READ</span> </div> <h2 class="text-4xl md:text-6xl font-impact font-black uppercase leading-[0.9] tracking-tighter mb-6 group-hover:glitch-text transition-all"> <span class="bg-black text-white px-2">Momentum Is Not</span><br> <span class="bg-black text-white px-2 mt-1 inline-block">Progress</span> </h2> <p class="text-xl max-w-2xl leading-relaxed opacity-80 mb-8 font-serif"> Agent loops are not magic. They are amplifiers. Point them at a clean foundation and they iterate. Point them at a mess and they expand it. </p> <div class="inline-block font-mono text-xs font-bold uppercase border-2 border-black dark:border-white px-6 py-3 hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black transition-colors">
Read full transmission_
</div> </a> </section> <!-- Sidebar (4 cols) --> <aside class="lg:col-span-4 flex flex-col"> <div class="p-8 border-b border-black/10 dark:border-white/10 flex-grow"> <h3 class="font-mono text-xs font-bold uppercase tracking-[0.2em] mb-8 flex items-center gap-2"> <span class="material-symbols-outlined text-sm">bolt</span>
Latest Pulse
</h3> <!-- Twitter/X Timeline --> <div class="mb-8 border-b border-black/10 dark:border-white/10 pb-8"> <a class="twitter-timeline" data-height="300" data-theme="light" data-chrome="noheader nofooter noborders transparent" href="https://twitter.com/Dorizzdt">Tweets by @Dorizzdt</a> </div> <div class="space-y-10"> <a href="/blog/control-is-the-difference/" class="block group cursor-pointer border-b border-black/5 dark:border-white/5 pb-4 last:border-0 no-underline text-inherit"> <span class="font-mono text-[10px] opacity-40 uppercase tracking-widest">2026.04.21 // ui</span> <h4 class="text-lg md:text-xl font-bold mt-1 group-hover:underline leading-tight uppercase tracking-tight">Control Is the Difference</h4> </a><a href="/blog/the-cost-of-design/" class="block group cursor-pointer border-b border-black/5 dark:border-white/5 pb-4 last:border-0 no-underline text-inherit"> <span class="font-mono text-[10px] opacity-40 uppercase tracking-widest">2026.03.21 // ui</span> <h4 class="text-lg md:text-xl font-bold mt-1 group-hover:underline leading-tight uppercase tracking-tight">The Cost of Design</h4> </a><a href="/blog/the-godfather-of-fui/" class="block group cursor-pointer border-b border-black/5 dark:border-white/5 pb-4 last:border-0 no-underline text-inherit"> <span class="font-mono text-[10px] opacity-40 uppercase tracking-widest">2026.03.12 // ui</span> <h4 class="text-lg md:text-xl font-bold mt-1 group-hover:underline leading-tight uppercase tracking-tight">The Godfather of FUI</h4> </a><a href="/blog/gui-interface-visual-basic/" class="block group cursor-pointer border-b border-black/5 dark:border-white/5 pb-4 last:border-0 no-underline text-inherit"> <span class="font-mono text-[10px] opacity-40 uppercase tracking-widest">2026.02.20 // ai-coding</span> <h4 class="text-lg md:text-xl font-bold mt-1 group-hover:underline leading-tight uppercase tracking-tight">I&#39;ll Create a GUI Interface in Visual Basic</h4> </a> </div> <a href="/blog" class="block w-full text-center mt-12 font-mono text-[10px] font-bold uppercase border border-black dark:border-white p-4 hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black transition-all no-underline text-inherit">
View Complete Archive_
</a> </div> <div class="p-8 bg-black dark:bg-white/5 text-white relative overflow-hidden" id="newsletter-box"> <h3 class="font-mono text-[10px] font-bold uppercase tracking-[0.2em] mb-4">Transmission Newsletter</h3> <p class="text-xs mb-6 opacity-60">Weekly analysis of the post-biological economy.</p> <div class="flex border-2 border-white/20"> <input id="newsletter-email" class="bg-transparent border-none focus:ring-0 text-xs w-full font-mono p-3" placeholder="ADDRESS@" type="email"> <button id="newsletter-join" class="bg-white text-black px-6 py-2 font-mono text-[10px] font-bold uppercase hover:bg-black hover:text-white transition-all">Join</button> </div> </div> </aside> <!-- Bottom cards --> <section class="lg:col-span-12 grid grid-cols-1 md:grid-cols-3 border-t-4 border-black dark:border-white"> <a href="/blog/control-is-the-difference/" class="p-8 border-b md:border-r border-black/10 dark:border-white/10 group transition-all duration-300 no-underline block bg-white dark:bg-black hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black text-black dark:text-white"> <div class="aspect-video bg-zinc-200 dark:bg-zinc-800 mb-6 overflow-hidden border-2 border-black dark:border-white"> <img alt="Control Is the Difference" class="w-full h-full object-cover dithered group-hover:scale-110 transition-transform duration-700" src="/_astro/control-is-the-difference.RHQ7M-Ng_Z1KuDU5.webp" loading="lazy"> </div> <span class="font-mono text-[10px] uppercase font-bold tracking-widest px-2 py-1 bg-black text-white group-hover:bg-white group-hover:text-black">ui</span> <h3 class="text-2xl font-impact font-black uppercase mt-4 mb-4 leading-none tracking-tight">Control Is the Difference</h3> <p class="text-sm opacity-70 leading-relaxed font-serif">AI will flood the market with polished dashboards and clean landing pages. That part is solved. The part that matters is still human.</p> </a><a href="/blog/the-cost-of-design/" class="p-8 border-b md:border-r border-black/10 dark:border-white/10 group transition-all duration-300 no-underline block bg-black text-white hover:bg-white hover:text-black">  <span class="font-mono text-[10px] uppercase font-bold tracking-widest px-2 py-1 bg-white text-black group-hover:bg-black group-hover:text-white">ui</span> <h3 class="text-2xl font-impact font-black uppercase mt-4 mb-4 leading-none tracking-tight">The Cost of Design</h3> <p class="text-sm opacity-70 leading-relaxed font-serif">AI can generate a pixel-perfect screen in seconds. It cannot tell you why the screen exists. The real cost of design was never the pixels. It was knowing which questions your users would ask before they asked them.</p> </a><a href="/blog/the-godfather-of-fui/" class="p-8 border-b md:border-r border-black/10 dark:border-white/10 group transition-all duration-300 no-underline block bg-white dark:bg-black hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black text-black dark:text-white"> <div class="aspect-video bg-zinc-200 dark:bg-zinc-800 mb-6 overflow-hidden border-2 border-black dark:border-white"> <img alt="The Godfather of FUI" class="w-full h-full object-cover dithered group-hover:scale-110 transition-transform duration-700" src="/_astro/mark-coleran.Bf0wXagX_1SGgy.webp" loading="lazy"> </div> <span class="font-mono text-[10px] uppercase font-bold tracking-widest px-2 py-1 bg-black text-white group-hover:bg-white group-hover:text-black">ui</span> <h3 class="text-2xl font-impact font-black uppercase mt-4 mb-4 leading-none tracking-tight">The Godfather of FUI</h3> <p class="text-sm opacity-70 leading-relaxed font-serif">Mark Coleran designed the fictional interfaces that shaped how real technology looks today. He coined the term FUI, built screens for Bourne and Children of Men, and quietly influenced an entire industry. He died in June 2024. Most people never learned his name.</p> </a> </section> </div> <!-- Below the fold: Archive in newspaper columns --> <section class="border-t-4 border-double border-black dark:border-white"> <div class="px-8 py-4 border-b border-black/10 dark:border-white/10 flex items-center justify-between"> <h2 class="font-mono text-[10px] font-bold uppercase tracking-[0.3em] opacity-50">Archive</h2> <span class="font-mono text-[10px] opacity-30 uppercase">8 transmissions</span> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3"> <a href="/blog/gui-interface-visual-basic/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r md:border-r lg:border-r-0 lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.20 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">I&#39;ll Create a GUI Interface in Visual Basic</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">The CSI line every developer laughed at just became a viable workflow. AI turned the dumbest TV tech scene into a legitimate prototyping strategy.</p> </a><a href="/blog/the-last-screen-you-own/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.17 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">The Last Screen You Own</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">AI video is crawling out of the uncanny valley. The question is not whether it gets there. The question is who controls the projector when it does.</p> </a><a href="/blog/who-owns-generative-code/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 md:border-r lg:border-r-0"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.17 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">Nobody Owns This Code</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">When a codebase is majority AI generated, the person who prompted it into existence has no legal claim to it. The licensing, the repo, the open source badge: theater.</p> </a><a href="/blog/ai-doesnt-design-it-decorates/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.10 // ui</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">AI Doesn&#39;t Design. It Decorates.</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">AI can one-shot a dashboard in seconds. The result looks polished, modern, familiar. It also answers nothing. The problem isn&#39;t the model. It&#39;s that we never had a design language worth translating.</p> </a><a href="/blog/burning-the-roots/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r md:border-r lg:border-r-0 lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.05 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">Burning the Roots</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">Apprenticeship is how software used to survive. Not scale. Survive. AI now sits where the senior used to sit. It answers instantly, patches over confusion, fills the gaps before the junior even knows there was a gap. We are short circuiting the only path that ever produced judgment.</p> </a><a href="/blog/the-best-demo-you-should-never-ship/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.02.01 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">The Best Demo You Should Never Ship</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">OpenClaw is the best example we have of vibe coding working and why you should never ship vibe code at the same time. Nothing breaks decisively. It just degrades until reliance turns into regret.</p> </a><a href="/blog/code-you-cannot-explain/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r md:border-r lg:border-r-0 lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2026.01.21 // ai-coding</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">Code You Cannot Explain Is Tomorrow&#39;s Debt</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">I do not let my son outsource thinking to a machine. He uses Claude Code to write C++ in Unreal Engine. That part is fine. What changed is how often the model started driving instead of assisting. So we put a PR process in place.</p> </a><a href="/blog/the-filter-is-broken/" class="p-6 md:p-8 border-b border-black/10 dark:border-white/10 group no-underline block text-inherit transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900 lg:border-r lg:border-r"> <div class="flex items-center gap-2 mb-3"> <span class="w-1.5 h-1.5 bg-red-600"></span> <span class="font-mono text-[9px] uppercase tracking-widest opacity-40">2025.11.17 // career</span> </div> <h3 class="text-lg font-impact font-black uppercase leading-tight tracking-tight mb-2 group-hover:underline">The Filter Is Broken</h3> <p class="text-sm opacity-60 leading-relaxed font-serif line-clamp-3">My son writes C++ that leaves me stunned. He still gets screened out by people who can barely parse their own script. The industry lost the ability to measure raw talent and replaced it with buzzword bingo.</p> </a> </div> </section> </main> <footer class="p-8 md:p-12 bg-zinc-100 dark:bg-zinc-900 border-t border-black/10 dark:border-white/10"> <div class="max-w-[1400px] mx-auto grid grid-cols-1 md:grid-cols-4 gap-12"> <div class="md:col-span-2"> <h2 class="text-4xl font-impact font-black uppercase mb-4 tracking-tighter">RIAGENIC.DEV</h2> <p class="font-mono text-xs max-w-sm opacity-60">
Essays on AI, agentic systems, and building the future. High contrast, no fluff.
</p> <div class="flex gap-4 mt-8"> <a href="https://twitter.com/Dorizzdt" target="_blank" class="w-10 h-10 border border-black dark:border-white flex items-center justify-center hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black cursor-pointer transition-all no-underline text-black dark:text-white"> <span class="material-symbols-outlined text-sm">share</span> </a> <a href="/rss.xml" target="_blank" class="w-10 h-10 border border-black dark:border-white flex items-center justify-center hover:bg-black hover:text-white dark:hover:bg-white dark:hover:text-black cursor-pointer transition-all no-underline text-black dark:text-white"> <span class="material-symbols-outlined text-sm">rss_feed</span> </a> </div> </div> <div> <h4 class="font-mono text-[10px] font-bold uppercase mb-6 tracking-widest opacity-40">Navigation</h4> <ul class="space-y-3 font-mono text-xs uppercase opacity-80 list-none p-0"> <li><a class="hover:underline no-underline text-black dark:text-white" href="/blog">Archives</a></li> <li><a class="hover:underline no-underline text-black dark:text-white" href="/tags">Tags</a></li> <li><a class="hover:underline no-underline text-black dark:text-white" href="/about">About</a></li> <li><a class="hover:underline no-underline text-black dark:text-white" href="/privacy">Privacy</a></li> </ul> </div> <div> <h4 class="font-mono text-[10px] font-bold uppercase mb-6 tracking-widest opacity-40">System Status</h4> <div class="space-y-4"> <div class="flex items-center gap-2"> <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></div> <span class="font-mono text-[10px] uppercase opacity-80">Site: Active</span> </div> <div class="flex items-center gap-2"> <div class="w-2 h-2 rounded-full bg-green-500"></div> <span class="font-mono text-[10px] uppercase opacity-80">Deploy: Fly.io</span> </div> <div class="flex items-center gap-2"> <div class="w-2 h-2 rounded-full bg-zinc-400"></div> <span class="font-mono text-[10px] uppercase opacity-80">Stack: Astro SSG</span> </div> </div> </div> </div> <div class="mt-12 pt-8 border-t border-black/10 dark:border-white/10 text-center"> <span class="font-mono text-[9px] uppercase tracking-[0.4em] opacity-30">
&copy; 2026 RIAGENIC.DEV // ALL LOGS RESERVED
</span> </div> </footer> <!-- Applies Bayer 4x4 ordered dithering + powerglitch hover to all .dithered images --><script type="module" src="/_astro/GlitchImages.astro_astro_type_script_index_0_lang.T_jXx_Pm.js"></script> <script async src="https://platform.twitter.com/widgets.js"></script> <script type="module">function i(){const s=document.getElementById("newsletter-join"),t=document.getElementById("newsletter-email"),r=document.getElementById("newsletter-box");!s||!t||!r||s.addEventListener("click",l=>{if(l.preventDefault(),!t.value||!t.value.includes("@")){t.style.borderColor="#ff0000",t.placeholder="ENTER_VALID_ADDR@",setTimeout(()=>{t.style.borderColor="",t.placeholder="ADDRESS@"},1500);return}const n=document.createElement("div");n.style.cssText="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:rgba(0,0,0,0.95);",n.innerHTML=`
						<div style="font-family:'Space Mono',monospace;color:#ff0000;text-shadow:0 0 6px rgba(255,0,0,0.5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem;animation:hack-flash-bg 0.15s ease-out 3;">
							<div style="border:2px solid #ff0000;box-shadow:0 0 10px rgba(255,0,0,0.3),inset 0 0 10px rgba(255,0,0,0.1);padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;position:relative;">
								<span style="font-size:8px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#aa0000;">PRIV_GUARD</span>
								<span style="font-size:2rem;line-height:1;animation:hack-shake 0.1s linear infinite;">☠</span>
								<span style="font-weight:700;letter-spacing:0.15em;font-size:11px;text-transform:uppercase;">!! DATA LEAK !!</span>
								<span style="font-size:8px;letter-spacing:0.1em;color:#aa0000;">EMAIL_HARVEST DETECTED</span>
							</div>
						</div>`,r.appendChild(n),setTimeout(()=>{const e=n.querySelector("div > div"),o=n.querySelector("div");!e||!o||(o.style.color="#00ff41",o.style.textShadow="0 0 6px rgba(0,255,65,0.5)",o.style.animation="none",e.style.borderColor="#00ff41",e.style.boxShadow="0 0 10px rgba(0,255,65,0.3),inset 0 0 10px rgba(0,255,65,0.1)",e.querySelector("span:nth-child(1)").textContent="SEC_ADVISE",e.querySelector("span:nth-child(1)").style.color="#009930",e.querySelector("span:nth-child(2)").textContent="⎔",e.querySelector("span:nth-child(2)").style.animation="none",e.querySelector("span:nth-child(3)").textContent="NEWSLETTERS ARE DEAD",e.querySelector("span:nth-child(4)").textContent="NEVER SHARE YOUR EMAIL LIKE THIS",e.querySelector("span:nth-child(4)").style.color="#009930")},1200),setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity 0.4s ease",setTimeout(()=>{n.remove(),t.value=""},400)},3500)})}i();document.addEventListener("astro:after-swap",i);</script> </body> </html>