@layer properties;:root,:host{--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--container-md: 28rem;--container-2xl: 42rem;--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: 1.5 ;--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xl: .75rem;--radius-2xl: 1rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--font-text: "DM Sans", system-ui, sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-accent: "JetBrains Mono", monospace;--color-bg-base: hsl(0 0% 100%);--color-text-base: hsl(222 47% 12%);--color-text-muted: hsl(222 15% 45%);--color-brand: hsl(158 70% 35%);--color-surface: hsl(0 0% 100%);--color-surface-text: hsl(222 47% 12%);--color-border-default: hsl(220 15% 85%);--color-code-keyword: hsl(280 65% 55%);--color-code-type: hsl(215 80% 55%);--color-code-string: hsl(25 85% 55%);--color-code-method: hsl(45 90% 50%);--animate-custom-pulse: custom-pulse 1.6s ease-in-out infinite;--animate-custom-ping: custom-ping 1.5s infinite}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.-bottom-px{bottom:-1px}.left-0{left:calc(var(--spacing) * 0)}.z-100{z-index:100}.z-2000{z-index:2000}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-10{height:calc(var(--spacing) * 10)}.h-11\.5{height:calc(var(--spacing) * 11.5)}.h-20{height:calc(var(--spacing) * 20)}.h-px{height:1px}.min-h-\[calc\(100vh-160px\)\]{min-height:calc(100vh - 160px)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-10{width:calc(var(--spacing) * 10)}.w-\[90vw\]{width:90vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-360{max-width:calc(var(--spacing) * 360)}.max-w-md{max-width:var(--container-md)}.shrink-0{flex-shrink:0}.origin-right{transform-origin:100%}.scale-x-0{--tw-scale-x: 0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.animate-custom-pulse{animation:var(--animate-custom-pulse)}.cursor-pointer{cursor:pointer}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.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-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border-default{border-color:var(--color-border-default)}.border-brand{border-color:var(--color-brand)}.border-transparent{border-color:transparent}.bg-bg-base{background-color:var(--color-bg-base)}.bg-brand{background-color:var(--color-brand)}.bg-inherit{background-color:inherit}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:transparent}.p-1\.25{padding:calc(var(--spacing) * 1.25)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16\.5{padding-top:calc(var(--spacing) * 16.5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-20{padding-left:calc(var(--spacing) * 20)}.font-accent{font-family:var(--font-accent)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[36px\]{font-size:36px}.text-\[42px\]{font-size:42px}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-loose{--tw-leading: var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-bg-base{color:var(--color-bg-base)}.text-brand{color:var(--color-brand)}.text-code-keyword{color:var(--color-code-keyword)}.text-code-method{color:var(--color-code-method)}.text-code-string{color:var(--color-code-string)}.text-code-type{color:var(--color-code-type)}.text-surface-text{color:var(--color-surface-text)}.text-text-base{color:var(--color-text-base)}.text-text-muted{color:var(--color-text-muted)}.text-text-muted\/10{color:color-mix(in srgb,hsl(222 15% 45%) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-text-muted\/10{color:color-mix(in oklab,var(--color-text-muted) 10%,transparent)}}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-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))}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.ease-\[cubic-bezier\(\.65\,0\,\.35\,1\)\]{--tw-ease: cubic-bezier(.65,0,.35,1);transition-timing-function:cubic-bezier(.65,0,.35,1)}@media(hover:hover){.group-hover\:origin-left:is(:where(.group):hover *){transform-origin:0}}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.group-hover\:bg-brand\/10:is(:where(.group):hover *){background-color:color-mix(in srgb,hsl(158 70% 35%) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.group-hover\:bg-brand\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-brand) 10%,transparent)}}}@media(hover:hover){.group-hover\:text-brand:is(:where(.group):hover *){color:var(--color-brand)}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:animate-custom-ping:after{content:var(--tw-content);animation:var(--animate-custom-ping)}.after\:rounded-full:after{content:var(--tw-content);border-radius:calc(infinity * 1px)}.after\:bg-brand:after{content:var(--tw-content);background-color:var(--color-brand)}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:rotate-12:hover{rotate:12deg}}@media(hover:hover){.hover\:border-brand:hover{border-color:var(--color-brand)}}@media(hover:hover){.hover\:bg-brand:hover{background-color:var(--color-brand)}}@media(hover:hover){.hover\:bg-transparent:hover{background-color:transparent}}@media(hover:hover){.hover\:text-bg-base:hover{color:var(--color-bg-base)}}@media(hover:hover){.hover\:text-brand:hover{color:var(--color-brand)}}@media(hover:hover){.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=40rem){.sm\:text-\[48px\]{font-size:48px}}@media(width>=40rem){.sm\:text-\[64px\]{font-size:64px}}@media(width>=48rem){.md\:inline{display:inline}}@media(width>=48rem){.md\:gap-6{gap:calc(var(--spacing) * 6)}}@media(width>=48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(width>=48rem){.md\:text-\[15px\]{font-size:15px}}@media(width>=48rem){.md\:leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}}@media(width>=64rem){.lg\:col-span-5{grid-column:span 5 / span 5}}@media(width>=64rem){.lg\:col-span-7{grid-column:span 7 / span 7}}@media(width>=64rem){.lg\:hidden{display:none}}@media(width>=64rem){.lg\:inline{display:inline}}@media(width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(width>=64rem){.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@media(width>=64rem){.lg\:border-border-default{border-color:var(--color-border-default)}}@media(width>=64rem){.lg\:pl-0{padding-left:calc(var(--spacing) * 0)}}@media(width>=64rem){.lg\:text-\[18px\]{font-size:18px}}@media(width>=64rem){.lg\:text-\[64px\]{font-size:64px}}@media(width>=80rem){.xl\:text-\[72px\]{font-size:72px}}@media(width>=80rem){.xl\:text-\[80px\]{font-size:80px}}.dark\:text-text-base:where(.dark,.dark *){color:var(--color-text-base)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@layer base{body{font-family:var(--font-text);color:var(--color-text-base)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}}.dark{--color-bg-base: hsl(222 47% 6%);--color-text-base: hsl(0 0% 96%);--color-text-muted: hsl(0 0% 65%);--color-brand: hsl(158 80% 50%);--color-surface: hsl(222 40% 9%);--color-surface-text: hsl(0 0% 96%);--color-border-default: hsl(0 0% 100% / .08);--color-code-keyword: hsl(280 85% 75%);--color-code-type: hsl(210 90% 75%);--color-code-string: hsl(25 95% 70%);--color-code-method: hsl(45 95% 70%)}@layer utilities{.bg-grid{background-image:linear-gradient(to right,rgb(0 0 0 / .05) 1px,transparent 1px),linear-gradient(to bottom,rgb(0 0 0 / .05) 1px,transparent 1px);background-size:56px 56px}.dark .bg-grid{background-image:linear-gradient(to right,rgb(255 255 255 / .06) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .06) 1px,transparent 1px)}.mask-radial-fade{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 0%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 0%,black 20%,transparent 100%)}}@keyframes custom-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.5}}@keyframes custom-ping{0%{transform:scale(1);opacity:.7}70%{transform:scale(3.5);opacity:0}to{opacity:0}}@keyframes blink{50%{opacity:0}}.animate-blink{animation:blink 1.3s step-end infinite}@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-border-style{syntax: "*"; inherits: false; initial-value: solid;}@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: 0px;}@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-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@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-content{syntax: "*"; initial-value: ""; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-border-style: solid;--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-duration: initial;--tw-ease: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-content: ""}}}