@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg;--active-index:0}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--color-red-500:#fb2c36;--color-yellow-500:#edb200;--color-green-500:#00c758;--color-teal-400:#00d3bd;--color-teal-500:#00baa7;--color-zinc-200:#e4e4e7;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-teal-500:lab(67.3859% -49.0983 -2.63511);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{font-family:var(--font-body)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-\[20\%\]{top:20%}.-right-1{right:calc(var(--spacing) * -1)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:0}.right-1\/4{right:25%}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-7{right:calc(var(--spacing) * 7)}.right-8{right:calc(var(--spacing) * 8)}.right-\[10\%\]{right:10%}.bottom-1\/4{bottom:25%}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-\[10\%\]{bottom:10%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-7{left:calc(var(--spacing) * 7)}.left-8{left:calc(var(--spacing) * 8)}.left-\[10\%\]{left:10%}.left-\[41\.66\%\]{left:41.66%}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/10\]{aspect-ratio:16/10}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-\[0\%\]{height:0%}.h-\[3\.25rem\]{height:3.25rem}.h-\[30\%\]{height:30%}.h-\[40vw\]{height:40vw}.h-\[44px\]{height:44px}.h-\[50\%\]{height:50%}.h-\[50vw\]{height:50vw}.h-\[70\%\]{height:70%}.h-\[250px\]{height:250px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-\[600px\]{max-height:600px}.max-h-none{max-height:none}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-\[24rem\]{min-height:24rem}.min-h-\[30svh\]{min-height:30svh}.min-h-\[44px\]{min-height:44px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[200px\]{min-height:200px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-64{width:calc(var(--spacing) * 64)}.w-\[4\.5rem\]{width:4.5rem}.w-\[40vw\]{width:40vw}.w-\[50vw\]{width:50vw}.w-\[55vw\]{width:55vw}.w-\[100vw\]{width:100vw}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[34rem\]{max-width:34rem}.max-w-\[60vw\]{max-width:60vw}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.max-w-\[120px\]{max-width:120px}.max-w-\[600px\]{max-width:600px}.max-w-\[2000px\]{max-width:2000px}.max-w-\[min\(48rem\,calc\(100vw-2rem\)\)\]{max-width:min(48rem,100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/4{--tw-translate-x:calc(1 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/4{--tw-translate-y:calc(calc(1 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-8{--tw-translate-y:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.rounded-\[2px\]{border-radius:2px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) * .6)}.rounded-tr-sm{border-top-right-radius:calc(var(--radius) * .6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-kode,.border-kode\/20{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.border-kode\/20{border-color:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.border-kode\/30{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.border-kode\/30{border-color:color-mix(in oklab, var(--kode-mint) 30%, transparent)}}.border-kode\/40{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.border-kode\/40{border-color:color-mix(in oklab, var(--kode-mint) 40%, transparent)}}.border-kode\/50{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.border-kode\/50{border-color:color-mix(in oklab, var(--kode-mint) 50%, transparent)}}.border-kode\/60{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.border-kode\/60{border-color:color-mix(in oklab, var(--kode-mint) 60%, transparent)}}.border-line,.border-line\/50{border-color:var(--home-line)}@supports (color:color-mix(in lab, red, red)){.border-line\/50{border-color:color-mix(in oklab, var(--home-line) 50%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-teal-400{border-color:var(--color-teal-400)}.border-teal-400\/30{border-color:#00d3bd4d}@supports (color:color-mix(in lab, red, red)){.border-teal-400\/30{border-color:color-mix(in oklab, var(--color-teal-400) 30%, transparent)}}.border-teal-400\/40{border-color:#00d3bd66}@supports (color:color-mix(in lab, red, red)){.border-teal-400\/40{border-color:color-mix(in oklab, var(--color-teal-400) 40%, transparent)}}.border-teal-400\/50{border-color:#00d3bd80}@supports (color:color-mix(in lab, red, red)){.border-teal-400\/50{border-color:color-mix(in oklab, var(--color-teal-400) 50%, transparent)}}.border-teal-400\/60{border-color:#00d3bd99}@supports (color:color-mix(in lab, red, red)){.border-teal-400\/60{border-color:color-mix(in oklab, var(--color-teal-400) 60%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-zinc-200\/80{border-color:#e4e4e7cc}@supports (color:color-mix(in lab, red, red)){.border-zinc-200\/80{border-color:color-mix(in oklab, var(--color-zinc-200) 80%, transparent)}}.bg-\[var\(--page-bg\)\]{background-color:var(--page-bg)}.bg-background,.bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/20{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}.bg-background\/30{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/30{background-color:color-mix(in oklab, var(--background) 30%, transparent)}}.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/50{background-color:color-mix(in oklab, var(--background) 50%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-kode,.bg-kode\/5{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/5{background-color:color-mix(in oklab, var(--kode-mint) 5%, transparent)}}.bg-kode\/10{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/10{background-color:color-mix(in oklab, var(--kode-mint) 10%, transparent)}}.bg-kode\/15{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/15{background-color:color-mix(in oklab, var(--kode-mint) 15%, transparent)}}.bg-kode\/20{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/20{background-color:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.bg-kode\/25{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/25{background-color:color-mix(in oklab, var(--kode-mint) 25%, transparent)}}.bg-kode\/30{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/30{background-color:color-mix(in oklab, var(--kode-mint) 30%, transparent)}}.bg-kode\/40{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.bg-kode\/40{background-color:color-mix(in oklab, var(--kode-mint) 40%, transparent)}}.bg-line{background-color:var(--home-line)}.bg-primary{background-color:var(--primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/5{background-color:color-mix(in oklab, var(--color-red-500) 5%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-surface\/10{background-color:var(--home-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/10{background-color:color-mix(in oklab, var(--home-surface) 10%, transparent)}}.bg-surface\/30{background-color:var(--home-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/30{background-color:color-mix(in oklab, var(--home-surface) 30%, transparent)}}.bg-surface\/50{background-color:var(--home-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/50{background-color:color-mix(in oklab, var(--home-surface) 50%, transparent)}}.bg-teal-400\/5{background-color:#00d3bd0d}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/5{background-color:color-mix(in oklab, var(--color-teal-400) 5%, transparent)}}.bg-teal-400\/10{background-color:#00d3bd1a}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/10{background-color:color-mix(in oklab, var(--color-teal-400) 10%, transparent)}}.bg-teal-400\/15{background-color:#00d3bd26}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/15{background-color:color-mix(in oklab, var(--color-teal-400) 15%, transparent)}}.bg-teal-400\/25{background-color:#00d3bd40}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/25{background-color:color-mix(in oklab, var(--color-teal-400) 25%, transparent)}}.bg-teal-400\/35{background-color:#00d3bd59}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/35{background-color:color-mix(in oklab, var(--color-teal-400) 35%, transparent)}}.bg-teal-500\/10{background-color:#00baa71a}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/10{background-color:color-mix(in oklab, var(--color-teal-500) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#ADFFE8\]{--tw-gradient-from:#adffe8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kode\/40{--tw-gradient-from:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.from-kode\/40{--tw-gradient-from:color-mix(in oklab, var(--kode-mint) 40%, transparent)}}.from-kode\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#3BCCA3\]{--tw-gradient-via:#3bcca3;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kode\/20{--tw-gradient-via:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.via-kode\/20{--tw-gradient-via:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.via-kode\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#067455\]{--tw-gradient-to:#067455;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-heading{font-family:var(--font-heading-custom)}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[6rem\]{font-size:6rem}.text-\[7rem\]{font-size:7rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#3BCCA3\]{color:#3bcca3}.text-\[\#067455\]{color:#067455}.text-\[var\(--page-fg\)\]{color:var(--page-fg)}.text-\[var\(--page-muted\)\]{color:var(--page-muted)}.text-background{color:var(--background)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-kode,.text-kode\/15{color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.text-kode\/15{color:color-mix(in oklab, var(--kode-mint) 15%, transparent)}}.text-kode\/20{color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.text-kode\/20{color:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.text-kode\/40{color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.text-kode\/40{color:color-mix(in oklab, var(--kode-mint) 40%, transparent)}}.text-kode\/60{color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.text-kode\/60{color:color-mix(in oklab, var(--kode-mint) 60%, transparent)}}.text-kode\/70{color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.text-kode\/70{color:color-mix(in oklab, var(--kode-mint) 70%, transparent)}}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-subtle,.text-subtle\/40{color:var(--page-muted)}@supports (color:color-mix(in lab, red, red)){.text-subtle\/40{color:color-mix(in oklab, var(--page-muted) 40%, transparent)}}.text-subtle\/60{color:var(--page-muted)}@supports (color:color-mix(in lab, red, red)){.text-subtle\/60{color:color-mix(in oklab, var(--page-muted) 60%, transparent)}}.text-subtle\/70{color:var(--page-muted)}@supports (color:color-mix(in lab, red, red)){.text-subtle\/70{color:color-mix(in oklab, var(--page-muted) 70%, transparent)}}.text-teal-400{color:var(--color-teal-400)}.text-teal-400\/15{color:#00d3bd26}@supports (color:color-mix(in lab, red, red)){.text-teal-400\/15{color:color-mix(in oklab, var(--color-teal-400) 15%, transparent)}}.text-teal-400\/20{color:#00d3bd33}@supports (color:color-mix(in lab, red, red)){.text-teal-400\/20{color:color-mix(in oklab, var(--color-teal-400) 20%, transparent)}}.text-teal-400\/70{color:#00d3bdb3}@supports (color:color-mix(in lab, red, red)){.text-teal-400\/70{color:color-mix(in oklab, var(--color-teal-400) 70%, transparent)}}.text-teal-500{color:var(--color-teal-500)}.text-teal-500\/70{color:#00baa7b3}@supports (color:color-mix(in lab, red, red)){.text-teal-500\/70{color:color-mix(in oklab, var(--color-teal-500) 70%, transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.text-zinc-950{color:var(--color-zinc-950)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.opacity-\[0\.07\]{opacity:.07}.opacity-\[0\.08\]{opacity:.08}.opacity-\[0\.18\]{opacity:.18}.mix-blend-screen{mix-blend-mode:screen}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(59\,204\,163\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#3bcca399);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(59\,204\,163\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#3bcca380);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(59\,204\,163\,0\.8\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#3bcca3cc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(20\,184\,166\,0\.15\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#14b8a626);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(59\,204\,163\,0\.2\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#3bcca333);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(59\,204\,163\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#3bcca34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(59\,204\,163\,0\.15\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#3bcca326);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_25px_rgba\(20\,184\,166\,0\.4\)\]{--tw-shadow:0 0 25px var(--tw-shadow-color,#14b8a666);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_25px_rgba\(59\,204\,163\,0\.4\)\]{--tw-shadow:0 0 25px var(--tw-shadow-color,#3bcca366);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(20\,184\,166\,0\.2\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#14b8a633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(59\,204\,163\,0\.2\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#3bcca333);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(20\,184\,166\,0\.3\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#14b8a64d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(20\,184\,166\,0\.25\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#14b8a640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(59\,204\,163\,0\.25\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#3bcca340);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(59\,204\,163\,0\.3\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#3bcca34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_80px_rgba\(20\,184\,166\,0\.6\)\]{--tw-shadow:0 0 80px var(--tw-shadow-color,#14b8a699);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_80px_rgba\(59\,204\,163\,0\.6\)\]{--tw-shadow:0 0 80px var(--tw-shadow-color,#3bcca399);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-kode\/20{--tw-ring-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.ring-kode\/20{--tw-ring-color:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.ring-white\/5{--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ring-white\/5{--tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-\[100px\]{--tw-blur:blur(100px);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,)}.blur-\[120px\]{--tw-blur:blur(120px);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-90{--tw-brightness:brightness(90%);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-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));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-\[0_0_12px_rgba\(59\,204\,163\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 12px var(--tw-drop-shadow-color,#3bcca380));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_15px_rgba\(255\,255\,255\,0\.1\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#ffffff1a));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_15px_rgba\(255\,255\,255\,0\.2\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#fff3));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_30px_rgba\(20\,184\,166\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 30px var(--tw-drop-shadow-color,#14b8a64d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_30px_rgba\(59\,204\,163\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 30px var(--tw-drop-shadow-color,#3bcca34d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[40\%\]{--tw-grayscale:grayscale(40%);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-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.delay-100{--tw-animation-delay:.1s;animation-delay:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.perspective-\[1200px\]{perspective:1200px}.slide-in-from-bottom-2{--tw-enter-translate-y:calc(2*var(--spacing))}.slide-in-from-bottom-4{--tw-enter-translate-y:calc(4*var(--spacing))}@media (hover:hover){.group-hover\:h-12:is(:where(.group):hover *){height:calc(var(--spacing) * 12)}.group-hover\:w-12:is(:where(.group):hover *){width:calc(var(--spacing) * 12)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:border-kode:is(:where(.group):hover *){border-color:var(--kode-mint)}.group-hover\:border-teal-400:is(:where(.group):hover *){border-color:var(--color-teal-400)}.group-hover\:bg-kode\/10:is(:where(.group):hover *){background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-kode\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--kode-mint) 10%, transparent)}}.group-hover\:bg-teal-400\/10:is(:where(.group):hover *){background-color:#00d3bd1a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-teal-400\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-teal-400) 10%, transparent)}}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--foreground)}.group-hover\:text-kode:is(:where(.group):hover *),.group-hover\:text-kode\/35:is(:where(.group):hover *){color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-kode\/35:is(:where(.group):hover *){color:color-mix(in oklab, var(--kode-mint) 35%, transparent)}}.group-hover\:text-teal-400:is(:where(.group):hover *){color:var(--color-teal-400)}.group-hover\:text-teal-400\/35:is(:where(.group):hover *){color:#00d3bd59}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-teal-400\/35:is(:where(.group):hover *){color:color-mix(in oklab, var(--color-teal-400) 35%, transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/play\:translate-y-0:is(:where(.group\/play):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/play\:scale-110:is(:where(.group\/play):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/play\:bg-white\/10:is(:where(.group\/play):hover *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.group-hover\/play\:bg-white\/10:is(:where(.group\/play):hover *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.group-hover\/play\:opacity-40:is(:where(.group\/play):hover *){opacity:.4}.group-hover\/play\:opacity-100:is(:where(.group\/play):hover *){opacity:1}}.selection\:bg-kode\/30 ::selection{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-kode\/30 ::selection{background-color:color-mix(in oklab, var(--kode-mint) 30%, transparent)}}.selection\:bg-kode\/30::selection{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.selection\:bg-kode\/30::selection{background-color:color-mix(in oklab, var(--kode-mint) 30%, transparent)}}.selection\:text-kode ::selection,.selection\:text-kode::selection{color:var(--kode-mint)}.placeholder\:text-subtle\/50::placeholder{color:var(--page-muted)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-subtle\/50::placeholder{color:color-mix(in oklab, var(--page-muted) 50%, transparent)}}@media (hover:hover){.hover\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:gap-3:hover{gap:calc(var(--spacing) * 3)}.hover\:border-kode:hover,.hover\:border-kode\/50:hover{border-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.hover\:border-kode\/50:hover{border-color:color-mix(in oklab, var(--kode-mint) 50%, transparent)}}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.hover\:border-teal-400\/60:hover{border-color:#00d3bd99}@supports (color:color-mix(in lab, red, red)){.hover\:border-teal-400\/60:hover{border-color:color-mix(in oklab, var(--color-teal-400) 60%, transparent)}}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-kode\/90:hover{background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kode\/90:hover{background-color:color-mix(in oklab, var(--kode-mint) 90%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-500\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/15:hover{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-surface\/50:hover{background-color:var(--home-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface\/50:hover{background-color:color-mix(in oklab, var(--home-surface) 50%, transparent)}}.hover\:bg-teal-400\/20:hover{background-color:#00d3bd33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-teal-400\/20:hover{background-color:color-mix(in oklab, var(--color-teal-400) 20%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_30px_rgba\(59\,204\,163\,0\.12\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#3bcca31f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-kode\/20:hover{--tw-shadow-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-kode\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--kode-mint) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:brightness-100:hover{--tw-brightness:brightness(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,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:border-kode:focus{border-color:var(--kode-mint)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-kode:focus{--tw-ring-color:var(--kode-mint)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:scale-100:disabled{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:grayscale-\[40\%\]:disabled{--tw-grayscale:grayscale(40%);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,)}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:hover\:brightness-100:disabled:hover{--tw-brightness:brightness(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,)}}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:block{display:block}.sm\:h-16{height:calc(var(--spacing) * 16)}.sm\:h-\[3\.75rem\]{height:3.75rem}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-\[5\.5rem\]{width:5.5rem}.sm\:w-auto{width:auto}.sm\:max-w-\[70\%\]{max-width:70%}.sm\:max-w-\[75\%\]{max-width:75%}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-0{padding-inline:0}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:mt-0{margin-top:0}.md\:inline{display:inline}.md\:max-w-md{max-width:var(--container-md)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:64rem){.lg\:mt-2{margin-top:calc(var(--spacing) * 2)}.lg\:mt-6{margin-top:calc(var(--spacing) * 6)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[400px\]{height:400px}.lg\:h-full{height:100%}.lg\:min-h-\[700px\]{min-height:700px}.lg\:w-5\/12{width:41.6667%}.lg\:w-7\/12{width:58.3333%}.lg\:w-44{width:calc(var(--spacing) * 44)}.lg\:w-\[0\%\]{width:0%}.lg\:w-\[38\%\]{width:38%}.lg\:w-\[50\%\]{width:50%}.lg\:w-\[62\%\]{width:62%}.lg\:w-\[400px\]{width:400px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:translate-x-10{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:80rem){.xl\:block{display:block}.xl\:hidden{display:none}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-white\/5:is(.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-kode\/5:is(.dark *){background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-kode\/5:is(.dark *){background-color:color-mix(in oklab, var(--kode-mint) 5%, transparent)}}.dark\:bg-kode\/15:is(.dark *){background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-kode\/15:is(.dark *){background-color:color-mix(in oklab, var(--kode-mint) 15%, transparent)}}.dark\:bg-kode\/20:is(.dark *){background-color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-kode\/20:is(.dark *){background-color:color-mix(in oklab, var(--kode-mint) 20%, transparent)}}.dark\:bg-teal-400\/12:is(.dark *){background-color:#00d3bd1f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-400\/12:is(.dark *){background-color:color-mix(in oklab, var(--color-teal-400) 12%, transparent)}}.dark\:bg-teal-400\/15:is(.dark *){background-color:#00d3bd26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-400\/15:is(.dark *){background-color:color-mix(in oklab, var(--color-teal-400) 15%, transparent)}}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:text-kode\/8:is(.dark *){color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.dark\:text-kode\/8:is(.dark *){color:color-mix(in oklab, var(--kode-mint) 8%, transparent)}}.dark\:text-kode\/10:is(.dark *){color:var(--kode-mint)}@supports (color:color-mix(in lab, red, red)){.dark\:text-kode\/10:is(.dark *){color:color-mix(in oklab, var(--kode-mint) 10%, transparent)}}.dark\:text-teal-400:is(.dark *){color:var(--color-teal-400)}.dark\:text-teal-400\/8:is(.dark *){color:#00d3bd14}@supports (color:color-mix(in lab, red, red)){.dark\:text-teal-400\/8:is(.dark *){color:color-mix(in oklab, var(--color-teal-400) 8%, transparent)}}.dark\:text-teal-400\/10:is(.dark *){color:#00d3bd1a}@supports (color:color-mix(in lab, red, red)){.dark\:text-teal-400\/10:is(.dark *){color:color-mix(in oklab, var(--color-teal-400) 10%, transparent)}}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:text-white\/35:is(.dark *){color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/35:is(.dark *){color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.dark\:text-white\/42:is(.dark *){color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/42:is(.dark *){color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.dark\:text-white\/60:is(.dark *){color:#fff9}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/60:is(.dark *){color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.dark\:text-white\/90:is(.dark *){color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/90:is(.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.dark\:opacity-\[0\.03\]:is(.dark *){opacity:.03}.dark\:opacity-\[0\.05\]:is(.dark *){opacity:.05}.dark\:opacity-\[0\.035\]:is(.dark *){opacity:.035}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--kode-mint:#30c8a0;--kode-mint-bright:#30d0a8;--kode-forest:#103828;--kode-deep:#083028;--kode-night:#020706;--kode-ivy:#187058;--kode-purple:#b77af2;--kode-purple-deep:#2a173f;--kode-white:#f0f8f8;--kode-shadow:#0c342a;--page-bg:#f7fbf9;--page-fg:#09241d;--page-muted:#187058;--home-surface:#f0f8f89e;--home-line:#30c8a042;--nav-shell-start:#edf9f5;--nav-shell-end:#b6e5d8;--nav-panel-border:#085c4694;--nav-panel-shadow:#0830283d;--nav-panel-step-shadow:#0830282e;--nav-panel-sheen:#ffffff94;--nav-panel-inset:#085c462e;--nav-panel-glow:#30c8a038;--nav-panel-inner-opacity:.68;--nav-outline-inner:#084c3a52;--nav-button-bg:#effcf7fa;--nav-button-fg:#103828;--nav-button-border:#085c4694;--nav-button-active-border:#08302857;--nav-focus-outline:#103828;--nav-label-bg:#f9fffdfa;--nav-label-fg:#103828;--nav-bracket-start:#d4f4eb;--nav-bracket-mid:#8dd8c6;--nav-bracket-end:#bae8dc;--nav-bracket-shadow:#0830282e;--nav-mobile-icon:#083028b8;--nav-mobile-icon-hover:#103828;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--page-bg:#020706;--page-fg:#f0f8f8;--page-muted:#81dac3;--home-surface:#08302875;--home-line:#30d0a838;--nav-shell-start:#103828;--nav-shell-end:#04120e;--nav-panel-border:#30d0a8b3;--nav-panel-shadow:#0000008a;--nav-panel-step-shadow:#061b15;--nav-panel-sheen:#f0f8f824;--nav-panel-inset:#f0f8f81f;--nav-panel-glow:#30c8a02e;--nav-panel-inner-opacity:.82;--nav-outline-inner:#f0f8f838;--nav-button-bg:#03120ee6;--nav-button-fg:#30d0a8;--nav-button-border:#30c8a0c7;--nav-button-active-border:#f0f8f8d6;--nav-focus-outline:var(--kode-white);--nav-label-bg:#020706f5;--nav-label-fg:#f0f8f8;--nav-bracket-start:#1f5b49;--nav-bracket-mid:#083028;--nav-bracket-end:#0d2b22;--nav-bracket-shadow:#061b15b8;--nav-mobile-icon:#f0f8f873;--nav-mobile-icon-hover:var(--kode-mint-bright);--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}html{min-height:100%}body{background:radial-gradient(circle at 12% 18%, #30c8a02e, transparent 28rem), linear-gradient(180deg, var(--page-bg), var(--page-bg));min-height:100%;font-family:var(--font-body), system-ui, sans-serif;font-feature-settings:"cv02" 1, "cv03" 1, "cv04" 1, "ss03" 1}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif}:is(.kode-main-shell,.kode-main-shell:has(.kode-chat-page)){--kode-mobile-nav-height:0px;padding-bottom:0}.kode-main-shell:has(.kode-chat-page) .kode-footer{display:none}.kode-footer{isolation:isolate;padding-bottom:var(--kode-mobile-nav-height);color:var(--kode-night);background:linear-gradient(#eef9f5 0%,#e6f5f0 100%);position:relative;overflow:clip}.kode-footer:before,.kode-footer:after,.kode-footer__background{content:"";pointer-events:none;position:absolute}.kode-footer:before{z-index:-2;opacity:.98;background:radial-gradient(circle at 16% 18%,#30c8a033,#0000 18rem),radial-gradient(circle at 78% 18%,#b77af229,#0000 19rem),linear-gradient(118deg,#0000 0 18%,#30c8a024 18% 28%,#0000 28%),linear-gradient(63deg,#0000 0 68%,#b77af21f 68% 77%,#0000 77%);inset:0}.kode-footer:after{z-index:0;filter:drop-shadow(0 0 1rem #30c8a02e);opacity:.72;background:linear-gradient(90deg,#0000,#30c8a09e,#b77af280,#0000);height:1px;top:0;left:0;right:0}.kode-footer__background{z-index:-1;aspect-ratio:1;filter:saturate(1.28)contrast(1.05);opacity:.12;width:clamp(30rem,52vw,56rem);top:50%;left:50%;transform:translate(-50%,-50%)}.kode-footer__background-image{object-fit:contain;width:100%;height:100%}.kode-footer__inner{z-index:1;grid-template-columns:minmax(18rem,1.2fr) minmax(18rem,.9fr);gap:clamp(3rem,8vw,7rem);width:min(86rem,100%);margin-inline:auto;padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,3rem) clamp(2rem,4vw,3rem);display:grid;position:relative}.kode-footer__brand{min-width:0}.kode-footer__brand a{width:min(28rem,100%);display:inline-flex}.kode-footer__logo{object-fit:contain;filter:drop-shadow(0 .08rem .08rem #0830286b)drop-shadow(0 1.4rem 2.8rem #08302829);width:100%;height:auto}.kode-footer__slogan{color:#083028b8;max-width:34rem;margin-top:clamp(1.6rem,3vw,2.2rem);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:850;line-height:1.35}.kode-footer__nav{grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1fr);gap:clamp(2.2rem,5vw,4.5rem);display:grid}.kode-footer__group h2{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;text-transform:uppercase;margin:0 0 1.15rem;font-size:.88rem;font-weight:950;line-height:1}.kode-footer__group ul{gap:.82rem;margin:0;padding:0;list-style:none;display:grid}.kode-footer__group a{color:#083028c2;font-size:.98rem;font-weight:650;line-height:1.2;text-decoration:none;transition:color .18s,transform .18s,filter .18s}.kode-footer__group a:hover,.kode-footer__group a:focus-visible{color:var(--kode-purple);filter:drop-shadow(0 0 .8rem #b77af233);transform:translate(.16rem)}.kode-footer__group a:focus-visible{outline:2px solid var(--kode-mint);outline-offset:4px}.kode-footer__bottom{color:#083028ad;border-top:1px solid #08302824;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1.2rem;padding-top:clamp(1.5rem,3vw,2.1rem);font-size:.9rem;font-weight:680;display:flex}.kode-footer__bottom p{margin:0}.kode-footer__bottom strong{color:var(--kode-purple);font-weight:950}.dark .kode-footer{color:var(--kode-white);background:linear-gradient(#020706 0%,#07130f 100%)}.dark .kode-footer:before{opacity:.92;background:radial-gradient(circle at 15% 18%,#30c8a02e,#0000 18rem),radial-gradient(circle at 78% 18%,#b77af229,#0000 19rem),linear-gradient(118deg,#0000 0 18%,#30c8a01a 18% 28%,#0000 28%),linear-gradient(63deg,#0000 0 68%,#b77af21a 68% 77%,#0000 77%)}.dark .kode-footer:after{box-shadow:0 0 1.5rem #30c8a059}.dark .kode-footer__background{opacity:.07}.dark .kode-footer__logo{filter:drop-shadow(0 1.4rem 2.8rem #00000057)}.dark .kode-footer__slogan{color:#f0f8f8c7}.dark .kode-footer__group h2{color:var(--kode-white)}.dark .kode-footer__group a{color:#b2deffdb}.dark .kode-footer__group a:hover,.dark .kode-footer__group a:focus-visible{color:var(--kode-mint-bright);filter:drop-shadow(0 0 .8rem #30c8a03d)}.dark .kode-footer__bottom{color:#f0f8f8b3;border-top-color:#f0f8f81f}.dark .kode-footer__bottom strong{color:var(--kode-mint-bright)}.kode-legal-page{color:var(--kode-forest);isolation:isolate;background:linear-gradient(#f8fcfb 0%,#edf8f4 48%,#f8fcfb 100%);padding:clamp(6.5rem,11vw,9rem) clamp(1rem,4vw,3rem) clamp(5rem,8vw,7rem);position:relative;overflow:clip}.kode-legal-page:before,.kode-legal-page:after,.kode-legal-page__halo{content:"";pointer-events:none;position:absolute}.kode-legal-page:before{z-index:-4;background:linear-gradient(115deg,#0000 0 14%,#30c8a02b 14% 24%,#0000 24%),linear-gradient(64deg,#0000 0 67%,#b77af21f 67% 76%,#0000 76%);inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 88%,#0000);mask-image:linear-gradient(#0000,#000 8% 88%,#0000)}.kode-legal-page:after{z-index:-1;filter:drop-shadow(0 0 1rem #30c8a02e);opacity:.72;background:linear-gradient(90deg,#0000,#30c8a0b8,#b77af28a,#0000);height:1px;bottom:0;left:0;right:0}.kode-legal-page__halo{z-index:-3;opacity:.76;background:linear-gradient(90deg,#0000,#30c8a01f,#0000),linear-gradient(#b77af214,#0000);border:1px solid #30c8a029;height:min(28rem,46svh);inset:clamp(6rem,12vw,9rem) 8% auto;transform:skewY(-4deg)}.kode-legal-page__mark{z-index:-2;color:#1038280b;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,19vw,18rem);font-weight:950;line-height:.8;position:absolute;top:clamp(3.5rem,8vw,6rem);right:clamp(1rem,6vw,5rem)}.kode-legal-page__inner{width:min(70rem,100%);margin-inline:auto;position:relative}.kode-legal-back{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:2rem;font-size:.78rem;font-weight:950;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.kode-legal-back svg{width:1rem;height:1rem;transition:transform .18s}.kode-legal-back:hover,.kode-legal-back:focus-visible{color:var(--kode-night);transform:translate(-.12rem)}.kode-legal-back:hover svg,.kode-legal-back:focus-visible svg{transform:translate(-.18rem)}.kode-legal-back:focus-visible{outline:2px solid var(--kode-purple);outline-offset:4px}.kode-legal-hero{border-bottom:1px solid #10382824;max-width:56rem;padding-bottom:clamp(2.25rem,5vw,3.6rem)}.kode-legal-page--index .kode-legal-hero{max-width:64rem}.kode-legal-hero__eyebrow{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:950;line-height:1}.kode-legal-hero h1{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 0 2rem #30c8a01a;margin:0;font-size:clamp(3rem,8vw,6.6rem);font-weight:950;line-height:.9}.kode-legal-hero__date{color:#08302894;font-family:var(--font-geist-mono), monospace;letter-spacing:0;margin:1.25rem 0 0;font-size:.82rem;font-weight:840;line-height:1.35}.kode-legal-hero__intro{gap:.85rem;max-width:48rem;margin-top:1.5rem;display:grid}.kode-legal-hero__intro p{color:#083028bd;margin:0;font-size:clamp(1rem,1.35vw,1.12rem);font-weight:740;line-height:1.68}.kode-legal-index-grid{gap:1rem;margin-top:clamp(2rem,4vw,3rem);display:grid}.kode-legal-index-card{min-height:10rem;color:inherit;background:linear-gradient(135deg,#ffffffc7,#0000 48%),#ffffffa3;border:1px solid #10382824;border-radius:.5rem;flex-direction:column;justify-content:space-between;padding:1.25rem;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;box-shadow:.34rem .34rem #30c8a024,0 1.2rem 3rem #08302814}.kode-legal-index-card strong{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:1.3rem;font-weight:900;line-height:1.08;transition:color .22s;display:block}.kode-legal-index-card span span{color:#083028b8;margin-top:.85rem;font-size:.94rem;font-weight:700;line-height:1.58;display:block}.kode-legal-index-card__action{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.48rem;margin-top:1.25rem;font-size:.78rem;font-weight:950;line-height:1;display:inline-flex}.kode-legal-index-card__action svg{width:1rem;height:1rem;transition:transform .22s}.kode-legal-index-card:hover,.kode-legal-index-card:focus-visible{border-color:#30c8a06b;transform:translateY(-.16rem);box-shadow:.46rem .46rem #30c8a02e,0 1.6rem 3.4rem #0830281f}.kode-legal-index-card:hover strong,.kode-legal-index-card:focus-visible strong{color:var(--kode-ivy)}.kode-legal-index-card:hover .kode-legal-index-card__action svg,.kode-legal-index-card:focus-visible .kode-legal-index-card__action svg{transform:translate(.18rem)}.kode-legal-index-card:focus-visible{outline:2px solid var(--kode-purple);outline-offset:4px}.kode-legal-sections{gap:1rem;margin-top:clamp(2rem,4vw,3rem);display:grid}.kode-legal-section{background:linear-gradient(135deg,#ffffffc7,#0000 48%),#ffffffa3;border:1px solid #10382824;border-radius:.5rem;padding:clamp(1.2rem,2.6vw,1.8rem);box-shadow:.34rem .34rem #30c8a01f,0 1rem 2.7rem #08302814}.kode-legal-section h2{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;margin:0 0 1rem;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:900;line-height:1.05}.kode-legal-section__body{gap:.85rem;display:grid}.kode-legal-section__body p,.kode-legal-section__body li,.kode-legal-section__body address,.kode-legal-section__body blockquote{color:#083028bd;font-size:1rem;font-weight:690;line-height:1.76}.kode-legal-section__body p,.kode-legal-section__body ul,.kode-legal-section__body address,.kode-legal-section__body blockquote{margin:0}.kode-legal-section__body ul{gap:.48rem;padding-left:1.25rem;display:grid}.kode-legal-section__body li{padding-left:.18rem}.kode-legal-section__body li::marker{color:var(--kode-ivy)}.kode-legal-section__body address,.kode-legal-section__body blockquote{border-left:2px solid var(--kode-mint);background:#30c8a014;border-radius:.5rem;padding:1rem 1.1rem;font-style:normal}.kode-legal-section__body a{color:var(--kode-ivy);text-underline-offset:.18em;font-weight:850;-webkit-text-decoration:underline #30c8a057;text-decoration:underline #30c8a057;transition:color .18s,text-decoration-color .18s}.kode-legal-section__body a:hover,.kode-legal-section__body a:focus-visible{color:var(--kode-night);text-decoration-color:currentColor}.dark .kode-legal-page{color:var(--kode-white);background:linear-gradient(#020706 0%,#07130f 48%,#020706 100%)}.dark .kode-legal-page:before{background:linear-gradient(115deg,#0000 0 14%,#30c8a02e 14% 24%,#0000 24%),linear-gradient(64deg,#0000 0 67%,#b77af21f 67% 76%,#0000 76%)}.dark .kode-legal-page__halo{opacity:.86;border-color:#f0f8f814}.dark .kode-legal-page__mark{color:#f0f8f80a}.dark .kode-legal-back,.dark .kode-legal-hero__eyebrow,.dark .kode-legal-index-card__action{color:var(--kode-mint-bright)}.dark .kode-legal-back:hover,.dark .kode-legal-back:focus-visible{color:var(--kode-white)}.dark .kode-legal-hero{border-bottom-color:#f0f8f81f}.dark .kode-legal-hero h1,.dark .kode-legal-index-card strong,.dark .kode-legal-section h2{color:var(--kode-white)}.dark .kode-legal-hero__date,.dark .kode-legal-hero__intro p,.dark .kode-legal-index-card span span,.dark .kode-legal-section__body p,.dark .kode-legal-section__body li,.dark .kode-legal-section__body address,.dark .kode-legal-section__body blockquote{color:#f0f8f8bd}.dark .kode-legal-index-card,.dark .kode-legal-section{background:linear-gradient(135deg,#f0f8f817,#0000 48%),#0207068f;border-color:#f0f8f81a;box-shadow:.34rem .34rem #30c8a026,0 1.5rem 3.4rem #00000057}.dark .kode-legal-index-card:hover,.dark .kode-legal-index-card:focus-visible{border-color:#30c8a070}.dark .kode-legal-index-card:hover strong,.dark .kode-legal-index-card:focus-visible strong,.dark .kode-legal-section__body a:hover,.dark .kode-legal-section__body a:focus-visible{color:var(--kode-mint-bright)}.dark .kode-legal-section__body address,.dark .kode-legal-section__body blockquote{background:#30c8a014}.dark .kode-legal-section__body a{color:var(--kode-mint-bright)}@media (min-width:760px){.kode-legal-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.kode-legal-page{padding-top:5.8rem}.kode-legal-index-card{min-height:9rem}}@media (max-width:900px){.kode-footer__inner{grid-template-columns:minmax(0,1fr)}.kode-footer__bottom{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.kode-footer__inner{padding-inline:1rem}.kode-footer__nav{grid-template-columns:minmax(0,1fr)}.kode-footer__brand a{width:min(22rem,100%)}.kode-footer__group ul{gap:.72rem}}:is(body:has(.kode-dashboard-page) .kode-footer,body:has(.kode-dashboard-page:not(.kode-dashboard-page--login)) .kode-side-nav){display:none}body:has(.kode-dashboard-page:not(.kode-dashboard-page--login)) .kode-main-shell{min-height:100dvh;padding-bottom:0}.kode-dashboard-page{min-height:100dvh;color:var(--kode-night);background:linear-gradient(115deg,#0000 0 18%,#30c8a01f 18% 28%,#0000 28%),linear-gradient(64deg,#0000 0 68%,#b77af21a 68% 78%,#0000 78%),linear-gradient(#f8fcfb 0%,#edf8f4 100%);padding:1rem}.dark .kode-dashboard-page{color:var(--kode-white);background:linear-gradient(115deg,#0000 0 18%,#30c8a01f 18% 28%,#0000 28%),linear-gradient(64deg,#0000 0 68%,#b77af21a 68% 78%,#0000 78%),linear-gradient(#020706 0%,#07130f 100%)}.kode-dashboard-shell{grid-template-columns:16.5rem minmax(0,1fr);gap:1rem;min-height:calc(100dvh - 2rem);display:grid}.kode-dashboard-sidebar,.kode-dashboard-panel,.kode-dashboard-list,.kode-dashboard-login{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffd1,#0000 50%),#ffffffb3;border:1px solid #10382824;border-radius:.5rem;box-shadow:.34rem .34rem #30c8a024,0 1.3rem 3rem #0830281a}.dark .kode-dashboard-sidebar,.dark .kode-dashboard-panel,.dark .kode-dashboard-list,.dark .kode-dashboard-login{background:linear-gradient(135deg,#f0f8f814,#0000 50%),#020706a8;border-color:#f0f8f81a;box-shadow:.34rem .34rem #30c8a02e,0 1.5rem 3.4rem #00000057}.kode-dashboard-sidebar{flex-direction:column;justify-content:space-between;height:calc(100dvh - 2rem);padding:1.1rem;display:flex;position:sticky;top:1rem;overflow:hidden}.kode-dashboard-sidebar:before{aspect-ratio:1;content:"";opacity:.13;pointer-events:none;background:url(/icone.png) 50%/contain no-repeat;width:min(34rem,145%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .kode-dashboard-sidebar:before{opacity:.18}.kode-dashboard-sidebar>*{z-index:1;position:relative}.kode-dashboard-kicker,.kode-dashboard-header p{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;margin:0 0 .55rem;font-size:.72rem;font-weight:950;line-height:1}.dark .kode-dashboard-kicker,.dark .kode-dashboard-header p{color:var(--kode-mint-bright)}.kode-dashboard-sidebar h1,.kode-dashboard-login h1{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:2rem;font-weight:950;line-height:.95}.dark .kode-dashboard-sidebar h1,.dark .kode-dashboard-login h1{color:var(--kode-white)}.kode-dashboard-tabs{gap:.55rem;margin-top:2rem;display:grid}.kode-dashboard-sidebar__footer{gap:.55rem;display:grid}.kode-dashboard-tabs button,.kode-dashboard-tabs a,.kode-dashboard-sidebar__footer a,.kode-dashboard-sidebar__footer button{color:#083028b8;width:100%;min-height:2.9rem;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;text-align:left;background:0 0;border:1px solid #0000;border-radius:.45rem;align-items:center;gap:.65rem;padding:.78rem .85rem;font-size:.9rem;font-weight:860;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:flex}.kode-dashboard-tabs svg,.kode-dashboard-sidebar__footer svg{flex:none;width:1.05rem;height:1.05rem}.kode-dashboard-tabs button:hover,.kode-dashboard-tabs a:hover,.kode-dashboard-sidebar__footer a:hover,.kode-dashboard-sidebar__footer button:hover,.kode-dashboard-tabs button:focus-visible,.kode-dashboard-tabs a:focus-visible,.kode-dashboard-sidebar__footer a:focus-visible,.kode-dashboard-sidebar__footer button:focus-visible{color:var(--kode-night);background:#30c8a014;border-color:#30c8a047}.kode-dashboard-tabs button.is-active,.kode-dashboard-tabs a.is-active{background:linear-gradient(135deg, #ffffff3d, transparent 42%), var(--kode-mint);color:#fff;box-shadow:.22rem .22rem 0 var(--kode-shadow);border-color:#1038282e}.dark .kode-dashboard-tabs button,.dark .kode-dashboard-tabs a,.dark .kode-dashboard-sidebar__footer a,.dark .kode-dashboard-sidebar__footer button{color:#f0f8f8b8}.dark .kode-dashboard-tabs button:hover,.dark .kode-dashboard-tabs a:hover,.dark .kode-dashboard-sidebar__footer a:hover,.dark .kode-dashboard-sidebar__footer button:hover,.dark .kode-dashboard-tabs button:focus-visible,.dark .kode-dashboard-tabs a:focus-visible,.dark .kode-dashboard-sidebar__footer a:focus-visible,.dark .kode-dashboard-sidebar__footer button:focus-visible{color:var(--kode-white);background:#30c8a014;border-color:#30c8a042}.dark .kode-dashboard-tabs button.is-active,.dark .kode-dashboard-tabs a.is-active{background:linear-gradient(135deg, #f0f8f829, transparent 42%), var(--kode-mint);color:#00130f;border-color:#f0f8f81f}.kode-dashboard-main{align-content:start;gap:1rem;min-width:0;display:grid}.kode-dashboard-header{border-bottom:1px solid #30c8a047;justify-content:space-between;align-items:center;gap:1rem;min-height:5.8rem;padding:.75rem .25rem 1rem;display:flex}.kode-dashboard-header h2{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:2.4rem;font-weight:950;line-height:.95}.dark .kode-dashboard-header h2{color:var(--kode-white)}.kode-dashboard-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.kode-dashboard-save,.kode-dashboard-list__header button,.kode-dashboard-empty-editor button,.kode-dashboard-tech-input button{background:linear-gradient(135deg, #ffffff40, transparent 42%), var(--kode-mint);min-height:2.9rem;box-shadow:.24rem .24rem 0 var(--kode-shadow);color:#fff;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;border:1px solid #1038282e;border-radius:.45rem;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1rem;font-size:.9rem;font-weight:920;line-height:1;transition:filter .18s,transform .18s;display:inline-flex}.kode-dashboard-save svg,.kode-dashboard-list__header button svg,.kode-dashboard-empty-editor button svg,.kode-dashboard-tech-input button svg,.kode-dashboard-delete svg{width:1rem;height:1rem}.kode-dashboard-save:hover,.kode-dashboard-save:focus-visible,.kode-dashboard-list__header button:hover,.kode-dashboard-empty-editor button:hover,.kode-dashboard-tech-input button:hover{filter:brightness(1.04);transform:translateY(-.08rem)}.kode-dashboard-save:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.68;transform:none}.kode-dashboard-notice{color:#083028c2;border:1px solid #30c8a042;border-radius:.45rem;align-items:center;gap:.45rem;min-height:2.4rem;padding:.55rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.kode-dashboard-notice svg{width:.95rem;height:.95rem}.kode-dashboard-notice.is-error{color:#be185d;border-color:#f472b666}.dark .kode-dashboard-notice{color:#f0f8f8cc}.dark .kode-dashboard-notice.is-error{color:#fda4af}.kode-dashboard-editor{grid-template-columns:minmax(14rem,19rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.kode-dashboard-list{padding:1rem;position:sticky;top:1rem;overflow:hidden}.kode-dashboard-list__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.kode-dashboard-list__header h3{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:1rem;font-weight:950;line-height:1}.dark .kode-dashboard-list__header h3{color:var(--kode-white)}.kode-dashboard-list__header button{width:2.45rem;min-height:2.45rem;padding:0}.kode-dashboard-list__items{gap:.55rem;max-height:calc(100dvh - 9rem);padding-right:.15rem;display:grid;overflow-y:auto}.kode-dashboard-list__item{grid-template-columns:2.1rem minmax(0,1fr);align-items:stretch;gap:.45rem;transition:opacity .16s,transform .16s;display:grid}.kode-dashboard-list__item.is-dragging{opacity:.52}.kode-dashboard-list__item.is-drop-target{transform:translateY(.12rem)}.kode-dashboard-list__drag{color:#08302894;cursor:grab;background:#30c8a014;border:1px solid #30c8a038;border-radius:.45rem;place-items:center;width:2.1rem;min-height:100%;transition:border-color .18s,background-color .18s,color .18s;display:grid}.kode-dashboard-list__drag:active{cursor:grabbing}.kode-dashboard-list__drag:hover,.kode-dashboard-list__drag:focus-visible{color:var(--kode-night);background:#30c8a024;border-color:#30c8a06b;outline:none}.kode-dashboard-list__drag svg{width:1rem;height:1rem}.kode-dashboard-list__select{color:#083028b8;text-align:left;background:#ffffff7a;border:1px solid #1038281f;border-radius:.45rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.16rem .62rem;padding:.72rem;transition:border-color .18s,background-color .18s,color .18s;display:grid}.kode-dashboard-list__select>span{border-radius:999px;grid-row:span 2;width:.68rem;height:.68rem;box-shadow:0 0 .9rem}.kode-dashboard-list__items strong,.kode-dashboard-list__items small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kode-dashboard-list__items strong{color:currentColor;font-size:.9rem;font-weight:860}.kode-dashboard-list__items small{font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.66rem;font-weight:850}.kode-dashboard-list__select:hover,.kode-dashboard-list__select:focus-visible,.kode-dashboard-list__select.is-active,.kode-dashboard-list__item.is-drop-target .kode-dashboard-list__select{color:var(--kode-night);background:#30c8a01a;border-color:#30c8a061}.dark .kode-dashboard-list__drag{color:#f0f8f88c;background:#30c8a014;border-color:#f0f8f81a}.dark .kode-dashboard-list__drag:hover,.dark .kode-dashboard-list__drag:focus-visible{color:var(--kode-white);background:#30c8a01c;border-color:#30c8a057}.dark .kode-dashboard-list__select{color:#f0f8f8b8;background:#02070652;border-color:#f0f8f81a}.dark .kode-dashboard-list__select:hover,.dark .kode-dashboard-list__select:focus-visible,.dark .kode-dashboard-list__select.is-active,.dark .kode-dashboard-list__item.is-drop-target .kode-dashboard-list__select{color:var(--kode-white);background:#30c8a017;border-color:#30c8a057}.kode-dashboard-panel{gap:1rem;min-width:0;padding:1rem;display:grid}.kode-dashboard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.kode-dashboard-field{gap:.45rem;min-width:0;display:grid}.kode-dashboard-field>span{color:#0830289e;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900;line-height:1}.dark .kode-dashboard-field>span{color:#f0f8f89e}.kode-dashboard-field input,.kode-dashboard-field textarea,.kode-dashboard-field select{width:100%;min-width:0;min-height:2.9rem;color:var(--kode-night);font:inherit;background:#ffffff9e;border:1px solid #10382829;border-radius:.42rem;outline:none;padding:.72rem .82rem;font-size:.93rem;font-weight:700;transition:border-color .18s,box-shadow .18s}.kode-dashboard-field textarea{resize:vertical;line-height:1.45}.kode-dashboard-field input:focus,.kode-dashboard-field textarea:focus,.kode-dashboard-field select:focus{border-color:#30c8a0a3;box-shadow:0 0 0 3px #30c8a024}.dark .kode-dashboard-field input,.dark .kode-dashboard-field textarea,.dark .kode-dashboard-field select{color:var(--kode-white);background:#02070661;border-color:#f0f8f81f}.kode-dashboard-logo-import{background:linear-gradient(116deg,#0000 0 66%,#30c8a01f 66% 82%,#0000 82%),#ffffff94;border:1px solid #10382829;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;padding:.75rem;display:grid}.kode-dashboard-logo-import__preview{width:3.5rem;height:3.5rem;color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;background:#30c8a01a;border:1px solid #30c8a05c;border-radius:.45rem;place-items:center;font-size:.75rem;font-weight:950;line-height:1;display:inline-grid;overflow:hidden}.kode-dashboard-logo-import__preview.is-image{background:#ffffffad}.kode-dashboard-logo-import__preview img{object-fit:contain;width:100%;height:100%;padding:.42rem}.kode-dashboard-logo-import__body{gap:.55rem;min-width:0;display:grid}.kode-dashboard-logo-import__path{color:#08302894;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:760;line-height:1.2;overflow:hidden}.kode-dashboard-logo-import__actions{flex-wrap:wrap;gap:.5rem;display:flex}.kode-dashboard-logo-import__button,.kode-dashboard-logo-import__clear{min-height:2.35rem;color:var(--kode-ivy);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;cursor:pointer;background:#30c8a01f;border:1px solid #30c8a057;border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .72rem;font-size:.82rem;font-weight:880;line-height:1;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex;position:relative}.kode-dashboard-logo-import__button:hover,.kode-dashboard-logo-import__button:focus-within,.kode-dashboard-logo-import__clear:hover,.kode-dashboard-logo-import__clear:focus-visible{color:var(--kode-night);background:#30c8a033;border-color:#30c8a08f;outline:none;transform:translateY(-1px)}.kode-dashboard-logo-import__button svg,.kode-dashboard-logo-import__clear svg{width:.95rem;height:.95rem}.kode-dashboard-logo-import__button input{opacity:0;cursor:pointer;position:absolute;inset:0}.kode-dashboard-logo-import__button.is-loading{opacity:.72;pointer-events:none}.kode-dashboard-logo-import__button.is-loading svg{animation:.8s linear infinite kode-dashboard-spin}.kode-dashboard-logo-import__clear{color:#be185d;background:#f472b614;border-color:#f472b652}.kode-dashboard-logo-import__clear:hover,.kode-dashboard-logo-import__clear:focus-visible{color:#9f1239;background:#f472b624;border-color:#f472b680}.dark .kode-dashboard-logo-import{background:linear-gradient(116deg,#0000 0 66%,#30c8a029 66% 82%,#0000 82%),#02070661;border-color:#f0f8f81f}.dark .kode-dashboard-logo-import__preview{color:var(--kode-mint-bright);background:#30c8a01f;border-color:#30c8a06b}.dark .kode-dashboard-logo-import__preview.is-image{background:#f0f8f814}.dark .kode-dashboard-logo-import__path{color:#f0f8f89e}.dark .kode-dashboard-logo-import__button{color:var(--kode-mint-bright)}.dark .kode-dashboard-logo-import__button:hover,.dark .kode-dashboard-logo-import__button:focus-within{color:var(--kode-white)}.dark .kode-dashboard-logo-import__clear{color:#fda4af}@keyframes kode-dashboard-spin{to{transform:rotate(360deg)}}.kode-dashboard-password-field{align-items:center;min-width:0;display:flex;position:relative}.kode-dashboard-password-field input{padding-right:3.1rem}.kode-dashboard-password-field button{color:#0830289e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.42rem;place-items:center;width:2.2rem;height:2.2rem;transition:border-color .18s,background .18s,color .18s;display:inline-grid;position:absolute;right:.35rem}.kode-dashboard-password-field button:hover,.kode-dashboard-password-field button:focus-visible{color:var(--kode-ivy);background:#30c8a01a;border-color:#30c8a042;outline:none}.kode-dashboard-password-field button svg{width:1rem;height:1rem}.dark .kode-dashboard-password-field button{color:#f0f8f899}.dark .kode-dashboard-password-field button:hover,.dark .kode-dashboard-password-field button:focus-visible{color:var(--kode-mint-bright);background:#30c8a01f;border-color:#30c8a052}.kode-dashboard-color-control{grid-template-columns:3.4rem minmax(0,1fr);gap:.45rem;display:grid}.kode-dashboard-color-control input[type=color]{padding:.28rem}.kode-dashboard-check{color:#083028c2;align-items:center;gap:.65rem;width:fit-content;font-weight:820;display:flex}.kode-dashboard-check input{width:1rem;height:1rem;accent-color:var(--kode-mint)}.dark .kode-dashboard-check{color:#f0f8f8c7}.kode-dashboard-tech-input{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.kode-dashboard-chip-list{flex-wrap:wrap;gap:.45rem;display:flex}.kode-dashboard-chip-list button{color:#083028d1;min-height:2.2rem;font-family:var(--font-geist-mono), monospace;letter-spacing:0;background:#30c8a014;border:1px solid #30c8a047;border-radius:.45rem;align-items:center;gap:.42rem;padding:.5rem .65rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.kode-dashboard-chip-list svg{width:.78rem;height:.78rem}.dark .kode-dashboard-chip-list button{color:#f0f8f8d1}.kode-dashboard-delete{color:#be185d;width:fit-content;min-height:2.8rem;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;background:#f472b614;border:1px solid #f472b652;border-radius:.45rem;justify-content:center;align-items:center;gap:.55rem;padding:.72rem .9rem;font-size:.9rem;font-weight:880;line-height:1;display:inline-flex}.dark .kode-dashboard-delete{color:#fda4af}.kode-dashboard-service-preview,.kode-dashboard-project-preview,.kode-dashboard-client-preview{background:linear-gradient(116deg, transparent 0 68%, var(--service-accent,var(--project-accent)) 68% 82%, transparent 82%), #ffffff94;border:1px solid #10382824;border-radius:.5rem;padding:1rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kode-dashboard-service-preview,.kode-dashboard-project-preview,.kode-dashboard-client-preview{background:linear-gradient(116deg, transparent 0 68%, color-mix(in srgb, var(--service-accent,var(--project-accent)) 16%, transparent) 68% 82%, transparent 82%), #ffffff94}}.kode-dashboard-service-preview__number{color:#08302814;font-size:4.4rem;font-weight:850;line-height:.8;position:absolute;top:.35rem;right:.75rem}.kode-dashboard-service-preview__icon{border:1px solid var(--service-accent);place-items:center;width:2.6rem;height:2.6rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.kode-dashboard-service-preview__icon{border:1px solid color-mix(in srgb, var(--service-accent) 54%, #1038281f)}}.kode-dashboard-service-preview__icon{color:var(--service-accent);border-radius:.45rem}@supports (color:color-mix(in lab, red, red)){.kode-dashboard-service-preview__icon{color:color-mix(in srgb, var(--service-accent) 74%, var(--kode-night))}}.kode-dashboard-service-preview__icon svg{width:1.2rem;height:1.2rem}.kode-dashboard-service-preview small,.kode-dashboard-project-preview small,.kode-dashboard-client-preview small{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;margin-top:.9rem;font-size:.68rem;font-weight:900;display:block}.kode-dashboard-service-preview h3,.kode-dashboard-project-preview h3,.kode-dashboard-client-preview h3{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:.55rem 0 0;font-size:1.65rem;font-weight:950;line-height:.95}.kode-dashboard-service-preview p,.kode-dashboard-project-preview p{color:#083028bd;max-width:45rem;margin:.7rem 0 0;font-size:.94rem;font-weight:720;line-height:1.5}.kode-dashboard-project-preview{--service-accent:var(--project-accent);background:linear-gradient(116deg, transparent 0 62%, var(--project-accent) 62% 74%, transparent 74%), linear-gradient(135deg, var(--project-secondary), #ffffff94);justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.kode-dashboard-project-preview{background:linear-gradient(116deg, transparent 0 62%, color-mix(in srgb, var(--project-accent) 18%, transparent) 62% 74%, transparent 74%), linear-gradient(135deg, color-mix(in srgb, var(--project-secondary) 12%, transparent), #ffffff94)}}.kode-dashboard-project-preview a{color:var(--project-accent);align-items:center;gap:.4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kode-dashboard-project-preview a{color:color-mix(in srgb, var(--project-accent) 74%, var(--kode-night))}}.kode-dashboard-project-preview a{font-weight:900;text-decoration:none}.kode-dashboard-project-preview a svg{width:.95rem;height:.95rem}.kode-dashboard-client-preview{background:linear-gradient(90deg,#30c8a014,#30c8a05c,#30c8a014),#ffffff94;gap:.9rem;display:grid}.kode-dashboard-client-preview__row{align-items:center;gap:.8rem;display:flex}.kode-dashboard-client-preview__logo{width:2.4rem;height:2.4rem;color:var(--kode-night);font-family:var(--font-geist-mono), monospace;background:#0830280f;border:1px solid #08302833;border-radius:.45rem;place-items:center;font-size:.72rem;font-weight:950;line-height:1;display:inline-grid}.kode-dashboard-client-preview__logo.is-image{background:0 0;border:0}.kode-dashboard-client-preview__logo img{object-fit:contain;width:2rem;height:2rem}.dark .kode-dashboard-service-preview,.dark .kode-dashboard-project-preview,.dark .kode-dashboard-client-preview{background:linear-gradient(116deg, transparent 0 68%, var(--service-accent,var(--project-accent)) 68% 82%, transparent 82%), #0207066b;border-color:#f0f8f81a}@supports (color:color-mix(in lab, red, red)){.dark .kode-dashboard-service-preview,.dark .kode-dashboard-project-preview,.dark .kode-dashboard-client-preview{background:linear-gradient(116deg, transparent 0 68%, color-mix(in srgb, var(--service-accent,var(--project-accent)) 18%, transparent) 68% 82%, transparent 82%), #0207066b}}.dark .kode-dashboard-service-preview__number{color:#f0f8f813}.dark .kode-dashboard-service-preview__icon{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-dashboard-service-preview__icon{color:color-mix(in srgb, var(--service-accent) 78%, var(--kode-white))}}.dark .kode-dashboard-service-preview h3,.dark .kode-dashboard-project-preview h3,.dark .kode-dashboard-client-preview h3{color:var(--kode-white)}.dark .kode-dashboard-service-preview p,.dark .kode-dashboard-project-preview p{color:#f0f8f8bd}.dark .kode-dashboard-service-preview small,.dark .kode-dashboard-project-preview small,.dark .kode-dashboard-client-preview small,.dark .kode-dashboard-project-preview a{color:var(--kode-mint-bright)}.dark .kode-dashboard-client-preview__logo{color:var(--kode-white);background:#f0f8f80f;border-color:#f0f8f81f}.dark .kode-dashboard-client-preview{background:linear-gradient(90deg,#30c8a014,#30c8a047,#30c8a014),#0207066b}.kode-dashboard-empty-editor{text-align:center;place-items:center;min-height:16rem}.kode-dashboard-empty-editor p{color:#083028ad;margin:0;font-weight:760}.dark .kode-dashboard-empty-editor p{color:#f0f8f8b3}.kode-dashboard-page--login{place-items:center;display:grid}.kode-dashboard-login{gap:1rem;width:min(28rem,100%);padding:1.4rem;display:grid}.kode-dashboard-login__icon{width:3.4rem;height:3.4rem;color:var(--kode-ivy);background:#30c8a01a;border:1px solid #30c8a05c;border-radius:.5rem;place-items:center;display:inline-grid}.kode-dashboard-login__icon svg{width:1.5rem;height:1.5rem}.kode-dashboard-login__error{color:#be185d;align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:760;display:flex}.kode-dashboard-login__error svg{width:1rem;height:1rem}.dark .kode-dashboard-login__icon{color:var(--kode-mint-bright)}.dark .kode-dashboard-login__error{color:#fda4af}.kode-billing-shell{grid-template-columns:minmax(15rem,.28fr) minmax(0,1fr)}.kode-billing-nav{grid-template-columns:minmax(0,1fr)}.kode-dashboard-content-embed .kode-dashboard-page{min-height:auto;color:inherit;background:0 0;padding:0}.kode-dashboard-content-embed .kode-dashboard-shell{grid-template-columns:minmax(0,1fr);gap:1rem;min-height:0;display:grid}.kode-dashboard-content-embed .kode-dashboard-sidebar{display:none}.kode-billing-alert,.kode-billing-card,.kode-billing-metric,.kode-billing-quick-actions a{background:linear-gradient(135deg,#30c8a014,#b77af20f),#ffffff9e;border:1px solid #10382824;border-radius:.5rem;box-shadow:0 1rem 2.4rem #08302812}.dark .kode-billing-alert,.dark .kode-billing-card,.dark .kode-billing-metric,.dark .kode-billing-quick-actions a{background:linear-gradient(135deg,#30c8a017,#b77af212),#0207066b;border-color:#f0f8f81a;box-shadow:0 1rem 2.5rem #00000042}.kode-billing-alert{color:#083028c7;gap:.9rem;padding:1rem;display:flex}.kode-billing-alert svg{width:1.35rem;height:1.35rem;color:var(--kode-ivy)}.kode-billing-alert strong,.kode-billing-card h3{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-weight:920}.kode-billing-alert p,.kode-billing-alert small,.kode-billing-muted{color:#083028a3;margin:.35rem 0 0;font-size:.9rem;font-weight:700;line-height:1.5}.dark .kode-billing-alert,.dark .kode-billing-alert strong,.dark .kode-billing-card h3{color:var(--kode-white)}.dark .kode-billing-alert p,.dark .kode-billing-alert small,.dark .kode-billing-muted{color:#f0f8f8a8}.kode-billing-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.kode-billing-metric{gap:.65rem;min-height:8rem;padding:1rem;display:grid}.kode-billing-metric svg{width:1.2rem;height:1.2rem;color:var(--kode-ivy)}.kode-billing-metric span{color:#0830289e;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.kode-billing-metric strong{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:950;line-height:.95}.dark .kode-billing-metric span{color:#f0f8f894}.dark .kode-billing-metric strong,.dark .kode-billing-metric svg{color:var(--kode-white)}.kode-billing-quick-actions,.kode-billing-columns,.kode-billing-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.kode-billing-quick-actions a,.kode-billing-card__heading a,.kode-billing-card__heading button,.kode-billing-actions a,.kode-billing-actions button,.kode-billing-line__actions button{min-height:2.55rem;color:var(--kode-ivy);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;border:1px solid #30c8a03d;border-radius:.45rem;justify-content:center;align-items:center;gap:.5rem;padding:.66rem .82rem;font-size:.85rem;font-weight:880;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.kode-billing-quick-actions a{justify-content:flex-start;min-height:4.8rem}.kode-billing-quick-actions svg,.kode-billing-card__heading svg,.kode-billing-actions svg,.kode-billing-line__actions svg{width:1rem;height:1rem}.kode-billing-quick-actions a:hover,.kode-billing-card__heading a:hover,.kode-billing-card__heading button:hover,.kode-billing-actions a:hover,.kode-billing-actions button:hover,.kode-billing-line__actions button:hover{background:#30c8a01a;border-color:#30c8a07a;transform:translateY(-1px)}.dark .kode-billing-quick-actions a,.dark .kode-billing-card__heading a,.dark .kode-billing-card__heading button,.dark .kode-billing-actions a,.dark .kode-billing-actions button,.dark .kode-billing-line__actions button{color:var(--kode-mint-bright)}.kode-billing-card{min-width:0}.kode-billing-card h3{margin:0 0 .8rem;font-size:1.2rem;line-height:1}.kode-billing-card__heading,.kode-billing-detail-head,.kode-billing-actions,.kode-billing-export{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.kode-billing-form{gap:1rem;display:grid}.kode-billing-lines{gap:.75rem;display:grid}.kode-billing-line{grid-template-columns:minmax(10rem,1.2fr) minmax(7rem,.45fr) minmax(6rem,.3fr) auto;align-items:end;gap:.65rem;display:grid}.kode-billing-line__actions{align-items:center;gap:.35rem;display:flex}.kode-billing-line__actions button{background:#ffffff7a;min-height:2.9rem}.kode-billing-line__actions button:disabled{cursor:not-allowed;opacity:.4}.kode-billing-total-preview{background:#30c8a014;border:1px solid #30c8a03d;border-radius:.45rem;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;padding:.85rem;display:grid}.kode-billing-total-preview span,.kode-billing-total-preview small{color:#0830289e;font-weight:800}.kode-billing-total-preview strong{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:1.4rem;font-weight:950}.dark .kode-billing-total-preview span,.dark .kode-billing-total-preview small{color:#f0f8f8a3}.dark .kode-billing-total-preview strong{color:var(--kode-white)}.kode-billing-table{gap:.55rem;display:grid}.kode-billing-row{color:#083028b8;background:#ffffff73;border:1px solid #1038281a;border-radius:.45rem;grid-template-columns:minmax(8rem,1.3fr) repeat(4,minmax(5rem,.7fr)) auto;align-items:center;gap:.55rem;padding:.72rem;text-decoration:none;display:grid}.kode-billing-row strong{color:var(--kode-night);font-weight:900}.kode-billing-row span,.kode-billing-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kode-billing-row small{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.dark .kode-billing-row{color:#f0f8f8b8;background:#0207064d;border-color:#f0f8f814}.dark .kode-billing-row strong{color:var(--kode-white)}.dark .kode-billing-row small{color:var(--kode-mint-bright)}.kode-billing-detail-head strong{color:var(--kode-ivy);font-size:2rem;font-weight:950}.kode-billing-detail-head small{color:#08302894;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.kode-billing-detail-head h3{margin:.25rem 0;font-size:clamp(2rem,5vw,4rem)}.kode-billing-detail-head p{color:#083028a8;margin:0;font-weight:780}.dark .kode-billing-detail-head strong,.dark .kode-billing-detail-head small,.dark .kode-billing-detail-head p{color:#f0f8f8b8}.kode-billing-payment-form{border-top:1px solid #1038281a;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;padding-top:1rem;display:grid}.kode-billing-payment-form h3{grid-column:1/-1}.kode-billing-export{justify-content:flex-start;margin:.5rem 0}.kode-billing-export .kode-dashboard-field{max-width:12rem}.kode-admin-manager{gap:1rem;display:grid}.kode-admin-form,.kode-admin-list{align-content:start}.kode-admin-form .kode-dashboard-save{justify-self:start}.kode-admin-table{gap:.55rem;display:grid}.kode-admin-table__head,.kode-admin-table__row{grid-template-columns:minmax(9rem,1fr) minmax(10rem,1.2fr) minmax(8rem,.8fr) minmax(9rem,.8fr) minmax(12rem,auto);align-items:center;gap:.65rem;display:grid}.kode-admin-table__head{color:#08302894;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;padding:0 .72rem;font-size:.66rem;font-weight:900}.kode-admin-table__group{background:#ffffff73;border:1px solid #1038281a;border-radius:.45rem;overflow:hidden}.kode-admin-table__row{color:#083028b8;min-height:4.1rem;padding:.72rem}.kode-admin-table__row strong{color:var(--kode-night);font-weight:900}.kode-admin-table__row span,.kode-admin-table__row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kode-admin-password-state{width:fit-content;color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #30c8a03d;border-radius:999px;align-items:center;padding:.34rem .55rem;font-size:.66rem;font-weight:900;line-height:1;display:inline-flex}.kode-admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.kode-admin-actions button{min-height:2.4rem;color:var(--kode-ivy);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;background:#ffffff6b;border:1px solid #30c8a03d;border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .68rem;font-size:.8rem;font-weight:880;line-height:1;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.kode-admin-actions button:hover,.kode-admin-actions button:focus-visible{background:#30c8a01a;border-color:#30c8a07a;outline:none;transform:translateY(-1px)}.kode-admin-actions button:disabled{cursor:not-allowed;opacity:.62;transform:none}.kode-admin-actions button.is-danger{color:#be185d;border-color:#f472b64d}.kode-admin-actions svg{width:.95rem;height:.95rem}.kode-admin-password-panel{background:#30c8a012;border-top:1px solid #1038281a;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.72rem;padding:.72rem;display:grid}.dark .kode-admin-table__head{color:#f0f8f894}.dark .kode-admin-table__group{background:#0207064d;border-color:#f0f8f814}.dark .kode-admin-table__row{color:#f0f8f8b8}.dark .kode-admin-table__row strong{color:var(--kode-white)}.dark .kode-admin-password-state,.dark .kode-admin-actions button{color:var(--kode-mint-bright)}.dark .kode-admin-actions button{background:#02070647}.dark .kode-admin-actions button.is-danger{color:#fda4af}.dark .kode-admin-password-panel{background:#30c8a014;border-color:#f0f8f814}@media (max-width:1000px){.kode-dashboard-shell,.kode-dashboard-editor,.kode-billing-metrics,.kode-billing-quick-actions,.kode-billing-columns,.kode-billing-stats-grid,.kode-billing-line,.kode-billing-payment-form,.kode-admin-table__head,.kode-admin-table__row,.kode-admin-password-panel{grid-template-columns:minmax(0,1fr)}.kode-dashboard-sidebar,.kode-dashboard-list{height:auto;position:relative;top:auto}.kode-dashboard-sidebar{gap:1.5rem}.kode-dashboard-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.kode-dashboard-list__items{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media (max-width:680px){.kode-dashboard-page{padding:.75rem}.kode-dashboard-shell{min-height:calc(100dvh - 1.5rem)}.kode-dashboard-header,.kode-dashboard-project-preview{flex-direction:column;align-items:stretch}.kode-dashboard-header h2{font-size:1.95rem}.kode-dashboard-header__actions,.kode-dashboard-save{width:100%}.kode-dashboard-form-grid,.kode-dashboard-list__items,.kode-dashboard-tech-input,.kode-dashboard-tabs{grid-template-columns:minmax(0,1fr)}.kode-dashboard-tabs button,.kode-dashboard-tabs a{justify-content:center}}.kode-services-page{color:var(--page-fg);background:linear-gradient(#f8fcfb 0%,#edf8f4 44%,#f8fcfb 100%);position:relative;overflow:clip}.dark .kode-services-page{color:var(--kode-white);background:linear-gradient(#020706 0%,#07130f 46%,#020706 100%)}.kode-services-hero{text-align:center;isolation:isolate;place-items:center;min-height:44rem;padding:8rem clamp(1rem,4vw,3rem) 5.5rem;display:grid;position:relative;overflow:clip}.kode-services-hero:before,.kode-services-hero:after{content:"";pointer-events:none;position:absolute}.kode-services-hero:before{z-index:-4;background:linear-gradient(115deg,#0000 0 16%,#30c8a029 16% 27%,#0000 27%),linear-gradient(64deg,#0000 0 67%,#b77af21f 67% 76%,#0000 76%);inset:0;-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.kode-services-hero:after{z-index:-1;filter:drop-shadow(0 0 1rem #30c8a02e);opacity:.72;background:linear-gradient(90deg,#0000,#30c8a0b8,#b77af28a,#0000);height:1px;bottom:0;left:0;right:0}.kode-services-hero__halo{z-index:-3;opacity:.76;background:linear-gradient(90deg,#0000,#30c8a01f,#0000),linear-gradient(#b77af214,#0000);border:1px solid #30c8a029;position:absolute;inset:20% 8%;transform:skewY(-4deg)}.kode-services-hero__mark{z-index:-1;color:#1038280d;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12rem;font-weight:950;line-height:.8;position:absolute;bottom:-.16em;right:clamp(1rem,6vw,5rem)}.kode-services-hero__inner{text-align:center;justify-items:center;width:min(72rem,100%);margin-inline:auto;display:grid}.kode-services-hero h1{max-width:12ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 0 2rem #30c8a01a;margin:0;font-size:4.25rem;font-weight:950;line-height:.9}.kode-services-hero__lead{color:#083028c2;max-width:48rem;margin:1.35rem auto 0;font-size:1.08rem;font-weight:760;line-height:1.62}.kode-services-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2.2rem;display:flex}.dark .kode-services-hero:before{background:linear-gradient(115deg,#0000 0 16%,#30c8a02e 16% 27%,#0000 27%),linear-gradient(64deg,#0000 0 67%,#b77af21f 67% 76%,#0000 76%)}.dark .kode-services-hero__halo{opacity:.86;border-color:#f0f8f814}.dark .kode-services-hero__mark{color:#f0f8f80a}.dark .kode-services-hero h1{color:var(--kode-white);text-shadow:0 0 2.2rem #30c8a029}.dark .kode-services-hero__lead{color:#f0f8f8bd}.kode-services-list-section{z-index:1;padding:5.5rem clamp(1rem,4vw,3rem) 4.5rem;position:relative}.kode-services-section-heading{text-align:center;justify-items:center;gap:.8rem;width:min(72rem,100%);margin:0 auto 2.2rem;display:grid}.kode-services-section-heading p{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;background:#f0f8f89e;border:1px solid #30c8a057;border-radius:999px;margin:0;padding:.58rem .9rem;font-size:.72rem;font-weight:950;line-height:1;display:inline-flex}.kode-services-section-heading h2{max-width:15ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:2.6rem;font-weight:950;line-height:.95}.dark .kode-services-section-heading p{color:var(--kode-mint-bright);background:#0207066b;border-color:#30c8a04d}.dark .kode-services-section-heading h2{color:var(--kode-white)}.kode-services-grid{grid-template-columns:minmax(0,1fr);gap:1.15rem;width:min(78rem,100%);margin-inline:auto;display:grid}.kode-service-card{--service-accent:var(--kode-mint);min-width:0;min-height:22rem;box-shadow:.42rem .42rem 0 var(--service-accent), 0 1.4rem 3.2rem #0830281a;background:linear-gradient(135deg,#ffffffd1,#0000 46%),#ffffffa3;border:1px solid #10382824;border-radius:.5rem;flex-direction:column;padding:1.35rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kode-service-card{box-shadow:.42rem .42rem 0 color-mix(in srgb, var(--service-accent) 18%, transparent), 0 1.4rem 3.2rem #0830281a}}.kode-service-card{isolation:isolate;transition:border-color .22s,box-shadow .22s,transform .22s}.kode-service-card:before,.kode-service-card:after{content:"";pointer-events:none;position:absolute}.kode-service-card:before{z-index:-2;background:linear-gradient(116deg, transparent 0 68%, var(--service-accent) 68% 82%, transparent 82%), linear-gradient(180deg, transparent, #30c8a00f);inset:0}@supports (color:color-mix(in lab, red, red)){.kode-service-card:before{background:linear-gradient(116deg, transparent 0 68%, color-mix(in srgb, var(--service-accent) 16%, transparent) 68% 82%, transparent 82%), linear-gradient(180deg, transparent, #30c8a00f)}}.kode-service-card:after{z-index:-1;border-top:1px solid var(--service-accent);width:5.2rem;height:5.2rem;bottom:-1px;right:-1px}@supports (color:color-mix(in lab, red, red)){.kode-service-card:after{border-top:1px solid color-mix(in srgb, var(--service-accent) 44%, transparent)}}.kode-service-card:after{background:linear-gradient(135deg, transparent 49%, var(--service-accent) 50%)}@supports (color:color-mix(in lab, red, red)){.kode-service-card:after{background:linear-gradient(135deg, transparent 49%, color-mix(in srgb, var(--service-accent) 18%, transparent) 50%)}}.kode-service-card:after{clip-path:polygon(100% 0,100% 100%,0 100%)}.kode-service-card:hover{border-color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.kode-service-card:hover{border-color:color-mix(in srgb, var(--service-accent) 42%, #10382824)}}.kode-service-card:hover{box-shadow:.52rem .52rem 0 var(--service-accent), 0 1.8rem 3.8rem #08302824}@supports (color:color-mix(in lab, red, red)){.kode-service-card:hover{box-shadow:.52rem .52rem 0 color-mix(in srgb, var(--service-accent) 24%, transparent), 0 1.8rem 3.8rem #08302824}}.kode-service-card:hover{transform:translateY(-.16rem)}.kode-service-card__number{z-index:-1;color:#08302812;font-family:var(--font-body), system-ui, sans-serif;font-feature-settings:normal;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;-webkit-user-select:none;user-select:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;font-size:5.6rem;font-weight:850;line-height:.8;position:absolute;top:.4rem;right:.8rem}.kode-service-card__icon{border:1px solid var(--service-accent);place-items:center;width:3.35rem;height:3.35rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.kode-service-card__icon{border:1px solid color-mix(in srgb, var(--service-accent) 54%, #1038281f)}}.kode-service-card__icon{background:linear-gradient(135deg, #ffffff75, transparent 42%), var(--service-accent);border-radius:.5rem}@supports (color:color-mix(in lab, red, red)){.kode-service-card__icon{background:linear-gradient(135deg, #ffffff75, transparent 42%), color-mix(in srgb, var(--service-accent) 18%, #ffffffc7)}}.kode-service-card__icon{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.kode-service-card__icon{color:color-mix(in srgb, var(--service-accent) 72%, var(--kode-night))}}.kode-service-card__icon{box-shadow:0 .75rem 1.6rem var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.kode-service-card__icon{box-shadow:0 .75rem 1.6rem color-mix(in srgb, var(--service-accent) 16%, transparent)}}.kode-service-card__icon svg{width:1.45rem;height:1.45rem}.kode-service-card__type{border-left:2px solid var(--service-accent);color:#08302894;width:fit-content;max-width:100%;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:1.2rem;padding-left:.7rem;font-size:.72rem;font-weight:900;line-height:1.15;display:inline-flex}.kode-service-card__type svg{width:.95rem;height:.95rem;color:var(--service-accent);flex:none}@supports (color:color-mix(in lab, red, red)){.kode-service-card__type svg{color:color-mix(in srgb, var(--service-accent) 76%, var(--kode-night))}}.kode-service-card h3{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:anywhere;margin:1.05rem 0 0;font-size:2.15rem;font-weight:950;line-height:.95;transition:color .22s}.kode-service-card:hover h3{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.kode-service-card:hover h3{color:color-mix(in srgb, var(--service-accent) 72%, var(--kode-night))}}.kode-service-card p{color:#083028bd;margin:.95rem 0 1.35rem;font-size:.98rem;font-weight:720;line-height:1.58}.kode-service-card ul{gap:.55rem;margin:auto 0 0;padding:0;list-style:none;display:grid}.kode-service-card li{color:#083028c2;font-family:var(--font-geist-mono), monospace;letter-spacing:0;padding-left:1rem;font-size:.76rem;font-weight:820;line-height:1.35;position:relative}.kode-service-card li:before{background:var(--service-accent);width:.36rem;height:.36rem;box-shadow:0 0 .8rem var(--service-accent);position:absolute;top:.5em;left:0}@supports (color:color-mix(in lab, red, red)){.kode-service-card li:before{box-shadow:0 0 .8rem color-mix(in srgb, var(--service-accent) 54%, transparent)}}.kode-service-card li:before{content:"";clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.dark .kode-service-card{box-shadow:.42rem .42rem 0 var(--service-accent), 0 1.8rem 3.8rem #0000005c;background:linear-gradient(135deg,#f0f8f817,#0000 48%),#0207068f;border-color:#f0f8f81a}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card{box-shadow:.42rem .42rem 0 color-mix(in srgb, var(--service-accent) 20%, transparent), 0 1.8rem 3.8rem #0000005c}}.dark .kode-service-card:hover{border-color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card:hover{border-color:color-mix(in srgb, var(--service-accent) 44%, #f0f8f81f)}}.dark .kode-service-card:hover{box-shadow:.52rem .52rem 0 var(--service-accent), 0 2rem 4.2rem #0000006b}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card:hover{box-shadow:.52rem .52rem 0 color-mix(in srgb, var(--service-accent) 24%, transparent), 0 2rem 4.2rem #0000006b}}.dark .kode-service-card__number{color:#f0f8f813}.dark .kode-service-card__icon{border-color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card__icon{border-color:color-mix(in srgb, var(--service-accent) 48%, #f0f8f81f)}}.dark .kode-service-card__icon{background:linear-gradient(135deg, #f0f8f81a, transparent 42%), var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card__icon{background:linear-gradient(135deg, #f0f8f81a, transparent 42%), color-mix(in srgb, var(--service-accent) 15%, #020706c7)}}.dark .kode-service-card__icon{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card__icon{color:color-mix(in srgb, var(--service-accent) 76%, var(--kode-white))}}.dark .kode-service-card__type,.dark .kode-service-card p,.dark .kode-service-card li{color:#f0f8f8b8}.dark .kode-service-card__type svg{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card__type svg{color:color-mix(in srgb, var(--service-accent) 76%, var(--kode-white))}}.dark .kode-service-card h3{color:var(--kode-white)}.dark .kode-service-card:hover h3{color:var(--service-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-service-card:hover h3{color:color-mix(in srgb, var(--service-accent) 76%, var(--kode-white))}}.kode-services-quote{background:linear-gradient(116deg,#0000 0 62%,#b77af21c 62% 74%,#0000 74%),linear-gradient(135deg,#ffffffb8,#e8f9f3b8);border:1px solid #10382824;border-radius:.5rem;grid-template-columns:minmax(0,1fr);gap:2rem;width:min(78rem,100% - 2rem);margin:0 auto 1.2rem;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:.5rem .5rem #30c8a024,0 1.6rem 3.8rem #0830281a}.kode-services-quote__copy p,.kode-services-estimate p{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;margin:0 0 .85rem;font-size:.72rem;font-weight:950;line-height:1}.kode-services-quote__copy h2,.kode-services-estimate h2{max-width:16ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:2.5rem;font-weight:950;line-height:.95}.kode-services-quote__copy span,.kode-services-estimate>span{color:#083028bd;max-width:40rem;margin-top:1rem;font-size:1rem;font-weight:720;line-height:1.64;display:block}.kode-services-quote__pillars{align-content:center;gap:.75rem;display:grid}.kode-services-quote__pillars span{color:#083028d1;min-height:3.15rem;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;background:#ffffff80;border:1px solid #30c8a047;border-radius:.5rem;align-items:center;gap:.65rem;padding:.8rem 1rem;font-size:.98rem;font-weight:890;line-height:1.2;display:flex}.kode-services-quote__pillars svg{width:1.1rem;height:1.1rem;color:var(--kode-mint);flex:none}.dark .kode-services-quote{background:linear-gradient(116deg,#0000 0 62%,#b77af21f 62% 74%,#0000 74%),linear-gradient(135deg,#f0f8f814,#08302833);border-color:#f0f8f81a;box-shadow:.5rem .5rem #30c8a029,0 1.8rem 4rem #00000057}.dark .kode-services-quote__copy p,.dark .kode-services-estimate p{color:var(--kode-mint-bright)}.dark .kode-services-quote__copy h2,.dark .kode-services-estimate h2{color:var(--kode-white)}.dark .kode-services-quote__copy span,.dark .kode-services-estimate>span{color:#f0f8f8b8}.dark .kode-services-quote__pillars span{color:#f0f8f8d1;background:#02070652;border-color:#30c8a03d}.kode-services-estimate{border-block:1px solid #30c8a052;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;width:min(78rem,100% - 2rem);margin:0 auto 4.5rem;padding:2.2rem 0;display:grid}@media (min-width:760px){.kode-services-hero h1{font-size:6.2rem}.kode-services-section-heading h2{font-size:3.45rem}.kode-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.kode-services-hero{min-height:46rem}.kode-services-hero h1{font-size:7.4rem}.kode-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kode-services-quote{grid-template-columns:minmax(0,1fr) minmax(18rem,25rem);padding:2.5rem}.kode-services-estimate{grid-template-columns:minmax(18rem,.8fr) minmax(0,1fr)}}@media (max-width:760px){.kode-services-hero{min-height:auto;padding-top:7rem;padding-bottom:3.75rem}.kode-services-hero__mark{font-size:7rem}.kode-services-hero h1{font-size:3.35rem}.kode-services-hero__lead{font-size:1rem}.kode-services-hero__actions,.kode-services-hero__actions .kode-site-button{width:100%}.kode-services-list-section{padding-top:4rem}.kode-service-card{min-height:20rem;padding:1.2rem}.kode-service-card h3{font-size:1.95rem}.kode-services-quote{padding:1.35rem}.kode-services-quote__copy h2,.kode-services-estimate h2{font-size:2.05rem}}@media (prefers-reduced-motion:reduce){.kode-service-card{transition:none}}.kode-projects-page{color:var(--page-fg);background:linear-gradient(#f8fcfb 0%,#edf8f4 42%,#f8fcfb 100%);position:relative;overflow:clip}.dark .kode-projects-page{background:linear-gradient(#020706 0%,#07130f 46%,#020706 100%)}.kode-projects-hero{text-align:center;isolation:isolate;place-items:center;min-height:42rem;padding:8rem clamp(1rem,4vw,3rem) 5rem;display:grid;position:relative;overflow:clip}.kode-projects-hero:before,.kode-projects-hero:after{content:"";pointer-events:none;position:absolute}.kode-projects-hero:before{z-index:-3;background:linear-gradient(115deg,#0000 0 17%,#30c8a029 17% 27%,#0000 27%),linear-gradient(64deg,#0000 0 66%,#b77af21f 66% 75%,#0000 75%);inset:0;-webkit-mask-image:linear-gradient(#000 0% 74%,#0000 100%);mask-image:linear-gradient(#000 0% 74%,#0000 100%)}.kode-projects-hero:after{z-index:-1;filter:drop-shadow(0 0 1rem #30c8a02e);opacity:.72;background:linear-gradient(90deg,#0000,#30c8a0b8,#b77af28a,#0000);height:1px;bottom:0;left:0;right:0}.kode-projects-hero__halo{z-index:-2;opacity:.76;background:linear-gradient(90deg,#0000,#30c8a01f,#0000),linear-gradient(#b77af214,#0000);border:1px solid #30c8a029;position:absolute;inset:22% 8%;transform:skewY(-4deg)}.kode-projects-hero__mark{z-index:-1;color:#1038280d;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12rem;font-weight:950;line-height:.8;position:absolute;bottom:-.16em;right:clamp(1rem,6vw,5rem)}.kode-projects-hero__inner{text-align:center;justify-items:center;gap:2rem;width:min(76rem,100%);margin-inline:auto;display:grid}.kode-projects-hero__copy{max-width:48rem;margin-inline:auto}.kode-projects-hero h1{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 0 2rem #30c8a01a;margin:0;font-size:4.25rem;font-weight:950;line-height:.9}.kode-projects-hero__lead{color:#083028bd;max-width:38rem;margin:1.2rem auto 0;font-size:1.08rem;font-weight:760;line-height:1.62}.dark .kode-projects-hero:before{background:linear-gradient(115deg,#0000 0 17%,#30c8a02e 17% 27%,#0000 27%),linear-gradient(64deg,#0000 0 66%,#b77af21f 66% 75%,#0000 75%)}.dark .kode-projects-hero__halo{opacity:.86;background:linear-gradient(90deg,#0000,#30c8a01f,#0000),linear-gradient(#b77af214,#0000);border-color:#f0f8f814}.dark .kode-projects-hero__mark{color:#f0f8f80a}.dark .kode-projects-hero h1{color:var(--kode-white);text-shadow:0 0 2.2rem #30c8a029}.dark .kode-projects-hero__lead{color:#f0f8f8bd}.kode-projects-section{z-index:1;padding-bottom:7rem;position:relative}.kode-projects-index{position:relative}.kode-projects-filter-wrap{z-index:30;justify-content:center;margin-bottom:4rem;padding-inline:1rem;display:flex;position:sticky;top:1rem}.kode-projects-filter{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fffcd1;border:1px solid #10382824;border-radius:.5rem;width:max-content;max-width:min(100vw - 2rem,60rem);padding:.38rem;overflow-x:auto;box-shadow:.34rem .34rem #30c8a02e,0 1.4rem 3rem #0830281f}.kode-projects-filter__track{gap:.4rem;width:max-content;min-width:max-content;display:flex;position:relative}.kode-projects-filter__active{z-index:0;background:linear-gradient(135deg, #ffffff42, transparent 46%), var(--kode-mint);pointer-events:none;will-change:transform, width;border:1px solid #1038282e;border-radius:.38rem;transition:transform .46s cubic-bezier(.16,1,.3,1),width .46s cubic-bezier(.16,1,.3,1),opacity .16s;display:block;position:absolute;top:0;bottom:0;left:0;box-shadow:.22rem .22rem #08302833,0 0 1.2rem #30c8a03d}.kode-projects-filter__button{z-index:1;color:#083028ad;min-height:2.75rem;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.38rem;flex:none;justify-content:center;align-items:center;padding:.68rem 1rem;font-size:.78rem;font-weight:900;line-height:1;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex;position:relative}.kode-projects-filter__button:not(.is-active):hover,.kode-projects-filter__button:not(.is-active):focus-visible{color:var(--kode-night);background:#30c8a014;border-color:#30c8a047}.kode-projects-filter__button.is-active{color:var(--kode-night);border-color:#0000}.kode-projects-filter__button:focus-visible{outline:2px solid var(--kode-purple);outline-offset:4px}.dark .kode-projects-filter{background:#020706b8;border-color:#f0f8f81c;box-shadow:.34rem .34rem #30c8a033,0 1.7rem 3.4rem #00000061}.dark .kode-projects-filter__active{border-color:#f0f8f829;box-shadow:.22rem .22rem #0207066b,0 0 1.35rem #30c8a042}.dark .kode-projects-filter__button{color:#f0f8f8ad}.dark .kode-projects-filter__button:not(.is-active):hover,.dark .kode-projects-filter__button:not(.is-active):focus-visible{color:var(--kode-white);background:#30c8a014;border-color:#30c8a042}.dark .kode-projects-filter__button.is-active{color:var(--kode-night);border-color:#f0f8f829}.kode-projects-list-inner{width:min(88rem,100%);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.kode-projects-featured-list{gap:5rem;display:grid}.kode-project-feature{--project-accent:var(--kode-mint);min-width:0;box-shadow:.62rem .62rem 0 var(--project-accent), 0 2rem 5rem #0830281f, inset 0 1px 0 #ffffffe6;background:linear-gradient(135deg,#ffffffd1,#0000 48%),#ffffffa8;border:1px solid #10382824;border-radius:.5rem;grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;padding:clamp(1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kode-project-feature{box-shadow:.62rem .62rem 0 color-mix(in srgb, var(--project-accent) 22%, transparent), 0 2rem 5rem #0830281f, inset 0 1px 0 #ffffffe6}}.kode-project-feature{isolation:isolate}.kode-project-feature:before{z-index:0;background:linear-gradient(116deg, transparent 0 70%, var(--project-accent) 70% 82%, transparent 82%), linear-gradient(180deg, transparent, #30c8a00f);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.kode-project-feature:before{background:linear-gradient(116deg, transparent 0 70%, color-mix(in srgb, var(--project-accent) 13%, transparent) 70% 82%, transparent 82%), linear-gradient(180deg, transparent, #30c8a00f)}}.kode-project-feature:before{content:"";pointer-events:none}.kode-project-feature__copy,.kode-project-feature__preview{z-index:1;min-width:0;position:relative}.kode-project-feature__preview{width:100%}.dark .kode-project-feature{box-shadow:.62rem .62rem 0 var(--project-accent), 0 2.4rem 5.6rem #0000005c, inset 0 1px 0 #f0f8f81a;background:linear-gradient(135deg,#f0f8f81a,#0000 48%),#02070699;border-color:#f0f8f81a}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-feature{box-shadow:.62rem .62rem 0 color-mix(in srgb, var(--project-accent) 24%, transparent), 0 2.4rem 5.6rem #0000005c, inset 0 1px 0 #f0f8f81a}}.kode-project-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.kode-project-copy__type{border-left:2px solid var(--project-accent);gap:.32rem;margin-bottom:1.15rem;padding-left:.8rem;display:grid}.kode-project-copy__type span{color:#0830288f;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:850;line-height:1}.kode-project-copy__type strong{color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.kode-project-copy__type strong{color:color-mix(in srgb, var(--project-accent) 72%, var(--kode-night))}}.kode-project-copy__type strong{font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:.96rem;font-weight:900;line-height:1}.kode-project-copy__title{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:3rem;font-weight:950;line-height:.92;transition:color .22s}.kode-project-feature:hover .kode-project-copy__title,.kode-project-card:hover .kode-project-copy__title{color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.kode-project-feature:hover .kode-project-copy__title,.kode-project-card:hover .kode-project-copy__title{color:color-mix(in srgb, var(--project-accent) 72%, var(--kode-night))}}.kode-project-copy__description{color:#083028bd;max-width:39rem;margin:1.2rem 0 1.75rem;font-size:1.02rem;font-weight:700;line-height:1.64}.kode-project-copy--compact .kode-project-copy__title{font-size:2.05rem;line-height:.98}.kode-project-copy--compact .kode-project-copy__description{margin-bottom:1.5rem;font-size:.96rem;line-height:1.58}.dark .kode-project-copy__type span{color:#f0f8f894}.dark .kode-project-copy__type strong{color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-copy__type strong{color:color-mix(in srgb, var(--project-accent) 72%, var(--kode-white))}}.dark .kode-project-copy__title{color:var(--kode-white)}.dark .kode-project-feature:hover .kode-project-copy__title,.dark .kode-project-card:hover .kode-project-copy__title{color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-feature:hover .kode-project-copy__title,.dark .kode-project-card:hover .kode-project-copy__title{color:color-mix(in srgb, var(--project-accent) 76%, var(--kode-white))}}.dark .kode-project-copy__description{color:#f0f8f8b8}.kode-project-tech{width:100%;margin-bottom:2rem}.kode-project-tech__title{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;margin-bottom:.78rem;font-size:.78rem;font-weight:950;line-height:1}.kode-project-tech__list{flex-wrap:wrap;gap:.55rem;display:flex}.kode-project-tech__chip{border:1px solid var(--project-accent);align-items:center;min-height:2.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kode-project-tech__chip{border:1px solid color-mix(in srgb, var(--project-accent) 36%, #1038281f)}}.kode-project-tech__chip{background:linear-gradient(135deg, #ffffff94, transparent 48%), var(--project-accent);border-radius:.5rem;padding:.55rem .76rem}@supports (color:color-mix(in lab, red, red)){.kode-project-tech__chip{background:linear-gradient(135deg, #ffffff94, transparent 48%), color-mix(in srgb, var(--project-accent) 10%, #ffffff94)}}.kode-project-tech__chip{color:#083028d6;font-family:var(--font-geist-mono), monospace;letter-spacing:0;font-size:.82rem;font-weight:820;line-height:1}.kode-project-tech__chip--compact{min-height:2.12rem;padding:.48rem .68rem;font-size:.76rem}.dark .kode-project-tech__title{color:var(--kode-mint-bright)}.dark .kode-project-tech__chip{border-color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-tech__chip{border-color:color-mix(in srgb, var(--project-accent) 34%, #f0f8f81f)}}.dark .kode-project-tech__chip{background:linear-gradient(135deg, #f0f8f814, transparent 48%), var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-tech__chip{background:linear-gradient(135deg, #f0f8f814, transparent 48%), color-mix(in srgb, var(--project-accent) 10%, #02070694)}}.dark .kode-project-tech__chip{color:#f0f8f8d1}.kode-site-button.kode-project-visit{min-height:3.55rem;margin-top:auto;font-size:.94rem}.kode-site-button.kode-project-visit--compact{min-height:3.22rem;font-size:.86rem}.kode-project-preview{background:linear-gradient(135deg, var(--project-accent), transparent 46%), linear-gradient(180deg, #083028eb, #020706f5);border:1px solid #f0f8f824;border-radius:.5rem;width:100%;padding:.85rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kode-project-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent) 22%, transparent), transparent 46%), linear-gradient(180deg, #083028eb, #020706f5)}}.kode-project-preview{box-shadow:inset 0 1px #f0f8f81f,0 1.4rem 3.4rem #0000003d}.kode-project-preview--featured{padding:1rem}.kode-project-preview__glow{opacity:.24;filter:blur(2.4rem);pointer-events:none;width:72%;height:34%;transition:opacity .42s;position:absolute;top:8%;right:-12%;transform:skewY(-8deg)}.kode-project-preview__browser{width:100%;transition:transform .52s,filter .52s;position:relative}.kode-project-feature:hover .kode-project-preview__browser,.kode-project-card:hover .kode-project-preview__browser{filter:drop-shadow(0 1.1rem 2rem #0000002e);transform:translateY(-.28rem)}.kode-project-feature:hover .kode-project-preview__glow,.kode-project-card:hover .kode-project-preview__glow{opacity:.38}.kode-projects-secondary-grid{gap:2rem;padding-top:5rem;display:grid}.kode-project-card{--project-accent:var(--kode-mint);min-width:0;height:100%;box-shadow:.42rem .42rem 0 var(--project-accent), 0 1.4rem 3.2rem #0830281a;background:linear-gradient(135deg,#ffffffc7,#0000 48%),#ffffff9e;border:1px solid #10382824;border-radius:.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kode-project-card{box-shadow:.42rem .42rem 0 color-mix(in srgb, var(--project-accent) 18%, transparent), 0 1.4rem 3.2rem #0830281a}}.kode-project-card{transition:border-color .22s,box-shadow .22s,transform .22s}.kode-project-card:hover{border-color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.kode-project-card:hover{border-color:color-mix(in srgb, var(--project-accent) 42%, #10382824)}}.kode-project-card:hover{box-shadow:.52rem .52rem 0 var(--project-accent), 0 1.8rem 3.8rem #08302824}@supports (color:color-mix(in lab, red, red)){.kode-project-card:hover{box-shadow:.52rem .52rem 0 color-mix(in srgb, var(--project-accent) 22%, transparent), 0 1.8rem 3.8rem #08302824}}.kode-project-card:hover{transform:translateY(-.16rem)}.kode-project-card__preview{justify-content:center;align-items:flex-end;width:100%;padding:1rem 1rem 0;display:flex;overflow:hidden}.kode-project-card__copy{flex-direction:column;flex:1;padding:1.65rem;display:flex}.dark .kode-project-card{box-shadow:.42rem .42rem 0 var(--project-accent), 0 1.8rem 3.8rem #0000005c;background:linear-gradient(135deg,#f0f8f817,#0000 48%),#0207068f;border-color:#f0f8f81a}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-card{box-shadow:.42rem .42rem 0 color-mix(in srgb, var(--project-accent) 20%, transparent), 0 1.8rem 3.8rem #0000005c}}.dark .kode-project-card:hover{border-color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-card:hover{border-color:color-mix(in srgb, var(--project-accent) 44%, #f0f8f81f)}}.dark .kode-project-card:hover{box-shadow:.52rem .52rem 0 var(--project-accent), 0 2rem 4.2rem #0000006b}@supports (color:color-mix(in lab, red, red)){.dark .kode-project-card:hover{box-shadow:.52rem .52rem 0 color-mix(in srgb, var(--project-accent) 24%, transparent), 0 2rem 4.2rem #0000006b}}.kode-projects-empty{text-align:center;padding:8rem 1rem}.kode-projects-empty p{color:var(--page-muted);margin:0;font-size:1.05rem;font-weight:760}.kode-project-counter{--project-counter-fill:#08302818;--project-counter-shadow:#30c8a024;z-index:0;color:var(--project-counter-fill);font-family:var(--font-body), system-ui, sans-serif;font-feature-settings:normal;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;opacity:1;pointer-events:none;text-shadow:0 1rem 2.8rem var(--project-counter-shadow);-webkit-user-select:none;user-select:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;font-size:6.4rem;font-weight:800;line-height:.78;position:absolute;top:1rem;transform:translateY(-16%)}.kode-project-counter--left{left:1rem}.kode-project-counter--right{right:1rem}.dark .kode-project-counter{--project-counter-fill:#f0f8f817;--project-counter-shadow:#30d0a833}@media (min-width:760px){.kode-projects-hero h1{font-size:6.2rem}.kode-projects-hero__inner{gap:2.5rem}.kode-project-counter{font-size:8.5rem}}@media (min-width:1024px){.kode-projects-hero{min-height:46rem}.kode-projects-hero h1{font-size:7.4rem}.kode-project-feature{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:3rem}.kode-project-feature--reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.kode-project-feature--reverse .kode-project-feature__copy{order:2}.kode-project-feature--reverse .kode-project-feature__preview{order:1}.kode-project-copy__title{font-size:4.7rem}.kode-projects-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.kode-project-counter{font-size:10.6rem}}@media (max-width:760px){.kode-projects-hero{min-height:auto;padding-top:7rem;padding-bottom:3.5rem}.kode-projects-hero__mark{font-size:7rem}.kode-projects-filter-wrap{margin-bottom:2.5rem;top:.75rem}.kode-projects-featured-list{gap:3rem}.kode-project-feature{padding:1rem}.kode-project-copy__title{font-size:2.55rem}.kode-project-copy--compact .kode-project-copy__title{font-size:2rem}.kode-project-card__copy{padding:1.25rem}.kode-project-counter{font-size:5.2rem;transform:translateY(-10%)}}@media (prefers-reduced-motion:reduce){.kode-projects-filter__active{transition:none}}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #f0f8f829,0 .8rem 2rem #08302814}.animate-blob{animation:9s ease-in-out infinite kode-hero-blob}.animate-blob-delayed{animation:11s ease-in-out -4s infinite kode-hero-blob}.kode-hero{--kode-hero-tail:clamp(6.5rem, 12dvh, 10rem);isolation:isolate;min-height:calc(100dvh + var(--kode-hero-tail));padding-bottom:var(--kode-hero-tail)}.kode-hero:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 0%,#fbfffdc7 72%,#fbfffd 100%);height:clamp(10rem,24vh,18rem);position:absolute;bottom:-1px;left:0;right:0}.dark .kode-hero:after{background:linear-gradient(#0000 0%,#020706b8 72%,#06120f 100%)}.kode-hero__positioning-badge{color:#08745f;letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffffb8,#fbfffd6b),#30c8a014;border:1px solid #30c8a052;box-shadow:inset 0 1px #ffffffb3,0 .65rem 1.8rem #30c8a01a}.dark .kode-hero__positioning-badge{color:var(--kode-mint);background:linear-gradient(135deg,#30c8a021,#ffffff08),#03100d85;border-color:#30c8a05c;box-shadow:inset 0 1px #ffffff14,0 .65rem 1.8rem #30c8a01f}.kode-hero__scroll-legacy{bottom:calc(var(--kode-hero-tail) + 2.5rem)}.kode-trusted{z-index:6;transform-origin:50%;background:linear-gradient(#0000 0%,#30c8a01a 48%,#0000 100%);margin-block:-1.2rem -5.7rem;padding-block:clamp(1.15rem,2.8vw,2.15rem);position:relative;overflow:hidden;transform:rotate(-.8deg)scale(1.035)}.kode-trusted:before,.kode-trusted:after{content:"";pointer-events:none;position:absolute;left:-4vw;right:-4vw}.kode-trusted:before{z-index:0;filter:blur(.2rem);background:radial-gradient(#30c8a03d,#0000 58%),linear-gradient(90deg,#0000,#30c8a01f,#0000);top:0;bottom:0}.kode-trusted:after{background:linear-gradient(90deg,#0000,#30c8a0c7,#b77af29e,#0000);height:1px;top:50%;box-shadow:0 -2.8rem 4.4rem #30c8a024,0 2.8rem 4.4rem #b77af21a}.dark .kode-trusted{background:linear-gradient(#0000 0%,#30c8a014 48%,#0000 100%)}.kode-trusted__viewport{width:100%;position:relative;overflow:hidden}.kode-trusted__viewport,.kode-trusted__static{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#30c8a014 0%,#30c8a0bd 24%,#30c8a0ad 52%,#30c8a09e 76%,#30c8a014 100%);border-block:1px solid #30c8a075;position:relative;box-shadow:0 0 2.6rem #30c8a029,inset 0 1px #f0f8f838,inset 0 -1px #02070614;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.dark .kode-trusted__viewport,.dark .kode-trusted__static{background:linear-gradient(90deg,#30c8a014 0%,#30c8a0ad 24%,#30c8a0a8 52%,#30c8a099 76%,#30c8a014 100%);box-shadow:0 0 3.2rem #30c8a029,inset 0 1px #f0f8f838,inset 0 -1px #0207061a}.kode-trusted__track{will-change:transform;align-items:center;width:max-content;min-width:100%;animation:30s linear infinite kode-trusted-marquee;display:flex}.kode-trusted__viewport:hover .kode-trusted__track{animation-play-state:paused}.kode-trusted__static-track{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.kode-trusted__logo{min-height:clamp(3.75rem,5.4vw,4.75rem);color:var(--kode-night);text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:.72rem;padding-inline:clamp(1.65rem,4vw,3.5rem);display:flex}.kode-trusted__mark{width:2.1rem;height:2.1rem;color:var(--kode-night);font-family:var(--font-geist-mono), monospace;background:#02070614;border:1px solid #0207064d;border-radius:.42rem;place-items:center;font-size:.68rem;font-weight:950;line-height:1;display:inline-grid}.kode-trusted__mark--image{background:0 0;border:0;border-radius:0;width:auto;min-width:2.1rem}.kode-trusted__name{font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;text-shadow:0 1px #f0f8f814;font-size:clamp(1rem,2vw,1.55rem);font-weight:950;line-height:1}.kode-trusted__spark{color:#02070661;margin-left:clamp(1.65rem,4vw,3.5rem);font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1}.kode-trusted__mark img{filter:none;mix-blend-mode:normal;border-radius:0;width:2rem;height:2rem}@media (max-width:640px){.kode-trusted{margin-block:-.6rem -4.6rem;padding-block:1rem;transform:rotate(-.65deg)scale(1.04)}.kode-trusted__logo{min-height:3.55rem}}.kode-bento{color:var(--kode-forest);background:linear-gradient(115deg,#0000 0 15%,#30c8a02e 15% 28%,#0000 28% 100%),radial-gradient(circle at 88% 12%,#30c8a038,#0000 20rem),linear-gradient(#f8fcfb 0%,#eaf8f4 48%,#f7fbf9 100%)}.kode-bento:before,.kode-bento:after{content:"";pointer-events:none;position:absolute;inset:0}.kode-bento:before{opacity:.5;background:radial-gradient(circle at 20% 18%,#ffffff9e,#0000 20rem),linear-gradient(#0000,#30c8a00f,#0000);-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.kode-bento:after{background:var(--kode-mint);width:min(26rem,55vw);height:.32rem;inset:3rem auto auto 0;box-shadow:0 0 2rem #30c8a047}.kode-bento>*{z-index:1;position:relative}.dark .kode-bento{color:var(--kode-white);background:linear-gradient(115deg,#0000 0 15%,#30c8a014 15% 28%,#0000 28% 100%),radial-gradient(circle at 86% 14%,#30c8a024,#0000 22rem),linear-gradient(#02070600,#08302838 48%,#02070600)}.dark .kode-bento:before{opacity:.26}@media (min-width:1024px) and (orientation:landscape){.kode-bento__inner{padding-left:clamp(8rem,10vw,10rem)}}@media (min-width:1600px) and (orientation:landscape){.kode-bento__inner{padding-left:0}}.kode-bento__header{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (min-width:900px){.kode-bento__header{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:end}}.kode-bento__intro{max-width:48rem}.kode-bento__eyebrow{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.74rem;font-weight:950;display:inline-flex}.kode-bento__eyebrow:before{background:var(--kode-mint);content:"";clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:.62rem;height:.62rem;box-shadow:0 0 1rem #30c8a0a3}.kode-bento__title{max-width:52rem;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:clamp(2.5rem,5.3vw,5.9rem);font-weight:950;line-height:.9}.dark .kode-bento__title{color:var(--kode-white)}.kode-bento__lead{color:#083028c7;max-width:43rem;margin-top:1.2rem;font-size:clamp(1rem,1.45vw,1.18rem);font-weight:750;line-height:1.7}.dark .kode-bento__lead{color:#f0f8f8b8}.kode-bento__console{background:linear-gradient(135deg, #30c8a029, transparent 40%), linear-gradient(180deg, var(--kode-forest), var(--kode-night));color:var(--kode-white);border:1px solid #30c8a06b;border-radius:.5rem;padding:1rem;position:relative;overflow:hidden;box-shadow:.55rem .55rem #061b1529,0 1.4rem 3rem #0830282e}.kode-bento__console:before{content:"";opacity:.52;background:linear-gradient(135deg,#f0f8f814,#0000 52%);position:absolute;inset:0}.kode-bento__console>*{z-index:1;position:relative}.kode-bento__console-top,.kode-bento__console-line{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kode-bento__console-top{color:var(--kode-mint-bright);font-family:var(--font-geist-mono), monospace;margin-bottom:.85rem;font-size:.78rem;font-weight:900}.kode-bento__console-top svg{width:1rem;height:1rem}.kode-bento__console-line{color:#f0f8f89e;border-top:1px solid #f0f8f81a;padding:.68rem 0;font-size:.82rem;font-weight:800}.kode-bento__console-line:last-child{padding-bottom:0}.kode-bento__console-line strong{color:var(--kode-white);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:.76rem;font-weight:950}.kode-bento__grid{grid-template-columns:1fr;grid-auto-rows:minmax(13.5rem,auto);gap:.85rem;display:grid}@media (min-width:768px){.kode-bento__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.kode-bento__grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.kode-bento__tile{min-height:13.5rem;color:var(--kode-deep);background:linear-gradient(135deg,#fffffff5,#e8f9f3db),linear-gradient(#fffffffa,#f0f8f8e6);border:1px solid #10382829;border-radius:.5rem;flex-direction:column;justify-content:space-between;padding:clamp(1.15rem,1.7vw,1.55rem);transition:border-color .24s,box-shadow .24s,transform .24s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 1rem 2.4rem #08302814}.kode-bento__tile:before,.kode-bento__tile:after{content:"";pointer-events:none;position:absolute}.kode-bento__tile:before{opacity:.72;background:radial-gradient(circle at 18% 16%,#ffffffb8,#0000 36%);inset:0}.kode-bento__tile:after{clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0000 49%,#30c8a02e 50%);border-top:1px solid #30c8a07a;width:4.4rem;height:4.4rem;bottom:-1px;right:-1px}.kode-bento__tile:hover{border-color:#30c8a09e;transform:translateY(-.22rem);box-shadow:inset 0 1px #ffffffe6,0 1.4rem 3rem #08302824}.dark .kode-bento__tile{color:var(--kode-white);background:linear-gradient(135deg,#30c8a01a,#0000 48%),linear-gradient(#083028bd,#020706d6);border-color:#30c8a03d;box-shadow:inset 0 1px #f0f8f814,0 1rem 2.4rem #0000002e}.dark .kode-bento__tile:before{opacity:.5;background:radial-gradient(circle at 18% 16%,#f0f8f814,#0000 42%)}.kode-bento__tile>*{z-index:1;position:relative}.kode-bento__tile-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.kode-bento__tile-icon{width:2.55rem;height:2.55rem;color:var(--kode-ivy);background:#30c8a01f;border:1px solid #30c8a06b;border-radius:.5rem;place-items:center;display:grid}.kode-bento__tile-icon svg{width:1.22rem;height:1.22rem}.kode-bento__tile-number{color:#10382857;font-family:var(--font-geist-mono), monospace;font-size:clamp(2.2rem,4.4vw,4.7rem);font-weight:950;line-height:.78}.dark .kode-bento__tile-number{color:#f0f8f829}.kode-bento__tile-body{max-width:31rem;margin-top:2.25rem}.kode-bento__tile-label{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin-bottom:.85rem;font-size:.66rem;font-weight:950;display:inline-flex}.dark .kode-bento__tile-label{color:var(--kode-mint-bright)}.kode-bento__tile h3{color:currentColor;max-width:24rem;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:950;line-height:.98}.kode-bento__tile p{color:#083028b8;max-width:34rem;margin-top:.9rem;font-size:.92rem;font-weight:750;line-height:1.58}.dark .kode-bento__tile p{color:#f0f8f8ad}.kode-bento__tile-corner{z-index:2;width:2rem;height:2rem;color:var(--kode-ivy);opacity:.66;place-items:center;transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:1.05rem;right:1.05rem}.kode-bento__tile:hover .kode-bento__tile-corner{opacity:1;transform:translate(.12rem,-.12rem)}.kode-bento__tile-corner svg{width:1rem;height:1rem}.kode-bento__tile--hero{background:radial-gradient(circle at 82% 12%, #f0f8f861, transparent 13rem), linear-gradient(135deg, #f0f8f857, transparent 42%), linear-gradient(180deg, #4bdcb9, var(--kode-mint));min-height:25rem;color:var(--kode-night);border-color:#02070633;justify-content:flex-start;box-shadow:inset 0 1px #f0f8f873,0 1.7rem 3.5rem #18705838}.kode-bento__tile--hero .kode-bento__tile-body{margin-top:clamp(3rem,6vw,5.6rem)}.kode-bento__tile--hero h3{max-width:27rem;font-size:clamp(2.15rem,4vw,4.4rem);line-height:.9}.kode-bento__tile--hero p{color:#020706b8;font-size:1rem}.kode-bento__workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:auto;padding-top:2rem;display:grid}.kode-bento__workflow span{color:#020706b3;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border-top:2px solid #02070638;padding-top:.55rem;font-size:.64rem;font-weight:950}.kode-bento__tile--dark{background:radial-gradient(circle at 18% 14%, #30c8a042, transparent 12rem), linear-gradient(135deg, #30c8a026, transparent 44%), linear-gradient(180deg, var(--kode-forest), var(--kode-night));color:var(--kode-white);border-color:#30c8a06b;box-shadow:inset 0 1px #f0f8f81f,0 1.35rem 3rem #02070638}.kode-bento__tile--dark .kode-bento__tile-icon{color:var(--kode-mint-bright);background:#30c8a01f}.kode-bento__tile--dark p{color:#f0f8f8b3}.kode-bento__tile--mint{background:linear-gradient(135deg, #f0f8f838, transparent 52%), linear-gradient(180deg, var(--kode-mint), #25b992);color:var(--kode-night);border-color:#02070629}.kode-bento__tile--mint p{color:#020706b8}.kode-bento__tile--line{background:linear-gradient(90deg, var(--kode-mint) 0 .34rem, transparent .34rem 100%), linear-gradient(180deg, #fffffffa, #f0f8f8db), linear-gradient(135deg, #30c8a01a, transparent 58%)}.dark .kode-bento__tile--line{background:linear-gradient(90deg, var(--kode-mint) 0 .34rem, transparent .34rem 100%), linear-gradient(180deg, #083028c7, #020706d6), linear-gradient(135deg, #30c8a024, transparent 58%)}@media (max-width:640px){.kode-bento__header{gap:1rem;margin-bottom:1rem}.kode-bento__title{font-size:2.35rem;line-height:.92}.kode-bento__lead{margin-top:.9rem;font-size:.98rem;line-height:1.55}.kode-bento__console{padding:.85rem}.kode-bento__console-line{padding:.52rem 0}.kode-bento__tile--hero .kode-bento__tile-body{margin-top:2.3rem}}.kode-kinetic{--kinetic-progress:0;--kinetic-height:820svh;--kinetic-height-mobile:740svh;--kinetic-bg-x:0rem;--kinetic-bg-y:0rem;--kinetic-ring-rotate:0deg;--kinetic-ring-scale:.86;--active-x:0px;--active-y:0px;--active-tilt:0deg;min-height:var(--kinetic-height);color:var(--kode-forest);isolation:isolate;background:linear-gradient(#f8fcfb 0%,#edf8f4 48%,#f8fcfb 100%);position:relative;overflow:clip}.kode-kinetic:before,.kode-kinetic:after{content:"";pointer-events:none;position:absolute;inset:0}.kode-kinetic:before{z-index:0;opacity:.92;transform:translate3d(var(--kinetic-bg-x), var(--kinetic-bg-y), 0);background:radial-gradient(circle at 12% 18%,#30c8a038,#0000 17rem),radial-gradient(circle at 78% 26%,#b77af229,#0000 16rem),radial-gradient(circle at 72% 78%,#1038281f,#0000 18rem)}.kode-kinetic:after{z-index:1;opacity:.8;background:linear-gradient(115deg,#0000 0 19%,#30c8a024 19% 28%,#0000 28%),linear-gradient(62deg,#0000 0 64%,#b77af21c 64% 72%,#0000 72%),linear-gradient(148deg,#0000 0 78%,#1038281a 78% 86%,#0000 86%);-webkit-mask-image:linear-gradient(#0000,#000 10% 88%,#0000);mask-image:linear-gradient(#0000,#000 10% 88%,#0000)}.kode-kinetic__sticky{z-index:2;place-items:center;min-height:100svh;padding:clamp(1rem,3vw,2.5rem);display:grid;position:sticky;top:0}.kode-kinetic__scene{--tone:var(--kode-mint);--tone-soft:#30c8a029;--tone-glow:#30c8a057;--tone-ink:var(--kode-night);background:radial-gradient(circle at 52% 46%, var(--tone-soft), transparent 23rem), #ffffffe6;isolation:isolate;border:1px solid #10382824;border-radius:.5rem;width:min(88rem,100%);height:min(48rem,82svh);min-height:34rem;position:relative;overflow:hidden;box-shadow:.62rem .62rem #30c8a038,0 2.2rem 5.6rem #0830281f,inset 0 1px #fffffff5}.kode-kinetic__scene[data-tone=purple]{--tone:var(--kode-purple);--tone-soft:#b77af229;--tone-glow:#b77af247;--tone-ink:var(--kode-night)}.kode-kinetic__scene[data-tone=forest],.kode-kinetic__scene[data-tone=white]{--tone:var(--kode-forest);--tone-soft:#1038281a;--tone-glow:#10382833;--tone-ink:var(--kode-white)}.kode-kinetic__scene:before,.kode-kinetic__scene:after{content:"";pointer-events:none;position:absolute}.kode-kinetic__scene:before{z-index:1;background:linear-gradient(#0000,#ffffffdb);height:36%;inset:auto 0 0}.kode-kinetic__scene:after{z-index:0;aspect-ratio:1;border:1px solid var(--tone);width:min(52rem,75vw);top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.kode-kinetic__scene:after{border:1px solid color-mix(in srgb, var(--tone) 44%, transparent)}}.kode-kinetic__scene:after{box-shadow:inset 0 0 4rem var(--tone-soft), 0 0 5.4rem var(--tone-glow);opacity:.74;transform:translate(-50%, -50%) rotate(var(--kinetic-ring-rotate)) scale(var(--kinetic-ring-scale));border-radius:999px}.kode-kinetic__shapes{z-index:2;pointer-events:none;position:absolute;inset:0}.kode-kinetic__shape{--shape-x:0vw;--shape-y:0svh;--shape-rotate:0deg;box-shadow:inset 0 1px 0 #ffffffdb, 0 0 2.2rem var(--tone-glow);transform:translate3d(var(--shape-x), var(--shape-y), 0) rotate(var(--shape-rotate));will-change:transform;background:linear-gradient(135deg,#ffffffdb,#0000 48%),#30c8a014;border:1px solid #1038281f;display:block;position:absolute}.kode-kinetic__shape--a{width:clamp(7rem,14vw,13rem);height:clamp(2.2rem,4.2vw,3.4rem);top:10%;left:4%}.kode-kinetic__shape--b{clip-path:polygon(14% 0,100% 0,100% 76%,76% 100%,0 100%,0 14%);width:clamp(5rem,10vw,9rem);height:clamp(5rem,10vw,9rem);top:12%;right:8%}.kode-kinetic__shape--c{border-radius:999px;width:clamp(4rem,9vw,8rem);height:clamp(4rem,9vw,8rem);bottom:10%;left:13%}.kode-kinetic__shape--d{width:clamp(8rem,16vw,15rem);height:1.2rem;bottom:12%;right:18%}.kode-kinetic__shape--e{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:clamp(3rem,7vw,6rem);height:clamp(3rem,7vw,6rem);top:6%;left:50%}.kode-kinetic__chips{z-index:8;pointer-events:none;position:absolute;top:50%;left:50%}.kode-kinetic__chip{--chip-x:0px;--chip-y:0px;--chip-rotate:0deg;--chip-scale:1;--chip-opacity:1;--chip-z:1;z-index:var(--chip-z);color:#083028b3;width:clamp(3.4rem,6vw,5.2rem);height:clamp(3.4rem,6vw,5.2rem);opacity:var(--chip-opacity);pointer-events:auto;transform:translate(-50%, -50%) translate3d(var(--chip-x), var(--chip-y), 0) rotate(var(--chip-rotate)) scale(var(--chip-scale));transform-origin:50%;will-change:transform;background:linear-gradient(135deg,#fffffff0,#0000 48%),#ffffffd1;border:1px solid #10382824;border-radius:.5rem;place-items:center;transition:border-color .22s,background-color .22s,color .22s,opacity .22s,filter .22s;display:grid;position:absolute;top:0;left:0}.kode-kinetic__chip:hover,.kode-kinetic__chip:focus-visible,.kode-kinetic__chip.is-active{border-color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.kode-kinetic__chip:hover,.kode-kinetic__chip:focus-visible,.kode-kinetic__chip.is-active{border-color:color-mix(in srgb, var(--tone) 72%, #1038281f)}}.kode-kinetic__chip:hover,.kode-kinetic__chip:focus-visible,.kode-kinetic__chip.is-active{background:radial-gradient(circle at 35% 25%, #ffffff52, transparent 32%), var(--tone);color:var(--tone-ink);filter:drop-shadow(0 0 1.1rem var(--tone-glow)) drop-shadow(.32rem .32rem 0 #0830282e)}.kode-kinetic__chip:focus-visible{outline:2px solid var(--kode-forest);outline-offset:5px}.kode-kinetic__chip svg{width:38%;height:38%}.kode-kinetic__chip span{font-family:var(--font-geist-mono), monospace;font-size:clamp(.62rem,1vw,.76rem);font-weight:950;line-height:1;position:absolute;bottom:.36rem;right:.44rem}.kode-kinetic__active{z-index:20;width:min(44rem,100% - 2.6rem);transform:translate3d(var(--active-x), calc(-50% + var(--active-y)), 0) rotate(var(--active-tilt));animation:.52s cubic-bezier(.2,.9,.2,1) both kode-kinetic-active-in;position:absolute;top:50%;left:clamp(1.3rem,6vw,6rem)}.kode-kinetic__number{color:var(--tone);font-family:var(--font-geist-mono), monospace;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:950;line-height:1;display:block}.kode-kinetic__icon{z-index:-1;color:var(--tone);opacity:.18;filter:drop-shadow(0 0 2.4rem var(--tone-glow));position:absolute;top:-4.8rem;left:-.55rem}.kode-kinetic__icon svg{width:clamp(8rem,15vw,14rem);height:clamp(8rem,15vw,14rem)}.kode-kinetic__active h2{max-width:10.5ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;overflow-wrap:anywhere;text-shadow:0 0 2.2rem #30c8a01f;margin-top:.72rem;font-size:clamp(3.2rem,7.8vw,8.6rem);font-weight:950;line-height:.84}.kode-kinetic__active p{color:#083028bd;max-width:36rem;margin-top:clamp(1rem,2vw,1.35rem);font-size:clamp(1rem,1.45vw,1.2rem);font-weight:760;line-height:1.58}.dark .kode-kinetic{color:var(--kode-white);background:linear-gradient(#020706 0%,#07130f 48%,#020706 100%)}.dark .kode-kinetic:before{opacity:.86;background:radial-gradient(circle at 12% 18%,#30c8a03d,#0000 17rem),radial-gradient(circle at 78% 26%,#b77af229,#0000 16rem),radial-gradient(circle at 72% 78%,#f0f8f814,#0000 18rem)}.dark .kode-kinetic:after{opacity:.88;background:linear-gradient(115deg,#0000 0 19%,#30c8a02e 19% 28%,#0000 28%),linear-gradient(62deg,#0000 0 64%,#b77af21f 64% 72%,#0000 72%),linear-gradient(148deg,#0000 0 78%,#f0f8f814 78% 86%,#0000 86%)}.dark .kode-kinetic__scene{background:radial-gradient(circle at 52% 46%, var(--tone-soft), transparent 23rem), #020706b8;border-color:#f0f8f81a;box-shadow:.62rem .62rem #30c8a038,0 2.6rem 6rem #00000061,inset 0 1px #f0f8f81f}.dark .kode-kinetic__scene[data-tone=white]{--tone:var(--kode-white);--tone-soft:#f0f8f81f;--tone-glow:#f0f8f838;--tone-ink:var(--kode-night)}.dark .kode-kinetic__scene:before{background:linear-gradient(#0000,#020706b8)}.dark .kode-kinetic__shape{box-shadow:inset 0 1px 0 #f0f8f814, 0 0 2.4rem var(--tone-glow);background:linear-gradient(135deg,#f0f8f81a,#0000 48%),#30c8a00f;border-color:#f0f8f81a}.dark .kode-kinetic__chip{color:#f0f8f8b8;background:linear-gradient(135deg,#f0f8f821,#0000 48%),#0207067a;border-color:#f0f8f821}.dark .kode-kinetic__chip:hover,.dark .kode-kinetic__chip:focus-visible,.dark .kode-kinetic__chip.is-active{border-color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dark .kode-kinetic__chip:hover,.dark .kode-kinetic__chip:focus-visible,.dark .kode-kinetic__chip.is-active{border-color:color-mix(in srgb, var(--tone) 72%, #f0f8f81f)}}.dark .kode-kinetic__chip:hover,.dark .kode-kinetic__chip:focus-visible,.dark .kode-kinetic__chip.is-active{background:radial-gradient(circle at 35% 25%, #f0f8f82e, transparent 32%), var(--tone);color:var(--tone-ink);filter:drop-shadow(0 0 1.1rem var(--tone-glow)) drop-shadow(.32rem .32rem 0 #02070657)}.dark .kode-kinetic__chip:focus-visible{outline-color:var(--kode-white)}.dark .kode-kinetic__active h2{color:var(--kode-white);text-shadow:0 0 2.2rem #02070675}.dark .kode-kinetic__active p{color:#f0f8f8c2}@media (max-width:920px){.kode-kinetic{min-height:var(--kinetic-height-mobile)}.kode-kinetic__sticky{padding:1rem}.kode-kinetic__scene{height:min(43rem,82svh);min-height:30rem}.kode-kinetic__active{top:48%;left:1.1rem}.kode-kinetic__active h2{max-width:9.5ch;font-size:clamp(2.65rem,12vw,4.8rem);line-height:.9}.kode-kinetic__active p{max-width:min(28rem,100vw - 4rem);font-size:.96rem;line-height:1.5}.kode-kinetic__chip{width:3.25rem;height:3.25rem}.kode-kinetic__shape--a,.kode-kinetic__shape--d{display:none}}@media (max-width:520px){.kode-kinetic__scene{min-height:28rem}.kode-kinetic__active{top:52%}.kode-kinetic__number{font-size:.95rem}.kode-kinetic__icon{top:-3.4rem;left:-.35rem}.kode-kinetic__icon svg{width:7rem;height:7rem}.kode-kinetic__active h2{max-width:9ch;font-size:clamp(2.2rem,13vw,3.55rem)}.kode-kinetic__active p{max-width:calc(100vw - 4rem);font-size:.9rem}}@media (prefers-reduced-motion:reduce){.kode-kinetic:before,.kode-kinetic__scene:after,.kode-kinetic__shape,.kode-kinetic__chip,.kode-kinetic__active{transition:none;animation:none}}@keyframes kode-kinetic-active-in{0%{opacity:0;filter:blur(.4rem);transform:translate3d(calc(var(--active-x) - 1.3rem), calc(-50% + var(--active-y) + 1rem), 0) rotate(var(--active-tilt)) scale(.98)}to{opacity:1;filter:blur();transform:translate3d(var(--active-x), calc(-50% + var(--active-y)), 0) rotate(var(--active-tilt)) scale(1)}}.kode-ide{--ide-shell:#f8fffc;--ide-shell-2:#e7f7f1;--ide-body:#f7fffc;--ide-body-2:#e9f8f3;--ide-console:#fbfffd;--ide-line:#08302824;--ide-text:#08241d;--ide-muted:#5b7a72;--ide-blue:var(--kode-purple);--ide-green:#43d7aa;--ide-yellow:var(--kode-purple);--ide-coral:var(--kode-ivy);--ide-window-border:#1038282e;--ide-topbar-bg:linear-gradient(180deg, #fcfffefa, #e6f8f2fa);--ide-topbar-line:#10382821;--ide-sidebar-line:#10382821;--ide-sidebar-bg:linear-gradient(135deg, #ffffffc2, transparent 46%), #e5f8f29e;--ide-package-border:#10382826;--ide-package-text:#083028b8;--ide-command-line:#10382821;--ide-command-bg:#ecf9f4c7;--ide-console-top-line:#1038281f;--ide-console-bg:linear-gradient(180deg, #fffffff5, var(--ide-console));--ide-console-fade:#fffffffa;--ide-line-text:#083028c7;--ide-line-number:#08302847;--ide-install-text:#085c46d1;--ide-result-bg:linear-gradient(90deg, #30c8a01f, transparent 68%);--ide-result-text:#083028f5;min-height:108svh;color:var(--ide-text);isolation:isolate;background:linear-gradient(#f8fcfb 0%,#edf8f4 48%,#f8fcfb 100%);place-items:center;padding:clamp(4rem,9vw,7rem) clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:clip}.kode-ide:before,.kode-ide:after,.kode-ide__halo{content:"";pointer-events:none;position:absolute}.kode-ide:before{z-index:0;background:linear-gradient(115deg,#0000 0 19%,#30c8a024 19% 28%,#0000 28%),linear-gradient(64deg,#0000 0 66%,#b77af21f 66% 74%,#0000 74%),linear-gradient(152deg,#0000 0 80%,#30c8a01a 80% 88%,#0000 88%);inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}.kode-ide:after{z-index:0;opacity:.68;background:linear-gradient(#30c8a01a,#0000 28%),linear-gradient(90deg,#0000,#30c8a029,#0000);inset:0}.kode-ide__halo{z-index:0;filter:blur(1px);opacity:.8;background:linear-gradient(90deg,#0000,#30c8a01f,#0000),linear-gradient(#b77af214,#0000);border:1px solid #30c8a02e;width:min(70rem,88vw);height:min(34rem,52svh);top:50%;left:50%;transform:translate(-50%,-50%)skewY(-4deg)}.kode-ide__window{z-index:1;border:1px solid var(--ide-window-border);background:linear-gradient(180deg, var(--ide-shell), var(--ide-shell-2));border-radius:.5rem;width:min(76rem,100%);animation:.62s cubic-bezier(.2,.9,.2,1) both kode-ide-window-in;position:relative;overflow:hidden;box-shadow:.72rem .72rem #30c8a038,0 2.4rem 5.8rem #0830282e,inset 0 1px #ffffff14}.kode-ide__topbar{border-bottom:1px solid var(--ide-topbar-line);background:var(--ide-topbar-bg);align-items:center;gap:.72rem;min-height:4rem;padding:0 1.5rem;display:flex;position:relative}.kode-ide__dot{border-radius:999px;flex:none;width:.82rem;height:.82rem;box-shadow:0 0 .9rem}.kode-ide__dot--red{background:var(--kode-purple);color:#b77af26b}.kode-ide__dot--yellow{background:var(--kode-mint);color:#30c8a061}.kode-ide__dot--green{background:var(--kode-ivy);color:#1870585c}.kode-ide__filename{max-width:min(24rem,52vw);color:var(--ide-muted);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:760;line-height:1;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.kode-ide__workspace{background:linear-gradient(180deg, var(--ide-body), var(--ide-body-2));grid-template-columns:minmax(12rem,.34fr) minmax(0,1fr);min-height:min(42rem,74svh);display:grid}.kode-ide__sidebar{border-right:1px solid var(--ide-sidebar-line);background:var(--ide-sidebar-bg);flex-direction:column;gap:.72rem;padding:clamp(1.1rem,2.2vw,1.55rem);display:flex}.kode-ide__package{--package-delay:0s;border:1px solid var(--ide-package-border);color:var(--ide-package-text);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;opacity:0;animation:.36s both kode-ide-package-in;animation-delay:calc(1.1s + var(--package-delay));border-radius:.38rem;padding:.62rem .68rem;font-size:clamp(.62rem,.9vw,.78rem);font-weight:740;line-height:1;display:block;overflow:hidden;transform:translate(-.6rem)}.kode-ide__main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.kode-ide__command{border-bottom:1px solid var(--ide-command-line);background:var(--ide-command-bg);align-items:center;gap:.9rem;min-width:0;padding:clamp(1rem,2vw,1.3rem) clamp(1rem,2.4vw,1.7rem);display:flex}.kode-ide__prompt{color:var(--ide-green);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;flex:none;font-size:.76rem;font-weight:950}.kode-ide__typed{border-right:2px solid var(--ide-green);width:0;max-width:100%;color:var(--ide-text);font-family:var(--font-geist-mono), monospace;white-space:nowrap;font-size:clamp(.82rem,1.35vw,1.05rem);font-weight:780;line-height:1.2;animation:1.35s steps(35,end) .22s forwards kode-ide-type,.62s step-end infinite kode-ide-caret;display:inline-block;overflow:hidden}.kode-ide__console{border-top:1px solid var(--ide-console-top-line);background:var(--ide-console-bg);scroll-behavior:smooth;height:min(32rem,58svh);position:relative;overflow:hidden}.kode-ide__console:before{z-index:2;background:linear-gradient(180deg, var(--ide-console-fade), transparent);content:"";pointer-events:none;height:2.3rem;display:block;position:sticky;top:0}.kode-ide__console:after{z-index:2;background:linear-gradient(180deg, transparent, var(--ide-console-fade));content:"";pointer-events:none;height:2.3rem;display:block;position:sticky;bottom:0}.kode-ide__console-inner{padding:.2rem clamp(.85rem,2vw,1.45rem) 2.2rem}.kode-ide__line{color:var(--ide-line-text);font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;opacity:0;grid-template-columns:2.2rem minmax(0,1fr);gap:.72rem;margin:0;font-size:clamp(.72rem,1vw,.92rem);font-weight:680;line-height:1.55;animation:.18s both kode-ide-line-in;display:grid;transform:translateY(.55rem)}.kode-ide__line-number{color:var(--ide-line-number);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.kode-ide__line--command{color:var(--ide-blue);font-weight:900}.kode-ide__line--install{color:var(--ide-install-text)}.kode-ide__line--success{color:var(--ide-green);font-weight:900}.kode-ide__line--result{background:var(--ide-result-bg);color:var(--ide-result-text);border-left:2px solid #43d7aa8a;margin-block:.14rem;font-weight:820}.kode-ide__line--result .kode-ide__line-number{padding-left:.42rem}.kode-ide__line--cursor{color:var(--ide-green)}.kode-ide__cursor{background:var(--ide-green);width:.64rem;height:1.05rem;margin-top:.22rem;animation:.78s step-end infinite kode-ide-cursor;display:inline-block;box-shadow:0 0 1rem #43d7aa8a}.dark .kode-ide{--ide-shell:#10223b;--ide-shell-2:#0c1a2d;--ide-body:#143e41;--ide-body-2:#0d2928;--ide-console:#061513;--ide-line:#91ffe12e;--ide-text:#e8fff8;--ide-muted:#e8fff885;--ide-blue:var(--kode-purple);--ide-green:#43d7aa;--ide-yellow:var(--kode-purple);--ide-coral:var(--kode-ivy);--ide-window-border:#f0f8f81a;--ide-topbar-bg:linear-gradient(180deg, #11223afa, #0c1a2dfa);--ide-topbar-line:#f0f8f814;--ide-sidebar-line:#f0f8f817;--ide-sidebar-bg:linear-gradient(135deg, #f0f8f814, transparent 46%), #06151347;--ide-package-border:#91ffe11f;--ide-package-text:#e8fff8ad;--ide-command-line:#91ffe11f;--ide-command-bg:#06151357;--ide-console-top-line:#0000002e;--ide-console-bg:linear-gradient(180deg, #061513eb, var(--ide-console));--ide-console-fade:#061513fa;--ide-line-text:#e8fff8c2;--ide-line-number:#91ffe138;--ide-install-text:#91ffe1c7;--ide-result-bg:linear-gradient(90deg, #43d7aa1a, transparent 68%);--ide-result-text:#e8fff8f5;background:linear-gradient(#020706 0%,#07130f 48%,#020706 100%)}.dark .kode-ide__window{border-color:#f0f8f81a;box-shadow:.72rem .72rem #30c8a02e,0 2.8rem 6.4rem #0000006b,inset 0 1px #f0f8f814}@media (max-width:840px){.kode-ide{min-height:100svh;padding-block:4rem}.kode-ide__workspace{grid-template-columns:minmax(0,1fr);min-height:35rem}.kode-ide__sidebar{display:none}.kode-ide__console{height:28rem}}@media (max-width:520px){.kode-ide{padding-inline:.8rem}.kode-ide__topbar{min-height:3.35rem;padding-inline:1rem}.kode-ide__dot{width:.68rem;height:.68rem}.kode-ide__filename{max-width:44vw;font-size:.72rem}.kode-ide__command{flex-direction:column;align-items:flex-start;gap:.58rem}.kode-ide__typed{font-size:.76rem}.kode-ide__console-inner{padding-inline:.72rem}.kode-ide__line{grid-template-columns:1.65rem minmax(0,1fr);gap:.55rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.kode-ide__window,.kode-ide__typed,.kode-ide__package,.kode-ide__line,.kode-ide__cursor{animation:none}.kode-ide__window,.kode-ide__package,.kode-ide__line{opacity:1;transform:none}.kode-ide__typed{width:auto}.kode-ide__console{scroll-behavior:auto}}@keyframes kode-ide-window-in{0%{opacity:0;filter:blur(.55rem);transform:translateY(1.2rem)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes kode-ide-package-in{to{opacity:1;transform:translate(0)}}@keyframes kode-ide-type{to{width:min(35ch,100%)}}@keyframes kode-ide-caret{50%{border-right-color:#0000}}@keyframes kode-ide-line-in{to{opacity:1;transform:translateY(0)}}@keyframes kode-ide-cursor{50%{opacity:0}}.kode-contact-resume-panel{isolation:isolate;color:var(--kode-night);background:linear-gradient(112deg,#30c8a02e 0 18%,#0000 18% 52%,#b77af224 52% 62%,#0000 62%),radial-gradient(circle at 88% 14%,#30c8a03d,#0000 17rem),linear-gradient(#fbfffd 0%,#f5fbf8 100%);border-left:1px solid #30c8a03d}.kode-contact-resume-panel:before{z-index:0;color:#10382811;content:"KODE";font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,24vw,21rem);font-weight:950;line-height:.8;position:absolute;bottom:-.18em;right:-.12em}.kode-contact-resume-panel:after{z-index:0;content:"";opacity:.88;pointer-events:none;background:linear-gradient(90deg,#0000,#30c8a029,#0000),linear-gradient(#b77af217,#0000);border:1px solid #30c8a042;position:absolute;inset:10% 7% 12% 4%;transform:skewY(-3deg)}.kode-contact-resume-panel__orb{opacity:.95}.kode-contact-resume-panel__scroll{scrollbar-gutter:stable}.kode-contact-resume-panel__content{max-width:min(43rem,100%)}.kode-klyrah-powered{right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom))}.kode-klyrah-powered a{color:#083028ad;min-height:2.4rem;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffb3,#0000 48%),#fbfffdc7;border:1px solid #30c8a03d;border-radius:999px;padding:.45rem .55rem .45rem .8rem;font-size:.72rem;font-weight:860;text-decoration:none;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;box-shadow:inset 0 1px #ffffffc2,0 .85rem 2rem #0830281a}.kode-klyrah-powered a:hover,.kode-klyrah-powered a:focus-visible{color:var(--kode-night);border-color:#30c8a06b;outline:none;transform:translateY(-.08rem);box-shadow:inset 0 1px #ffffffd1,0 1rem 2.2rem #08302824}.kode-klyrah-powered img{box-shadow:0 0 .8rem #30c8a029}.kode-contact-loading{background:linear-gradient(135deg,#30c8a014,#b77af20f),#ffffffb3;border:1px solid #30c8a038;border-radius:.5rem;position:relative;box-shadow:.32rem .32rem #30c8a029}.kode-conversation-list{position:relative}.kode-conversation-list__header{gap:1rem}.kode-conversation-list__eyebrow{color:#08745f;letter-spacing:.18em}.kode-conversation-list__title{color:var(--kode-night);letter-spacing:0;overflow-wrap:normal;white-space:nowrap;font-size:clamp(2rem,3.4vw,3.45rem);font-weight:950;line-height:.92}.kode-conversation-list__logout{color:#be185d;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;background:linear-gradient(135deg,#ffffff8c,#0000 46%),#f472b614;border-color:#f472b657;border-radius:.45rem;font-weight:900;box-shadow:.2rem .2rem #be185d2e}.kode-conversation-list__logout:hover,.kode-conversation-list__logout:focus-visible{background:linear-gradient(135deg,#ffffff9e,#0000 46%),#f472b624;transform:translateY(-.08rem)}.kode-conversation-list__rule{background:linear-gradient(90deg,#30c8a085,#b77af233,#0000)}.kode-conversation-error{background:linear-gradient(116deg,#0000 0 64%,#f472b61f 64% 76%,#0000 76%),linear-gradient(135deg,#ffffffdb,#fff6fb9e);border:1px solid #f472b647;border-radius:.5rem;justify-items:center;gap:1.1rem;padding:clamp(2rem,5vw,3.2rem);display:grid;box-shadow:.34rem .34rem #f472b629,0 1.2rem 2.8rem #08302814}.kode-conversation-error__icon{color:#be185d;background:#f472b614;border:1px solid #f472b657;border-radius:.45rem;place-items:center;width:3rem;height:3rem;display:grid}.kode-conversation-error__icon svg{width:1.3rem;height:1.3rem}.kode-conversation-error h2{color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:940;line-height:1}.kode-conversation-error p{color:#083028ad;max-width:26rem;margin:.55rem auto 0;font-size:.92rem;font-weight:720;line-height:1.5}.kode-conversation-error button{background:linear-gradient(135deg, #ffffff47, transparent 42%), var(--kode-mint);min-height:2.75rem;box-shadow:.24rem .24rem 0 var(--kode-shadow);color:#fff;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;border:1px solid #1038282e;border-radius:.45rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:920;transition:filter .18s,transform .18s;display:inline-flex}.kode-conversation-error button:hover,.kode-conversation-error button:focus-visible{filter:brightness(1.04);outline:none;transform:translateY(-.08rem)}.kode-conversation-error button svg{width:1rem;height:1rem}.kode-conversation-list__items{gap:.8rem}.kode-conversation-card{min-height:6.4rem;color:var(--kode-night);background:linear-gradient(116deg,#0000 0 64%,#30c8a01f 64% 76%,#0000 76%),linear-gradient(135deg,#ffffffdb,#f6fffc94);border-color:#30c8a047;border-radius:.5rem;text-decoration:none;box-shadow:.34rem .34rem #30c8a029,0 1.2rem 2.8rem #08302814}.kode-conversation-card:hover,.kode-conversation-card:focus-visible{background:linear-gradient(116deg,#0000 0 58%,#30c8a02e 58% 72%,#0000 72%),linear-gradient(135deg,#fffffff0,#f2fffbb3);border-color:#30c8a07a;outline:none;transform:translateY(-.12rem);box-shadow:.44rem .44rem #30c8a033,0 1.45rem 3.1rem #0830281f}.kode-conversation-card__halo{background:#30c8a029}.kode-conversation-card__icon{border-radius:.45rem}.kode-conversation-card__icon.is-read{color:#083028b8;background:#ffffff80;border-color:#30c8a042}.kode-conversation-card__icon.is-unread{background:linear-gradient(135deg, #ffffff47, transparent 48%), var(--kode-mint);color:var(--kode-night);box-shadow:.18rem .18rem 0 var(--kode-shadow), 0 .9rem 1.8rem #30c8a038}.kode-conversation-card__count{color:#271739;background:#be88fa;box-shadow:0 0 .8rem #be88fa94}.kode-conversation-card__title-row{align-items:center}.kode-conversation-card__title{color:var(--kode-night);font-size:1.05rem;font-weight:930}.kode-conversation-card__preview{color:#083028b3;font-weight:650}.kode-conversation-card__meta{color:#0830288a;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-weight:780}.kode-conversation-card__arrow{color:#083028ad}.kode-conversation-status{color:#08745f;background:#30c8a017;border:1px solid #30c8a03d;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-size:.68rem;font-weight:850;line-height:1;display:inline-flex}.kode-conversation-status span{background:currentColor;border-radius:999px;width:.38rem;height:.38rem}.kode-conversation-status.is-waiting{color:#7e3dc4;background:#be88fa1f;border-color:#be88fa4d}.kode-conversation-status.is-closed,.kode-conversation-status.is-neutral{color:#0830288f;background:#0830280f;border-color:#08302829}.kode-conversation-empty{background:linear-gradient(116deg,#0000 0 64%,#30c8a024 64% 76%,#0000 76%),#ffffffb8;border-color:#30c8a052;border-radius:.5rem;box-shadow:.34rem .34rem #30c8a029}.kode-conversation-empty__icon{color:#08745f;background:#30c8a014;border-color:#30c8a057;border-radius:.5rem}.kode-conversation-list__cta{background:linear-gradient(135deg, #ffffff47, transparent 42%), var(--kode-mint);min-height:3.1rem;box-shadow:.28rem .28rem 0 var(--kode-shadow);color:#fff;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;border:1px solid #1038282e;border-radius:.45rem;padding:.75rem 1.1rem;font-weight:920;text-decoration:none}.kode-conversation-list__cta:hover,.kode-conversation-list__cta:focus-visible{filter:brightness(1.04);outline:none;gap:.8rem;transform:translateY(-.08rem)}.kode-chat-page{isolation:isolate;background:linear-gradient(112deg,#0000 0 12%,#30c8a029 12% 20%,#0000 20% 56%,#b77af21a 56% 64%,#0000 64%),linear-gradient(#fbfffd 0%,#f4fbf8 100%);position:relative;overflow:hidden}.kode-chat-page:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(88deg,#0000 0 8%,#30c8a03d 8% 8.12%,#0000 8.24%),linear-gradient(#0000 0 26%,#30c8a02e 26% 26.12%,#0000 26.24% 70%,#b77af229 70% 70.1%,#0000 70.22%),linear-gradient(90deg,#0000,#30c8a014,#0000);position:absolute;inset:0}.kode-chat-page:after{z-index:0;color:#1038280d;content:"KODE";font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,24vw,26rem);font-weight:950;line-height:.8;position:absolute;bottom:-.2em;right:-.22em}.kode-chat-page__stage{z-index:1;position:relative}.kode-chat-page__stage:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 52%,#30c8a014 52% 62%,#0000 62%),linear-gradient(90deg,#ffffff5c,#0000);border:1px solid #30c8a03d;position:absolute;inset:6% -18% 8%;transform:skewY(-3deg)}.kode-chat-thread{isolation:isolate;--kode-chat-header-space:4.6rem;--kode-chat-footer-space:3.45rem;background:linear-gradient(135deg,#ffffffc7,#f7fffc7a),#fbfffdb8;border-color:#30c8a057;border-radius:1rem;position:relative;box-shadow:.36rem .36rem #30c8a021,0 1.45rem 3.8rem #08302817}.kode-chat-thread:before{top:var(--kode-chat-header-space);right:0;bottom:var(--kode-chat-footer-space);z-index:0;content:"";opacity:.16;pointer-events:none;background:url(/icone.png) 50%/min(52rem,112%) no-repeat;position:absolute;left:0}.kode-chat-thread:after{top:calc(var(--kode-chat-header-space) + 1.05rem);right:1.05rem;bottom:calc(var(--kode-chat-footer-space) + 1.05rem);z-index:0;content:"";opacity:.95;pointer-events:none;background:linear-gradient(90deg,#0000,#30c8a01a,#0000),linear-gradient(#b77af20e,#0000 34% 66%,#30c8a00e);border:1px solid #30c8a024;position:absolute;left:1.05rem;transform:skewY(-2deg)}.kode-chat-thread__header,.kode-chat-thread__footer{z-index:3;background:linear-gradient(135deg,#ffffffc2,#0000 54%),#fbfffdad;border-color:#30c8a03d;position:relative}.kode-chat-messages{isolation:isolate;z-index:1;background:linear-gradient(116deg,#0000 0 62%,#30c8a014 62% 69%,#0000 69%),linear-gradient(66deg,#0000 0 12%,#b77af20d 12% 17%,#0000 17%),#ffffff75;position:relative}.kode-chat-messages>*{z-index:1;position:relative}.kode-chat-attachments{flex-direction:column;gap:.65rem;width:min(20rem,100%);display:flex}.kode-chat-attachment{width:min(20rem,100%);color:var(--kode-night);background:linear-gradient(135deg,#ffffffb8,#0000 52%),#f7fffcb8;border:1px solid #30c8a047;border-radius:.5rem;position:relative;box-shadow:inset 0 1px #ffffffad,0 .75rem 1.7rem #08302814}.kode-chat-attachment--image{cursor:zoom-in;text-align:left;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;overflow:hidden}.kode-chat-attachment--image:hover,.kode-chat-attachment--image:focus-visible{border-color:#30c8a080;outline:none;transform:translateY(-.06rem);box-shadow:inset 0 1px #ffffffbd,0 1rem 2rem #0830281f}.kode-chat-attachment--image img{object-fit:cover;background:#0830280f;width:100%;max-height:20rem;display:block}.kode-chat-attachment--video{margin:0;overflow:hidden}.kode-chat-attachment--video video{background:#020706;width:100%;max-height:22rem;display:block}.kode-chat-attachment__caption{color:#083028ad;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;text-overflow:ellipsis;white-space:nowrap;padding:.48rem .65rem;font-size:.66rem;font-weight:820;line-height:1.1;display:block;overflow:hidden}.kode-chat-attachment--file,.kode-chat-attachment--missing{align-items:center;gap:.7rem;min-height:3.7rem;padding:.72rem;text-decoration:none;display:flex}.kode-chat-attachment--file{transition:border-color .18s,box-shadow .18s,transform .18s}.kode-chat-attachment--file:hover,.kode-chat-attachment--file:focus-visible{border-color:#30c8a080;outline:none;transform:translateY(-.06rem);box-shadow:inset 0 1px #ffffffbd,0 1rem 2rem #0830281f}.kode-chat-attachment--missing{color:#0830288f}.kode-chat-attachment__file-icon{color:#08745f;background:#30c8a014;border:1px solid #30c8a04d;border-radius:.45rem;flex:none;place-items:center;width:2.35rem;height:2.35rem;display:grid}.kode-chat-attachment__file-name{color:var(--kode-night);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:860;line-height:1.2;display:block;overflow:hidden}.kode-chat-attachment__file-action{color:#0830288a;margin-top:.15rem;font-size:.68rem;font-weight:760;display:block}.kode-audio-player{width:min(20rem,100%);color:var(--kode-night);background:linear-gradient(135deg,#ffffffbd,#0000 52%),#f7fffcb8;border:1px solid #30c8a047;border-radius:.85rem;align-items:center;gap:.75rem;padding:.68rem .75rem;display:flex;box-shadow:inset 0 1px #ffffffad,0 .75rem 1.7rem #08302814}.kode-audio-player__control{background:linear-gradient(135deg, #ffffff42, transparent 44%), var(--kode-mint);width:2.65rem;height:2.65rem;box-shadow:.18rem .18rem 0 var(--kode-shadow), 0 .75rem 1.35rem #30c8a033;color:#073a30;border:1px solid #1038282e;border-radius:999px;flex:none;place-items:center;transition:filter .18s,transform .18s;display:grid}.kode-audio-player__control:hover,.kode-audio-player__control:focus-visible{filter:brightness(1.04);outline:none;transform:translateY(-.06rem)}.kode-audio-player__body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.kode-audio-player__title{color:#083028ad;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:850;line-height:1;overflow:hidden}.kode-audio-player__wave{cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;width:100%;height:1.65rem;padding:0;display:flex}.kode-audio-player__bar{background:#0830282e;border-radius:999px;flex:1;width:100%;min-width:2px;transition:background-color .16s,opacity .16s}.kode-audio-player__bar.is-active{background:#08745f}.kode-audio-player__time{color:#0830288a;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;justify-content:space-between;align-items:center;font-size:.64rem;font-weight:780;line-height:1;display:flex}.kode-chat-image-modal{z-index:200;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020706d1;place-items:center;display:grid;position:fixed;inset:0}.kode-chat-image-modal__frame{aspect-ratio:1;background:linear-gradient(135deg,#ffffff14,#0000 46%),#020706f0;border:1px solid #30c8a061;border-radius:1rem;place-items:center;width:min(90vw,78dvh,58rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f0f8f814,0 1.6rem 4rem #00000061}.kode-chat-image-modal__image{box-sizing:border-box;object-fit:contain;object-position:center;width:100%;height:100%;padding:clamp(.8rem,2vw,1.5rem);display:block}.kode-chat-image-modal__close{z-index:2;color:#ffffffc7;background:#f0f8f81f;border:1px solid #f0f8f814;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;transition:background-color .18s,color .18s,transform .18s;display:grid;position:absolute;top:1rem;right:1rem}.kode-chat-image-modal__close:hover,.kode-chat-image-modal__close:focus-visible{color:#fff;background:#f0f8f833;outline:none;transform:translateY(-.06rem)}.dark .kode-contact-resume-panel{color:var(--kode-white);background:linear-gradient(112deg,#30c8a01a 0 18%,#0000 18% 52%,#b77af214 52% 62%,#0000 62%),radial-gradient(circle at 88% 14%,#30c8a01f,#0000 17rem),linear-gradient(#06120f 0%,#020706 100%);border-left-color:#30c8a03d}.dark .kode-contact-resume-panel:before{color:#f0f8f809}.dark .kode-contact-resume-panel:after{background:linear-gradient(#30c8a00d,#0000 70%),#0207062e;border-color:#30c8a029}.dark .kode-klyrah-powered a{color:#f0f8f8ad;background:linear-gradient(135deg,#f0f8f814,#0000 48%),#020706c2;border-color:#30c8a03d;box-shadow:inset 0 1px #f0f8f814,0 .85rem 2rem #00000047}.dark .kode-klyrah-powered a:hover,.dark .kode-klyrah-powered a:focus-visible{color:var(--kode-white);border-color:#30c8a07a}.dark .kode-contact-loading,.dark .kode-conversation-empty{background:linear-gradient(116deg,#0000 0 64%,#30c8a01a 64% 76%,#0000 76%),#03100da8;border-color:#30c8a03d;box-shadow:.34rem .34rem #30c8a01a}.dark .kode-conversation-list__eyebrow{color:var(--kode-mint-bright)}.dark .kode-conversation-list__title,.dark .kode-conversation-card__title{color:var(--kode-white)}.dark .kode-conversation-error{background:linear-gradient(116deg,#0000 0 64%,#f472b61a 64% 76%,#0000 76%),#03100dad;border-color:#f472b63d;box-shadow:.34rem .34rem #f472b61a,0 1.2rem 2.8rem #0000003d}.dark .kode-conversation-error h2{color:var(--kode-white)}.dark .kode-conversation-error p{color:#f0f8f8a8}.dark .kode-conversation-card{background:linear-gradient(116deg,#0000 0 64%,#30c8a01a 64% 76%,#0000 76%),#03100dad;border-color:#30c8a038;box-shadow:.34rem .34rem #30c8a01a,0 1.2rem 2.8rem #0000003d}.dark .kode-conversation-card:hover,.dark .kode-conversation-card:focus-visible{background:linear-gradient(116deg,#0000 0 58%,#30c8a026 58% 72%,#0000 72%),#051813c7;border-color:#30c8a070}.dark .kode-conversation-card:after{color:#f0f8f809}.dark .kode-conversation-card__icon.is-read{color:#f0f8f8b8;background:#f0f8f80a;border-color:#30c8a038}.dark .kode-conversation-card__preview,.dark .kode-conversation-card__meta{color:#f0f8f89e}.dark .kode-conversation-card__arrow{color:#f0f8f894}.dark .kode-conversation-status.is-closed,.dark .kode-conversation-status.is-neutral{color:#f0f8f894;background:#f0f8f80f;border-color:#f0f8f829}.dark .kode-chat-page{background:linear-gradient(112deg,#0000 0 12%,#30c8a017 12% 20%,#0000 20% 56%,#b77af214 56% 64%,#0000 64%),linear-gradient(#020706 0%,#07130f 100%)}.dark .kode-chat-page:before{background:linear-gradient(88deg,#0000 0 8%,#30c8a02e 8% 8.12%,#0000 8.24%),linear-gradient(#0000 0 26%,#30c8a01f 26% 26.12%,#0000 26.24% 70%,#b77af21a 70% 70.1%,#0000 70.22%),linear-gradient(90deg,#0000,#30c8a00a,#0000)}.dark .kode-chat-page:after{color:#f0f8f808}.dark .kode-chat-page__stage:before{background:linear-gradient(115deg,#0000 0 52%,#30c8a00f 52% 62%,#0000 62%),linear-gradient(90deg,#f0f8f80a,#0000);border-color:#30c8a029}.dark .kode-chat-thread{background:linear-gradient(135deg,#f0f8f80e,#03100d75),#03100dbd;border-color:#30c8a03d;box-shadow:.36rem .36rem #30c8a014,0 1.45rem 3.8rem #00000052}.dark .kode-chat-thread:before{opacity:.1}.dark .kode-chat-thread:after{background:linear-gradient(90deg,#0000,#30c8a00e,#0000),linear-gradient(#b77af20b,#0000 34% 66%,#30c8a00a);border-color:#30c8a01a}.dark .kode-chat-thread__header,.dark .kode-chat-thread__footer{background:linear-gradient(135deg,#f0f8f80d,#0000 54%),#03100dad;border-color:#30c8a02e}.dark .kode-chat-messages{background:linear-gradient(116deg,#0000 0 62%,#30c8a00e 62% 69%,#0000 69%),linear-gradient(66deg,#0000 0 12%,#b77af20c 12% 17%,#0000 17%),#02070670}.dark .kode-chat-attachment,.dark .kode-audio-player{color:var(--kode-white);background:linear-gradient(135deg,#f0f8f812,#0000 52%),#03100dbd;border-color:#30c8a038;box-shadow:inset 0 1px #f0f8f814,0 .75rem 1.7rem #0000003d}.dark .kode-chat-attachment--image:hover,.dark .kode-chat-attachment--image:focus-visible,.dark .kode-chat-attachment--file:hover,.dark .kode-chat-attachment--file:focus-visible{border-color:#30c8a070;box-shadow:inset 0 1px #f0f8f81a,0 1rem 2rem #0000004d}.dark .kode-chat-attachment__caption,.dark .kode-audio-player__title{color:#f0f8f8b3}.dark .kode-chat-attachment--missing,.dark .kode-chat-attachment__file-action,.dark .kode-audio-player__time{color:#f0f8f88f}.dark .kode-chat-attachment__file-icon{color:var(--kode-mint-bright);background:#30c8a01a;border-color:#30c8a03d}.dark .kode-chat-attachment__file-name{color:var(--kode-white)}.dark .kode-audio-player__bar{background:#f0f8f82e}.dark .kode-audio-player__bar.is-active{background:var(--kode-mint-bright)}@media (max-width:760px){.kode-contact-resume-panel__scroll{justify-content:flex-start}.kode-contact-resume-panel:after{inset:6% 5% 8%}.kode-klyrah-powered{right:calc(.75rem + env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom))}.kode-klyrah-powered a{min-height:2.15rem;padding:.35rem .45rem .35rem .65rem;font-size:.66rem}.kode-conversation-list__header{flex-direction:column;align-items:flex-start}.kode-conversation-list__title{font-size:clamp(1.65rem,8vw,2rem)}.kode-conversation-list__logout{align-self:flex-start}.kode-conversation-card{align-items:flex-start;min-height:auto;padding:1rem}.kode-conversation-card__icon{width:2.65rem;height:2.65rem}.kode-conversation-card__title-row{gap:.45rem}.kode-conversation-card__arrow{margin-top:.45rem}.kode-chat-page:after{font-size:clamp(6rem,40vw,12rem);bottom:.02em;right:-.42em}.kode-chat-page__stage:before{inset:4% -10% 6%}.kode-chat-thread:before{opacity:.13;background-size:min(30rem,128%)}.kode-chat-thread:after{top:calc(var(--kode-chat-header-space) + .65rem);right:.65rem;bottom:calc(var(--kode-chat-footer-space) + .65rem);left:.65rem}.kode-chat-attachments,.kode-chat-attachment,.kode-audio-player{width:min(17.5rem,100%)}.kode-audio-player{gap:.62rem;padding:.6rem .65rem}.kode-audio-player__control{width:2.4rem;height:2.4rem}.kode-chat-image-modal__frame{width:min(92vw,82dvh)}.kode-chat-image-modal__image{padding:.75rem}.kode-chat-image-modal__close{width:2.4rem;height:2.4rem;top:.75rem;right:.75rem}}.kode-contact-cta{isolation:isolate;color:var(--kode-forest);background:linear-gradient(#fbfffd 0%,#edf8f4 100%);padding:clamp(3.5rem,8vw,6.5rem) clamp(1rem,4vw,3rem);position:relative;overflow:clip}.kode-contact-cta:before,.kode-contact-cta:after{content:"";pointer-events:none;position:absolute}.kode-contact-cta:before{z-index:-2;background:linear-gradient(112deg,#0000 0 18%,#30c8a02e 18% 29%,#0000 29%),linear-gradient(64deg,#0000 0 66%,#b77af224 66% 76%,#0000 76%);inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 86%,#0000)}.kode-contact-cta:after{z-index:-1;filter:drop-shadow(0 0 1rem #30c8a02e);opacity:.74;background:linear-gradient(90deg,#0000,#30c8a0b8,#b77af294,#0000);height:1px;bottom:0;left:0;right:0}.kode-contact-cta__track{z-index:-1;opacity:.58;background:linear-gradient(90deg,#0000,#30c8a021,#b77af21a,#0000);animation:8s ease-in-out infinite alternate kode-contact-track;position:absolute;inset:18% -8%;transform:skewY(-3deg)}.kode-contact-cta__mark{z-index:-1;color:#1038280e;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,18vw,18rem);font-weight:950;line-height:.8;position:absolute;bottom:-.22em;right:clamp(1rem,6vw,5rem)}.kode-contact-cta__inner{text-align:center;justify-items:center;gap:clamp(2rem,4vw,3.2rem);width:min(72rem,100%);margin-inline:auto;display:grid}.kode-contact-cta__copy{min-width:0}.kode-contact-cta h2{max-width:16ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;letter-spacing:0;overflow-wrap:normal;white-space:nowrap;margin:0;font-size:clamp(2.5rem,6vw,6.4rem);font-weight:950;line-height:.9}.kode-site-button{background:linear-gradient(135deg, #ffffff47, transparent 42%), var(--kode-mint);min-height:4rem;box-shadow:.4rem .4rem 0 var(--kode-shadow), 0 1.2rem 2.6rem #0c342a2e;color:#fff;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;white-space:nowrap;border:1px solid #1038282e;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.72rem;padding:.95rem clamp(1.2rem,3vw,1.75rem);font-size:1rem;font-weight:920;line-height:1;text-decoration:none;transition:box-shadow .22s,transform .22s,border-color .22s;display:inline-flex;position:relative;overflow:hidden}.kode-site-button:before{content:"";background:linear-gradient(90deg,#0000,#b77af252,#0000);transition:transform .46s;position:absolute;inset:0;transform:translate(-120%)}.kode-site-button span,.kode-site-button svg{z-index:1;position:relative}.kode-site-button svg{width:1.18rem;height:1.18rem;transition:transform .22s}.kode-site-button:hover,.kode-site-button:focus-visible{box-shadow:.5rem .5rem 0 var(--kode-shadow), 0 1.5rem 3rem #0c342a38;border-color:#b77af285;transform:translateY(-.12rem)}.kode-site-button:hover:before,.kode-site-button:focus-visible:before{transform:translate(120%)}.kode-site-button:hover svg,.kode-site-button:focus-visible svg{transform:translate(.18rem)}.kode-site-button:focus-visible{outline:2px solid var(--kode-purple);outline-offset:5px}.kode-site-button--secondary{background:linear-gradient(135deg,#ffffff4d,#0000 42%),#be88fa;border-color:#2717393d;box-shadow:.4rem .4rem #271739,0 1.2rem 2.6rem #27173938}.kode-site-button--secondary:before{background:linear-gradient(90deg,#0000,#ffffff57,#0000)}.kode-site-button--secondary:hover,.kode-site-button--secondary:focus-visible{border-color:#27173957;box-shadow:.5rem .5rem #271739,0 1.5rem 3rem #27173942}.dark .kode-contact-cta{color:var(--kode-white);background:linear-gradient(#07130f 0%,#020706 100%)}.dark .kode-contact-cta__track{opacity:.72}.dark .kode-contact-cta__mark{color:#f0f8f809}.dark .kode-contact-cta h2{color:var(--kode-white)}.dark .kode-site-button{background:linear-gradient(135deg, #ffffff24, transparent 42%), var(--kode-mint);box-shadow:.4rem .4rem 0 var(--kode-shadow), 0 1.4rem 3rem #0c342a57;color:#fff;border-color:#f0f8f829}.dark .kode-site-button--secondary{background:linear-gradient(135deg,#ffffff2e,#0000 42%),#be88fa;border-color:#be88fa61;box-shadow:.4rem .4rem #271739,0 1.4rem 3rem #2717396b}.dark .kode-site-button--secondary:hover,.dark .kode-site-button--secondary:focus-visible{box-shadow:.5rem .5rem #271739,0 1.6rem 3.2rem #27173980}@media (max-width:760px){.kode-contact-cta__inner{justify-items:center}.kode-contact-cta h2{max-width:100%}.kode-contact-cta__button{width:min(100%,22rem)}}@media (max-width:520px){.kode-contact-cta h2{font-size:1.82rem}}@media (max-width:360px){.kode-contact-cta h2{font-size:1.64rem}}@media (prefers-reduced-motion:reduce){.kode-contact-cta__track{animation:none}.kode-site-button,.kode-site-button:before,.kode-site-button svg{transition:none}}@keyframes kode-contact-track{0%{transform:translate(-1.6rem)skewY(-3deg)}to{transform:translate(1.6rem)skewY(-3deg)}}.kode-story{--story-progress:0;--story-scan-y:-8rem;--story-height:860svh;--story-height-tablet:800svh;--story-height-mobile:780svh;min-height:var(--story-height);color:var(--kode-forest);isolation:isolate;background:linear-gradient(#f8fcfb 0%,#edf8f4 51%,#07130f 51%,#020706 100%);padding-inline:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:clip}.kode-story:before,.kode-story:after{content:"";pointer-events:none;position:absolute}.kode-story:before{opacity:.86;background:linear-gradient(115deg,#0000 0 13%,#30c8a038 13% 24%,#0000 24%),linear-gradient(64deg,#0000 0 67%,#ffcc4d29 67% 77%,#0000 77%),linear-gradient(145deg,#0000 0 78%,#ff705c24 78% 87%,#0000 87%);inset:0;-webkit-mask-image:linear-gradient(#0000,#000 10% 88%,#0000);mask-image:linear-gradient(#0000,#000 10% 88%,#0000)}.kode-story:after{z-index:2;background:linear-gradient(90deg, var(--kode-mint), #ffcc4d, #ff705c);height:.34rem;transform:scaleX(var(--story-progress));transform-origin:0;top:0;left:0;right:0;box-shadow:0 0 1.4rem #30c8a052}.kode-story>*{z-index:1;position:relative}.dark .kode-story{color:var(--kode-white);background:linear-gradient(#020706 0%,#07130f 54%,#020706 100%)}.kode-story__sticky{align-items:center;min-height:100svh;padding-block:clamp(4rem,8svh,6rem);display:flex;position:sticky;top:0}.kode-story__inner{grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr) minmax(14rem,.66fr);align-items:center;gap:clamp(1rem,2vw,2rem);width:100%;max-width:86rem;margin-inline:auto;display:grid}@media (min-width:1024px) and (orientation:landscape){.kode-story__inner{padding-left:clamp(8rem,10vw,10rem)}}@media (min-width:1600px) and (orientation:landscape){.kode-story__inner{padding-left:0}}.kode-story__copy{min-width:0}.kode-story__eyebrow{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.75rem;font-weight:950;display:inline-flex}.kode-story__eyebrow svg{color:#ffcc4d;filter:drop-shadow(0 0 .72rem #ffcc4d7a);width:1rem;height:1rem}.dark .kode-story__eyebrow{color:var(--kode-mint-bright)}.kode-story__copy h2{max-width:10ch;color:var(--kode-night);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;overflow-wrap:anywhere;font-size:clamp(2.45rem,5vw,5.5rem);font-weight:950;line-height:.9}.dark .kode-story__copy h2{color:var(--kode-white)}.kode-story__copy p{color:#083028c2;max-width:34rem;margin-top:1.15rem;font-size:clamp(.98rem,1.25vw,1.1rem);font-weight:750;line-height:1.68}.dark .kode-story__copy p{color:#f0f8f8b8}.kode-story__workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;max-width:34rem;margin-top:1.75rem;display:grid}.kode-story__workflow span{min-height:3.6rem;color:var(--kode-forest);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;background:#ffffff9e;border:1px solid #10382829;border-radius:.5rem;align-content:center;gap:.18rem;padding:.6rem;font-size:.68rem;font-weight:950;display:grid}.kode-story__workflow strong{color:var(--kode-ivy);font-size:.62rem;line-height:1}.dark .kode-story__workflow span{color:var(--kode-white);background:#08302861;border-color:#30c8a038}.kode-story__stage{--tone:var(--kode-mint);--tone-soft:#30c8a02e;--tone-line:#30c8a085;background:linear-gradient(135deg, var(--tone-soft), transparent 40%), linear-gradient(180deg, var(--kode-forest), var(--kode-night));min-height:min(72svh,44rem);color:var(--kode-white);isolation:isolate;border:1px solid #30c8a06b;border-radius:.5rem;padding:clamp(1rem,1.8vw,1.45rem);position:relative;overflow:hidden;box-shadow:.65rem .65rem #061b152e,0 2.2rem 5rem #0207063d,inset 0 1px #f0f8f81f}.kode-story__stage[data-tone=amber]{--tone:#ffcc4d;--tone-soft:#ffcc4d2e;--tone-line:#ffcc4d8a}.kode-story__stage[data-tone=coral]{--tone:#ff705c;--tone-soft:#ff705c2e;--tone-line:#ff705c80}.kode-story__stage[data-tone=night]{--tone:var(--kode-white);--tone-soft:#f0f8f81f;--tone-line:#f0f8f85c}.kode-story__stage:before,.kode-story__stage:after{content:"";pointer-events:none;position:absolute;inset:0}.kode-story__stage:before{z-index:0;background:radial-gradient(circle at 22% 18%,#f0f8f81f,#0000 18rem),linear-gradient(#30c8a014,#0000);-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.kode-story__stage:after{z-index:1;opacity:.38;height:34%;transform:translateY(var(--story-scan-y));background:linear-gradient(#0000,#f0f8f81f,#0000)}.kode-story__stage>*{z-index:2;position:relative}.kode-story__stage-top,.kode-story__stage-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kode-story__status{color:var(--tone);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;align-items:center;gap:.52rem;font-size:.76rem;font-weight:950;display:inline-flex}.kode-story__status svg{width:1rem;height:1rem}.kode-story__counter{color:#f0f8f8c7;font-family:var(--font-geist-mono), monospace;font-size:.82rem;font-weight:950}.kode-story__active-card{flex-direction:column;justify-content:center;min-height:calc(min(72svh,44rem) - 8rem);animation:.56s cubic-bezier(.2,.9,.2,1) both kode-story-card-in;display:flex}.kode-story__active-icon{border:1px solid var(--tone-line);width:clamp(4.2rem,7vw,6.2rem);height:clamp(4.2rem,7vw,6.2rem);color:var(--tone);background:linear-gradient(135deg,#f0f8f829,#0000 46%),#30c8a014;border-radius:.5rem;place-items:center;display:grid;box-shadow:.38rem .38rem #02070652,inset 0 1px #f0f8f81f}.kode-story__active-icon svg{width:44%;height:44%}.kode-story__active-label{color:var(--tone);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin-top:clamp(1.2rem,3vh,2rem);font-size:.72rem;font-weight:950}.kode-story__active-card h3{max-width:12ch;color:var(--kode-white);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;overflow-wrap:anywhere;margin-top:.55rem;font-size:clamp(2.5rem,5.8vw,6.2rem);font-weight:950;line-height:.86}.kode-story__active-card p{color:#f0f8f8b8;max-width:36rem;margin-top:1rem;font-size:clamp(.98rem,1.28vw,1.12rem);font-weight:740;line-height:1.62}.kode-story__metric{border-top:1px solid #f0f8f829;grid-template-columns:minmax(8rem,.58fr) minmax(0,1fr);align-items:center;gap:1rem;max-width:34rem;margin-top:clamp(1.4rem,4vh,2.4rem);padding-top:1rem;display:grid}.kode-story__metric strong{color:var(--tone);font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:950;line-height:1}.kode-story__metric span{color:#f0f8f8a3;font-size:.86rem;font-weight:760;line-height:1.45}.kode-story__signal-field{z-index:1;opacity:.64;width:min(34%,18rem);position:absolute;top:18%;bottom:18%;right:clamp(.9rem,3vw,2.2rem)}.kode-story__signal-field span{background:linear-gradient(90deg, transparent, var(--tone), transparent);transform-origin:0;height:1px;animation:2.7s cubic-bezier(.45,0,.25,1) infinite kode-story-signal;position:absolute;left:0;right:0}.kode-story__signal-field span:first-child{top:18%}.kode-story__signal-field span:nth-child(2){animation-delay:-.9s;top:50%}.kode-story__signal-field span:nth-child(3){animation-delay:-1.8s;top:82%}.kode-story__stage-bottom{color:#f0f8f89e;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:.68rem;font-weight:950;position:absolute;bottom:clamp(1rem,1.8vw,1.45rem);left:clamp(1rem,1.8vw,1.45rem);right:clamp(1rem,1.8vw,1.45rem)}.kode-story__progress{background:#f0f8f81a;border:1px solid #f0f8f821;border-radius:.5rem;width:min(15rem,44%);height:.42rem;position:relative;overflow:hidden}.kode-story__progress span{background:linear-gradient(90deg, var(--kode-mint), var(--tone));width:100%;height:100%;transform:scaleX(var(--story-progress));transform-origin:0;display:block}.kode-story__rail{flex-direction:column;gap:.52rem;max-height:min(78svh,44rem);display:flex}.kode-story__step{color:#08302894;text-align:left;background:#ffffffb3;border:1px solid #10382821;border-radius:.5rem;grid-template-columns:2.35rem minmax(0,1fr) 2.25rem;align-items:center;gap:.72rem;width:100%;min-height:4.18rem;padding:.58rem .68rem;transition:border-color .24s,background-color .24s,box-shadow .24s,color .24s,transform .24s;display:grid;box-shadow:inset 0 1px #ffffff9e}.kode-story__step:hover,.kode-story__step:focus-visible{color:var(--kode-forest);border-color:#30c8a085;transform:translate(-.16rem)}.kode-story__step:focus-visible{outline:2px solid var(--kode-mint);outline-offset:4px}.kode-story__step.is-complete{background:#e8f9f3c7;border-color:#30c8a033}.kode-story__step.is-active{color:var(--kode-deep);background:linear-gradient(135deg,#30c8a033,#0000 46%),#fffffff0;border-color:#30c8a0c2;transform:translate(-.34rem);box-shadow:.34rem .34rem #061b1521,inset 0 1px #ffffffe6}.dark .kode-story__step{color:#f0f8f88f;background:#08302870;border-color:#30c8a02e;box-shadow:inset 0 1px #f0f8f80f}.dark .kode-story__step:hover,.dark .kode-story__step:focus-visible{color:var(--kode-white)}.dark .kode-story__step.is-active{color:var(--kode-white);background:linear-gradient(135deg,#30c8a033,#0000 46%),#0a2a22f0;border-color:#30c8a09e}.kode-story__step-icon{width:2.35rem;height:2.35rem;color:var(--kode-ivy);background:#30c8a01a;border:1px solid #30c8a047;border-radius:.5rem;place-items:center;display:grid}.kode-story__step-icon svg{width:1rem;height:1rem}.kode-story__step-copy{gap:.18rem;min-width:0;display:grid}.kode-story__step-copy span{color:var(--kode-ivy);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.6rem;font-weight:950;line-height:1;overflow:hidden}.dark .kode-story__step-copy span{color:var(--kode-mint-bright)}.kode-story__step-copy strong{color:currentColor;font-family:var(--font-heading-custom), var(--font-body), system-ui, sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:950;line-height:1.05;overflow:hidden}.kode-story__step-number{color:#08302852;font-family:var(--font-geist-mono), monospace;justify-self:end;font-size:1.2rem;font-weight:950;line-height:1}.dark .kode-story__step-number{color:#f0f8f833}@media (max-width:1180px){.kode-story{min-height:var(--story-height-tablet)}.kode-story__inner{grid-template-columns:minmax(0,1fr);max-width:58rem}.kode-story__copy{grid-template-columns:minmax(0,1fr) minmax(15rem,.78fr);align-items:end;gap:1rem;display:grid}.kode-story__copy h2{max-width:12ch}.kode-story__copy p{margin-top:0}.kode-story__workflow,.kode-story__rail{display:none}.kode-story__stage{min-height:min(62svh,38rem)}.kode-story__active-card{min-height:calc(min(62svh,38rem) - 8rem)}}@media (max-width:720px){.kode-story{min-height:var(--story-height-mobile);padding-inline:1rem}.kode-story__sticky{align-items:flex-start;padding-block:3.35rem}.kode-story__inner,.kode-story__copy{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.kode-story__eyebrow{margin-bottom:.75rem;font-size:.68rem}.kode-story__copy h2{max-width:11ch;font-size:2.45rem;line-height:.92}.kode-story__copy p{max-width:none;font-size:.95rem;line-height:1.55}.kode-story__stage{min-height:min(56svh,31rem);padding:.9rem;box-shadow:.35rem .35rem #061b152e,0 1.4rem 3rem #02070638,inset 0 1px #f0f8f81f}.kode-story__stage-top,.kode-story__stage-bottom{gap:.65rem}.kode-story__active-card{min-height:calc(min(56svh,31rem) - 6.4rem);padding-top:.75rem}.kode-story__active-icon{width:3.6rem;height:3.6rem}.kode-story__active-label{margin-top:1rem;font-size:.66rem}.kode-story__active-card h3{max-width:10ch;font-size:clamp(2.05rem,11vw,3.35rem);line-height:.9}.kode-story__active-card p{margin-top:.78rem;font-size:.92rem;line-height:1.48}.kode-story__metric{grid-template-columns:minmax(0,1fr);gap:.35rem;margin-top:1rem;padding-top:.75rem}.kode-story__metric span{font-size:.78rem}.kode-story__signal-field{display:none}.kode-story__progress{width:42%}}@media (max-width:720px) and (max-height:760px){.kode-story__copy p{display:none}.kode-story__stage{min-height:24rem}.kode-story__active-card{min-height:17.4rem}}@media (prefers-reduced-motion:reduce){.kode-story:after,.kode-story__active-card,.kode-story__signal-field span{transition:none;animation:none}.kode-story__stage:after{display:none}.kode-story__step,.kode-story__progress span{transition:none}}@keyframes kode-story-card-in{0%{opacity:0;transform:translateY(1.35rem)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes kode-story-signal{0%{opacity:0;transform:scaleX(0)}24%{opacity:1}66%{opacity:.76;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes kode-trusted-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}::selection{background:var(--kode-mint);color:var(--kode-night)}@keyframes kode-hero-blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(2rem,-1.4rem)scale(1.08)}66%{transform:translate(-1.4rem,1.8rem)scale(.94)}}@property --active-index{syntax:"<number>";inherits:true;initial-value:0}.kode-side-nav{--nav-bevel:12px;isolation:isolate;width:100%;inset:auto 0 0;transform:none}.kode-side-nav__panel{z-index:2;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.64rem;width:6rem;height:min(36rem,100dvh - 2rem);max-height:calc(100dvh - 2rem);padding:1.05rem .78rem;display:flex;position:relative;overflow:visible}.kode-side-nav__panel:before{z-index:0;content:"";background:linear-gradient(135deg, var(--nav-panel-sheen) 0 14%, transparent 14% 100%), linear-gradient(180deg, var(--nav-shell-start), var(--nav-shell-end));box-shadow:inset 0 0 0 1px var(--nav-panel-inset), inset 0 0 34px var(--nav-panel-glow);filter:drop-shadow(10px 12px 0 var(--nav-panel-step-shadow)) drop-shadow(0 24px 28px var(--nav-panel-shadow));pointer-events:none;clip-path:polygon(var(--nav-bevel) 0, calc(100% - var(--nav-bevel)) 0, 100% var(--nav-bevel), 100% calc(100% - var(--nav-bevel)), calc(100% - var(--nav-bevel)) 100%, var(--nav-bevel) 100%, 0 calc(100% - var(--nav-bevel)), 0 var(--nav-bevel));position:absolute;inset:0}.kode-side-nav__panel:after{z-index:0;content:"";background:linear-gradient(135deg, var(--nav-panel-sheen) 0 28%, transparent 28%), radial-gradient(circle at 50% 6%, var(--nav-panel-glow), transparent 16rem), linear-gradient(180deg, var(--nav-panel-sheen), transparent 24%);opacity:var(--nav-panel-inner-opacity);pointer-events:none;clip-path:polygon(var(--nav-bevel) 0, calc(100% - var(--nav-bevel)) 0, 100% var(--nav-bevel), 100% calc(100% - var(--nav-bevel)), calc(100% - var(--nav-bevel)) 100%, var(--nav-bevel) 100%, 0 calc(100% - var(--nav-bevel)), 0 var(--nav-bevel));position:absolute;inset:.65rem}.kode-side-nav__outline{z-index:0;pointer-events:none;filter:drop-shadow(0 0 12px #30c8a042);shape-rendering:geometricprecision;position:absolute;inset:.5rem;overflow:visible}.kode-side-nav__outline polygon{fill:none;stroke-linecap:square;stroke-linejoin:miter}.kode-side-nav__outline-outer{stroke:var(--kode-mint);stroke-width:2px}.kode-side-nav__outline-inner{stroke:var(--nav-outline-inner);stroke-width:1.25px}.kode-side-nav__brand{z-index:1;background:var(--kode-mint);width:3.05rem;height:2.1rem;color:var(--kode-forest);font-family:var(--font-geist-mono), monospace;letter-spacing:0;box-shadow:5px 5px 0 var(--nav-panel-step-shadow), inset 0 1px 0 #f0f8f857;clip-path:polygon(12% 0,100% 0,100% 72%,88% 100%,0 100%,0 28%);border:1px solid #30c8a0bd;justify-content:center;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex;position:relative}.kode-side-nav__bracket{z-index:1;border:1px solid var(--nav-panel-border);border-right-color:var(--nav-button-border);background:linear-gradient(90deg, var(--nav-panel-sheen), transparent 20%), linear-gradient(180deg, var(--nav-bracket-start), var(--nav-bracket-mid) 54%, var(--nav-bracket-end));width:3.2rem;height:.92rem;box-shadow:7px 8px 0 var(--nav-bracket-shadow), inset 0 1px 0 #f0f8f86b, inset 0 -1px 0 #10382814;position:absolute;left:-2.3rem}.kode-side-nav__bracket:before,.kode-side-nav__bracket:after{content:"";position:absolute}.kode-side-nav__bracket:before{background:radial-gradient(circle at 50% 30%, var(--kode-white) 0 .08rem, transparent .1rem), radial-gradient(circle at 50% 70%, var(--kode-mint) 0 .08rem, transparent .1rem), linear-gradient(180deg, var(--nav-bracket-start), var(--nav-bracket-mid) 58%, var(--nav-bracket-end));border:1px solid #30c8a066;width:.72rem;height:1.76rem;top:-.42rem;left:-.42rem;box-shadow:0 0 18px #30c8a029,inset 0 1px #f0f8f82e}.kode-side-nav__bracket:after{background:linear-gradient(180deg, var(--nav-bracket-start), var(--nav-bracket-mid) 62%, var(--nav-bracket-end));width:.78rem;height:1.32rem;box-shadow:5px 6px 0 var(--nav-bracket-shadow), inset 0 0 0 1px #f0f8f80f;border:1px solid #30c8a052;top:-.2rem;right:-.34rem}.kode-side-nav__bracket--top{top:clamp(4.5rem,15%,5.8rem)}.kode-side-nav__bracket--bottom{bottom:clamp(4.5rem,15%,5.8rem)}.kode-side-nav__item{z-index:1;width:3.95rem;height:2.82rem;color:var(--nav-button-fg);cursor:pointer;isolation:isolate;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;transition:transform .18s,color .18s,filter .18s;display:inline-flex;position:relative;overflow:visible}.kode-side-nav__item:before,.kode-side-nav__item:after{content:"";pointer-events:none;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);transition:background-color .18s,filter .18s;position:absolute}.kode-side-nav__item:before{z-index:0;background:var(--nav-button-border);filter:drop-shadow(5px 5px 0 var(--nav-panel-step-shadow)) drop-shadow(0 0 8px #30c8a03d);inset:0}.kode-side-nav__item:after{z-index:1;background:var(--nav-button-bg);inset:1px}.kode-side-nav__item svg{filter:drop-shadow(0 0 6px #30c8a03d);width:1.34rem;height:1.34rem}.kode-side-nav__item:hover,.kode-side-nav__item:focus-visible,.kode-side-nav__item.is-active{color:var(--kode-forest);transform:translateY(-2px)}.kode-side-nav__item:hover,.kode-side-nav__item:focus-visible{z-index:5}.kode-side-nav__item:hover:before,.kode-side-nav__item:focus-visible:before,.kode-side-nav__item.is-active:before{background:var(--nav-button-active-border);filter:drop-shadow(7px 7px 0 var(--nav-panel-step-shadow)) drop-shadow(0 0 12px #30c8a05c)}.kode-side-nav__item:hover:after,.kode-side-nav__item:focus-visible:after,.kode-side-nav__item.is-active:after{background:var(--kode-mint)}.kode-side-nav__item:focus-visible{outline:2px solid var(--nav-focus-outline);outline-offset:5px}.kode-side-nav__icon,.kode-side-nav__hover-word{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kode-side-nav__icon{opacity:1;transition:opacity 70ms cubic-bezier(.2,.8,.2,1),transform 70ms cubic-bezier(.2,.8,.2,1);transform:scale(1)}.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__icon{animation:kode-side-nav-icon-return 70ms cubic-bezier(.2, .8, .2, 1) var(--icon-return-delay,.91s) both}.kode-side-nav__hover-word{font-family:var(--font-geist-mono), monospace;letter-spacing:0;paint-order:stroke fill;-webkit-text-stroke:.035em currentColor;text-shadow:.018em 0,-.018em 0,0 .018em,0 -.018em;font-size:.96rem;font-weight:950;line-height:1}.kode-side-nav__mobile-label,.kode-side-nav__mobile-indicator{display:none}.kode-side-nav__hover-char{opacity:0;transition:opacity 70ms cubic-bezier(.2,.8,.2,1),transform 70ms cubic-bezier(.2,.8,.2,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(.22rem - 50%))scale(.96)}.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__hover-char{animation:kode-side-nav-hover-char .13s steps(1, end) var(--hover-delay,0s) forwards}.kode-side-nav__tooltip{z-index:80;border:1px solid var(--nav-panel-border);border-left:2px solid var(--kode-mint);width:max-content;min-width:0;max-width:10rem;min-height:2rem;color:var(--nav-label-fg);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;white-space:nowrap;clip-path:none;text-shadow:none;background:linear-gradient(135deg,#30c8a024,#0000 42%),linear-gradient(#fbfffdfa,#e7f8f2fa);border-radius:.42rem;justify-content:center;align-items:center;padding:.54rem .86rem .52rem .92rem;font-size:.72rem;font-weight:950;line-height:1;display:inline-flex;position:relative;box-shadow:0 .8rem 1.35rem #10382824,0 0 1rem #30c8a01f,inset 0 1px #ffffffb8}.kode-side-nav__tooltip:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#30c8a0e0);width:.78rem;height:1px;position:absolute;top:50%;left:-.78rem;transform:translateY(-50%)}.kode-side-nav__tooltip:after{background:var(--kode-mint);content:"";pointer-events:none;width:.34rem;height:.34rem;position:absolute;top:50%;left:-.02rem;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 .7rem #30c8a0b8}.dark .kode-side-nav__tooltip{color:var(--kode-white);text-shadow:0 0 .65rem #30d0a83d;background:linear-gradient(135deg,#30c8a02e,#0000 42%),linear-gradient(#081e18fa,#020706f5);border-color:#30d0a885;box-shadow:0 .8rem 1.35rem #0000005c,0 0 1rem #30c8a029,inset 0 1px #f0f8f81a}.kode-side-nav__tooltip>svg,.kode-side-nav__tooltip>span[style]{display:none}@keyframes kode-side-nav-icon-return{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes kode-side-nav-hover-char{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}99.9%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.kode-side-nav__divider{z-index:1;background:linear-gradient(90deg, transparent, var(--kode-mint), transparent);width:3.35rem;height:1px;margin:.08rem 0;box-shadow:0 0 12px #30c8a038}@media (min-width:1024px) and (orientation:landscape){.kode-main-shell{padding-bottom:0;padding-left:0}.kode-side-nav{width:auto;inset:50% auto auto 2.5rem;transform:translateY(-50%)}.kode-side-nav__panel{gap:.76rem;width:7.35rem;height:min(36rem,100dvh - 2.5rem);padding:1.25rem .9rem}.kode-side-nav__brand{width:3.65rem;height:2.34rem;font-size:.92rem}.kode-side-nav__bracket{width:4rem;height:1rem;left:-3rem}.kode-side-nav__item{width:4.65rem;height:3.25rem}.kode-side-nav__item svg{width:1.52rem;height:1.52rem}.kode-side-nav__hover-word{font-size:1.08rem}}@media (min-width:1024px) and (orientation:landscape) and (max-height:680px){.kode-side-nav__panel{gap:.45rem;height:min(32rem,100dvh - 1.5rem)}.kode-side-nav__brand{width:2.8rem;height:1.8rem;font-size:.76rem}.kode-side-nav__bracket--top{top:4.1rem}.kode-side-nav__bracket--bottom{bottom:4.1rem}.kode-side-nav__item{width:3.75rem;height:2.55rem}.kode-side-nav__item svg{width:1.18rem;height:1.18rem}.kode-side-nav__hover-word{font-size:.84rem}}@media (max-width:1023px),(orientation:portrait){.kode-main-shell{--kode-mobile-nav-height:calc(5rem + env(safe-area-inset-bottom))}.kode-footer__inner{padding-bottom:1rem}.kode-side-nav__bracket,.kode-side-nav__outline,.kode-side-nav__divider{display:none}.kode-side-nav__panel{--mobile-edge:clamp(.6rem, 3.2vw, 1.45rem);--mobile-slot:calc((100% - (var(--mobile-edge) * 2)) / var(--nav-slot-count,6));--mobile-active-center:calc(var(--mobile-edge) + (var(--mobile-slot) * (var(--active-index) + .5)));width:100%;height:calc(5rem + env(safe-area-inset-bottom));grid-template-columns:repeat(var(--nav-slot-count,6), minmax(0, 1fr));max-height:none;padding:1.32rem var(--mobile-edge) calc(.72rem + env(safe-area-inset-bottom));justify-content:stretch;align-items:center;gap:0;transition:--active-index .32s cubic-bezier(.2,.9,.2,1);display:grid}.kode-side-nav__panel:before{background:radial-gradient(circle at var(--mobile-active-center) 0, #30c8a029, transparent 4.5rem), linear-gradient(180deg, var(--nav-shell-start), var(--nav-shell-end));filter:drop-shadow(0 -.2rem 1rem var(--nav-panel-shadow)) drop-shadow(0 1.1rem 1.55rem var(--nav-panel-shadow)) drop-shadow(0 0 1.1rem #30c8a024);clip-path:polygon(0 1.42rem, calc(var(--mobile-active-center) - 3.8rem) 1.42rem, calc(var(--mobile-active-center) - 3.18rem) 1.44rem, calc(var(--mobile-active-center) - 2.66rem) 1.54rem, calc(var(--mobile-active-center) - 2.2rem) 1.72rem, calc(var(--mobile-active-center) - 1.8rem) 1.98rem, calc(var(--mobile-active-center) - 1.42rem) 2.24rem, calc(var(--mobile-active-center) - 1.02rem) 2.48rem, calc(var(--mobile-active-center) - .62rem) 2.66rem, calc(var(--mobile-active-center) - .22rem) 2.74rem, var(--mobile-active-center) 2.76rem, calc(var(--mobile-active-center) + .22rem) 2.74rem, calc(var(--mobile-active-center) + .62rem) 2.66rem, calc(var(--mobile-active-center) + 1.02rem) 2.48rem, calc(var(--mobile-active-center) + 1.42rem) 2.24rem, calc(var(--mobile-active-center) + 1.8rem) 1.98rem, calc(var(--mobile-active-center) + 2.2rem) 1.72rem, calc(var(--mobile-active-center) + 2.66rem) 1.54rem, calc(var(--mobile-active-center) + 3.18rem) 1.44rem, calc(var(--mobile-active-center) + 3.8rem) 1.42rem, 100% 1.42rem, 100% 100%, 0 100%);transition:clip-path .32s cubic-bezier(.2,.9,.2,1),background .32s cubic-bezier(.2,.9,.2,1)}.kode-side-nav__panel:after{left:calc(var(--mobile-active-center) - 1.8rem);opacity:.62;clip-path:ellipse(50% 34% at 50% 58%);background:radial-gradient(at 50% 62%,#30c8a02e,#0000 70%);width:3.6rem;height:1.42rem;transition:left .32s cubic-bezier(.2,.9,.2,1),top .32s cubic-bezier(.2,.9,.2,1);top:1.28rem}.kode-side-nav__item{width:2.62rem;height:2.62rem;color:var(--nav-mobile-icon);justify-self:center;transition:transform .32s cubic-bezier(.2,.9,.2,1),color .18s,filter .22s;transform:none}.kode-side-nav__item:before,.kode-side-nav__item:after{clip-path:none;border-radius:999px}.kode-side-nav__item:before{filter:none;background:0 0}.kode-side-nav__item:after{background:0 0;inset:0}.kode-side-nav__item svg{filter:none;width:1rem;height:1rem}.kode-side-nav__item:hover,.kode-side-nav__item:focus-visible{color:var(--nav-mobile-icon-hover);transform:translateY(-.28rem)}.kode-side-nav__item.is-active{color:#0000;transform:none}.kode-side-nav__item:hover:before,.kode-side-nav__item:focus-visible:before{filter:none;background:#30c8a024}.kode-side-nav__item.is-active:before{filter:none;background:0 0}.kode-side-nav__item:hover:after,.kode-side-nav__item:focus-visible:after,.kode-side-nav__item.is-active:after{background:0 0}.kode-side-nav__item.is-active .kode-side-nav__icon,.kode-side-nav__item.is-pending-active .kode-side-nav__icon,.kode-side-nav__item.is-transition-hidden .kode-side-nav__icon{opacity:0;visibility:hidden;transition:none}.kode-side-nav__item.is-active .kode-side-nav__mobile-label{opacity:0}.kode-side-nav__mobile-indicator{left:var(--mobile-active-center);z-index:4;background:radial-gradient(circle at 38% 30%, #f0f8f857, transparent 34%), var(--kode-mint);width:3rem;height:3rem;color:var(--kode-forest);pointer-events:none;filter:drop-shadow(0 0 1.15rem #30c8a08c)drop-shadow(0 .38rem .5rem #0000002e);border-radius:999px;justify-content:center;align-items:center;transition:left .32s cubic-bezier(.2,.9,.2,1),top .32s cubic-bezier(.2,.9,.2,1),filter .22s;display:flex;position:absolute;top:-.95rem;transform:translate(-50%)}.kode-side-nav__mobile-indicator svg{filter:none;width:1.08rem;height:1.08rem}.kode-side-nav__mobile-indicator-label{max-width:4.15rem;color:var(--kode-white);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b8,0 0 .45rem #30c8a070;white-space:nowrap;font-size:.5rem;font-weight:950;line-height:1;position:absolute;top:calc(100% + 1.3rem);left:50%;overflow:hidden;transform:translate(-50%)}.kode-side-nav__item[data-theme-toggle=true]:hover,.kode-side-nav__item[data-theme-toggle=true]:focus-visible,.kode-side-nav__item[data-theme-toggle=true]:active,.kode-side-nav__item[data-theme-toggle=true][data-state=instant-open],.kode-side-nav__item[data-theme-toggle=true][data-state=delayed-open],.kode-side-nav__item[data-theme-toggle=true][data-state=open],.kode-side-nav__item[data-theme-toggle=true][aria-expanded=true]{color:var(--nav-mobile-icon);transform:none}.kode-side-nav__item[data-theme-toggle=true]:hover:before,.kode-side-nav__item[data-theme-toggle=true]:hover:after,.kode-side-nav__item[data-theme-toggle=true]:focus-visible:before,.kode-side-nav__item[data-theme-toggle=true]:focus-visible:after,.kode-side-nav__item[data-theme-toggle=true]:active:before,.kode-side-nav__item[data-theme-toggle=true]:active:after,.kode-side-nav__item[data-theme-toggle=true][data-state=instant-open]:before,.kode-side-nav__item[data-theme-toggle=true][data-state=instant-open]:after,.kode-side-nav__item[data-theme-toggle=true][data-state=delayed-open]:before,.kode-side-nav__item[data-theme-toggle=true][data-state=delayed-open]:after,.kode-side-nav__item[data-theme-toggle=true][data-state=open]:before,.kode-side-nav__item[data-theme-toggle=true][data-state=open]:after,.kode-side-nav__item[data-theme-toggle=true][aria-expanded=true]:before,.kode-side-nav__item[data-theme-toggle=true][aria-expanded=true]:after{filter:none;background:0 0}.kode-side-nav__hover-word{display:none}.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__icon,.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__hover-char{animation:none}.kode-side-nav__mobile-label{opacity:0;display:none}.kode-side-nav__item.is-active .kode-side-nav__mobile-label,.kode-side-nav__item:focus-visible .kode-side-nav__mobile-label{opacity:0}.kode-side-nav__tooltip{display:none}}@media (prefers-reduced-motion:reduce){.animate-blob,.animate-blob-delayed,.kode-trusted__track{animation:none}.kode-side-nav__icon,.kode-side-nav__hover-char{transition:none;animation:none}.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__icon,.kode-side-nav__item:is(:hover,:focus-visible) .kode-side-nav__hover-char{animation:none}}html{scrollbar-gutter:stable}.kode-site-scrollbar{scrollbar-gutter:stable;scrollbar-color:var(--kode-mint) transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}body::-webkit-scrollbar{width:8px}.kode-site-scrollbar::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-track{background:0 0}.kode-site-scrollbar::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background-color:var(--kode-mint);background-repeat:no-repeat;background-size:100% 100%;border-radius:999px;min-height:40px;background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}body::-webkit-scrollbar-thumb{background-color:var(--kode-mint);background-repeat:no-repeat;background-size:100% 100%;border-radius:999px;min-height:40px;background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}.kode-site-scrollbar::-webkit-scrollbar-thumb{background-color:var(--kode-mint);background-repeat:no-repeat;background-size:100% 100%;border-radius:999px;min-height:40px;background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}html::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}@supports (color:color-mix(in lab, red, red)){html::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, color-mix(in srgb, var(--kode-mint) 85%, white) 0%, var(--kode-mint) 15%, color-mix(in srgb, var(--page-muted) 85%, black) 100%)!important}}body::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}@supports (color:color-mix(in lab, red, red)){body::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, color-mix(in srgb, var(--kode-mint) 85%, white) 0%, var(--kode-mint) 15%, color-mix(in srgb, var(--page-muted) 85%, black) 100%)!important}}.kode-site-scrollbar::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, var(--kode-mint) 0%, var(--kode-mint) 15%, var(--page-muted) 100%)!important}@supports (color:color-mix(in lab, red, red)){.kode-site-scrollbar::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg, color-mix(in srgb, var(--kode-mint) 85%, white) 0%, var(--kode-mint) 15%, color-mix(in srgb, var(--page-muted) 85%, black) 100%)!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}