@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-translate-x:0;
--tw-translate-y:0;
--tw-translate-z:0;
--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-scale-x:1;
--tw-scale-y:1;
--tw-scale-z:1
}
}
}
@layer theme {
:root, :host {
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-orange-600:#f05100;
--color-gray-900:#101828;
--color-black:#000;
--color-white:#fff;
--spacing:.25rem;
--container-sm:24rem;
--container-md:28rem;
--container-xl:36rem;
--container-2xl:42rem;
--container-3xl:48rem;
--container-4xl:56rem;
--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-lg:1.125rem;
--text-lg--line-height:calc(1.75/1.125);
--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-tighter:-.05em;
--tracking-tight:-.025em;
--tracking-normal:0em;
--tracking-wide:.025em;
--tracking-wider:.05em;
--tracking-widest:.1em;
--leading-tight:1.25;
--leading-snug:1.375;
--leading-relaxed:1.625;
--radius-md:.375rem;
--radius-lg:.5rem;
--radius-xl:.75rem;
--radius-2xl:1rem;
--radius-3xl:1.5rem;
--ease-out:cubic-bezier(0, 0, .2, 1);
--ease-in-out:cubic-bezier(.4, 0, .2, 1);
--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
--blur-sm:8px;
--blur-md:12px;
--aspect-video:16/9;
--default-transition-duration:.15s;
--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono);
--color-bg:#0a0a0a;
--color-bg-card:#1a1a1a;
--color-text:#f4f4f5;
--color-muted:#71717a;
--color-cyan:#22d3ee;
--color-green:#22c55e;
--color-border:#2d2d2d;
--color-indigo:#6366f1;
--color-pink:#ec4899;
--color-amber:#f59e0b;
--color-primary:#ec5b13;
--color-surface:#1a1a1a;
--color-accent-gray:#2d2d2d;
--width-max:1200px;
--radius-card:16px;
--font-display:"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
}
@supports (color:lab(0% 0 0)) {
:root, :host {
--color-orange-600:lab(57.1026% 64.2584 89.8886);
--color-gray-900:lab(8.11897% .811279 -12.254)
}
}
}
@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, ui-sans-serif, system-ui, 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 {
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
}
}
@layer components;
@layer utilities {
.pointer-events-none {
pointer-events:none
}
.visible {
	visibility:visible
}
.absolute {
	position:absolute
}
.fixed {
	position:fixed
}
.relative {
	position:relative
}
.static {
	position:static
}
.sticky {
	position:sticky
}
.-inset-1 {
inset:calc(var(--spacing)*-1)
}
.inset-0 {
inset:calc(var(--spacing)*0)
}
.inset-x-0 {
inset-inline:calc(var(--spacing)*0)
}
.-top-11 {
top:calc(var(--spacing)*-11)
}
.top-0 {
top:calc(var(--spacing)*0)
}
.top-2 {
top:calc(var(--spacing)*2)
}
.top-4 {
top:calc(var(--spacing)*4)
}
.top-\[57px\] {
	top:57px
}
.top-\[120px\] {
	top:120px
}
.top-\[calc\(100\%\+8px\)\] {
	top:calc(100% + 8px)
}
.top-full {
	top:100%
}
.right-0 {
right:calc(var(--spacing)*0)
}
.right-3 {
right:calc(var(--spacing)*3)
}
.right-4 {
right:calc(var(--spacing)*4)
}
.bottom-0 {
bottom:calc(var(--spacing)*0)
}
.bottom-2\.5 {
bottom:calc(var(--spacing)*2.5)
}
.bottom-3 {
bottom:calc(var(--spacing)*3)
}
.bottom-4 {
bottom:calc(var(--spacing)*4)
}
.bottom-5 {
bottom:calc(var(--spacing)*5)
}
.-left-\[31px\] {
	left:-31px
}
.left-0 {
left:calc(var(--spacing)*0)
}
.left-1\/2 {
	left:50%
}
.left-3 {
left:calc(var(--spacing)*3)
}
.left-4 {
left:calc(var(--spacing)*4)
}
.isolate {
	isolation:isolate
}
.z-10 {
	z-index:10
}
.z-40 {
	z-index:40
}
.z-50 {
	z-index:50
}
.z-\[39\] {
	z-index:39
}
.z-\[80\] {
	z-index:80
}
.z-\[100\] {
	z-index:100
}
.z-\[120\] {
	z-index:120
}
.z-\[160\] {
	z-index:160
}
.z-\[200\] {
	z-index:200
}
.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
}
}
.m-0 {
margin:calc(var(--spacing)*0)
}
.mx-2 {
margin-inline:calc(var(--spacing)*2)
}
.mx-5 {
margin-inline:calc(var(--spacing)*5)
}
.mx-auto {
	margin-inline:auto
}
.my-1\.5 {
margin-block:calc(var(--spacing)*1.5)
}
.my-2\.5 {
margin-block:calc(var(--spacing)*2.5)
}
.my-4 {
margin-block:calc(var(--spacing)*4)
}
.my-6 {
margin-block:calc(var(--spacing)*6)
}
.mt-0\.5 {
margin-top:calc(var(--spacing)*.5)
}
.mt-1 {
margin-top:calc(var(--spacing)*1)
}
.mt-1\.5 {
margin-top:calc(var(--spacing)*1.5)
}
.mt-2 {
margin-top:calc(var(--spacing)*2)
}
.mt-2\.5 {
margin-top:calc(var(--spacing)*2.5)
}
.mt-3 {
margin-top:calc(var(--spacing)*3)
}
.mt-3\.5 {
margin-top:calc(var(--spacing)*3.5)
}
.mt-4 {
margin-top:calc(var(--spacing)*4)
}
.mt-5 {
margin-top:calc(var(--spacing)*5)
}
.mt-6 {
margin-top:calc(var(--spacing)*6)
}
.mt-7 {
margin-top:calc(var(--spacing)*7)
}
.mt-8 {
margin-top:calc(var(--spacing)*8)
}
.mt-10 {
margin-top:calc(var(--spacing)*10)
}
.mt-12 {
margin-top:calc(var(--spacing)*12)
}
.mt-20 {
margin-top:calc(var(--spacing)*20)
}
.mt-\[18px\] {
	margin-top:18px
}
.mt-\[26px\] {
	margin-top:26px
}
.mt-\[30px\] {
	margin-top:30px
}
.mt-\[34px\] {
	margin-top:34px
}
.mt-auto {
	margin-top:auto
}
.mr-4 {
margin-right:calc(var(--spacing)*4)
}
.-mb-px {
	margin-bottom:-1px
}
.mb-0 {
margin-bottom:calc(var(--spacing)*0)
}
.mb-1 {
margin-bottom:calc(var(--spacing)*1)
}
.mb-1\.5 {
margin-bottom:calc(var(--spacing)*1.5)
}
.mb-2 {
margin-bottom:calc(var(--spacing)*2)
}
.mb-2\.5 {
margin-bottom:calc(var(--spacing)*2.5)
}
.mb-3 {
margin-bottom:calc(var(--spacing)*3)
}
.mb-4 {
margin-bottom:calc(var(--spacing)*4) !important
}
.mb-5 {
margin-bottom:calc(var(--spacing)*5)
}
.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-12 {
margin-bottom:calc(var(--spacing)*12)
}
.mb-20 {
margin-bottom:calc(var(--spacing)*20)
}
.mb-\[18px\] {
	margin-bottom:18px
}
.ml-1\.5 {
margin-left:calc(var(--spacing)*1.5)
}
.ml-2 {
margin-left:calc(var(--spacing)*2)
}
.ml-2\.5 {
margin-left:calc(var(--spacing)*2.5)
}
.ml-3 {
margin-left:calc(var(--spacing)*3)
}
.ml-4 {
margin-left:calc(var(--spacing)*4)
}
.ml-auto {
	margin-left:auto
}
.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
}
.line-clamp-3 {
	-webkit-line-clamp:3;
	-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-block {
	display:inline-block
}
.inline-flex {
	display:inline-flex
}
.aspect-\[16\/9\] {
	aspect-ratio:16/9
}
.aspect-square {
	aspect-ratio:1
}
.aspect-video {
	aspect-ratio:var(--aspect-video)
}
.h-1\.5 {
height:calc(var(--spacing)*1.5)
}
.h-2 {
height:calc(var(--spacing)*2)
}
.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-16 {
height:calc(var(--spacing)*16)
}
.h-20 {
height:calc(var(--spacing)*20)
}
.h-24 {
height:calc(var(--spacing)*24)
}
.h-\[3px\] {
	height:3px
}
.h-\[9px\] {
	height:9px
}
.h-\[calc\(100vh-57px\)\] {
	height:calc(100vh - 57px)
}
.h-auto {
	height:auto
}
.h-full {
	height:100%
}
.h-px {
	height:1px
}
.max-h-\[40vh\] {
	max-height:40vh
}
.max-h-\[92vh\] {
	max-height:92vh
}
.max-h-\[400px\] {
	max-height:400px
}
.max-h-\[calc\(100vh-180px\)\] {
	max-height:calc(100vh - 180px)
}
.min-h-6 {
min-height:calc(var(--spacing)*6)
}
.min-h-11 {
min-height:calc(var(--spacing)*11)
}
.min-h-\[2\.5rem\] {
	min-height:2.5rem
}
.min-h-\[60vh\] {
	min-height:60vh
}
.min-h-\[96vh\] {
	min-height:96vh
}
.min-h-\[232px\] {
	min-height:232px
}
.min-h-\[240px\] {
	min-height:240px
}
.min-h-screen {
	min-height:100vh
}
.w-0 {
width:calc(var(--spacing)*0)
}
.w-2 {
width:calc(var(--spacing)*2)
}
.w-3\.5 {
width:calc(var(--spacing)*3.5)
}
.w-4 {
width:calc(var(--spacing)*4)
}
.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-16 {
width:calc(var(--spacing)*16)
}
.w-24 {
width:calc(var(--spacing)*24)
}
.w-56 {
width:calc(var(--spacing)*56)
}
.w-64 {
width:calc(var(--spacing)*64)
}
.w-72 {
width:calc(var(--spacing)*72)
}
.w-\[9px\] {
	width:9px
}
.w-\[220px\] {
	width:220px
}
.w-\[240px\] {
	width:240px
}
.w-\[320px\] {
	width:320px
}
.w-\[min\(560px\,92vw\)\] {
	width:min(560px, 92vw)
}
.w-\[min\(800px\,92vw\)\] {
	width:min(800px, 92vw)
}
.w-\[min\(900px\,92vw\)\] {
	width:min(900px, 92vw)
}
.w-\[min\(980px\,92vw\)\] {
	width:min(980px, 92vw)
}
.w-\[min\(1180px\,92vw\)\] {
	width:min(1180px, 92vw)
}
.w-\[min\(var\(--width-max\)\,92vw\)\] {
	width:min(var(--width-max), 92vw)
}
.w-auto {
	width:auto
}
.w-fit {
	width:fit-content
}
.w-full {
	width:100%
}
.w-px {
	width:1px
}
.max-w-2xl {
	max-width:var(--container-2xl)
}
.max-w-3xl {
	max-width:var(--container-3xl)
}
.max-w-4xl {
	max-width:var(--container-4xl)
}
.max-w-7xl {
	max-width:var(--container-7xl)
}
.max-w-\[200px\] {
	max-width:200px
}
.max-w-\[640px\] {
	max-width:640px
}
.max-w-\[740px\] {
	max-width:740px
}
.max-w-\[760px\] {
	max-width:760px
}
.max-w-\[900px\] {
	max-width:900px
}
.max-w-\[920px\] {
	max-width:920px
}
.max-w-\[1600px\] {
	max-width:1600px
}
.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)
}
.min-w-0 {
min-width:calc(var(--spacing)*0)
}
.min-w-\[148px\] {
	min-width:148px
}
.flex-1 {
	flex:1
}
.flex-none {
	flex:none
}
.flex-shrink {
	flex-shrink:1
}
.flex-shrink-0, .shrink-0 {
	flex-shrink:0
}
.origin-left {
	transform-origin:0
}
.-translate-x-1\/2 {
--tw-translate-x:calc(calc(1/2*100%)*-1);
	translate:var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-0 {
--tw-translate-y:calc(var(--spacing)*0);
	translate:var(--tw-translate-x)var(--tw-translate-y)
}
.translate-y-6 {
--tw-translate-y:calc(var(--spacing)*6);
	translate:var(--tw-translate-x)var(--tw-translate-y)
}
.rotate-90 {
	rotate:90deg
}
.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-\[floatArrow_1\.8s_ease-in-out_infinite\] {
	animation:1.8s ease-in-out infinite floatArrow
}
.animate-\[langFadeIn_0\.2s_ease\] {
animation:.2s langFadeIn
}
.animate-\[marqueeLeft_40s_linear_infinite\] {
	animation:40s linear infinite marqueeLeft
}
.animate-\[marqueeRight_45s_linear_infinite\] {
	animation:45s linear infinite marqueeRight
}
.animate-\[resultPulse_8\.4s_ease-in-out_infinite\] {
	animation:8.4s ease-in-out infinite resultPulse
}
.animate-\[typeLine_8\.4s_steps\(44\,end\)_infinite\] {
	animation:8.4s steps(44, end) infinite typeLine
}
.animate-\[typeLine_8\.4s_steps\(49\,end\)_infinite\] {
	animation:8.4s steps(49, end) infinite typeLine
}
.animate-pulse {
	animation:var(--animate-pulse)
}
.cursor-pointer {
	cursor:pointer
}
.cursor-zoom-in {
	cursor:zoom-in
}
.cursor-zoom-out {
	cursor:zoom-out
}
.resize {
	resize:both
}
.list-none {
	list-style-type:none
}
.grid-cols-1 {
	grid-template-columns:repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
	grid-template-columns:repeat(2, minmax(0, 1fr))
}
.grid-cols-3 {
	grid-template-columns:repeat(3, minmax(0, 1fr))
}
.grid-cols-4 {
	grid-template-columns:repeat(4, minmax(0, 1fr))
}
.grid-cols-5 {
	grid-template-columns:repeat(5, minmax(0, 1fr))
}
.grid-cols-\[1\.08fr_0\.92fr\] {
grid-template-columns:1.08fr .92fr
}
.grid-cols-\[1\.25fr_1fr\] {
	grid-template-columns:1.25fr 1fr
}
.grid-cols-\[1fr_1\.1fr\] {
	grid-template-columns:1fr 1.1fr
}
.grid-cols-\[1fr_auto_auto\] {
	grid-template-columns:1fr auto auto
}
.flex-col {
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.place-items-center {
	place-items:center
}
.items-baseline {
	align-items:baseline
}
.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-0 {
gap:calc(var(--spacing)*0)
}
.gap-0\.5 {
gap:calc(var(--spacing)*.5)
}
.gap-1 {
gap:calc(var(--spacing)*1)
}
.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-3\.5 {
gap:calc(var(--spacing)*3.5)
}
.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-\[18px\] {
	gap:18px
}
.gap-\[34px\] {
	gap:34px
}
:where(.space-y-1>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
}
: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-3>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*3)*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)))
}
.self-start {
	align-self:flex-start
}
.justify-self-start {
	justify-self:flex-start
}
.truncate {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.overflow-hidden {
	overflow:hidden
}
.overflow-x-auto {
	overflow-x:auto
}
.overflow-y-auto {
	overflow-y:auto
}
.rounded {
border-radius:.25rem
}
.rounded-2xl {
	border-radius:var(--radius-2xl)
}
.rounded-3xl {
	border-radius:var(--radius-3xl)
}
.rounded-\[2rem\] {
	border-radius:2rem
}
.rounded-\[3rem\] {
	border-radius:3rem
}
.rounded-\[10px\] {
	border-radius:10px
}
.rounded-\[14px\] {
	border-radius:14px
}
.rounded-\[20px\] {
	border-radius:20px
}
.rounded-card {
	border-radius:var(--radius-card)
}
.rounded-full {
	border-radius:3.40282e38px
}
.rounded-lg {
	border-radius:var(--radius-lg)
}
.rounded-md {
	border-radius:var(--radius-md)
}
.rounded-xl {
	border-radius:var(--radius-xl)
}
.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-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 {
	border-left-style:var(--tw-border-style);
	border-left-width:1px
}
.border-l-2 {
	border-left-style:var(--tw-border-style);
	border-left-width:2px
}
.border-l-4 {
	border-left-style:var(--tw-border-style);
	border-left-width:4px
}
.border-dashed {
--tw-border-style:dashed;
	border-style:dashed
}
.border-none {
--tw-border-style:none;
	border-style:none
}
.border-\[rgba\(255\,255\,255\,0\.25\)\] {
	border-color:#ffffff40
}
.border-\[rgba\(255\,255\,255\,0\.45\)\] {
	border-color:#ffffff73
}
.border-amber\/20 {
	border-color:#f59e0b33
}
@supports (color:color-mix(in lab, red, red)) {
.border-amber\/20 {
border-color:color-mix(in oklab, var(--color-amber)20%, transparent)
}
}
.border-border {
	border-color:var(--color-border)
}
.border-cyan\/20 {
	border-color:#22d3ee33
}
@supports (color:color-mix(in lab, red, red)) {
.border-cyan\/20 {
border-color:color-mix(in oklab, var(--color-cyan)20%, transparent)
}
}
.border-cyan\/45 {
	border-color:#22d3ee73
}
@supports (color:color-mix(in lab, red, red)) {
.border-cyan\/45 {
border-color:color-mix(in oklab, var(--color-cyan)45%, transparent)
}
}
.border-green\/20 {
	border-color:#22c55e33
}
@supports (color:color-mix(in lab, red, red)) {
.border-green\/20 {
border-color:color-mix(in oklab, var(--color-green)20%, transparent)
}
}
.border-green\/30 {
	border-color:#22c55e4d
}
@supports (color:color-mix(in lab, red, red)) {
.border-green\/30 {
border-color:color-mix(in oklab, var(--color-green)30%, transparent)
}
}
.border-indigo\/20 {
	border-color:#6366f133
}
@supports (color:color-mix(in lab, red, red)) {
.border-indigo\/20 {
border-color:color-mix(in oklab, var(--color-indigo)20%, transparent)
}
}
.border-primary {
	border-color:var(--color-primary)
}
.border-primary\/10 {
	border-color:#ec5b131a
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/10 {
border-color:color-mix(in oklab, var(--color-primary)10%, transparent)
}
}
.border-primary\/15 {
	border-color:#ec5b1326
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/15 {
border-color:color-mix(in oklab, var(--color-primary)15%, transparent)
}
}
.border-primary\/20 {
	border-color:#ec5b1333
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/20 {
border-color:color-mix(in oklab, var(--color-primary)20%, transparent)
}
}
.border-primary\/30 {
	border-color:#ec5b134d
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/30 {
border-color:color-mix(in oklab, var(--color-primary)30%, transparent)
}
}
.border-primary\/40 {
	border-color:#ec5b1366
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/40 {
border-color:color-mix(in oklab, var(--color-primary)40%, transparent)
}
}
.border-primary\/45 {
	border-color:#ec5b1373
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/45 {
border-color:color-mix(in oklab, var(--color-primary)45%, transparent)
}
}
.border-primary\/50 {
	border-color:#ec5b1380
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/50 {
border-color:color-mix(in oklab, var(--color-primary)50%, transparent)
}
}
.border-primary\/80 {
	border-color:#ec5b13cc
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/80 {
border-color:color-mix(in oklab, var(--color-primary)80%, transparent)
}
}
.border-primary\/\[0\.32\] {
	border-color:#ec5b1352
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/\[0\.32\] {
border-color:color-mix(in oklab, var(--color-primary)32%, transparent)
}
}
.border-transparent {
	border-color:#0000
}
.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\/15 {
	border-color:#ffffff26
}
@supports (color:color-mix(in lab, red, red)) {
.border-white\/15 {
border-color:color-mix(in oklab, var(--color-white)15%, transparent)
}
}
.border-white\/25 {
	border-color:#ffffff40
}
@supports (color:color-mix(in lab, red, red)) {
.border-white\/25 {
border-color:color-mix(in oklab, var(--color-white)25%, transparent)
}
}
.border-l-primary {
	border-left-color:var(--color-primary)
}
.bg-\[\#0d0d14\] {
	background-color:#0d0d14
}
.bg-\[\#0f0f16\] {
	background-color:#0f0f16
}
.bg-\[\#34d399\] {
	background-color:#34d399
}
.bg-\[\#34d399\]\/70 {
	background-color:#34d399b3;
	background-color:lab(75.6954% -52.188 16.7595/.7)
}
.bg-\[\#0088cc\] {
	background-color:#08c
}
.bg-\[\#090914\] {
	background-color:#090914
}
.bg-\[\#fb7185\] {
	background-color:#fb7185
}
.bg-\[\#fb7185\]\/70 {
	background-color:#fb7185b3;
	background-color:lab(65.5329% 54.9724 16.5087/.7)
}
.bg-\[\#fbbf24\] {
	background-color:#fbbf24
}
.bg-\[\#fbbf24\]\/70 {
	background-color:#fbbf24b3;
	background-color:lab(81.2477% 13.2707 77.1047/.7)
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(99\,102\,241\,0\.25\)\,transparent_45\%\)\,radial-gradient\(circle_at_80\%_80\%\,rgba\(34\,211\,238\,0\.2\)\,transparent_40\%\)\,\#050510\] {
	background-color:radial-gradient(circle at 20% 20%, #6366f140, transparent 45%), radial-gradient(circle at 80% 80%, #22d3ee33, transparent 40%), #050510
}
.bg-\[rgba\(0\,0\,0\,0\.18\)\] {
	background-color:#0000002e
}
.bg-\[rgba\(255\,255\,255\,0\.2\)\] {
	background-color:#fff3
}
.bg-accent-gray {
	background-color:var(--color-accent-gray)
}
.bg-accent-gray\/50 {
	background-color:#2d2d2d80
}
@supports (color:color-mix(in lab, red, red)) {
.bg-accent-gray\/50 {
background-color:color-mix(in oklab, var(--color-accent-gray)50%, transparent)
}
}
.bg-amber\/10 {
	background-color:#f59e0b1a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-amber\/10 {
background-color:color-mix(in oklab, var(--color-amber)10%, transparent)
}
}
.bg-amber\/20 {
	background-color:#f59e0b33
}
@supports (color:color-mix(in lab, red, red)) {
.bg-amber\/20 {
background-color:color-mix(in oklab, var(--color-amber)20%, transparent)
}
}
.bg-bg {
	background-color:var(--color-bg)
}
.bg-bg-card {
	background-color:var(--color-bg-card)
}
.bg-bg-card\/50 {
	background-color:#1a1a1a80
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg-card\/50 {
background-color:color-mix(in oklab, var(--color-bg-card)50%, transparent)
}
}
.bg-bg-card\/80 {
	background-color:#1a1a1acc
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg-card\/80 {
background-color:color-mix(in oklab, var(--color-bg-card)80%, transparent)
}
}
.bg-bg-card\/85 {
	background-color:#1a1a1ad9
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg-card\/85 {
background-color:color-mix(in oklab, var(--color-bg-card)85%, transparent)
}
}
.bg-bg-card\/\[0\.88\] {
	background-color:#1a1a1ae0
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg-card\/\[0\.88\] {
background-color:color-mix(in oklab, var(--color-bg-card)88%, transparent)
}
}
.bg-bg\/\[0\.56\] {
	background-color:#0a0a0a8f
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg\/\[0\.56\] {
background-color:color-mix(in oklab, var(--color-bg)56.0%, transparent)
}
}
.bg-bg\/\[0\.92\] {
	background-color:#0a0a0aeb
}
@supports (color:color-mix(in lab, red, red)) {
.bg-bg\/\[0\.92\] {
background-color:color-mix(in oklab, var(--color-bg)92%, transparent)
}
}
.bg-black\/0 {
	background-color:#0000
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/0 {
background-color:color-mix(in oklab, var(--color-black)0%, transparent)
}
}
.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-black\/60 {
	background-color:#0009
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/60 {
background-color:color-mix(in oklab, var(--color-black)60%, transparent)
}
}
.bg-black\/85 {
	background-color:#000000d9
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/85 {
background-color:color-mix(in oklab, var(--color-black)85%, transparent)
}
}
.bg-border {
	background-color:var(--color-border)
}
.bg-cyan {
	background-color:var(--color-cyan)
}
.bg-cyan\/10 {
	background-color:#22d3ee1a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-cyan\/10 {
background-color:color-mix(in oklab, var(--color-cyan)10%, transparent)
}
}
.bg-cyan\/20 {
	background-color:#22d3ee33
}
@supports (color:color-mix(in lab, red, red)) {
.bg-cyan\/20 {
background-color:color-mix(in oklab, var(--color-cyan)20%, transparent)
}
}
.bg-cyan\/\[0\.08\] {
	background-color:#22d3ee14
}
@supports (color:color-mix(in lab, red, red)) {
.bg-cyan\/\[0\.08\] {
background-color:color-mix(in oklab, var(--color-cyan)8%, transparent)
}
}
.bg-gray-900 {
	background-color:var(--color-gray-900)
}
.bg-green\/5 {
	background-color:#22c55e0d
}
@supports (color:color-mix(in lab, red, red)) {
.bg-green\/5 {
background-color:color-mix(in oklab, var(--color-green)5%, transparent)
}
}
.bg-green\/10 {
	background-color:#22c55e1a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-green\/10 {
background-color:color-mix(in oklab, var(--color-green)10%, transparent)
}
}
.bg-green\/20 {
	background-color:#22c55e33
}
@supports (color:color-mix(in lab, red, red)) {
.bg-green\/20 {
background-color:color-mix(in oklab, var(--color-green)20%, transparent)
}
}
.bg-indigo\/10 {
	background-color:#6366f11a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-indigo\/10 {
background-color:color-mix(in oklab, var(--color-indigo)10%, transparent)
}
}
.bg-indigo\/20 {
	background-color:#6366f133
}
@supports (color:color-mix(in lab, red, red)) {
.bg-indigo\/20 {
background-color:color-mix(in oklab, var(--color-indigo)20%, transparent)
}
}
.bg-pink\/10 {
	background-color:#ec48991a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-pink\/10 {
background-color:color-mix(in oklab, var(--color-pink)10%, transparent)
}
}
.bg-pink\/20 {
	background-color:#ec489933
}
@supports (color:color-mix(in lab, red, red)) {
.bg-pink\/20 {
background-color:color-mix(in oklab, var(--color-pink)20%, transparent)
}
}
.bg-primary {
	background-color:var(--color-primary)
}
.bg-primary\/5 {
	background-color:#ec5b130d
}
@supports (color:color-mix(in lab, red, red)) {
.bg-primary\/5 {
background-color:color-mix(in oklab, var(--color-primary)5%, transparent)
}
}
.bg-primary\/10 {
	background-color:#ec5b131a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color:color-mix(in oklab, var(--color-primary)10%, transparent)
}
}
.bg-primary\/15 {
	background-color:#ec5b1326
}
@supports (color:color-mix(in lab, red, red)) {
.bg-primary\/15 {
background-color:color-mix(in oklab, var(--color-primary)15%, transparent)
}
}
.bg-primary\/20 {
	background-color:#ec5b1333
}
@supports (color:color-mix(in lab, red, red)) {
.bg-primary\/20 {
background-color:color-mix(in oklab, var(--color-primary)20%, transparent)
}
}
.bg-primary\/\[0\.12\] {
	background-color:#ec5b131f
}
@supports (color:color-mix(in lab, red, red)) {
.bg-primary\/\[0\.12\] {
background-color:color-mix(in oklab, var(--color-primary)12%, transparent)
}
}
.bg-surface\/50 {
	background-color:#1a1a1a80
}
@supports (color:color-mix(in lab, red, red)) {
.bg-surface\/50 {
background-color:color-mix(in oklab, var(--color-surface)50%, transparent)
}
}
.bg-transparent {
	background-color:#0000
}
.bg-white {
	background-color:var(--color-white)
}
.bg-white\/10 {
	background-color:#ffffff1a
}
@supports (color:color-mix(in lab, red, red)) {
.bg-white\/10 {
background-color:color-mix(in oklab, var(--color-white)10%, transparent)
}
}
.bg-white\/\[0\.03\] {
	background-color:#ffffff08
}
@supports (color:color-mix(in lab, red, red)) {
.bg-white\/\[0\.03\] {
background-color:color-mix(in oklab, var(--color-white)3%, transparent)
}
}
.bg-gradient-to-r {
--tw-gradient-position:to right in oklab;
	background-image:linear-gradient(var(--tw-gradient-stops))
}
.bg-gradient-to-t {
--tw-gradient-position:to top in oklab;
	background-image:linear-gradient(var(--tw-gradient-stops))
}
.bg-\[linear-gradient\(120deg\,\#6366f1\,\#ec4899\,\#f59e0b\)\] {
	background-image:linear-gradient(120deg, #6366f1, #ec4899, #f59e0b)
}
.bg-\[linear-gradient\(120deg\,\#6366f1_0\%\,\#ec4899_52\%\,\#f59e0b_100\%\)\] {
	background-image:linear-gradient(120deg, #6366f1 0%, #ec4899 52%, #f59e0b 100%)
}
.bg-\[radial-gradient\(900px_320px_at_50\%_0\%\,rgba\(236\,91\,19\,0\.2\)\,transparent_70\%\)\] {
	background-image:radial-gradient(900px 320px at 50% 0, #ec5b1333, #0000 70%)
}
.bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(255\,255\,255\,0\.12\)\,transparent_60\%\)\] {
	background-image:radial-gradient(circle at 50% 0, #ffffff1f, #0000 60%)
}
.from-black\/70 {
--tw-gradient-from:#000000b3
}
@supports (color:color-mix(in lab, red, red)) {
.from-black\/70 {
--tw-gradient-from:color-mix(in oklab, var(--color-black)70%, transparent)
}
}
.from-black\/70 {
--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-primary {
--tw-gradient-from:var(--color-primary);
--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-orange-600 {
--tw-gradient-to:var(--color-orange-600);
--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))
}
.fill-current {
	fill:currentColor
}
.fill-none {
	fill:none
}
.stroke-current {
	stroke:currentColor
}
.object-contain {
	object-fit:contain
}
.object-cover {
	object-fit:cover
}
.object-center {
	object-position:center
}
.p-0 {
padding:calc(var(--spacing)*0)
}
.p-1\.5 {
padding:calc(var(--spacing)*1.5)
}
.p-2 {
padding:calc(var(--spacing)*2)
}
.p-3 {
padding:calc(var(--spacing)*3)
}
.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-9 {
padding:calc(var(--spacing)*9)
}
.p-10 {
padding:calc(var(--spacing)*10)
}
.p-12 {
padding:calc(var(--spacing)*12)
}
.p-\[18px\] {
	padding:18px
}
.px-1 {
padding-inline:calc(var(--spacing)*1)
}
.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-6 {
padding-inline:calc(var(--spacing)*6)
}
.px-8 {
padding-inline:calc(var(--spacing)*8)
}
.px-10 {
padding-inline:calc(var(--spacing)*10)
}
.px-12 {
padding-inline:calc(var(--spacing)*12)
}
.px-\[22px\] {
	padding-inline:22px
}
.py-0\.5 {
padding-block:calc(var(--spacing)*.5)
}
.py-1 {
padding-block:calc(var(--spacing)*1)
}
.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-10 {
padding-block:calc(var(--spacing)*10)
}
.py-12 {
padding-block:calc(var(--spacing)*12)
}
.py-\[80px\] {
	padding-block:80px
}
.py-\[100px\] {
	padding-block:100px
}
.py-\[124px\] {
	padding-block:124px
}
.pt-1 {
padding-top:calc(var(--spacing)*1)
}
.pt-1\.5 {
padding-top:calc(var(--spacing)*1.5)
}
.pt-3 {
padding-top:calc(var(--spacing)*3)
}
.pt-4 {
padding-top:calc(var(--spacing)*4)
}
.pt-6 {
padding-top:calc(var(--spacing)*6)
}
.pt-8 {
padding-top:calc(var(--spacing)*8)
}
.pt-10 {
padding-top:calc(var(--spacing)*10)
}
.pt-20 {
padding-top:calc(var(--spacing)*20)
}
.pt-32 {
padding-top: 50px
}
.pt-\[104px\] {
	padding-top:104px
}
.pt-\[120px\] {
	padding-top:120px
}
.pt-\[138px\] {
	padding-top:138px
}
.pt-\[140px\] {
	padding-top:140px
}
.pr-1 {
padding-right:calc(var(--spacing)*1)
}
.pr-4 {
padding-right:calc(var(--spacing)*4)
}
.pb-0 {
padding-bottom:calc(var(--spacing)*0)
}
.pb-0\.5 {
padding-bottom:calc(var(--spacing)*.5)
}
.pb-2 {
padding-bottom:calc(var(--spacing)*2)
}
.pb-4 {
padding-bottom:calc(var(--spacing)*4)
}
.pb-10 {
padding-bottom:calc(var(--spacing)*10)
}
.pb-12 {
padding-bottom:calc(var(--spacing)*12)
}
.pb-14 {
padding-bottom:calc(var(--spacing)*14)
}
.pb-16 {
padding-bottom:calc(var(--spacing)*16)
}
.pb-20 {
padding-bottom:calc(var(--spacing)*20)
}
.pb-24 {
padding-bottom:calc(var(--spacing)*24)
}
.pb-\[56px\] {
	padding-bottom:56px
}
.pb-\[72px\] {
	padding-bottom:72px
}
.pb-\[100px\] {
	padding-bottom:100px
}
.pl-3 {
padding-left:calc(var(--spacing)*3)
}
.pl-3\.5 {
padding-left:calc(var(--spacing)*3.5)
}
.pl-4 {
padding-left:calc(var(--spacing)*4)
}
.pl-5 {
padding-left:calc(var(--spacing)*5)
}
.pl-6 {
padding-left:calc(var(--spacing)*6)
}
.pl-\[1\.15rem\] {
	padding-left:1.15rem
}
.pl-\[4\.25rem\] {
	padding-left:4.25rem
}
.text-center {
	text-align:center
}
.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.font-mono {
	font-family:var(--font-mono)
}
.font-sans {
	font-family:var(--font-sans)
}
.text-2xl {
	font-size:var(--text-2xl) !important;
	line-height:var(--tw-leading, var(--text-2xl--line-height))
}
.text-3xl {
	font-size:var(--text-3xl) !important;
	line-height:var(--tw-leading, var(--text-3xl--line-height))
}
.text-4xl {
	font-size:var(--text-4xl) !important;
	line-height:var(--tw-leading, var(--text-4xl--line-height))
}
.text-5xl {
	font-size:var(--text-5xl) !important;
	line-height:var(--tw-leading, var(--text-5xl--line-height))
}
.text-base {
	font-size:var(--text-base) !important;
	line-height:var(--tw-leading, var(--text-base--line-height))
}
.text-lg {
	font-size:var(--text-lg) !important;
	line-height:var(--tw-leading, var(--text-lg--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) !important;
	line-height:var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
	font-size:var(--text-xs) !important;
	line-height:var(--tw-leading, var(--text-xs--line-height))
}
.text-\[0\.8rem\] {
font-size:.8rem
}
.text-\[0\.9rem\] {
font-size:.9rem
}
.text-\[0\.68rem\] {
font-size:.68rem
}
.text-\[0\.75rem\] {
font-size:.75rem
}
.text-\[0\.78rem\] {
font-size:.78rem
}
.text-\[0\.82rem\] {
font-size:.82rem
}
.text-\[0\.84rem\] {
font-size:.84rem
}
.text-\[0\.85rem\] {
font-size:.85rem
}
.text-\[0\.88rem\] {
font-size:.88rem
}
.text-\[0\.92rem\] {
font-size:.92rem
}
.text-\[0\.94rem\] {
font-size:.94rem
}
.text-\[0\.95rem\] {
font-size:.95rem
}
.text-\[0\.98rem\] {
font-size:.98rem
}
.text-\[1\.1rem\] {
	font-size:1.1rem
}
.text-\[1\.02rem\] {
	font-size:1.02rem
}
.text-\[1\.3rem\] {
	font-size:1.3rem
}
.text-\[1\.05rem\] {
	font-size:1.05rem
}
.text-\[1\.06rem\] {
	font-size:1.06rem
}
.text-\[1\.15rem\] {
	font-size:1.15rem
}
.text-\[1\.16rem\] {
	font-size:1.16rem
}
.text-\[1\.35rem\] {
	font-size:1.35rem
}
.text-\[1rem\] {
	font-size:1rem
}
.text-\[2\.2rem\] {
	font-size:2.2rem
}
.text-\[2rem\] {
	font-size:2rem
}
.text-\[10px\] {
	font-size:10px
}
.text-\[11px\] {
	font-size:11px
}
.text-\[13px\] {
	font-size:13px
}
.text-\[clamp\(1\.7rem\,5vw\,2\.3rem\)\] {
	font-size:clamp(1.7rem, 5vw, 2.3rem)
}
.text-\[clamp\(1\.08rem\,2\.2vw\,1\.3rem\)\] {
	font-size:clamp(1.08rem, 2.2vw, 1.3rem)
}
.text-\[clamp\(1rem\,2\.1vw\,1\.2rem\)\] {
	font-size:clamp(1rem, 2.1vw, 1.2rem)
}
.text-\[clamp\(1rem\,2vw\,1\.15rem\)\] {
	font-size:clamp(1rem, 2vw, 1.15rem)
}
.text-\[clamp\(1rem\,2vw\,1\.22rem\)\] {
	font-size:clamp(1rem, 2vw, 1.22rem)
}
.text-\[clamp\(2\.2rem\,6vw\,4rem\)\] {
	font-size:clamp(2.2rem, 6vw, 4rem)
}
.text-\[clamp\(2\.2rem\,7vw\,3\.6rem\)\] {
	font-size:clamp(2.2rem, 7vw, 3.6rem)
}
.text-\[clamp\(2\.9rem\,7vw\,5rem\)\] {
	font-size:clamp(2.9rem, 7vw, 5rem)
}
.text-\[clamp\(2rem\,4vw\,2\.8rem\)\] {
	font-size:clamp(2rem, 4vw, 2.8rem)
}
.text-\[clamp\(2rem\,5\.2vw\,3\.25rem\)\] {
	font-size:clamp(2rem, 5.2vw, 3.25rem)
}
.text-\[clamp\(2rem\,5vw\,3rem\)\] {
	font-size:clamp(2rem, 5vw, 3rem)
}
.text-\[clamp\(2rem\,8vw\,3\.2rem\)\] {
	font-size:clamp(2rem, 8vw, 3.2rem)
}
.leading-\[1\.1\] {
--tw-leading:1.1;
	line-height:1.1
}
.leading-\[1\.2\] {
--tw-leading:1.2;
	line-height:1.2
}
.leading-\[1\.4\] {
--tw-leading:1.4;
	line-height:1.4
}
.leading-\[1\.08\] {
--tw-leading:1.08;
	line-height:1.08
}
.leading-\[1\.8\] {
--tw-leading:1.8;
	line-height:1.8
}
.leading-\[1\.9\] {
--tw-leading:1.9;
	line-height:1.9
}
.leading-\[1\.15\] {
--tw-leading:1.15;
	line-height:1.15
}
.leading-\[1\.75\] {
--tw-leading:1.75;
	line-height:1.75
}
.leading-\[1\.85\] {
--tw-leading:1.85;
	line-height:1.85
}
.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)
}
.leading-tight {
--tw-leading:var(--leading-tight);
	line-height:var(--leading-tight)
}
.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\.02em\] {
--tw-tracking:-.02em;
	letter-spacing:-.02em
}
.tracking-\[-0\.03em\] {
--tw-tracking:-.03em;
	letter-spacing:-.03em
}
.tracking-\[0\.3em\] {
--tw-tracking:.3em;
	letter-spacing:.3em
}
.tracking-\[0\.12em\] {
--tw-tracking:.12em;
	letter-spacing:.12em
}
.tracking-normal {
--tw-tracking:var(--tracking-normal);
	letter-spacing:var(--tracking-normal)
}
.tracking-tight {
--tw-tracking:var(--tracking-tight);
	letter-spacing:var(--tracking-tight)
}
.tracking-tighter {
--tw-tracking:var(--tracking-tighter);
	letter-spacing:var(--tracking-tighter)
}
.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)
}
.break-all {
	word-break:break-all
}
.whitespace-nowrap {
	white-space:nowrap
}
.text-\[\#22d3ee\]\/80 {
	color:#22d3eecc;
	color:lab(77.4225% -36.0466 -25.887/.8)
}
.text-\[\#71717a\] {
	color:#71717a
}
.text-\[\#a1a1aa\] {
	color:#a1a1aa
}
.text-\[\#d4d4d8\] {
	color:#d4d4d8
}
.text-\[\#e2e8f0\] {
	color:#e2e8f0
}
.text-\[\#ec5b13\] {
	color:#ec5b13
}
.text-\[\#f4f4f5\] {
	color:#f4f4f5
}
.text-\[\#ffffff\] {
	color:#fff
}
.text-\[rgba\(255\,255\,255\,0\.75\)\] {
	color:#ffffffbf
}
.text-\[rgba\(255\,255\,255\,0\.85\)\] {
	color:#ffffffd9
}
.text-amber {
	color:var(--color-amber)
}
.text-bg {
	color:var(--color-bg)
}
.text-cyan {
	color:var(--color-cyan)
}
.text-green {
	color:var(--color-green)
}
.text-indigo {
	color:var(--color-indigo)
}
.text-muted {
	color:var(--color-muted)
}
.text-muted\/60 {
	color:#71717a99
}
@supports (color:color-mix(in lab, red, red)) {
.text-muted\/60 {
color:color-mix(in oklab, var(--color-muted)60%, transparent)
}
}
.text-pink {
	color:var(--color-pink)
}
.text-primary {
	color:var(--color-primary)
}
.text-primary\/60 {
	color:#ec5b1399
}
@supports (color:color-mix(in lab, red, red)) {
.text-primary\/60 {
color:color-mix(in oklab, var(--color-primary)60%, transparent)
}
}
.text-primary\/90 {
	color:#ec5b13e6
}
@supports (color:color-mix(in lab, red, red)) {
.text-primary\/90 {
color:color-mix(in oklab, var(--color-primary)90%, transparent)
}
}
.text-text {
	color:var(--color-text)
}
.text-text\/50 {
	color:#f4f4f580
}
@supports (color:color-mix(in lab, red, red)) {
.text-text\/50 {
color:color-mix(in oklab, var(--color-text)50%, transparent)
}
}
.text-text\/60 {
	color:#f4f4f599
}
@supports (color:color-mix(in lab, red, red)) {
.text-text\/60 {
color:color-mix(in oklab, var(--color-text)60%, transparent)
}
}
.text-text\/70 {
	color:#f4f4f5b3
}
@supports (color:color-mix(in lab, red, red)) {
.text-text\/70 {
color:color-mix(in oklab, var(--color-text)70%, transparent)
}
}
.text-white {
	color:var(--color-white)
}
.text-white\/80 {
	color:#fffc
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/80 {
color:color-mix(in oklab, var(--color-white)80%, transparent)
}
}
.normal-case {
	text-transform:none
}
.uppercase {
	text-transform:uppercase
}
.italic {
	font-style:italic
}
.no-underline {
	text-decoration-line:none
}
.underline-offset-4 {
	text-underline-offset:4px
}
.opacity-0 {
	opacity:0
}
.opacity-30 {
	opacity:.3
}
.opacity-40 {
	opacity:.4
}
.opacity-50 {
	opacity:.5
}
.opacity-100 {
	opacity:1
}
.opacity-\[0\.07\] {
	opacity:.07
}
.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_0_1px_rgba\(236\,91\,19\,0\.4\)\,0_18px_40px_rgba\(236\,91\,19\,0\.16\)\] {
--tw-shadow:0 0 0 1px var(--tw-shadow-color, #ec5b1366), 0 18px 40px var(--tw-shadow-color, #ec5b1329);
	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_12px_rgba\(236\,91\,19\,0\.45\)\] {
--tw-shadow:0 0 12px var(--tw-shadow-color, #ec5b1373);
	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_20px_rgba\(236\,91\,19\,0\.4\)\] {
--tw-shadow:0 0 20px var(--tw-shadow-color, #ec5b1366);
	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_60px_rgba\(236\,91\,19\,0\.08\)\] {
--tw-shadow:0 0 60px var(--tw-shadow-color, #ec5b1314);
	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_8px_30px_rgba\(99\,102\,241\,0\.28\)\] {
--tw-shadow:0 8px 30px var(--tw-shadow-color, #6366f147);
	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_12px_30px_rgba\(0\,0\,0\,0\.38\)\] {
--tw-shadow:0 12px 30px var(--tw-shadow-color, #00000061);
	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_14px_32px_rgba\(0\,0\,0\,0\.45\)\] {
--tw-shadow:0 14px 32px var(--tw-shadow-color, #00000073);
	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_24px_72px_rgba\(0\,0\,0\,0\.48\)\] {
--tw-shadow:0 24px 72px var(--tw-shadow-color, #0000007a);
	box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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-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)
}
.shadow-xl {
--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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-primary\/20 {
--tw-shadow-color:#ec5b1333
}
@supports (color:color-mix(in lab, red, red)) {
.shadow-primary\/20 {
--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary)20%, transparent)var(--tw-shadow-alpha), transparent)
}
}
.shadow-primary\/30 {
--tw-shadow-color:#ec5b134d
}
@supports (color:color-mix(in lab, red, red)) {
.shadow-primary\/30 {
--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary)30%, transparent)var(--tw-shadow-alpha), transparent)
}
}
.outline {
	outline-style:var(--tw-outline-style);
	outline-width:1px
}
.blur {
--tw-blur:blur(8px);
	filter:var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.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-\[2px\] {
--tw-backdrop-blur:blur(2px);
	-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-\[12px\] {
--tw-backdrop-blur:blur(12px);
	-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-\[14px\] {
--tw-backdrop-blur:blur(14px);
	-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-\[20px\] {
--tw-backdrop-blur:blur(20px);
	-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-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, )
}
.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-\[max-height\] {
	transition-property:max-height;
	transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
	transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[top\] {
	transition-property:top;
	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))
}
.duration-150 {
--tw-duration:.15s;
transition-duration:.15s
}
.duration-200 {
--tw-duration:.2s;
transition-duration:.2s
}
.duration-250 {
--tw-duration:.25s;
transition-duration:.25s
}
.duration-300 {
--tw-duration:.3s;
transition-duration:.3s
}
.duration-600 {
--tw-duration:.6s;
transition-duration:.6s
}
.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)
}
.outline-none {
--tw-outline-style:none;
	outline-style:none
}
.select-none {
	-webkit-user-select:none;
	user-select:none
}
.\[animation-delay\:2\.7s\] {
	animation-delay:2.7s
}
.\[animation-delay\:5\.4s\] {
	animation-delay:5.4s
}
.group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
opacity:1
}
@media (hover:hover) {
.group-hover\:-translate-x-1:is(:where(.group):hover *) {
--tw-translate-x:calc(var(--spacing)*-1);
translate:var(--tw-translate-x)var(--tw-translate-y)
}
.group-hover\:translate-x-1:is(:where(.group):hover *) {
--tw-translate-x:calc(var(--spacing)*1);
translate:var(--tw-translate-x)var(--tw-translate-y)
}
.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)
}
.group-hover\:bg-black\/20:is(:where(.group):hover *) {
background-color:#0003
}
@supports (color:color-mix(in lab, red, red)) {
.group-hover\:bg-black\/20:is(:where(.group):hover *) {
background-color:color-mix(in oklab, var(--color-black)20%, transparent)
}
}
.group-hover\:bg-primary:is(:where(.group):hover *) {
background-color:var(--color-primary)
}
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color:#ec5b1333
}
@supports (color:color-mix(in lab, red, red)) {
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color:color-mix(in oklab, var(--color-primary)20%, transparent)
}
}
.group-hover\:text-cyan:is(:where(.group):hover *) {
color:var(--color-cyan)
}
.group-hover\:text-primary:is(:where(.group):hover *) {
color:var(--color-primary)
}
.group-hover\:text-text:is(:where(.group):hover *) {
color:var(--color-text)
}
.group-hover\:opacity-80:is(:where(.group):hover *) {
opacity:.8
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity:1
}
}
.placeholder\:text-muted\/60::placeholder {
color:#71717a99
}
@supports (color:color-mix(in lab, red, red)) {
.placeholder\:text-muted\/60::placeholder {
color:color-mix(in oklab, var(--color-muted)60%, transparent)
}
}
.focus-within\:border-primary:focus-within {
border-color:var(--color-primary)
}
@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)
}
.hover\:-translate-y-1:hover {
--tw-translate-y:calc(var(--spacing)*-1);
translate:var(--tw-translate-x)var(--tw-translate-y)
}
.hover\:-translate-y-px:hover {
--tw-translate-y:-1px;
translate:var(--tw-translate-x)var(--tw-translate-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\:border-border:hover {
border-color:var(--color-border)
}
.hover\:border-cyan\/30:hover {
border-color:#22d3ee4d
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:border-cyan\/30:hover {
border-color:color-mix(in oklab, var(--color-cyan)30%, transparent)
}
}
.hover\:border-cyan\/40:hover {
border-color:#22d3ee66
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:border-cyan\/40:hover {
border-color:color-mix(in oklab, var(--color-cyan)40%, transparent)
}
}
.hover\:border-primary\/30:hover {
border-color:#ec5b134d
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:border-primary\/30:hover {
border-color:color-mix(in oklab, var(--color-primary)30%, transparent)
}
}
.hover\:border-primary\/40:hover {
border-color:#ec5b1366
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover {
border-color:color-mix(in oklab, var(--color-primary)40%, transparent)
}
}
.hover\:border-primary\/50:hover {
border-color:#ec5b1380
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:border-primary\/50:hover {
border-color:color-mix(in oklab, var(--color-primary)50%, transparent)
}
}
.hover\:bg-\[rgba\(0\,0\,0\,0\.28\)\]:hover {
background-color:#00000047
}
.hover\:bg-\[rgba\(255\,255\,255\,0\.32\)\]:hover {
background-color:#ffffff52
}
.hover\:bg-accent-gray\/50:hover {
background-color:#2d2d2d80
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-accent-gray\/50:hover {
background-color:color-mix(in oklab, var(--color-accent-gray)50%, transparent)
}
}
.hover\:bg-black:hover {
background-color:var(--color-black)
}
.hover\:bg-border:hover {
background-color:var(--color-border)
}
.hover\:bg-border\/30:hover {
background-color:#2d2d2d4d
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-border\/30:hover {
background-color:color-mix(in oklab, var(--color-border)30%, transparent)
}
}
.hover\:bg-primary:hover {
background-color:var(--color-primary)
}
.hover\:bg-primary\/5:hover {
background-color:#ec5b130d
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-primary\/5:hover {
background-color:color-mix(in oklab, var(--color-primary)5%, transparent)
}
}
.hover\:bg-primary\/10:hover {
background-color:#ec5b131a
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-primary\/10:hover {
background-color:color-mix(in oklab, var(--color-primary)10%, transparent)
}
}
.hover\:bg-primary\/\[0\.04\]:hover {
background-color:#ec5b130a
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-primary\/\[0\.04\]:hover {
background-color:color-mix(in oklab, var(--color-primary)4%, transparent)
}
}
.hover\:bg-primary\/\[0\.06\]:hover {
background-color:#ec5b130f
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-primary\/\[0\.06\]:hover {
background-color:color-mix(in oklab, var(--color-primary)6%, transparent)
}
}
.hover\:bg-surface:hover {
background-color:var(--color-surface)
}
.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\:text-cyan:hover {
color:var(--color-cyan)
}
.hover\:text-primary:hover {
color:var(--color-primary)
}
.hover\:text-text:hover {
color:var(--color-text)
}
.hover\:text-text\/80:hover {
color:#f4f4f5cc
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:text-text\/80:hover {
color:color-mix(in oklab, var(--color-text)80%, transparent)
}
}
.hover\:text-white:hover {
color:var(--color-white)
}
.hover\:underline:hover {
text-decoration-line:underline
}
.hover\:opacity-70:hover {
opacity:.7
}
.hover\:opacity-85:hover {
opacity:.85
}
.hover\:opacity-90:hover {
opacity:.9
}
.hover\:shadow-lg:hover {
--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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)
}
.hover\:shadow-md:hover {
--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)
}
.hover\:shadow-xl:hover {
--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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)
}
.hover\:shadow-primary\/5:hover {
--tw-shadow-color:#ec5b130d
}
@supports (color:color-mix(in lab, red, red)) {
.hover\:shadow-primary\/5:hover {
--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary)5%, transparent)var(--tw-shadow-alpha), transparent)
}
}
}
.focus\:top-3:focus {
top:calc(var(--spacing)*3)
}
@media not all and (min-width:980px) {
.max-\[980px\]\:min-h-\[205px\] {
min-height:205px
}
.max-\[980px\]\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.max-\[980px\]\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.max-\[980px\]\:gap-10 {
gap:calc(var(--spacing)*10)
}
.max-\[980px\]\:py-\[76px\] {
padding-block:76px
}
.max-\[980px\]\:py-\[94px\] {
padding-block:94px
}
.max-\[980px\]\:pt-\[120px\] {
padding-top:120px
}
}
@media not all and (min-width:960px) {
.max-\[960px\]\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.max-\[960px\]\:justify-self-center {
justify-self:center
}
.max-\[960px\]\:text-center {
text-align:center
}
}
@media not all and (min-width:900px) {
.max-\[900px\]\:hidden {
display:none
}
}
@media not all and (min-width:760px) {
.max-\[760px\]\:fixed {
position:fixed
}
.max-\[760px\]\:top-\[80px\] {
top:80px
}
.max-\[760px\]\:right-\[4vw\] {
right:4vw
}
.max-\[760px\]\:left-\[4vw\] {
left:4vw
}
.max-\[760px\]\:z-\[60\] {
z-index:60
}
.max-\[760px\]\:block {
display:block
}
.max-\[760px\]\:flex {
display:flex
}
.max-\[760px\]\:grid {
display:grid
}
.max-\[760px\]\:hidden {
display:none
}
.max-\[760px\]\:inline-grid {
display:inline-grid
}
.max-\[760px\]\:w-\[260px\] {
width:260px
}
.max-\[760px\]\:animate-\[menuSlideIn_0\.2s_ease-out\] {
animation:.2s ease-out menuSlideIn
}
.max-\[760px\]\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.max-\[760px\]\:flex-col {
flex-direction:column
}
.max-\[760px\]\:items-start {
align-items:flex-start
}
.max-\[760px\]\:justify-center {
justify-content:center
}
.max-\[760px\]\:gap-2\.5 {
gap:calc(var(--spacing)*2.5)
}
.max-\[760px\]\:gap-6 {
gap:calc(var(--spacing)*6)
}
.max-\[760px\]\:rounded-\[14px\] {
border-radius:14px
}
.max-\[760px\]\:border {
border-style:var(--tw-border-style);
border-width:1px
}
.max-\[760px\]\:border-border {
border-color:var(--color-border)
}
.max-\[760px\]\:bg-bg-card\/\[0\.98\] {
background-color:#1a1a1afa
}
@supports (color:color-mix(in lab, red, red)) {
.max-\[760px\]\:bg-bg-card\/\[0\.98\] {
background-color:color-mix(in oklab, var(--color-bg-card)98%, transparent)
}
}
.max-\[760px\]\:p-3\.5 {
padding:calc(var(--spacing)*3.5)
}
.max-\[760px\]\:p-5 {
padding:calc(var(--spacing)*5)
}
.max-\[760px\]\:py-\[60px\] {
padding-block:60px
}
.max-\[760px\]\:py-\[78px\] {
padding-block:78px
}
.max-\[760px\]\:pt-\[100px\] {
padding-top:100px
}
.max-\[760px\]\:text-center {
text-align:center
}
.max-\[760px\]\:text-\[0\.82rem\] {
font-size:.82rem
}
.max-\[760px\]\:text-\[1\.04rem\] {
font-size:1.04rem
}
.max-\[760px\]\:text-\[clamp\(2\.2rem\,11vw\,3\.2rem\)\] {
font-size:clamp(2.2rem, 11vw, 3.2rem)
}
.max-\[760px\]\:shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.5\)\] {
--tw-shadow:0 16px 48px var(--tw-shadow-color, #00000080);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.max-\[760px\]\:backdrop-blur-\[14px\] {
--tw-backdrop-blur:blur(14px);
-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, )
}
}
@media not all and (min-width:580px) {
.max-\[580px\]\:grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
@media not all and (min-width:48rem) {
.max-md\:pb-\[calc\(70px\+env\(safe-area-inset-bottom\)\)\] {
padding-bottom:calc(70px + env(safe-area-inset-bottom))
}
}
@media (min-width:761px) {
.min-\[761px\]\:flex {
display:flex
}
.min-\[761px\]\:hidden {
display:none
}
}
@media (min-width:40rem) {
.sm\:flex {
display:flex
}
.sm\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.sm\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.sm\:flex-row {
flex-direction:row
}
.sm\:justify-start {
justify-content:flex-start
}
.sm\:text-left {
text-align:left
}
}
@media (min-width:48rem) {
.md\:hidden {
display:none
}
.md\:aspect-auto {
aspect-ratio:auto
}
.md\:min-h-\[320px\] {
min-height:320px
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.md\:grid-cols-\[3fr_2fr\] {
grid-template-columns:3fr 2fr
}
.md\:flex-row {
flex-direction:row
}
.md\:p-8 {
padding:calc(var(--spacing)*8)
}
.md\:p-10 {
padding:calc(var(--spacing)*10)
}
.md\:p-12 {
padding:calc(var(--spacing)*12)
}
.md\:p-20 {
padding:calc(var(--spacing)*20)
}
.md\:pb-0 {
padding-bottom:calc(var(--spacing)*0)
}
.md\:text-3xl {
font-size:var(--text-3xl);
line-height:var(--tw-leading, var(--text-3xl--line-height))
}
.md\:text-4xl {
font-size:var(--text-4xl);
line-height:var(--tw-leading, var(--text-4xl--line-height))
}
.md\:text-5xl {
font-size:var(--text-5xl) !important;
line-height:var(--tw-leading, var(--text-5xl--line-height))
}
.md\:text-6xl {
font-size:var(--text-6xl);
line-height:var(--tw-leading, var(--text-6xl--line-height))
}
}
@media (min-width:64rem) {
.lg\:block {
display:block
}
.lg\:hidden {
display:none
}
.lg\:min-h-0 {
min-height:calc(var(--spacing)*0)
}
.lg\:w-2\/5 {
width:40%
}
.lg\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-7 {
grid-template-columns:repeat(7, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction:row
}
.lg\:flex-row-reverse {
flex-direction:row-reverse
}
.lg\:p-12 {
padding:calc(var(--spacing)*12)
}
.lg\:px-6 {
padding-inline:calc(var(--spacing)*6)
}
.lg\:px-16 {
padding-inline:calc(var(--spacing)*16)
}
.lg\:text-3xl {
font-size:var(--text-3xl);
line-height:var(--tw-leading, var(--text-3xl--line-height))
}
}
@media (min-width:80rem) {
.xl\:block {
display:block
}
}
}
:root[data-theme=light] {
--color-bg:#f5f4f0;
--color-bg-card:#fff;
--color-text:#1a1a1a;
--color-muted:#4b5563;
--color-border:#e5e2db;
--color-surface:#fff;
--color-accent-gray:#e8e5de
}
.glass-card {
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	background:#2d2d2d66;
	border:1px solid #ec5b131a
}
.hero-gradient {
	background:radial-gradient(circle, #ec5b1326 0%, #0000 70%)
}
html {
	scroll-behavior:smooth
}
body {
	background:var(--color-bg);
	color:var(--color-text);
	font-family:var(--font-display);
	line-height:1.6
}
a {
	color:inherit;
	text-decoration:none
}
img {
	max-width:100%;
	display:block
}
a:focus-visible, button:focus-visible {
outline:2px solid var(--color-primary);
outline-offset:2px;
border-radius:8px
}
.gradient-text {
	-webkit-text-fill-color:transparent;
	background:linear-gradient(120deg, #ec5b13 0%, #f59e0b 100%);
	-webkit-background-clip:text;
	background-clip:text
}
.glow {
	border:1px solid #ec5b131a;
	box-shadow:0 0 60px #ec5b1326
}
.screenshot {
	border:1px solid var(--color-border);
	aspect-ratio:16/9;
	background:#0a0a0a;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 0 80px #ec5b1314, 0 0 40px #ec5b130a
}
.screenshot img {
	object-fit:cover;
	object-position:center;
	width:100%;
	height:100%
}
:root[data-theme=light] .glass-card {
	background:#ffffffbf;
	border-color:#ec5b131f
}
:root[data-theme=light] .hero-gradient {
	background:radial-gradient(circle, #ec5b131a 0%, #0000 70%)
}
:root[data-theme=light] .glow {
	border-color:#ec5b131f;
	box-shadow:0 0 60px #ec5b131a
}
:root[data-theme=light] .screenshot {
	border-color:var(--color-border);
	box-shadow:0 0 40px #ec5b130d
}
@media (prefers-color-scheme:light) {
:root:not([data-theme=dark]) .hero-gradient {
background:radial-gradient(circle, #ec5b131a 0%, #0000 70%)
}
:root:not([data-theme=dark]) .glow {
border-color:#ec5b131f;
box-shadow:0 0 60px #ec5b131a
}
:root:not([data-theme=dark]) .screenshot {
border-color:var(--color-border);
box-shadow:0 0 40px #ec5b130d
}
}
@keyframes floatArrow {
0%, to {
opacity:.55;
transform:translate(-50%)
}
50% {
opacity:1;
transform:translate(-50%, 8px)
}
}
@keyframes typeLine {
0%, 8% {
opacity:1;
width:0
}
35%, 58% {
opacity:1;
width:100%
}
84%, to {
opacity:0;
width:0
}
}
@keyframes resultPulse {
0%, 60% {
opacity:0;
transform:translateY(2px)
}
66%, 86% {
opacity:1;
transform:translateY(0)
}
to {
	opacity:0
}
}
@keyframes orbFloat {
0%, to {
transform:translate(0)
}
50% {
transform:translate(-22px, 16px)
}
}
@keyframes orbFloatAlt {
0%, to {
transform:translate(0)
}
50% {
transform:translate(16px, -14px)
}
}
@keyframes particleDrift {
0% {
transform:translateY(0)
}
50% {
transform:translateY(-14px)
}
to {
	transform:translateY(0)
}
}
@keyframes langFadeIn {
0% {
opacity:0;
transform:translateY(-4px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
@keyframes menuSlideIn {
0% {
opacity:0;
transform:translateY(-8px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
@keyframes marqueeLeft {
0% {
transform:translate(0)
}
to {
	transform:translate(-50%)
}
}
@keyframes marqueeRight {
0% {
transform:translate(-50%)
}
to {
	transform:translate(0)
}
}
.marquee-row {
	overflow:hidden;
	-webkit-mask-image:linear-gradient(90deg, #0000, #000 6% 94%, #0000);
	mask-image:linear-gradient(90deg, #0000, #000 6% 94%, #0000)
}
.marquee-track {
	will-change:transform;
	gap:1rem;
	width:max-content;
	display:flex
}
.marquee-track:hover {
	animation-play-state:paused
}
.tutorial-content h2 {
	border-top:1px solid #ec5b1329;
	margin-top:34px;
	margin-bottom:12px;
	padding-top:6px;
	font-size:clamp(1.3rem, 2.1vw, 1.6rem)
}
.tutorial-content h3 {
	color:#f1f5f9;
	margin-top:24px;
	margin-bottom:8px;
	font-size:1.08rem
}
.tutorial-content a {
	color:var(--color-primary, #ec5b13);
	text-underline-offset:3px;
	-webkit-text-decoration:underline #ec5b1366;
	text-decoration:underline #ec5b1366
}
@supports (color:color-mix(in lab, red, red)) {
.tutorial-content a {
-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary, #ec5b13)40%, transparent);
-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary, #ec5b13)40%, transparent);
-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary, #ec5b13)40%, transparent);
text-decoration-color:color-mix(in srgb, var(--color-primary, #ec5b13)40%, transparent)
}
}
.tutorial-content a {
transition:text-decoration-color .15s
}
.tutorial-content a:hover {
	-webkit-text-decoration-color:var(--color-primary, #ec5b13);
	-webkit-text-decoration-color:var(--color-primary, #ec5b13);
	-webkit-text-decoration-color:var(--color-primary, #ec5b13);
	text-decoration-color:var(--color-primary, #ec5b13)
}
.tutorial-content p, .tutorial-content li {
	color:#d8d8e2;
	line-height:1.9
}
.tutorial-content p {
	margin:12px 0
}
.tutorial-content ul, .tutorial-content ol {
	margin:12px 0 16px;
	padding-left:1.3rem
}
.tutorial-content li {
	margin:8px 0
}
.tutorial-content pre {
	background:linear-gradient(#090e1ef2, #090e1ee0);
	border:1px solid #26304d;
	border-radius:14px;
	margin:14px 0 18px;
	padding:16px;
	position:relative;
	overflow:auto;
	box-shadow:inset 0 1px #ffffff0a, 0 12px 28px #00000047
}
.tutorial-content pre code {
	color:#e8ecff;
	font-family:SF Mono, Fira Code, ui-monospace, Menlo, monospace;
font-size:.88rem;
	line-height:1.75
}
.tutorial-content code {
	color:#bfe9ff;
	background:#38bdf81f;
	border:1px solid #38bdf840;
	border-radius:6px;
	padding:2px 6px
}
.tutorial-content pre code {
	background:0 0;
	border:none;
	padding:0
}
.tutorial-content pre code .hljs-keyword, .tutorial-content pre code .hljs-selector-tag {
	color:#f472b6
}
.tutorial-content pre code .hljs-string, .tutorial-content pre code .hljs-attr {
	color:#34d399
}
.tutorial-content pre code .hljs-number, .tutorial-content pre code .hljs-literal, .tutorial-content pre code .hljs-built_in {
	color:#38bdf8
}
.tutorial-content pre code .hljs-comment {
	color:#94a3b8;
	font-style:italic
}
.tutorial-content table {
	border-collapse:collapse;
	border:1px solid var(--color-border);
	width:100%;
	margin:10px 0
}
.tutorial-content th, .tutorial-content td {
	text-align:left;
	border-bottom:1px solid #ffffff14;
	padding:8px 10px
}
.tutorial-content pre {
	position:relative
}
.copy-btn {
	color:#a1a1aa;
	cursor:pointer;
	opacity:0;
	z-index:2;
	background:#ffffff0f;
	border:1px solid #ffffff1f;
	border-radius:6px;
	padding:3px 10px;
	font-family:inherit;
font-size:.75rem;
	line-height:1.6;
transition:opacity .15s, background .15s, color .15s;
	position:absolute;
	top:8px;
	right:8px
}
.tutorial-content pre:hover .copy-btn {
	opacity:1
}
.copy-btn:hover {
	color:#e4e4e7;
	background:#ffffff1f
}
.docs-theme {
--docs-bg:#f9f7f2;
--docs-card:#fff;
--docs-sidebar:#f3f1eb;
--docs-text:#333;
--docs-text-light:#64748b;
--docs-heading:#1e293b;
--docs-accent:#f26d4a;
--docs-border:#e5e2db;
--docs-code-bg:#1e1e2e
}
[data-theme=dark] .docs-theme {
--docs-bg:#0f0f14;
--docs-card:#1a1a22;
--docs-sidebar:#141418;
--docs-text:#d1d5db;
--docs-text-light:#9ca3af;
--docs-heading:#f1f5f9;
--docs-accent:#f26d4a;
--docs-border:#2d2d35;
--docs-code-bg:#1e1e2e
}
.docs-theme {
	background:var(--docs-bg);
	color:var(--docs-text)
}
.docs-content h2 {
	border-bottom:1px solid var(--docs-border);
	color:var(--docs-heading);
	margin-top:48px;
	margin-bottom:16px;
	padding-bottom:12px;
	font-family:Noto Serif SC, serif;
	font-size:clamp(1.5rem, 2.5vw, 1.875rem);
	font-weight:600
}
.docs-content h3 {
	color:var(--docs-heading);
	margin-top:28px;
	margin-bottom:10px;
	font-size:1.15rem;
	font-weight:600
}
.docs-content p, .docs-content li {
	color:var(--docs-text-light);
	line-height:1.85
}
.docs-content p {
	margin:12px 0
}
.docs-content ul, .docs-content ol {
	margin:12px 0 16px;
	padding-left:1.3rem
}
.docs-content li {
	margin:8px 0
}
.docs-content pre {
	background:var(--docs-code-bg);
	border-radius:12px;
	margin:20px 0 24px;
	padding:0;
	position:relative;
	overflow:hidden;
	box-shadow:0 20px 50px #0000001a, 0 0 15px #f26d4a1a
}
.docs-content pre:before {
	content:"";
	background-color:#ffffff0d;
	background-image:radial-gradient(circle at 26px, #ff5f56 5px, #0000 5px), radial-gradient(circle at 46px, #ffbd2e 5px, #0000 5px), radial-gradient(circle at 66px, #27c93f 5px, #0000 5px);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:auto;
	background-attachment:scroll;
	background-origin:padding-box;
	background-clip:border-box;
	border-bottom:1px solid #ffffff0d;
	padding:10px 16px;
	display:block
}
.docs-content pre code {
	color:#d1d1e0;
	background:0 0;
	border:none;
	padding:20px;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size:.9rem;
	line-height:1.6;
	display:block;
	overflow-x:auto
}
.docs-content code {
	color:var(--docs-accent);
	background:#f26d4a1a;
	border:none;
	border-radius:6px;
	padding:2px 8px;
	font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size:.88em
}
.docs-content pre code .hljs-keyword, .docs-content pre code .hljs-selector-tag {
	color:#c678dd
}
.docs-content pre code .hljs-string, .docs-content pre code .hljs-attr {
	color:#98c379
}
.docs-content pre code .hljs-number, .docs-content pre code .hljs-literal, .docs-content pre code .hljs-built_in {
	color:#38bdf8
}
.docs-content pre code .hljs-comment {
	color:#5c6370;
	font-style:italic
}
.docs-content pre code .hljs-property {
	color:#e06c75
}
.docs-content table {
	border-collapse:collapse;
	border:1px solid var(--docs-border);
	border-radius:8px;
	width:100%;
	margin:16px 0;
font-size:.92rem;
	overflow:hidden
}
.docs-content th {
	text-align:left;
	border-bottom:2px solid var(--docs-border);
	color:var(--docs-heading);
	background:#f26d4a0f;
	padding:10px 14px;
	font-weight:600
}
.docs-content td {
	border-bottom:1px solid var(--docs-border);
	text-align:left;
	padding:10px 14px
}
.docs-content tbody tr:hover {
	background:#00000005
}
[data-theme=dark] .docs-content tbody tr:hover {
	background:#ffffff08
}
.docs-content a {
	color:var(--docs-accent);
	text-underline-offset:2px;
	text-decoration:underline
}
.docs-content a:hover {
	opacity:.8
}
.docs-content blockquote {
	color:var(--docs-text-light);
	border-left:4px solid #f26d4a4d;
	margin:16px 0;
	padding:12px 16px;
	font-style:italic
}
.docs-content hr {
	border:none;
	border-top:1px solid var(--docs-border);
	margin:24px 0
}
.docs-content img {
	border-radius:12px;
	margin:16px 0
}
.docs-callout {
	border-left:4px solid;
	border-radius:10px;
	margin:16px 0;
	padding:14px 16px
}
.docs-callout-info {
	background:#38bdf80f;
	border-left-color:#38bdf8
}
.docs-callout-warning {
	background:#f59e0b0f;
	border-left-color:#f59e0b
}
.docs-callout-tip {
	background:#22c55e0f;
	border-left-color:#22c55e
}
.docs-callout-danger {
	background:#ef44440f;
	border-left-color:#ef4444
}
:root[data-theme=light] .tutorial-content h3 {
	color:#1e293b
}
:root[data-theme=light] .tutorial-content p, :root[data-theme=light] .tutorial-content li {
	color:#374151
}
:root[data-theme=light] .tutorial-content code {
	color:#c2410c;
	background:#ec5b1314;
	border-color:#ec5b1333
}
:root[data-theme=light] .tutorial-content pre code {
	color:#e8ecff;
	background:0 0;
	border:none
}
:root[data-theme=light] .tutorial-content th, :root[data-theme=light] .tutorial-content td {
	border-bottom-color:#00000014
}
@media (prefers-color-scheme:light) {
:root:not([data-theme=dark]) .tutorial-content h3 {
color:#1e293b
}
:root:not([data-theme=dark]) .tutorial-content p, :root:not([data-theme=dark]) .tutorial-content li {
color:#374151
}
:root:not([data-theme=dark]) .tutorial-content code {
color:#c2410c;
background:#ec5b1314;
border-color:#ec5b1333
}
:root:not([data-theme=dark]) .tutorial-content pre code {
color:#e8ecff;
background:0 0;
border:none
}
:root:not([data-theme=dark]) .tutorial-content th, :root:not([data-theme=dark]) .tutorial-content td {
border-bottom-color:#00000014
}
}
@media (prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto
}
*, :before, :after {
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!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-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
}
@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
}
@keyframes pulse {
50% {
opacity:.5
}
}