/*! userx.us · UserX LLC */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-divide-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-geist-mono);--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-amber-500:#f99c00;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-sky-500:#00a5ef;--color-rose-500:#ff2357;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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-geist-mono);--font-heading:var(--font-heading)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-300:lab(92.884% -39.428 23.994);--color-red-400:lab(89.912% -60.753 42.093);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-500:lab(87.665% -77.312 69.621);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-rose-500:lab(88.264% -74.758 61.958)}}}@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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}body{background-color:var(--background);color:var(--foreground)}html{font-family:var(--font-sans)}p{font-family:Google Sans,Product Sans,ui-sans-serif,system-ui,sans-serif}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.-inset-4{inset:calc(var(--spacing) * -4)}.-inset-6{inset:calc(var(--spacing) * -6)}.-inset-10{inset:calc(var(--spacing) * -10)}.-inset-\[7px\]{inset:-7px}.-inset-\[80px\]{inset:-80px}.inset-0{inset:0}.inset-1\.5{inset:calc(var(--spacing) * 1.5)}.inset-4{inset:calc(var(--spacing) * 4)}.inset-\[-30\%\]{inset:-30%}.inset-\[26px\]{inset:26px}.-inset-x-8{inset-inline:calc(var(--spacing) * -8)}.-inset-x-12{inset-inline:calc(var(--spacing) * -12)}.-inset-x-16{inset-inline:calc(var(--spacing) * -16)}.-inset-x-\[10\%\]{inset-inline:-10%}.inset-x-0{inset-inline:0}.inset-x-10{inset-inline:calc(var(--spacing) * 10)}.inset-x-\[-0\.1em\]{inset-inline:-.1em}.inset-x-\[0\.08em\]{inset-inline:.08em}.-inset-y-6{inset-block:calc(var(--spacing) * -6)}.-inset-y-8{inset-block:calc(var(--spacing) * -8)}.-inset-y-10{inset-block:calc(var(--spacing) * -10)}.-inset-y-\[16\%\]{inset-block:-16%}.inset-y-0{inset-block:0}.inset-y-3{inset-block:calc(var(--spacing) * 3)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-4{top:calc(var(--spacing) * -4)}.-top-5{top:calc(var(--spacing) * -5)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-14{top:calc(var(--spacing) * -14)}.-top-24{top:calc(var(--spacing) * -24)}.-top-\[0\.05em\]{top:-.05em}.-top-full{top:-100%}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-7{top:calc(var(--spacing) * 7)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-14{top:calc(var(--spacing) * 14)}.top-16{top:calc(var(--spacing) * 16)}.top-24{top:calc(var(--spacing) * 24)}.top-\[-8\%\]{top:-8%}.top-\[5vh\]{top:5vh}.top-\[9\%\]{top:9%}.top-\[9px\]{top:9px}.top-\[10\%\]{top:10%}.top-\[12\%\]{top:12%}.top-\[16\%\]{top:16%}.top-\[20\%\]{top:20%}.top-\[22\%\]{top:22%}.top-\[40\%\]{top:40%}.top-\[42\%\]{top:42%}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-3{right:calc(var(--spacing) * -3)}.-right-4{right:calc(var(--spacing) * -4)}.-right-8{right:calc(var(--spacing) * -8)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.-right-24{right:calc(var(--spacing) * -24)}.-right-40{right:calc(var(--spacing) * -40)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-7{right:calc(var(--spacing) * 7)}.right-\[-12\%\]{right:-12%}.right-\[6\%\]{right:6%}.right-\[8\%\]{right:8%}.right-\[16\%\]{right:16%}.right-\[30\%\]{right:30%}.right-\[40\%\]{right:40%}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-28{bottom:calc(var(--spacing) * -28)}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-7{bottom:calc(var(--spacing) * 7)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[-30\%\]{bottom:-30%}.bottom-\[-34\%\]{bottom:-34%}.bottom-\[-55\%\]{bottom:-55%}.bottom-\[0\.05em\]{bottom:.05em}.bottom-\[8\%\]{bottom:8%}.bottom-\[12\%\]{bottom:12%}.bottom-\[18\%\]{bottom:18%}.bottom-\[76px\]{bottom:76px}.-left-1{left:calc(var(--spacing) * -1)}.-left-1\/3{left:-33.3333%}.-left-2{left:calc(var(--spacing) * -2)}.-left-3{left:calc(var(--spacing) * -3)}.-left-8{left:calc(var(--spacing) * -8)}.-left-12{left:calc(var(--spacing) * -12)}.-left-20{left:calc(var(--spacing) * -20)}.-left-\[9999px\]{left:-9999px}.left-0{left:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-7{left:calc(var(--spacing) * 7)}.left-8{left:calc(var(--spacing) * 8)}.left-\[-15\%\]{left:-15%}.left-\[-9999px\]{left:-9999px}.left-\[1\.35rem\]{left:1.35rem}.left-\[3\%\]{left:3%}.left-\[3\.5px\]{left:3.5px}.left-\[6\%\]{left:6%}.left-\[10\%\]{left:10%}.left-\[32\%\]{left:32%}.left-\[38\%\]{left:38%}.left-\[46\%\]{left:46%}.left-\[52\%\]{left:52%}.left-\[54\%\]{left:54%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[35\]{z-index:35}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.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-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-auto{margin-block:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-\[45rem\]{margin-top:-45rem}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-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-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-\[5px\]{margin-top:5px}.mt-\[18px\]{margin-top:18px}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[9\%\]{margin-bottom:9%}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-\[20rem\]{margin-left:-20rem}.-ml-\[27\.5rem\]{margin-left:-27.5rem}.-ml-\[30rem\]{margin-left:-30rem}.-ml-\[45rem\]{margin-left:-45rem}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.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}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[9\/19\]{aspect-ratio:9/19}.aspect-\[14\/9\]{aspect-ratio:14/9}.aspect-\[64\/55\]{aspect-ratio:64/55}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.size-\[18px\]{width:18px;height:18px}.size-\[132px\]{width:132px;height:132px}.\!h-9{height:calc(var(--spacing) * 9)!important}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-1\/3{height:33.3333%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-104{height:calc(var(--spacing) * 104)}.h-\[0\.04em\]{height:.04em}.h-\[0\.12em\]{height:.12em}.h-\[0\.035em\]{height:.035em}.h-\[0\.82em\]{height:.82em}.h-\[1\.2em\]{height:1.2em}.h-\[3px\]{height:3px}.h-\[4\.15rem\]{height:4.15rem}.h-\[9px\]{height:9px}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[23\%\]{height:23%}.h-\[24rem\]{height:24rem}.h-\[26rem\]{height:26rem}.h-\[30rem\]{height:30rem}.h-\[34px\]{height:34px}.h-\[34rem\]{height:34rem}.h-\[36rem\]{height:36rem}.h-\[36vh\]{height:36vh}.h-\[40rem\]{height:40rem}.h-\[42rem\]{height:42rem}.h-\[45\%\]{height:45%}.h-\[48rem\]{height:48rem}.h-\[54rem\]{height:54rem}.h-\[55rem\]{height:55rem}.h-\[60vh\]{height:60vh}.h-\[68\%\]{height:68%}.h-\[72\%\]{height:72%}.h-\[78vh\]{height:78vh}.h-\[88px\]{height:88px}.h-\[90rem\]{height:90rem}.h-\[100svh\]{height:100svh}.h-\[280px\]{height:280px}.h-\[336px\]{height:336px}.h-\[380px\]{height:380px}.h-\[calc\(100\%-41px\)\]{height:calc(100% - 41px)}.h-\[clamp\(1\.4rem\,3vw\,2\.5rem\)\]{height:clamp(1.4rem,3vw,2.5rem)}.h-\[clamp\(1\.6rem\,3\.4vw\,2\.75rem\)\]{height:clamp(1.6rem,3.4vw,2.75rem)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[16rem\]{max-height:16rem}.max-h-\[30rem\]{max-height:30rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[260px\]{max-height:260px}.max-h-\[280px\]{max-height:280px}.\!min-h-11{min-height:calc(var(--spacing) * 11)!important}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[15rem\]{min-height:15rem}.min-h-\[16rem\]{min-height:16rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[34rem\]{min-height:34rem}.min-h-\[64px\]{min-height:64px}.min-h-\[90vh\]{min-height:90vh}.min-h-\[100svh\]{min-height:100svh}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.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-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[0\.24em\]{width:.24em}.w-\[0\.035em\]{width:.035em}.w-\[0\.84em\]{width:.84em}.w-\[1\.7em\]{width:1.7em}.w-\[2\.4rem\]{width:2.4rem}.w-\[3\.5rem\]{width:3.5rem}.w-\[3px\]{width:3px}.w-\[4\.55rem\]{width:4.55rem}.w-\[9px\]{width:9px}.w-\[15rem\]{width:15rem}.w-\[26rem\]{width:26rem}.w-\[29\%\]{width:29%}.w-\[33\%\]{width:33%}.w-\[34rem\]{width:34rem}.w-\[36rem\]{width:36rem}.w-\[40\%\]{width:40%}.w-\[40rem\]{width:40rem}.w-\[42rem\]{width:42rem}.w-\[44rem\]{width:44rem}.w-\[55rem\]{width:55rem}.w-\[60rem\]{width:60rem}.w-\[68\%\]{width:68%}.w-\[72vw\]{width:72vw}.w-\[74px\]{width:74px}.w-\[82\%\]{width:82%}.w-\[84\%\]{width:84%}.w-\[86\%\]{width:86%}.w-\[90rem\]{width:90rem}.w-\[116px\]{width:116px}.w-\[160\%\]{width:160%}.w-\[336px\]{width:336px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.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-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[13rem\]{max-width:13rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[21rem\]{max-width:21rem}.max-w-\[24ch\]{max-width:24ch}.max-w-\[24rem\]{max-width:24rem}.max-w-\[26rem\]{max-width:26rem}.max-w-\[88\%\]{max-width:88%}.max-w-\[90\%\]{max-width:90%}.max-w-\[100rem\]{max-width:100rem}.max-w-\[110rem\]{max-width:110rem}.max-w-\[220px\]{max-width:220px}.max-w-\[300px\]{max-width:300px}.max-w-\[460px\]{max-width:460px}.max-w-\[708px\]{max-width:708px}.max-w-\[1080px\]{max-width:1080px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[860px\]{min-width:860px}.min-w-\[880px\]{min-width:880px}.min-w-\[960px\]{min-width:960px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[128\%\]{--tw-translate-x:calc(128% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[28\%\]{--tw-translate-x:28%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-7{--tw-translate-y:calc(var(--spacing) * -7);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\.5{--tw-translate-y:calc(var(--spacing) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-0{--tw-scale-y:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.06\]{scale:1.06}.-rotate-1{rotate:-1deg}.-rotate-3{rotate:-3deg}.-rotate-90{rotate:-90deg}.rotate-1{rotate:1deg}.rotate-2{rotate:2deg}.rotate-3{rotate:3deg}.rotate-180{rotate:180deg}.rotate-\[-8deg\]{rotate:-8deg}.rotate-\[8deg\]{rotate:8deg}.-skew-x-12{--tw-skew-x:skewX(calc(12deg * -1));transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.\[transform\:scale\(1\.12\)\]{transform:scale(1.12)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shimmer{--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.shimmer:is(.dark *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.\[animation\:cardGlow_9s_ease-in-out_infinite\]{animation:9s ease-in-out infinite cardGlow}.\[animation\:flapFoldBottom_120ms_ease-out_120ms_both\]{animation:.12s ease-out .12s both flapFoldBottom}.\[animation\:flapFoldTop_120ms_ease-in_forwards\]{animation:.12s ease-in forwards flapFoldTop}.animate-\[hwScroll_9s_linear_infinite\]{animation:9s linear infinite hwScroll}.animate-\[marquee_60s_linear_infinite\]{animation:60s linear infinite marquee}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.\[scrollbar-width\:none\]{scrollbar-width: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-\[1\.25rem_7\.5rem_1fr\]{grid-template-columns:1.25rem 7.5rem 1fr}.grid-cols-\[2\.9rem_1fr\]{grid-template-columns:2.9rem 1fr}.grid-cols-\[2\.75rem_1fr\]{grid-template-columns:2.75rem 1fr}.grid-cols-\[repeat\(3\,2\.5rem\)\]{grid-template-columns:repeat(3,2.5rem)}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.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}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[0\.05em\]{gap:.05em}.gap-\[0\.12em\]{gap:.12em}.gap-\[clamp\(1\.25rem\,4vw\,3\.5rem\)\]{gap:clamp(1.25rem,4vw,3.5rem)}.gap-px{gap:1px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-0\.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-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-9>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-x-\[0\.32em\]{column-gap:.32em}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)),:where(.divide-border\/60>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\/60>:not(:last-child)){border-color:color-mix(in oklab, var(--border) 60%, transparent)}}:where(.divide-border\/70>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\/70>:not(:last-child)){border-color:color-mix(in oklab, var(--border) 70%, transparent)}}:where(.divide-primary\/10>:not(:last-child)){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){:where(.divide-primary\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.\[scroll-behavior\:smooth\]{scroll-behavior:smooth}.\!rounded-\[1\.4rem\]{border-radius:1.4rem!important}.\!rounded-\[1\.6rem\]{border-radius:1.6rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.rounded-\[0\.08em\]{border-radius:.08em}.rounded-\[0\.24em\]{border-radius:.24em}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2\.7rem\]{border-radius:2.7rem}.rounded-\[2\.25rem\]{border-radius:2.25rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[7px\]{border-radius:7px}.rounded-\[24\%\]{border-radius:24%}.rounded-\[36px\]{border-radius:36px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) * .6)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-\[0\.08em\]{border-top-left-radius:.08em;border-top-right-radius:.08em}.rounded-t-md{border-top-left-radius:calc(var(--radius) * .8);border-top-right-radius:calc(var(--radius) * .8)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-2xl{border-bottom-right-radius:calc(var(--radius) * 1.8);border-bottom-left-radius:calc(var(--radius) * 1.8)}.rounded-b-\[0\.08em\]{border-bottom-right-radius:.08em;border-bottom-left-radius:.08em}.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-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.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-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-style\:dashed\]{border-style:dashed}.\!border-primary{border-color:var(--primary)!important}.border-\[\#00aa99\]{border-color:#0a9}.border-\[\#2a2a2e\]{border-color:#2a2a2e}.border-\[\#5968D9\]{border-color:#5968d9}.border-\[\#12291c\]\/10{border-color:#12291c1a;border-color:lab(14.3702% -12.3974 5.62553/.1)}.border-\[\#eee\]{border-color:#eee}.border-\[var\(--c-accent\)\],.border-\[var\(--c-accent\)\]\/25{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--c-accent\)\]\/25{border-color:color-mix(in oklab, var(--c-accent) 25%, transparent)}}.border-\[var\(--c-line\)\]{border-color:var(--c-line)}.border-\[var\(--sc-line\)\]{border-color:var(--sc-line)}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-background\/80{border-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.border-background\/80{border-color:color-mix(in oklab, var(--background) 80%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.border-black\/\[0\.05\]{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.border-black\/\[0\.06\]{border-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.border-black\/\[0\.07\]{border-color:#00000012}@supports (color:color-mix(in lab, red, red)){.border-black\/\[0\.07\]{border-color:color-mix(in oklab, var(--color-black) 7.0%, transparent)}}.border-border,.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-foreground{border-color:var(--foreground)}.border-input{border-color:var(--input)}.border-muted-foreground{border-color:var(--muted-foreground)}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/60{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.border-primary\/70{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/70{border-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/30{border-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.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\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, 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\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/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-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.\!bg-primary{background-color:var(--primary)!important}.bg-\[\#0a0a0b\]{background-color:#0a0a0b}.bg-\[\#0a7a0a\]{background-color:#0a7a0a}.bg-\[\#0b0b0d\]{background-color:#0b0b0d}.bg-\[\#0b1712\]{background-color:#0b1712}.bg-\[\#0d0d0f\]{background-color:#0d0d0f}.bg-\[\#00aa99\]{background-color:#0a9}.bg-\[\#1d1d1d\]{background-color:#1d1d1d}.bg-\[\#8fe6ac\]{background-color:#8fe6ac}.bg-\[\#35DB85\]{background-color:#35db85}.bg-\[\#5968D9\]{background-color:#5968d9}.bg-\[\#10141c\]{background-color:#10141c}.bg-\[\#050505\]{background-color:#050505}.bg-\[\#050506\]{background-color:#050506}.bg-\[\#101312\]{background-color:#101312}.bg-\[\#141414\]{background-color:#141414}.bg-\[\#161616\]{background-color:#161616}.bg-\[\#EDEDED\]{background-color:#ededed}.bg-\[\#e8ae00\]{background-color:#e8ae00}.bg-\[\#e9f0e7\]{background-color:#e9f0e7}.bg-\[\#f4f3ee\]{background-color:#f4f3ee}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#00ff41\]{background-color:#00ff41}.bg-\[\#00ff41\]{background-color:#00ff41}.bg-\[var\(--bp-amber\)\]{background-color:var(--bp-amber)}.bg-\[var\(--bp-green\)\]{background-color:var(--bp-green)}.bg-\[var\(--bp-green-dark\)\],.bg-\[var\(--bp-green-dark\)\]\/25{background-color:var(--bp-green-dark)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bp-green-dark\)\]\/25{background-color:color-mix(in oklab, var(--bp-green-dark) 25%, transparent)}}.bg-\[var\(--bp-paper\)\],.bg-\[var\(--bp-paper\)\]\/60{background-color:var(--bp-paper)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bp-paper\)\]\/60{background-color:color-mix(in oklab, var(--bp-paper) 60%, transparent)}}.bg-\[var\(--bp-paper\)\]\/85{background-color:var(--bp-paper)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bp-paper\)\]\/85{background-color:color-mix(in oklab, var(--bp-paper) 85%, transparent)}}.bg-\[var\(--bp-yellow\)\]{background-color:var(--bp-yellow)}.bg-\[var\(--brand\)\]{background-color:var(--brand)}.bg-\[var\(--c-accent\)\],.bg-\[var\(--c-accent\)\]\/10{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--c-accent\)\]\/10{background-color:color-mix(in oklab, var(--c-accent) 10%, transparent)}}.bg-\[var\(--c-accent\)\]\/15{background-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--c-accent\)\]\/15{background-color:color-mix(in oklab, var(--c-accent) 15%, transparent)}}.bg-\[var\(--c-bg\)\]{background-color:var(--c-bg)}.bg-\[var\(--c-card\)\]{background-color:var(--c-card)}.bg-\[var\(--c-glass\)\]{background-color:var(--c-glass)}.bg-\[var\(--sc-bg\)\],.bg-\[var\(--sc-bg\)\]\/80{background-color:var(--sc-bg)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sc-bg\)\]\/80{background-color:color-mix(in oklab, var(--sc-bg) 80%, transparent)}}.bg-\[var\(--sc-blue\)\],.bg-\[var\(--sc-blue\)\]\/10{background-color:var(--sc-blue)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sc-blue\)\]\/10{background-color:color-mix(in oklab, var(--sc-blue) 10%, transparent)}}.bg-\[var\(--sc-line\)\]{background-color:var(--sc-line)}.bg-\[var\(--sc-navy\)\]{background-color:var(--sc-navy)}.bg-\[var\(--sc-violet\)\],.bg-\[var\(--sc-violet\)\]\/15{background-color:var(--sc-violet)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sc-violet\)\]\/15{background-color:color-mix(in oklab, var(--sc-violet) 15%, transparent)}}.bg-\[var\(--sc-violet\)\]\/25{background-color:var(--sc-violet)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sc-violet\)\]\/25{background-color:color-mix(in oklab, var(--sc-violet) 25%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-background,.bg-background\/40{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/40{background-color:color-mix(in oklab, var(--background) 40%, transparent)}}.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/50{background-color:color-mix(in oklab, var(--background) 50%, transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/60{background-color:color-mix(in oklab, var(--background) 60%, transparent)}}.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/70{background-color:color-mix(in oklab, var(--background) 70%, transparent)}}.bg-background\/75{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/75{background-color:color-mix(in oklab, var(--background) 75%, transparent)}}.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/80{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.bg-background\/85{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/85{background-color:color-mix(in oklab, var(--background) 85%, transparent)}}.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--background) 90%, transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, var(--background) 95%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, 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\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/\[0\.09\]{background-color:#00000017}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[0\.09\]{background-color:color-mix(in oklab, var(--color-black) 9%, transparent)}}.bg-black\/\[0\.57\]{background-color:#00000091}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[0\.57\]{background-color:color-mix(in oklab, var(--color-black) 57.0%, transparent)}}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/40{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/40{background-color:color-mix(in oklab, var(--card) 40%, transparent)}}.bg-card\/60{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/60{background-color:color-mix(in oklab, var(--card) 60%, transparent)}}.bg-card\/70{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/70{background-color:color-mix(in oklab, var(--card) 70%, transparent)}}.bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/80{background-color:color-mix(in oklab, var(--card) 80%, transparent)}}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/70{background-color:#00bb7fb3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/70{background-color:color-mix(in oklab, var(--color-emerald-500) 70%, transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground,.bg-muted-foreground\/25{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/25{background-color:color-mix(in oklab, var(--muted-foreground) 25%, transparent)}}.bg-muted-foreground\/30{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.bg-muted-foreground\/35{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/35{background-color:color-mix(in oklab, var(--muted-foreground) 35%, transparent)}}.bg-muted-foreground\/40{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/40{background-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.bg-muted-foreground\/60{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/60{background-color:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/20{background-color:color-mix(in oklab, var(--muted) 20%, transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-primary\/25{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/25{background-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.bg-primary\/30{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.bg-primary\/45{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/45{background-color:color-mix(in oklab, var(--primary) 45%, transparent)}}.bg-primary\/60{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.bg-primary\/70{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/70{background-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.bg-primary\/80{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/80{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-secondary,.bg-secondary\/40{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/40{background-color:color-mix(in oklab, var(--secondary) 40%, transparent)}}.bg-sidebar{background-color:var(--sidebar)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/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\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.bg-white\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/92{background-color:#ffffffeb}@supports (color:color-mix(in lab, red, red)){.bg-white\/92{background-color:color-mix(in oklab, var(--color-white) 92%, transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-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-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:linear-gradient\(rgba\(0\,0\,0\,0\.035\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.035\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px)}.\[background-image\:linear-gradient\(var\(--foreground\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--foreground\)_1px\,transparent_1px\)\]{background-image:linear-gradient(var(--foreground) 1px,transparent 1px),linear-gradient(90deg,var(--foreground) 1px,transparent 1px)}.\[background-image\:repeating-linear-gradient\(45deg\,transparent\,transparent_9px\,rgba\(255\,255\,255\,0\.02\)_9px\,rgba\(255\,255\,255\,0\.02\)_10px\)\]{background-image:repeating-linear-gradient(45deg,#0000,#0000 9px,#ffffff05 9px 10px)}.bg-\[linear-gradient\(140deg\,\#0b4f3f_0\%\,\#0e8a66_46\%\,\#7fd4b0_100\%\)\]{background-image:linear-gradient(140deg,#0b4f3f 0%,#0e8a66 46%,#7fd4b0 100%)}.bg-\[radial-gradient\(80\%_75\%_at_26\%_46\%\,color-mix\(in_oklab\,var\(--background\)_70\%\,transparent\)_30\%\,transparent_80\%\)\]{background-image:radial-gradient(80% 75% at 26% 46%,var(--background) 30%,transparent 80%)}@supports (color:color-mix(in lab, red, red)){.bg-\[radial-gradient\(80\%_75\%_at_26\%_46\%\,color-mix\(in_oklab\,var\(--background\)_70\%\,transparent\)_30\%\,transparent_80\%\)\]{background-image:radial-gradient(80% 75% at 26% 46%,color-mix(in oklab,var(--background) 70%,transparent) 30%,transparent 80%)}}.bg-\[radial-gradient\(80\%_100\%_at_50\%_0\%\,rgba\(0\,255\,65\,0\.06\)\,transparent_70\%\)\]{background-image:radial-gradient(80% 100% at 50% 0,#00ff410f,#0000 70%)}.bg-\[radial-gradient\(120\%_85\%_at_50\%_25\%\,transparent_55\%\,var\(--background\)\)\]{background-image:radial-gradient(120% 85% at 50% 25%,transparent 55%,var(--background))}.bg-\[radial-gradient\(circle_at_35\%_30\%\,rgba\(255\,255\,255\,0\.35\)\,rgba\(255\,255\,255\,0\.08\)_45\%\,rgba\(0\,0\,0\,0\.25\)\)\]{background-image:radial-gradient(circle at 35% 30%,#ffffff59,#ffffff14 45%,#00000040)}.bg-\[radial-gradient\(circle_at_center\,\#000\,transparent_55\%\)\]{background-image:radial-gradient(circle,#000,#0000 55%)}.bg-\[radial-gradient\(circle_at_center\,var\(--brand\)\,transparent_66\%\)\]{background-image:radial-gradient(circle at center,var(--brand),transparent 66%)}.bg-\[radial-gradient\(circle_at_center\,var\(--brand\)\,transparent_68\%\)\]{background-image:radial-gradient(circle at center,var(--brand),transparent 68%)}.bg-\[radial-gradient\(closest-side\,rgba\(0\,166\,81\,0\.2\)\,transparent\)\]{background-image:radial-gradient(closest-side,#00a65133,#0000)}.bg-\[radial-gradient\(closest-side\,rgba\(0\,166\,81\,0\.10\)\,transparent_75\%\)\]{background-image:radial-gradient(closest-side,#00a6511a,#0000 75%)}.bg-\[radial-gradient\(closest-side\,rgba\(0\,166\,81\,0\.12\)\,transparent_75\%\)\]{background-image:radial-gradient(closest-side,#00a6511f,#0000 75%)}.bg-\[radial-gradient\(closest-side\,rgba\(0\,166\,81\,0\.16\)\,transparent\)\]{background-image:radial-gradient(closest-side,#00a65129,#0000)}.bg-\[radial-gradient\(closest-side\,rgba\(0\,166\,81\,0\.25\)\,transparent_72\%\)\]{background-image:radial-gradient(closest-side,#00a65140,#0000 72%)}.bg-\[radial-gradient\(closest-side\,rgba\(255\,210\,0\,0\.12\)\,transparent\)\]{background-image:radial-gradient(closest-side,#ffd2001f,#0000)}.bg-\[repeating-linear-gradient\(90deg\,var\(--border\)_0_6px\,transparent_6px_12px\)\]{background-image:repeating-linear-gradient(90deg,var(--border) 0 6px,transparent 6px 12px)}.bg-\[repeating-linear-gradient\(135deg\,transparent_0_6px\,rgba\(0\,0\,0\,\.25\)_6px_8px\)\]{background-image:repeating-linear-gradient(135deg,#0000 0 6px,#00000040 6px 8px)}.from-\[\#0b1712\]{--tw-gradient-from:#0b1712;--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-\[var\(--sc-blue\)\]{--tw-gradient-from:var(--sc-blue);--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-background{--tw-gradient-from:var(--background);--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-black\/25{--tw-gradient-from:#00000040}@supports (color:color-mix(in lab, red, red)){.from-black\/25{--tw-gradient-from:color-mix(in oklab, var(--color-black) 25%, transparent)}}.from-black\/25{--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-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/45{--tw-gradient-from:#00000073}@supports (color:color-mix(in lab, red, red)){.from-black\/45{--tw-gradient-from:color-mix(in oklab, var(--color-black) 45%, transparent)}}.from-black\/45{--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-black\/75{--tw-gradient-from:#000000bf}@supports (color:color-mix(in lab, red, red)){.from-black\/75{--tw-gradient-from:color-mix(in oklab, var(--color-black) 75%, transparent)}}.from-black\/75{--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-black\/85{--tw-gradient-from:#000000d9}@supports (color:color-mix(in lab, red, red)){.from-black\/85{--tw-gradient-from:color-mix(in oklab, var(--color-black) 85%, transparent)}}.from-black\/85{--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(--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))}.from-primary\/60{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/60{--tw-gradient-from:color-mix(in oklab, var(--primary) 60%, transparent)}}.from-primary\/60{--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\/\[0\.07\]{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/\[0\.07\]{--tw-gradient-from:color-mix(in oklab, var(--primary) 7.0%, transparent)}}.from-primary\/\[0\.07\]{--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\/\[0\.08\]{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/\[0\.08\]{--tw-gradient-from:color-mix(in oklab, var(--primary) 8%, transparent)}}.from-primary\/\[0\.08\]{--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-transparent{--tw-gradient-from: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))}.from-white{--tw-gradient-from:var(--color-white);--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-white\/\[0\.10\]{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.from-white\/\[0\.10\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 10%, transparent)}}.from-white\/\[0\.10\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#00532c\]{--tw-gradient-via:#00532c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[var\(--c-accent\)\]\/70{--tw-gradient-via:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.via-\[var\(--c-accent\)\]\/70{--tw-gradient-via:color-mix(in oklab, var(--c-accent) 70%, transparent)}}.via-\[var\(--c-accent\)\]\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/70{--tw-gradient-via:var(--background)}@supports (color:color-mix(in lab, red, red)){.via-background\/70{--tw-gradient-via:color-mix(in oklab, var(--background) 70%, transparent)}}.via-background\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/10{--tw-gradient-via:#0000001a}@supports (color:color-mix(in lab, red, red)){.via-black\/10{--tw-gradient-via:color-mix(in oklab, var(--color-black) 10%, transparent)}}.via-black\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/30{--tw-gradient-via:#0000004d}@supports (color:color-mix(in lab, red, red)){.via-black\/30{--tw-gradient-via:color-mix(in oklab, var(--color-black) 30%, transparent)}}.via-black\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/40{--tw-gradient-via:#0006}@supports (color:color-mix(in lab, red, red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent)}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/45{--tw-gradient-via:#00000073}@supports (color:color-mix(in lab, red, red)){.via-black\/45{--tw-gradient-via:color-mix(in oklab, var(--color-black) 45%, transparent)}}.via-black\/45{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-border{--tw-gradient-via:var(--border);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary\/40{--tw-gradient-via:var(--primary)}@supports (color:color-mix(in lab, red, red)){.via-primary\/40{--tw-gradient-via:color-mix(in oklab, var(--primary) 40%, transparent)}}.via-primary\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary\/50{--tw-gradient-via:var(--primary)}@supports (color:color-mix(in lab, red, red)){.via-primary\/50{--tw-gradient-via:color-mix(in oklab, var(--primary) 50%, transparent)}}.via-primary\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary\/60{--tw-gradient-via:var(--primary)}@supports (color:color-mix(in lab, red, red)){.via-primary\/60{--tw-gradient-via:color-mix(in oklab, var(--primary) 60%, transparent)}}.via-primary\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/35{--tw-gradient-via:#ffffff59}@supports (color:color-mix(in lab, red, red)){.via-white\/35{--tw-gradient-via:color-mix(in oklab, var(--color-white) 35%, transparent)}}.via-white\/35{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/40{--tw-gradient-via:#fff6}@supports (color:color-mix(in lab, red, red)){.via-white\/40{--tw-gradient-via:color-mix(in oklab, var(--color-white) 40%, transparent)}}.via-white\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0b1712\]{--tw-gradient-to:#0b1712;--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-\[\#123024\]{--tw-gradient-to:#123024;--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-\[\#eef6f0\]{--tw-gradient-to:#eef6f0;--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-\[\#f7f8fd\]{--tw-gradient-to:#f7f8fd;--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-\[var\(--sc-violet\)\]{--tw-gradient-to:var(--sc-violet);--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-black\/5{--tw-gradient-to:#0000000d}@supports (color:color-mix(in lab, red, red)){.to-black\/5{--tw-gradient-to:color-mix(in oklab, var(--color-black) 5%, transparent)}}.to-black\/5{--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-black\/45{--tw-gradient-to:#00000073}@supports (color:color-mix(in lab, red, red)){.to-black\/45{--tw-gradient-to:color-mix(in oklab, var(--color-black) 45%, transparent)}}.to-black\/45{--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-black\/60{--tw-gradient-to:#0009}@supports (color:color-mix(in lab, red, red)){.to-black\/60{--tw-gradient-to:color-mix(in oklab, var(--color-black) 60%, transparent)}}.to-black\/60{--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-black\/70{--tw-gradient-to:#000000b3}@supports (color:color-mix(in lab, red, red)){.to-black\/70{--tw-gradient-to:color-mix(in oklab, var(--color-black) 70%, transparent)}}.to-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))}.to-card\/40{--tw-gradient-to:var(--card)}@supports (color:color-mix(in lab, red, red)){.to-card\/40{--tw-gradient-to:color-mix(in oklab, var(--card) 40%, transparent)}}.to-card\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--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-primary\/20{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/20{--tw-gradient-to:color-mix(in oklab, var(--primary) 20%, transparent)}}.to-primary\/20{--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-primary\/40{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/40{--tw-gradient-to:color-mix(in oklab, var(--primary) 40%, transparent)}}.to-primary\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary\/60{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/60{--tw-gradient-to:color-mix(in oklab, var(--primary) 60%, transparent)}}.to-primary\/60{--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))}.\[mask-image\:linear-gradient\(to_right\,transparent\,black_8\%\,black_92\%\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.\[mask-image\:radial-gradient\(120\%_90\%_at_50\%_45\%\,black_45\%\,transparent_92\%\)\]{-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,#0000 92%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,#0000 92%)}.\[mask-image\:radial-gradient\(120\%_100\%_at_60\%_40\%\,black_30\%\,transparent_85\%\)\]{-webkit-mask-image:radial-gradient(120% 100% at 60% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(120% 100% at 60% 40%,#000 30%,#0000 85%)}.\[mask-image\:radial-gradient\(ellipse_60\%_62\%_at_50\%_50\%\,\#000_40\%\,transparent_74\%\)\]{-webkit-mask-image:radial-gradient(60% 62%,#000 40%,#0000 74%);mask-image:radial-gradient(60% 62%,#000 40%,#0000 74%)}.\[mask-image\:radial-gradient\(ellipse_at_center\,\#000_25\%\,transparent_72\%\)\]{-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.\[mask-image\:url\(\/logo\.svg\)\]{-webkit-mask-image:url(/userx/brand/logo.svg);mask-image:url(/userx/brand/logo.svg)}.\[mask-image\:url\(\/work\/bp\/earnify-logo\.svg\)\]{-webkit-mask-image:url(/work/bp/earnify-logo.svg);mask-image:url(/work/bp/earnify-logo.svg)}.\[background-size\:28px_28px\]{background-size:28px 28px}.\[background-size\:64px_64px\]{background-size:64px 64px}.\[background-size\:250\%_250\%\]{background-size:250% 250%}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\[mask-size\:contain\]{-webkit-mask-size:contain;mask-size:contain}.\[mask-position\:center\]{-webkit-mask-position:50%;mask-position:50%}.\[mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.stroke-foreground{stroke:var(--foreground)}.stroke-primary{stroke:var(--primary)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left{object-position:left}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.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-\[7px\]{padding:7px}.p-px{padding:1px}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.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-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[13px\]{padding-inline:13px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-28{padding-block:calc(var(--spacing) * 28)}.py-\[0\.08em\]{padding-block:.08em}.py-\[9px\]{padding-block:9px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pt-\[0\.5em\]{padding-top:.5em}.pt-\[12vh\]{padding-top:12vh}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pr-\[5px\]{padding-right:5px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-geist-mono)}.font-oswald{font-family:Oswald,ui-sans-serif,sans-serif}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);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);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.4em\]{font-size:.4em}.text-\[0\.45em\]{font-size:.45em}.text-\[0\.92em\]{font-size:.92em}.text-\[0\.95rem\]{font-size:.95rem}.text-\[2\.1rem\]{font-size:2.1rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[2rem\]{font-size:2rem}.text-\[7vw\]{font-size:7vw}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5vw\]{font-size:13.5vw}.text-\[13px\]{font-size:13px}.text-\[13vw\]{font-size:13vw}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[clamp\(3rem\,9vw\,6rem\)\]{font-size:clamp(3rem,9vw,6rem)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.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-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-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\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.32em\]{--tw-tracking:.32em;letter-spacing:.32em}.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-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-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0a7a0a\]{color:#0a7a0a}.text-\[\#00aa99\]{color:#0a9}.text-\[\#1a1a1a\]{color:#1a1a1a}.text-\[\#1d1d1d\]{color:#1d1d1d}.text-\[\#1f1f1f\]{color:#1f1f1f}.text-\[\#4d4d4d\]{color:#4d4d4d}.text-\[\#6b6b70\]{color:#6b6b70}.text-\[\#6b6b72\]{color:#6b6b72}.text-\[\#8a8a90\]{color:#8a8a90}.text-\[\#8fe6ac\]{color:#8fe6ac}.text-\[\#111\]{color:#111}.text-\[\#111\]\/45{color:#11111173;color:lab(5.06335% -.00000745058 -.00000298023/.45)}.text-\[\#111\]\/60{color:#1119;color:lab(5.06335% -.00000745058 -.00000298023/.6)}.text-\[\#111\]\/90{color:#111111e6;color:lab(5.06335% -.00000745058 -.00000298023/.9)}.text-\[\#231f0d\]{color:#231f0d}.text-\[\#333\]{color:#333}.text-\[\#999\]{color:#999}.text-\[\#12291c\]{color:#12291c}.text-\[\#12291c\]\/40{color:#12291c66;color:lab(14.3702% -12.3974 5.62553/.4)}.text-\[\#12291c\]\/45{color:#12291c73;color:lab(14.3702% -12.3974 5.62553/.45)}.text-\[\#12291c\]\/50{color:#12291c80;color:lab(14.3702% -12.3974 5.62553/.5)}.text-\[\#12291c\]\/60{color:#12291c99;color:lab(14.3702% -12.3974 5.62553/.6)}.text-\[\#12291c\]\/65{color:#12291ca6;color:lab(14.3702% -12.3974 5.62553/.65)}.text-\[\#12291c\]\/70{color:#12291cb3;color:lab(14.3702% -12.3974 5.62553/.7)}.text-\[\#12291c\]\/80{color:#12291ccc;color:lab(14.3702% -12.3974 5.62553/.8)}.text-\[\#262626\]{color:#262626}.text-\[\#a1a1a8\]{color:#a1a1a8}.text-\[\#c9c9cf\]{color:#c9c9cf}.text-\[\#e7e7ea\]{color:#e7e7ea}.text-\[\#f5f5f7\]{color:#f5f5f7}.text-\[\#f7c744\]{color:#f7c744}.text-\[\#f4811f\]{color:#f4811f}.text-\[\#33ff67\]{color:#33ff67}.text-\[\#00ff41\]{color:#00ff41}.text-\[\#fff\]{color:#fff}.text-\[var\(--bp-amber\)\]{color:var(--bp-amber)}.text-\[var\(--bp-green\)\]{color:var(--bp-green)}.text-\[var\(--bp-green-dark\)\],.text-\[var\(--bp-green-dark\)\]\/70{color:var(--bp-green-dark)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--bp-green-dark\)\]\/70{color:color-mix(in oklab, var(--bp-green-dark) 70%, transparent)}}.text-\[var\(--bp-ink\)\]{color:var(--bp-ink)}.text-\[var\(--bp-yellow\)\]{color:var(--bp-yellow)}.text-\[var\(--c-accent\)\]{color:var(--c-accent)}.text-\[var\(--c-fg\)\]{color:var(--c-fg)}.text-\[var\(--c-muted\)\]{color:var(--c-muted)}.text-\[var\(--sc-blue\)\]{color:var(--sc-blue)}.text-\[var\(--sc-ink\)\]{color:var(--sc-ink)}.text-\[var\(--sc-lav\)\]{color:var(--sc-lav)}.text-\[var\(--sc-line\)\]{color:var(--sc-line)}.text-\[var\(--sc-muted\)\]{color:var(--sc-muted)}.text-\[var\(--sc-navy\)\]{color:var(--sc-navy)}.text-\[var\(--sc-violet\)\]{color:var(--sc-violet)}.text-amber-500{color:var(--color-amber-500)}.text-background,.text-background\/80{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.text-background\/80{color:color-mix(in oklab, var(--background) 80%, transparent)}}.text-black{color:var(--color-black)}.text-black\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\/30{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.text-black\/35{color:#00000059}@supports (color:color-mix(in lab, red, red)){.text-black\/35{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.text-black\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\/40{color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.text-black\/45{color:#00000073}@supports (color:color-mix(in lab, red, red)){.text-black\/45{color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.text-black\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\/50{color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.text-black\/55{color:#0000008c}@supports (color:color-mix(in lab, red, red)){.text-black\/55{color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.text-black\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-black\/65{color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.text-black\/75{color:#000000bf}@supports (color:color-mix(in lab, red, red)){.text-black\/75{color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.text-border{color:var(--border)}.text-destructive{color:var(--destructive)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground,.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/70{color:color-mix(in oklab, var(--foreground) 70%, transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/90{color:color-mix(in oklab, var(--foreground) 90%, transparent)}}.text-muted{color:var(--muted)}.text-muted-foreground,.text-muted-foreground\/30{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/30{color:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/40{color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab, var(--muted-foreground) 80%, transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-primary\/30{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/30{color:color-mix(in oklab, var(--primary) 30%, transparent)}}.text-primary\/80{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/80{color:color-mix(in oklab, var(--primary) 80%, transparent)}}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sky-500{color:var(--color-sky-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.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)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-muted-foreground\/40{-webkit-text-decoration-color:var(--muted-foreground);-webkit-text-decoration-color:var(--muted-foreground);-webkit-text-decoration-color:var(--muted-foreground);text-decoration-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.decoration-muted-foreground\/40{-webkit-text-decoration-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.decoration-1{text-decoration-thickness:1px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--primary\)\]{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.12\]{opacity:.12}.opacity-\[0\.14\]{opacity:.14}.opacity-\[0\.35\]{opacity:.35}.\!mix-blend-normal{mix-blend-mode:normal!important}.\[mix-blend-mode\:screen\]{mix-blend-mode:screen}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-screen{mix-blend-mode:screen}.shadow{--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-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\.07em_0\.18em_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 .07em .18em var(--tw-shadow-color,#0009);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_4px_rgba\(0\,166\,81\,0\.22\)\,0_0_18px_6px_rgba\(255\,210\,0\,0\.55\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#00a65138), 0 0 18px 6px var(--tw-shadow-color,#ffd2008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_var\(--primary\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,var(--primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_-1px_var\(--primary\)\]{--tw-shadow:0 0 10px -1px var(--tw-shadow-color,var(--primary));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_14px_2px_var\(--primary\)\]{--tw-shadow:0 0 14px 2px var(--tw-shadow-color,var(--primary));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_24px_-4px_var\(--primary\)\]{--tw-shadow:0 0 24px -4px var(--tw-shadow-color,var(--primary));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_1px_5px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 1px 5px var(--tw-shadow-color,#0000004d);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_3px_11px_\#0004\]{--tw-shadow:0 3px 11px var(--tw-shadow-color,#0004);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_10px_30px_-12px_rgba\(20\,30\,60\,0\.35\)\]{--tw-shadow:0 10px 30px -12px var(--tw-shadow-color,#141e3c59);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_-12px_rgba\(0\,83\,44\,0\.7\)\]{--tw-shadow:0 12px 30px -12px var(--tw-shadow-color,#00532cb3);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_30px_-12px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 14px 30px -12px 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_14px_30px_-14px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 14px 30px -14px 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)}.shadow-\[0_14px_30px_-14px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 14px 30px -14px var(--tw-shadow-color,#00000059);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_34px_-18px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 14px 34px -18px var(--tw-shadow-color,#0000004d);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_16px_38px_-18px_rgba\(20\,45\,35\,0\.4\)\]{--tw-shadow:0 16px 38px -18px var(--tw-shadow-color,#142d2366);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_18px_44px_-20px_rgba\(20\,45\,35\,0\.4\)\]{--tw-shadow:0 18px 44px -20px var(--tw-shadow-color,#142d2366);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_18px_50px_-12px_rgba\(0\,166\,81\,0\.7\)\]{--tw-shadow:0 18px 50px -12px var(--tw-shadow-color,#00a651b3);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_50px_-24px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 24px 50px -24px 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)}.shadow-\[0_24px_50px_-24px_rgba\(10\,40\,25\,0\.45\)\]{--tw-shadow:0 24px 50px -24px var(--tw-shadow-color,#0a281973);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_70px_-18px_rgba\(0\,0\,0\,0\.8\)\,inset_0_0_30px_-6px_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:0 24px 70px -18px var(--tw-shadow-color,#000c), inset 0 0 30px -6px var(--tw-shadow-color,#ffffff0f);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_70px_-45px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 24px 70px -45px 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_70px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow:0 24px 70px var(--tw-shadow-color,#000000a6);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_30px_60px_-30px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 30px 60px -30px var(--tw-shadow-color,#0009);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_30px_60px_-30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 30px 60px -30px var(--tw-shadow-color,#00000059);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_30px_80px_-40px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 30px 80px -40px var(--tw-shadow-color,#000c);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_30px_80px_-50px_rgba\(10\,60\,35\,0\.35\)\]{--tw-shadow:0 30px 80px -50px var(--tw-shadow-color,#0a3c2359);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_36px_80px_-44px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 36px 80px -44px var(--tw-shadow-color,#0000008c);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_40px_80px_-45px_rgba\(9\,40\,24\,0\.55\)\]{--tw-shadow:0 40px 80px -45px var(--tw-shadow-color,#0928188c);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_40px_90px_-40px_rgba\(0\,0\,0\,0\.6\)\,inset_0_0_0_1\.5px_rgba\(255\,255\,255\,0\.16\)\]{--tw-shadow:0 40px 90px -40px var(--tw-shadow-color,#0009), inset 0 0 0 1.5px var(--tw-shadow-color,#ffffff29);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_40px_120px_-30px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:0 40px 120px -30px var(--tw-shadow-color,#000000e6);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_44px_90px_-42px_rgba\(10\,40\,25\,0\.4\)\]{--tw-shadow:0 44px 90px -42px var(--tw-shadow-color,#0a281966);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_50px_120px_-50px_rgba\(30\,40\,80\,0\.5\)\]{--tw-shadow:0 50px 120px -50px var(--tw-shadow-color,#1e285080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_2px_rgba\(90\,120\,180\,0\.7\)\]{--tw-shadow:inset 0 0 2px var(--tw-shadow-color,#5a78b4b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff1f);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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_2px_10px_rgba\(0\,0\,0\,0\.5\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.25\)\]{box-shadow:0 2px 10px #00000080,inset 0 1px #ffffff40}.\[box-shadow\:0_40px_120px_-24px_rgba\(0\,255\,65\,0\.18\)\,0_24px_64px_-24px_rgba\(0\,0\,0\,0\.8\)\]{box-shadow:0 40px 120px -24px #00ff412e,0 24px 64px -24px #000c}.\[box-shadow\:inset_0_1px_0_rgba\(255\,255\,255\,0\.10\)\,inset_0_12px_28px_rgba\(0\,0\,0\,0\.40\)\,0_4px_16px_rgba\(0\,0\,0\,0\.35\)\]{box-shadow:inset 0 1px #ffffff1a,inset 0 12px 28px #0006,0 4px 16px #00000059}.shadow-primary\/30{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-\[var\(--bp-paper\)\]{--tw-ring-color:var(--bp-paper)}.ring-background{--tw-ring-color:var(--background)}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-white\/\[0\.06\]{--tw-ring-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[0\.06\]{--tw-ring-color:color-mix(in oklab, var(--color-white) 6%, 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,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[6px\]{--tw-blur:blur(6px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[72px\]{--tw-blur:blur(72px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[110px\]{--tw-blur:blur(110px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-\[1\.05\]{--tw-contrast:contrast(1.05);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_30px_50px_-25px_rgba\(9\,40\,24\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 30px 50px -25px var(--tw-drop-shadow-color,#09281880));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_34px_50px_-28px_rgba\(20\,45\,35\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 34px 50px -28px var(--tw-drop-shadow-color,#142d2373));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_36px_54px_-28px_rgba\(20\,45\,35\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 36px 54px -28px var(--tw-drop-shadow-color,#142d2373));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_44px_64px_-30px_rgba\(20\,45\,35\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 44px 64px -30px var(--tw-drop-shadow-color,#142d2380));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_44px_70px_-30px_rgba\(20\,45\,35\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 44px 70px -30px var(--tw-drop-shadow-color,#142d2380));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_44px_70px_-32px_rgba\(20\,45\,35\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 44px 70px -32px var(--tw-drop-shadow-color,#142d2380));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_50px_80px_-32px_rgba\(20\,45\,35\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 50px 80px -32px var(--tw-drop-shadow-color,#142d2380));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_50px_80px_-32px_rgba\(20\,45\,35\,0\.55\)\]{--tw-drop-shadow-size:drop-shadow(0 50px 80px -32px var(--tw-drop-shadow-color,#142d238c));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[0\.25\]{--tw-grayscale:grayscale(.25);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[filter\:contrast\(1\.05\)_saturate\(1\.03\)\]{filter:contrast(1.05)saturate(1.03)}.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{--tw-backdrop-blur:blur(8px);-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-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-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-saturate-\[1\.4\]{--tw-backdrop-saturate:saturate(1.4);-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-filter{-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-\[background-color\,border-color\,color\,box-shadow\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,transform\]{transition-property:color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[padding\,background-color\]{transition-property:padding,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,border-color\,background-color\]{transition-property:transform,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,border-color\]{transition-property:transform,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,box-shadow\,opacity\]{transition-property:transform,box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-shadow{transition-property:box-shadow;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-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-\[750ms\]{--tw-duration:.75s;transition-duration:.75s}.duration-\[900ms\]{--tw-duration:.9s;transition-duration:.9s}.duration-\[1100ms\]{--tw-duration:1.1s;transition-duration:1.1s}.duration-\[6000ms\]{--tw-duration:6s;transition-duration:6s}.ease-\[cubic-bezier\(\.22\,1\,\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-\[cubic-bezier\(0\.34\,1\.8\,0\.5\,1\)\]{--tw-ease:cubic-bezier(.34,1.8,.5,1);transition-timing-function:cubic-bezier(.34,1.8,.5,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[-webkit-mask-image\:radial-gradient\(ellipse_60\%_62\%_at_50\%_50\%\,\#000_40\%\,transparent_74\%\)\]{-webkit-mask-image:radial-gradient(60% 62%,#000 40%,#0000 74%)}.\[-webkit-mask-image\:url\(\/logo\.svg\)\]{-webkit-mask-image:url(/userx/brand/logo.svg)}.\[-webkit-mask-position\:center\]{-webkit-mask-position:50%}.\[-webkit-mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat}.\[-webkit-mask-size\:contain\]{-webkit-mask-size:contain}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[background\:conic-gradient\(from_90deg\,transparent\,var\(--brand\)_18\%\,transparent_38\%\,transparent_62\%\,var\(--brand\)_82\%\,transparent\)\]{background:conic-gradient(from 90deg,transparent,var(--brand) 18%,transparent 38%,transparent 62%,var(--brand) 82%,transparent)}.\[background\:linear-gradient\(115deg\,transparent_35\%\,rgba\(255\,255\,255\,0\.14\)_48\%\,rgba\(255\,255\,255\,0\.03\)_55\%\,transparent_65\%\)\]{background:linear-gradient(115deg,#0000 35%,#ffffff24 48%,#ffffff08 55%,#0000 65%)}.\[background\:linear-gradient\(115deg\,transparent_38\%\,var\(--brand\)_50\%\,transparent_62\%\)\]{background:linear-gradient(115deg,transparent 38%,var(--brand) 50%,transparent 62%)}.\[background\:linear-gradient\(235deg\,rgba\(0\,0\,0\,0\)_38\%\,rgba\(0\,0\,0\,0\.66\)_74\%\)\]{background:linear-gradient(235deg,#0000 38%,#000000a8 74%)}.\[background\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.55\)_0\%\,transparent_20\%\,transparent_74\%\,rgba\(0\,0\,0\,0\.72\)_100\%\)\]{background:linear-gradient(#0000008c 0%,#0000 20% 74%,#000000b8 100%)}.\[background\:radial-gradient\(55\%_60\%_at_22\%_18\%\,rgba\(158\,166\,230\,0\.22\)\,transparent_70\%\)\,radial-gradient\(50\%_55\%_at_80\%_12\%\,rgba\(0\,170\,153\,0\.14\)\,transparent_70\%\)\,radial-gradient\(60\%_50\%_at_50\%_95\%\,rgba\(107\,170\,0\,0\.10\)\,transparent_72\%\)\]{background:radial-gradient(55% 60% at 22% 18%,#9ea6e638,#0000 70%),radial-gradient(50% 55% at 80% 12%,#00aa9924,#0000 70%),radial-gradient(60% 50% at 50% 95%,#6baa001a,#0000 72%)}.\[background\:radial-gradient\(58\%_54\%_at_28\%_36\%\,rgba\(124\,108\,255\,0\.16\)\,transparent_70\%\)\,radial-gradient\(52\%_48\%_at_76\%_28\%\,rgba\(94\,160\,255\,0\.13\)\,transparent_70\%\)\,radial-gradient\(46\%_46\%_at_54\%_78\%\,rgba\(190\,120\,255\,0\.10\)\,transparent_72\%\)\]{background:radial-gradient(58% 54% at 28% 36%,#7c6cff29,#0000 70%),radial-gradient(52% 48% at 76% 28%,#5ea0ff21,#0000 70%),radial-gradient(46% 46% at 54% 78%,#be78ff1a,#0000 72%)}.\[background\:radial-gradient\(60\%_60\%_at_50\%_45\%\,rgba\(0\,255\,65\,0\.10\)\,transparent_70\%\)\]{background:radial-gradient(60% 60% at 50% 45%,#00ff411a,#0000 70%)}.\[background\:radial-gradient\(60\%_70\%_at_50\%_50\%\,rgba\(0\,255\,65\,0\.10\)\,transparent_70\%\)\]{background:radial-gradient(60% 70%,#00ff411a,#0000 70%)}.\[background\:radial-gradient\(60\%_80\%_at_50\%_0\%\,rgba\(0\,255\,65\,0\.07\)\,transparent_70\%\)\]{background:radial-gradient(60% 80% at 50% 0,#00ff4112,#0000 70%)}.\[background\:radial-gradient\(circle\,var\(--brand\)_0\%\,transparent_60\%\)\]{background:radial-gradient(circle,var(--brand) 0%,transparent 60%)}.\[background\:radial-gradient\(ellipse\,var\(--brand\)_0\%\,transparent_62\%\)\]{background:radial-gradient(ellipse,var(--brand) 0%,transparent 62%)}.\[background\:radial-gradient\(ellipse_52\%_54\%_at_50\%_48\%\,rgba\(0\,0\,0\,0\.6\)\,transparent_72\%\)\]{background:radial-gradient(52% 54% at 50% 48%,#0009,#0000 72%)}.\[background\:radial-gradient\(ellipse_65\%_55\%_at_50\%_54\%\,rgba\(0\,0\,0\,0\.45\)\,transparent_75\%\)\]{background:radial-gradient(65% 55% at 50% 54%,#00000073,#0000 75%)}.\[perspective\:1\.4em\]{perspective:1.4em}.\[perspective\:800px\]{perspective:800px}.\[perspective\:900px\]{perspective:900px}.\[perspective\:1100px\]{perspective:1100px}.\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,0\.6\)\]{text-shadow:0 1px 8px #0009}.\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.5\)\]{text-shadow:0 1px 10px #00000080}.\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.35\)\]{text-shadow:0 1px 10px #00000059}.\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.55\)\]{text-shadow:0 1px 10px #0000008c}.\[text-shadow\:0_1px_14px_rgba\(0\,0\,0\,0\.5\)\]{text-shadow:0 1px 14px #00000080}.\[text-shadow\:0_2px_18px_rgba\(0\,0\,0\,0\.9\)\]{text-shadow:0 2px 18px #000000e6}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}@media (hover:hover){.group-hover\:h-\[64\%\]:is(:where(.group):hover *){height:64%}.group-hover\:w-3:is(:where(.group):hover *){width:calc(var(--spacing) * 3)}.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)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:scale-\[1\.05\]:is(:where(.group):hover *){scale:1.05}.group-hover\:border-primary\/40:is(:where(.group):hover *){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-primary\/40:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.group-hover\:border-primary\/50:is(:where(.group):hover *){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-primary\/50:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.group-hover\:border-primary\/70:is(:where(.group):hover *){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-primary\/70:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.group-hover\:bg-background\/75:is(:where(.group):hover *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-background\/75:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--background) 75%, transparent)}}.group-hover\:bg-primary\/50:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-primary\/50:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.group-hover\:bg-primary\/80:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-primary\/80:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.group-hover\:bg-white\/25:is(:where(.group):hover *){background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/25:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.group-hover\:pl-2:is(:where(.group):hover *){padding-left:calc(var(--spacing) * 2)}.group-hover\:text-\[var\(--c-accent\)\]:is(:where(.group):hover *){color:var(--c-accent)}.group-hover\:text-foreground:is(:where(.group):hover *),.group-hover\:text-foreground\/80:is(:where(.group):hover *){color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-foreground\/80:is(:where(.group):hover *){color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-hover\/nav\:opacity-100:is(:where(.group\/nav):hover *){opacity:1}.group-hover\/sw\:-translate-y-1:is(:where(.group\/sw):hover *){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-data-\[on\=1\]\:block:is(:where(.group)[data-on="1"] *){display:block}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.first\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@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-1\.5:hover{--tw-translate-y:calc(var(--spacing) * -1.5);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\:rotate-0:hover{rotate:none}.hover\:border-\[var\(--bp-green-dark\)\]:hover{border-color:var(--bp-green-dark)}.hover\:border-\[var\(--c-accent\)\]\/50:hover{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--c-accent\)\]\/50:hover{border-color:color-mix(in oklab, var(--c-accent) 50%, transparent)}}.hover\:border-\[var\(--c-accent\)\]\/60:hover{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--c-accent\)\]\/60:hover{border-color:color-mix(in oklab, var(--c-accent) 60%, transparent)}}.hover\:border-destructive\/50:hover{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:border-destructive\/50:hover{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.hover\:border-foreground:hover,.hover\:border-foreground\/25:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/25:hover{border-color:color-mix(in oklab, var(--foreground) 25%, transparent)}}.hover\:border-foreground\/40:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/40:hover{border-color:color-mix(in oklab, var(--foreground) 40%, transparent)}}.hover\:border-foreground\/50:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/50:hover{border-color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.hover\:border-primary:hover,.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.hover\:bg-\[\#1aff54\]:hover{background-color:#1aff54}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-\[var\(--bp-green\)\]:hover{background-color:var(--bp-green)}.hover\:bg-\[var\(--bp-green-dark\)\]:hover{background-color:var(--bp-green-dark)}.hover\:bg-\[var\(--c-glass\)\]:hover{background-color:var(--c-glass)}.hover\:bg-black\/15:hover{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/15:hover{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.hover\:bg-black\/35:hover{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/35:hover{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.hover\:bg-black\/60:hover{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/60:hover{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.hover\:bg-black\/\[0\.05\]:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/30:hover{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.hover\:bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/85:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/85:hover{background-color:color-mix(in oklab, var(--primary) 85%, transparent)}}.hover\:bg-red-500\/90:hover{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/90:hover{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:text-\[var\(--sc-ink\)\]:hover{color:var(--sc-ink)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_10px_30px_-10px_var\(--c-accent\)\]:hover{--tw-shadow:0 10px 30px -10px var(--tw-shadow-color,var(--c-accent));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-\[0_30px_60px_-35px_rgba\(30\,40\,80\,0\.4\)\]:hover{--tw-shadow:0 30px 60px -35px var(--tw-shadow-color,#1e285066);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-\[0_40px_80px_-40px_rgba\(30\,40\,80\,0\.45\)\]:hover{--tw-shadow:0 40px 80px -40px var(--tw-shadow-color,#1e285073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}}.focus\:border-\[var\(--c-accent\)\]\/60:focus{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.focus\:border-\[var\(--c-accent\)\]\/60:focus{border-color:color-mix(in oklab, var(--c-accent) 60%, transparent)}}.focus\:border-foreground:focus{border-color:var(--foreground)}.focus\:border-primary:focus,.focus\:border-primary\/50:focus{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:border-primary\/50:focus{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:bg-\[var\(--c-glass\)\]:focus-visible{background-color:var(--c-glass)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--c-accent\)\]:focus-visible{--tw-ring-color:var(--c-accent)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--c-bg\)\]:focus-visible{--tw-ring-offset-color:var(--c-bg)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:translate-y-0:active{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:text-white:active{color:var(--color-white)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-white\/15:disabled{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.disabled\:border-white\/15:disabled{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.disabled\:text-muted-foreground:disabled{color:var(--muted-foreground)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-2\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2.5)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-2\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2.5)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[on\=1\]\:border-primary\/70[data-on="1"]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.data-\[on\=1\]\:border-primary\/70[data-on="1"]{border-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.data-\[on\=1\]\:shadow-\[0_0_30px_-8px_var\(--primary\)\][data-on="1"]{--tw-shadow:0 0 30px -8px var(--tw-shadow-color,var(--primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.data-\[selected\=true\]\:bg-primary\/10[data-selected=true]{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.data-\[selected\=true\]\:text-primary[data-selected=true]{color:var(--primary)}@media (prefers-reduced-motion:no-preference){.motion-safe\:\[animation\:bpFloat_4s_ease-in-out_infinite\]{animation:4s ease-in-out infinite bpFloat}.motion-safe\:\[animation\:bpFlow_2\.4s_linear_infinite\]{animation:2.4s linear infinite bpFlow}.motion-safe\:\[animation\:bpPulse_2s_ease-out_infinite\]{animation:2s ease-out infinite bpPulse}.motion-safe\:\[animation\:ibgGlow_3s_ease-in-out_infinite\]{animation:3s ease-in-out infinite ibgGlow}.motion-safe\:\[animation\:ledPulse_2\.6s_ease-in-out_infinite\]{animation:2.6s ease-in-out infinite ledPulse}.motion-safe\:\[animation\:vtSway_5\.2s_ease-in-out_infinite\]{animation:5.2s ease-in-out infinite vtSway}.motion-safe\:animate-\[aiSparkle_2\.6s_ease-in-out_infinite\]{animation:2.6s ease-in-out infinite aiSparkle}.motion-safe\:animate-\[chapterIn_0\.5s_ease_both\]{animation:.5s both chapterIn}.motion-safe\:animate-\[chapterIn_0\.45s_ease_both\]{animation:.45s both chapterIn}.motion-safe\:animate-\[ctaAurora_44s_linear_infinite\]{animation:44s linear infinite ctaAurora}.motion-safe\:animate-\[ctaGlow_9s_ease-in-out_infinite\]{animation:9s ease-in-out infinite ctaGlow}.motion-safe\:animate-\[spin_8s_linear_infinite\]{animation:8s linear infinite spin}.motion-safe\:animate-\[spin_10s_linear_infinite\]{animation:10s linear infinite spin}.motion-safe\:animate-\[spin_16s_linear_infinite\]{animation:16s linear infinite spin}.motion-safe\:animate-\[tokenScan_1\.1s_linear_infinite\]{animation:1.1s linear infinite tokenScan}.motion-safe\:animate-\[twinPulse_3\.4s_ease-in-out_infinite\]{animation:3.4s ease-in-out infinite twinPulse}.motion-safe\:animate-\[twinSpinReverse_13s_linear_infinite\]{animation:13s linear infinite twinSpinReverse}.motion-safe\:animate-bounce{animation:var(--animate-bounce)}.motion-safe\:animate-ping{animation:var(--animate-ping)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:420px){.min-\[420px\]\:inline{display:inline}}@media (min-width:40rem){.sm\:inset-x-6{inset-inline:calc(var(--spacing) * 6)}.sm\:top-1\/2{top:50%}.sm\:top-16{top:calc(var(--spacing) * 16)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:right-9{right:calc(var(--spacing) * 9)}.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}.sm\:bottom-8{bottom:calc(var(--spacing) * 8)}.sm\:-left-6{left:calc(var(--spacing) * -6)}.sm\:left-2{left:calc(var(--spacing) * 2)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:0}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-16{margin-top:calc(var(--spacing) * 16)}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:aspect-auto{aspect-ratio:auto}.sm\:size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:h-\[4\.5rem\]{height:4.5rem}.sm\:h-\[30rem\]{height:30rem}.sm\:h-\[32rem\]{height:32rem}.sm\:h-\[min\(85vh\,46rem\)\]{height:min(85vh,46rem)}.sm\:min-h-80{min-height:calc(var(--spacing) * 80)}.sm\:min-h-\[26rem\]{min-height:26rem}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-44{width:calc(var(--spacing) * 44)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-52{width:calc(var(--spacing) * 52)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-60{width:calc(var(--spacing) * 60)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-\[4\.5rem\]{width:4.5rem}.sm\:w-\[19rem\]{width:19rem}.sm\:w-auto{width:auto}.sm\:max-w-4xl{max-width:var(--container-4xl)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-1{flex:1}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[3\.4rem_1fr\]{grid-template-columns:3.4rem 1fr}.sm\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-0{gap:0}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-7{gap:calc(var(--spacing) * 7)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-black\/10>:not(:last-child)){border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){:where(.sm\:divide-black\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.sm\:rounded-full{border-radius:3.40282e38px}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-9{padding-inline:calc(var(--spacing) * 9)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:px-14{padding-inline:calc(var(--spacing) * 14)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-5{padding-top:calc(var(--spacing) * 5)}.sm\:pr-0{padding-right:0}.sm\:pr-4{padding-right:calc(var(--spacing) * 4)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[10vw\]{font-size:10vw}.sm\:text-\[12vw\]{font-size:12vw}.sm\:first\:pl-0:first-child{padding-left:0}.sm\:last\:pr-0:last-child{padding-right:0}}@media (min-width:48rem){.md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-start-1{grid-column-start:1}.md\:col-start-8{grid-column-start:8}.md\:row-start-1{grid-row-start:1}.md\:mt-12{margin-top:calc(var(--spacing) * 12)}.md\:mt-14{margin-top:calc(var(--spacing) * 14)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mt-20{margin-top:calc(var(--spacing) * 20)}.md\:mt-24{margin-top:calc(var(--spacing) * 24)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:h-60{height:calc(var(--spacing) * 60)}.md\:h-136{height:calc(var(--spacing) * 136)}.md\:h-\[7\.5rem\]{height:7.5rem}.md\:h-\[38rem\]{height:38rem}.md\:h-\[100px\]{height:100px}.md\:min-h-\[41rem\]{min-height:41rem}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:w-\[5\.7rem\]{width:5.7rem}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[7rem_minmax\(0\,1fr\)_1\.5fr\]{grid-template-columns:7rem minmax(0,1fr) 1.5fr}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:flex-row{flex-direction:row}.md\:items-baseline{align-items:baseline}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-7{gap:calc(var(--spacing) * 7)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.md\:via-background\/40{--tw-gradient-via:var(--background)}@supports (color:color-mix(in lab, red, red)){.md\:via-background\/40{--tw-gradient-via:color-mix(in oklab, var(--background) 40%, transparent)}}.md\:via-background\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.md\:p-6{padding:calc(var(--spacing) * 6)}.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-14{padding:calc(var(--spacing) * 14)}.md\:p-20{padding:calc(var(--spacing) * 20)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:py-36{padding-block:calc(var(--spacing) * 36)}.md\:py-40{padding-block:calc(var(--spacing) * 40)}.md\:pt-10{padding-top:calc(var(--spacing) * 10)}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pt-24{padding-top:calc(var(--spacing) * 24)}.md\:pt-28{padding-top:calc(var(--spacing) * 28)}.md\:pt-32{padding-top:calc(var(--spacing) * 32)}.md\:pt-40{padding-top:calc(var(--spacing) * 40)}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.md\:pb-32{padding-bottom:calc(var(--spacing) * 32)}.md\:pl-\[7\%\]{padding-left:7%}.md\:pl-\[14\%\]{padding-left:14%}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.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);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))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[3\.4rem\]{font-size:3.4rem}.md\:text-\[28px\]{font-size:28px}@media (hover:hover){.md\:hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.md\:hover\:bg-white\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.md\:hover\:pl-5:hover{padding-left:calc(var(--spacing) * 5)}}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:top-1\/2{top:50%}.lg\:top-2{top:calc(var(--spacing) * 2)}.lg\:top-\[36\%\]{top:36%}.lg\:right-0{right:0}.lg\:right-8{right:calc(var(--spacing) * 8)}.lg\:bottom-2{bottom:calc(var(--spacing) * 2)}.lg\:bottom-6{bottom:calc(var(--spacing) * 6)}.lg\:left-0{left:0}.lg\:left-1\/2{left:50%}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:mt-16{margin-top:calc(var(--spacing) * 16)}.lg\:mt-20{margin-top:calc(var(--spacing) * 20)}.lg\:mt-24{margin-top:calc(var(--spacing) * 24)}.lg\:mt-28{margin-top:calc(var(--spacing) * 28)}.lg\:mt-32{margin-top:calc(var(--spacing) * 32)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:h-1\/2{height:50%}.lg\:h-7{height:calc(var(--spacing) * 7)}.lg\:h-28{height:calc(var(--spacing) * 28)}.lg\:h-40{height:calc(var(--spacing) * 40)}.lg\:h-64{height:calc(var(--spacing) * 64)}.lg\:h-\[27rem\]{height:27rem}.lg\:h-\[180vh\]{height:180vh}.lg\:min-h-\[86vh\]{min-height:86vh}.lg\:w-36{width:calc(var(--spacing) * 36)}.lg\:w-40{width:calc(var(--spacing) * 40)}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:w-\[4\.25rem\]{width:4.25rem}.lg\:w-\[23rem\]{width:23rem}.lg\:flex-1{flex:1}.lg\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.lg\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:grid-cols-\[16rem_1fr\]{grid-template-columns:16rem 1fr}.lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.lg\:grid-cols-\[minmax\(0\,240px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,240px) minmax(0,1fr)}.lg\:grid-rows-\[16rem_16rem\]{grid-template-rows:16rem 16rem}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}:where(.lg\:space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.lg\:self-start{align-self:flex-start}.lg\:justify-self-end{justify-self:flex-end}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-border{border-color:var(--border)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-11{padding:calc(var(--spacing) * 11)}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:p-24{padding:calc(var(--spacing) * 24)}.lg\:px-24{padding-inline:calc(var(--spacing) * 24)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:pt-0{padding-top:0}.lg\:pr-16{padding-right:calc(var(--spacing) * 16)}.lg\:pb-0{padding-bottom:0}.lg\:pb-2{padding-bottom:calc(var(--spacing) * 2)}.lg\:pl-12{padding-left:calc(var(--spacing) * 12)}.lg\:pl-64{padding-left:calc(var(--spacing) * 64)}.lg\:pl-\[4\.25rem\]{padding-left:4.25rem}.lg\:text-right{text-align:right}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-\[7\.5rem\]{font-size:7.5rem}.lg\:text-\[9rem\]{font-size:9rem}.lg\:first\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}}@media (min-width:80rem){.xl\:-ml-4{margin-left:calc(var(--spacing) * -4)}.xl\:h-32{height:calc(var(--spacing) * 32)}.xl\:h-64{height:calc(var(--spacing) * 64)}.xl\:w-32{width:calc(var(--spacing) * 32)}.xl\:w-64{width:calc(var(--spacing) * 64)}.xl\:w-\[26rem\]{width:26rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.xl\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/30:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:font-mono [cmdk-group-heading]{font-family:var(--font-geist-mono)}.\[\&_\[cmdk-group-heading\]\]\:text-\[10px\] [cmdk-group-heading]{font-size:10px}.\[\&_\[cmdk-group-heading\]\]\:tracking-\[0\.16em\] [cmdk-group-heading]{--tw-tracking:.16em;letter-spacing:.16em}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:min-w-0>*{min-width:0}.has-custom-cursor .\[\.has-custom-cursor_\&\]\:block{display:block}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#696969;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--radius:1rem;--brand:#00ff41;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--background:#fff;--foreground:#0a0a0a}@supports (color:lab(0% 0 0)){:root{--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(44.32% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(80.489% -71.915 64.557);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--brand:lab(87.973% -77.558 69.918);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209);--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0)}}.dark{--background:#070707;--foreground:#fafafa;--card:#0f0f0f;--card-foreground:#fafafa;--popover:#0f0f0f;--popover-foreground:#fafafa;--primary:#00ff41;--primary-foreground:#07150b;--brand:#00ff41;--secondary:#1b1b1b;--secondary-foreground:#fafafa;--muted:#1b1b1b;--muted-foreground:#989898;--accent:#1f1f1f;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff17;--input:#ffffff24;--ring:#00ff41;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(1.98454% 0 0);--foreground:lab(98.26% 0 0);--card:lab(4.4379% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(4.4379% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(87.973% -77.558 69.918);--primary-foreground:lab(5.466% -6.227 3.484);--brand:lab(87.973% -77.558 69.918);--secondary:lab(9.52% -.00000745058 0);--secondary-foreground:lab(98.26% 0 0);--muted:lab(9.52% -.00000745058 0);--muted-foreground:lab(62.88% -.0000298023 0);--accent:lab(11.84% 0 0);--accent-foreground:lab(98.26% 0 0);--destructive:lab(89.912% -60.753 42.093);--border:lab(100% 0 0/.09);--input:lab(100% 0 0/.14);--ring:lab(87.973% -77.558 69.918);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}.admin{--primary:#00ff41;--primary-foreground:#07150b;--brand:#00ff41;--ring:#00ff41;--radius:0;--border:#ebebeb;--input:#e4e4e4;--sidebar-border:#ebebeb}@supports (color:lab(0% 0 0)){.admin{--primary:lab(87.973% -77.558 69.918);--primary-foreground:lab(5.466% -6.227 3.484);--brand:lab(87.973% -77.558 69.918);--ring:lab(87.973% -77.558 69.918);--border:lab(93.04% .0000298023 -.0000119209);--input:lab(90.72% .0000298023 -.0000119209);--sidebar-border:lab(93.04% .0000298023 -.0000119209)}}.dark .admin{--primary-foreground:#07150b;--border:#ffffff0d;--input:#ffffff17;--sidebar-border:#ffffff0f}@supports (color:lab(0% 0 0)){.dark .admin{--primary-foreground:lab(5.466% -6.227 3.484);--border:lab(100% 0 0/.05);--input:lab(100% 0 0/.09);--sidebar-border:lab(100% 0 0/.06)}}.case-light{--background:#fff;--foreground:#0b0b0b;--card:#fff;--card-foreground:#0b0b0b;--popover:#fff;--popover-foreground:#0b0b0b;--primary:#00ff41;--primary-foreground:#07150b;--brand:#00ff41;--secondary:#f5f5f5;--secondary-foreground:#0b0b0b;--muted:#f5f5f5;--muted-foreground:#525252;--accent:#eee;--accent-foreground:#0b0b0b;--border:#dedede;--input:#dedede;--ring:#00ff41}@supports (color:lab(0% 0 0)){.case-light{--background:lab(100% 0 0);--foreground:lab(3.04863% 0 0);--card:lab(100% 0 0);--card-foreground:lab(3.04863% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(3.04863% 0 0);--primary:lab(87.973% -77.558 69.918);--primary-foreground:lab(5.466% -6.227 3.484);--brand:lab(87.973% -77.558 69.918);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(3.04863% 0 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(35.04% -.0000149012 0);--accent:lab(94.2% 0 0);--accent-foreground:lab(3.04863% 0 0);--border:lab(88.4% 0 .0000119209);--input:lab(88.4% 0 .0000119209);--ring:lab(87.973% -77.558 69.918)}}.bp{--font-heading:var(--font-urbanist), "Urbanist", ui-sans-serif, system-ui, sans-serif;--radius:.75rem;--bp-green:#00a651;--bp-green-deep:#00532c;--bp-green-dark:#338000;--bp-yellow:#ffd200;--bp-amber:#fbc93a;--bp-ink:#0a0a0b;--bp-paper:#f4f3ee;--bp-line:#e2e1da;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@keyframes bpFlow{to{stroke-dashoffset:-240px}}@keyframes bpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bpFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bpPulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes bpSpin{to{transform:rotate(360deg)}}@keyframes bpSheen{to{background-position:200% 0}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.ibg{--sc-blue:#0071ce;--sc-blue-2:#2a90e0;--sc-navy:#0a2a52;--sc-violet:#6d5cf0;--sc-lav:#a9a6f5;--sc-bg:#eef0f7;--sc-card:#fff;--sc-ink:#111420;--sc-muted:#626a86;--sc-line:#e6e8f1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@keyframes ibgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ibgFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes ibgGlow{0%,to{opacity:.45}50%{opacity:1}}@keyframes ibgShimmer{to{background-position:200%}}@keyframes ibgPulseDot{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes aiSparkle{0%,to{opacity:.85;transform:scale(1)rotate(0)}35%{opacity:1;transform:scale(1.25)rotate(20deg)}65%{opacity:.9;transform:scale(.95)rotate(-10deg)}}@keyframes tokenScan{0%{transform:translate(0)}to{transform:translate(500%)}}@keyframes serviceIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes twinPulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes twinBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes twinSpinReverse{to{transform:rotate(-360deg)}}@keyframes chapterIn{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hwScroll{to{transform:translateY(-50%)}}@keyframes hwBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes hwFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hwDash{to{background-position:16px 0}}@keyframes hwDraw{to{stroke-dashoffset:0}}@keyframes hwPop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes hwMorph{0%{opacity:0}to{opacity:1}}@keyframes hwCursor{0%{transform:translate(8px,8px)}25%{transform:translate(150px,44px)}50%{transform:translate(96px,120px)}75%{transform:translate(24px,78px)}to{transform:translate(8px,8px)}}@keyframes hwWidth{0%{width:0}to{width:100%}}@keyframes flapFoldTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flapFoldBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (pointer:fine){html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}}.glass-edge:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:3;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffffa6,#ffffff0f 20%,#fff0 50%,#ffffff0d 80%,#ffffff52);padding:1.25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}
/* UserX additions, appended to the site stylesheet by scripts/rebrand.py. */

/* Logo drawn in full color where the old site used a white mask */
.ux-logo{background:url(/userx/brand/logo.svg) center/contain no-repeat}

/* ---- Main buttons: glowing ghost style ----
   Every solid-green call to action (Work with UserX, Request early access, Send request, Book …)
   becomes a see-through button: a bright light runs around its outline, the glow breathes,
   and a sheen sweeps across. Hover fills it solid green. */
@property --ux-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes uxSpin{to{--ux-a:360deg}}
@keyframes uxGlow{
  0%,100%{box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 35%,transparent),0 0 12px -2px color-mix(in oklab,var(--primary) 70%,transparent),inset 0 0 12px -6px var(--primary)}
  50%{box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 55%,transparent),0 0 32px 3px color-mix(in oklab,var(--primary) 55%,transparent),inset 0 0 18px -6px var(--primary)}
}
@keyframes uxSweep{0%{background-position:160% 0,0 0,0 0}100%{background-position:-60% 0,0 0,0 0}}
:is(a,button)[class*="bg-primary"][class*="text-primary-foreground"]:not([role="tab"]):not(:disabled),
.book-shell main button[type="submit"]:not(:disabled){
  border:1.5px solid transparent !important;
  background-color:transparent !important;
  background-image:
    linear-gradient(110deg,transparent 40%,color-mix(in oklab,var(--primary) 30%,transparent) 50%,transparent 60%),
    linear-gradient(color-mix(in oklab,var(--primary) 9%,#050705),color-mix(in oklab,var(--primary) 9%,#050705)),
    conic-gradient(from var(--ux-a),transparent 0 55%,color-mix(in oklab,var(--primary) 60%,transparent) 70%,#eafff0 78%,var(--primary) 84%,transparent 96%);
  background-origin:border-box;
  background-clip:padding-box,padding-box,border-box;
  background-size:250% 100%,100% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:160% 0,0 0,0 0;
  color:var(--primary) !important;
  text-shadow:0 0 10px color-mix(in oklab,var(--primary) 70%,transparent);
  animation:uxSpin 3.2s linear infinite,uxGlow 2.8s ease-in-out infinite,uxSweep 3.6s ease-in-out infinite;
  transition:color .25s,text-shadow .25s,transform .25s;
}
:is(a,button)[class*="bg-primary"][class*="text-primary-foreground"]:not([role="tab"]):not(:disabled):hover,
.book-shell main button[type="submit"]:not(:disabled):hover{
  background-color:var(--primary) !important;
  background-image:none;
  color:var(--primary-foreground) !important;
  text-shadow:none;
  box-shadow:0 0 0 1px var(--primary),0 0 42px 6px color-mix(in oklab,var(--primary) 60%,transparent),0 0 90px 10px color-mix(in oklab,var(--primary) 25%,transparent);
  animation:none;
}

/* Booking: meeting choices light up the same way on hover / keyboard focus */
.book-shell main [class*="space-y-3"] > button:not([type="submit"]){transition:box-shadow .3s,border-color .3s}
.book-shell main [class*="space-y-3"] > button:not([type="submit"]):is(:hover,:focus-visible){
  border-color:var(--primary);
  animation:uxGlow 2.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce){
  :is(a,button)[class*="bg-primary"][class*="text-primary-foreground"],
  .book-shell main button,
  .book-shell main [class*="space-y-3"] > button{animation:none !important}
}

/* ---- Booking page: just the scheduler, centered ---- */
body .book-shell main{min-height:100dvh !important}
@media (min-width: 640px){
  /* logo first, heading text to its right, scheduler card full width below */
  .book-shell main > div{display:grid;grid-template-columns:auto 1fr;column-gap:2.25rem;align-items:center}
  .book-shell main > div > a:first-child{grid-row:1 / span 3;margin:0}
  .book-shell main > div > :nth-child(n+5){grid-column:1 / -1}
}
.book-shell main > div > a:first-child img{height:4.5rem}
@media (min-width: 640px){.book-shell main > div > a:first-child img{height:5.5rem}}


/* ---- /userx-ai orb themes (brand/ux-themes.js sets html[data-ux-theme]) ---- */
html[data-ux-theme="pyramid"]{--primary:#f5c542 !important;--brand:#f5c542 !important;--ring:#f5c542 !important;--primary-foreground:#1c1404 !important}
html[data-ux-theme="hand"]{--primary:#ff3b30 !important;--brand:#ff3b30 !important;--ring:#ff3b30 !important;--primary-foreground:#1a0302 !important}
/* the page's body sets its own (the alien's green) colours, which would hold until the scripts run: in a
   theme it takes the theme's from the very first frame, so a refresh never flashes green (the intro included) */
html[data-ux-theme] body{--primary:inherit !important;--brand:inherit !important;--ring:inherit !important;--primary-foreground:inherit !important}
html[data-ux-theme="samurai"]{--primary:#ff6f9c !important;--brand:#ff6f9c !important;--ring:#ff6f9c !important;--primary-foreground:#1f0610 !important}
html[data-ux-theme="samurai"] .ux-logo{background-image:url(/userx/brand/logo-samurai.svg)}
html[data-ux-theme="samurai"] [class*="radial-gradient(60%_60%_at_50%_45%"]{background:radial-gradient(60% 60% at 50% 45%,rgba(255,111,156,.1),transparent 70%) !important}
html[data-ux-theme="india"]{--primary:#ff9933 !important;--brand:#ff9933 !important;--ring:#ff9933 !important;--primary-foreground:#1f0e02 !important}
html[data-ux-theme="india"] .ux-logo{background-image:url(/userx/brand/logo-india.svg)}
html[data-ux-theme="india"] [class*="radial-gradient(60%_60%_at_50%_45%"]{background:radial-gradient(60% 60% at 50% 45%,rgba(255,153,51,.1),transparent 70%) !important}
html[data-ux-theme="angel"]{--primary:#8fd3ff !important;--brand:#8fd3ff !important;--ring:#8fd3ff !important;--primary-foreground:#04121c !important}
html[data-ux-theme="angel"] .ux-logo{background-image:url(/userx/brand/logo-angel.svg)}
html[data-ux-theme="angel"] [class*="radial-gradient(60%_60%_at_50%_45%"]{background:radial-gradient(60% 60% at 50% 45%,rgba(143,211,255,.1),transparent 70%) !important}
/* the intro (loading) screen's glow follows the theme too */
html[data-ux-theme="pyramid"] [class*="radial-gradient(60%_60%_at_50%_45%"]{background:radial-gradient(60% 60% at 50% 45%,rgba(245,197,66,.1),transparent 70%) !important}
html[data-ux-theme="hand"] [class*="radial-gradient(60%_60%_at_50%_45%"]{background:radial-gradient(60% 60% at 50% 45%,rgba(255,59,48,.1),transparent 70%) !important}
html[data-ux-theme="pyramid"] .ux-logo{background-image:url(/userx/brand/logo-pyramid.svg)}
html[data-ux-theme="hand"] .ux-logo{background-image:url(/userx/brand/logo-hand.svg)}
/* The particle maze takes its color once, when the page loads; when the theme changes after that,
   brand/ux-themes.js sets --ux-maze-hue to shift it the rest of the way. The orb recolors itself. */
.absolute.inset-0 > canvas{transition:filter .8s ease}
html[data-ux-theme] .absolute.inset-0 > canvas:not(.ux-backdrop){filter:hue-rotate(var(--ux-maze-hue,0deg))}
.ux-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block;animation:ux-bd-in .7s ease both}
@keyframes ux-bd-in{from{opacity:0}}
/* The original page's own hero background (the particle maze) is never seen on the home page, not even while a
   slow page loads: the theme's backdrop (brand/ux-themes.js) takes its place and fades in once it's drawing. Only
   where that backdrop can't run (no WebGL: .ux-no-backdrop) does the maze stay. And the orb's canvas waits,
   unseen, until the theme has shaped it (.ux-orb-ready, set on its first frame), then fades in, so a slow page
   never shows the original's orb first. */
html[data-ux-page="ai"]:not(.ux-no-backdrop) [class*="h-screen"][class*="pointer-events-none"] .absolute.inset-0 > canvas:not(.ux-backdrop):not(.ux-gate){visibility:hidden}
html[data-ux-page="ai"] .fixed.z-0 > canvas:not(.ux-orb-model),html[data-ux-page="ai"] .z-0 > canvas.ux-tint{transition:opacity .6s ease}
html[data-ux-page="ai"]:not(.ux-orb-ready) .fixed.z-0 > canvas:not(.ux-orb-model),html[data-ux-page="ai"]:not(.ux-orb-ready) .z-0 > canvas.ux-tint{opacity:0}

/* The character standing at the bottom-left edge, and the sign he holds up */
.ux-peek{position:fixed;left:0;bottom:0;z-index:60;pointer-events:none}
.ux-peek-char{
  pointer-events:none;display:block;position:relative;width:420px;height:470px;padding:0;border:0;background:none;cursor:pointer;
  transform:translateX(-110%);transform-origin:50% 100%;
  transition:transform .7s cubic-bezier(.34,1.4,.64,1),translate .5s cubic-bezier(.22,1,.36,1),filter .3s;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in oklab,var(--primary) 30%,transparent));
}
.ux-peek-char svg,.ux-peek-char canvas{width:100%;height:100%;display:block}
.ux-peek-hit{pointer-events:auto;position:absolute;left:36%;width:28%;top:6%;height:90%}   /* clickable: just the character */
.ux-peek-char .ux-model,.ux-peek-char .ux-sdf{display:none}
.ux-peek.has-model .ux-model{display:block}
.ux-peek.use-sdf .ux-sdf{display:block}
.ux-peek.is-in .ux-peek-char{transform:translateX(var(--ux-peek-dx,-30%));animation:uxPeekBob 4s ease-in-out .8s infinite}
/* leaning in on hover: a separate nudge that slides (the bob just pauses where it is), so there's no
   jump on the first hover the way swapping out the running animation for a fixed position made */
.ux-peek.is-in .ux-peek-char:hover,.ux-peek.is-in .ux-peek-char:focus-visible,.ux-peek.is-open .ux-peek-char{
  translate:6% 0;animation-play-state:paused;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 0 22px color-mix(in oklab,var(--primary) 55%,transparent));
}
.ux-peek-char:focus-visible{outline:2px solid var(--primary);outline-offset:-20px;border-radius:24px}
.ux-peek.is-swapping .ux-peek-char{animation:none}   /* (its slide out and back in: swapOut and swapIn in brand/ux-themes.js) */
@keyframes uxPeekBob{
  0%,100%{transform:translateX(var(--ux-peek-dx,-30%))}
  50%{transform:translateX(calc(var(--ux-peek-dx,-30%) + 4%))}
}
@keyframes uxPeekBobPhone{0%,100%{transform:translateX(var(--ux-peek-x,-36%))}50%{transform:translateX(calc(var(--ux-peek-x,-36%) + 4%))}}
.ux-ch-eyes{transform-box:fill-box;transform-origin:center;animation:uxBlink 4.2s infinite}
@keyframes uxBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.ux-ch-glow{animation:uxChGlow 1.6s ease-in-out infinite}
@keyframes uxChGlow{0%,100%{opacity:.75}50%{opacity:1;filter:drop-shadow(0 0 4px currentColor)}}

.ux-sign{
  pointer-events:none;position:absolute;left:250px;bottom:250px;width:264px;padding:14px 14px 12px;
  border-radius:14px;background:color-mix(in oklab,var(--primary) 8%,#070907);
  box-shadow:0 0 0 1.5px var(--primary),0 0 28px -4px color-mix(in oklab,var(--primary) 70%,transparent),0 18px 40px rgba(0,0,0,.6);
  transform-origin:0 100%;transform:scale(.4) rotate(-14deg) translateY(30px);opacity:0;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s;
}
.ux-peek.is-open .ux-sign{pointer-events:auto;opacity:1;transform:scale(1) rotate(-3deg)}
.ux-sign-title{margin:0 0 10px;font:600 15px/1.2 var(--font-heading,inherit);color:var(--primary);
  text-shadow:0 0 12px color-mix(in oklab,var(--primary) 60%,transparent);letter-spacing:.01em}
.ux-sign-options{display:grid;gap:6px}
.ux-sign-options button{
  all:unset;box-sizing:border-box;display:flex;align-items:baseline;gap:8px;width:100%;padding:8px 14px;border-radius:999px;cursor:pointer;
  font:500 13px/1.2 var(--font-sans,inherit);color:var(--foreground);text-align:left;
  box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary) 45%,transparent);
  transition:background-color .2s,color .2s,box-shadow .2s;
}
.ux-sign-options button:hover,.ux-sign-options button:focus-visible{
  background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 18px -2px var(--primary);
}
.ux-sign-options button.is-keep{color:var(--primary)}   /* the theme that's showing, in the theme color */
.ux-sign-name{font:600 14px/1.2 var(--font-heading,inherit)}   /* the name leads */
.ux-sign-role{margin-left:auto;font:500 10px/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;opacity:.6;white-space:nowrap}
.ux-sign-options button:hover .ux-sign-role,.ux-sign-options button:focus-visible .ux-sign-role{opacity:.75}
.ux-sign-options button.is-keep::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;align-self:center;margin-right:-4px}   /* showing now */
.ux-sign-options button.is-keep:hover,.ux-sign-options button.is-keep:focus-visible{color:var(--primary-foreground)}
@media (max-width:1023px){   /* tablets: three-quarters size */
  .ux-peek-char{width:320px;height:358px}
  .ux-sign{left:178px;bottom:210px}
}
@media (max-width:640px){   /* phones: small, so it never sits on the text */
  .ux-peek-char{width:170px;height:190px}
  .ux-sign{left:96px;bottom:108px;width:236px}
}
@media (prefers-reduced-motion: reduce){
  .ux-peek-char,.ux-ch-eyes,.ux-ch-glow{animation:none !important}
}

/* ---- Cursor: just the ball ----
   The page's inspector overlay (crosshair lines, the dashed box with size and font labels, the
   x/y readout) is hidden; its code is untouched. To bring parts back, delete this rule, or keep
   the lines with: > :not([class~="w-px"]):not([class~="h-px"]) after the selector. */
[class~="z-[35]"].fixed.inset-0.pointer-events-none{display:none !important}

/* a theme's 3D model in the orb's place (the samurai's moon, India's lotus), drawn just under the orb's canvas (ORB_MODELS in brand/ux-themes.js) */
.ux-orb-model{position:fixed;inset:0;pointer-events:none}
.ux-pilot,.ux-pilot-dust{right:auto;bottom:auto;will-change:transform}   /* a square that follows the saucer (buildPilot) */
/* the samurai theme's still torii gate in the hero backdrop, faded so it reads as far away */
.ux-gate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s}
html[data-ux-theme="samurai"] .ux-gate{opacity:.3}
@media (max-width:767px){html[data-ux-theme="samurai"] .ux-gate{opacity:.6}}   /* smaller there (BackGate in brand/ux-themes.js), and a little brighter, so it reads as a gate */
.ux-gate{filter:drop-shadow(0 0 14px rgba(255,111,156,.55)) drop-shadow(0 0 40px rgba(255,111,156,.25))}   /* a soft pink glow outlining it */

/* the flat header logo's sideways spin (brand/ux-logo3d.js adds .is-spinning every 9s and on hover) */
header img.ux-logo-spin{height:3.25rem;transform:perspective(900px) rotateY(0deg);backface-visibility:visible}   /* 52px: within common header guidance, so it leads without overpowering */
header.fixed > div.h-28{height:5.5rem}   /* the header bar: 88px (was 112) */
@media (max-width:640px){header img.ux-logo-spin{height:2.5rem}header.fixed > div.h-28{height:4.5rem}}   /* phones: a 40px logo in a 72px bar */
header img.ux-logo-spin.is-spinning{animation:ux-logo-spin 1.6s cubic-bezier(.65,0,.35,1)}
@keyframes ux-logo-spin{from{transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(360deg)}}

/* the top bar runs full width: logo at the far left, menu at the far right, with padding at the edges */
header.fixed > div.max-w-6xl{max-width:none;padding-inline:clamp(24px,3.5vw,64px)}

/* symbols that burst over a character's head now and then (FX in brand/ux-themes.js) */
.ux-fx{position:absolute;width:0;height:0;pointer-events:none;z-index:2}
.ux-fx span{position:absolute;left:0;bottom:0;transform:translate(-50%,0);white-space:nowrap;line-height:1;opacity:0;
  color:var(--primary);text-shadow:0 0 10px color-mix(in oklab,var(--primary) 70%,transparent)}
/* Symbols over the heads: the visitor's own fonts first (they look best); a device without one gets these,
   Noto cut down to just the symbols used (brand/fonts, about 21 KB in all), each loaded only if it's needed */
@font-face{font-family:"UX Hieroglyphs";src:url(/userx/fonts/NotoSansEgyptianHieroglyphs.woff2) format("woff2");font-display:swap;unicode-range:U+13080,U+130ED,U+13153,U+131A3,U+131F3,U+13296,U+132F9}
@font-face{font-family:"UX Devanagari";src:url(/userx/fonts/NotoSansDevanagari.woff2) format("woff2");font-display:swap;unicode-range:U+902,U+917,U+930,U+936,U+940,U+94D,U+950}
@font-face{font-family:"UX Kanji";src:url(/userx/fonts/NotoSerifJP.woff2) format("woff2");font-display:swap;unicode-range:U+2307,U+23C1,U+23C3,U+23DA,U+266A-266C,U+273F-2740,U+4F8D,U+5200,U+65AC,U+6708,U+685C,U+6B66}
@font-face{font-family:"UX Math";src:url(/userx/fonts/NotoSansMath.woff2) format("woff2");font-display:swap;unicode-range:U+2111,U+211C,U+212D,U+2291,U+22AC,U+22C9,U+22CF,U+22D4,U+233F-2340,U+2359,U+235C,U+27CA,U+27D2,U+27DF,U+1D504-1D532}
@font-face{font-family:"UX Symbols";src:url(/userx/fonts/NotoSansSymbols.woff2) format("woff2");font-display:swap;unicode-range:U+2330,U+2385,U+238D-238E,U+2390,U+260A,U+260C-260D,U+2625,U+2638,U+2644,U+2646,U+26E7,U+1F702,U+1F70D,U+1F70F}
@font-face{font-family:"UX Symbols 2";src:url(/userx/fonts/NotoSansSymbols2.woff2) format("woff2");font-display:swap;unicode-range:U+2316,U+237E,U+2726-2727}
.ux-fx-rise span{font:400 30px/1 "Noto Sans Egyptian Hieroglyphs","Segoe UI Historic","Noto Sans Devanagari","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP","Apple Symbols","UX Hieroglyphs","UX Devanagari","UX Kanji","UX Math","UX Symbols","UX Symbols 2",system-ui,sans-serif}
.ux-fx-rise.ux-fx-samurai span{font-weight:600}   /* the brush kanji are thin at 400 */
.ux-fx-rise.ux-fx-ufo span{font:600 26px/1 ui-monospace,SFMono-Regular,Menlo,"UX Hieroglyphs","UX Devanagari","UX Kanji","UX Math","UX Symbols","UX Symbols 2",monospace}
.ux-fx-rise.ux-fx-hand span{font-family:"Apple Symbols","STIX Two Math","Cambria Math","Segoe UI Symbol","UX Hieroglyphs","UX Devanagari","UX Kanji","UX Math","UX Symbols","UX Symbols 2",serif;
  text-shadow:0 0 8px color-mix(in oklab,var(--primary) 55%,transparent)}   /* thin blackletter, a soft glow and no hard edge */
.ux-fx-hint span{font:300 12px/1 var(--font-sans,sans-serif);letter-spacing:.02em;color:var(--primary);
  background:color-mix(in oklab,var(--background,#0a0a0a) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);padding:7px 11px;border-radius:10px;
  text-shadow:none;box-shadow:0 0 18px -6px var(--primary)}
.ux-fx-hint span::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-4px;transform:rotate(45deg);
  background:inherit;border:inherit;border-top:0;border-left:0;backdrop-filter:none;-webkit-backdrop-filter:none}
@media (max-width:640px){.ux-fx-rise span,.ux-fx-rise.ux-fx-ufo span{font-size:22px}}

/* The page's story (brand/ux-copy.js): hidden for a moment until the theme's version is in, keywords in
   the theme color that gently grow and shrink, and a plain link to the design system. */
html[data-ux-copy="wait"] main :is(h1,h2),html[data-ux-copy="wait"] main :is(h1,h2)+p,
html[data-ux-copy="wait"] main :is(h1,h2)+div>p,html[data-ux-copy="wait"] main [data-scramble]{visibility:hidden}
/* ... and the hero's whole column (its label, headline, paragraph and buttons) until the theme's words are in: the
   headline's new length moved everything round it, which counted against the page as layout shift */
html[data-ux-copy="wait"] main>section:first-child [class~="md:col-span-5"]{visibility:hidden}
main .ux-kw{color:var(--primary);display:inline-block;animation:ux-kw 5.5s ease-in-out infinite;animation-delay:var(--ux-kw-d,0s)}
main p .ux-kw{font-weight:500;margin-inline:.1em}   /* a hair of room, so the pulse never touches the next word */
@keyframes ux-kw{0%,62%,100%{scale:1}74%{scale:1.045}}
main [data-rv="words"] .ux-kw{animation-name:ux-kw-big}   /* big headline words grow less, so they never close the gap to their neighbors */
@keyframes ux-kw-big{0%,62%,100%{scale:1}74%{scale:1.03}}
.ux-copy-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}
.ux-copy-link:hover{text-decoration-thickness:2px}
@media (prefers-reduced-motion:reduce){main .ux-kw{animation:none}}
main [data-rv="words"].is-in .w:has(> .ux-kw){overflow:visible}   /* room for a keyword to grow once its word has revealed */

/* /userx-ai layout: calmer headline sizes and wider text columns, so headlines read in a few lines
   instead of a word per line. (data-ux-page is set on <html> by THEME_EARLY and brand/ux-copy.js.) */
html[data-ux-page="ai"] main .mx-auto.max-w-6xl{max-width:80rem}
html[data-ux-page="ai"] main h1{font-size:clamp(2.25rem,0.9rem + 2.6vw,3.5rem);line-height:1.04}
html[data-ux-page="ai"] main h2{font-size:clamp(2rem,0.8rem + 2.1vw,3rem);line-height:1.08}
html[data-ux-page="ai"] main h1+p{max-width:36rem}
@media (min-width:1024px){
  /* text and its demo share the row evenly (was 5 to 7) */
  html[data-ux-page="ai"] main .md\:grid-cols-12>.md\:col-span-5,
  html[data-ux-page="ai"] main .md\:grid-cols-12>.md\:col-span-7{grid-column:span 6/span 6}
  html[data-ux-page="ai"] main .md\:grid-cols-12>.md\:col-start-8{grid-column:7/span 6}
  html[data-ux-page="ai"] main .md\:grid-cols-12>.md\:col-start-1{grid-column:1/span 6}
}
@media (min-width:768px){   /* the hero's label on one line */
  html[data-ux-page="ai"] main [data-rv="wipe"]:has(+h1){white-space:nowrap;letter-spacing:.16em}
}
@media (min-width:768px) and (max-width:1023px){   /* tablets: text above its demo, as on phones */
  html[data-ux-page="ai"] main .md\:grid-cols-12{grid-template-columns:minmax(0,1fr)}
  html[data-ux-page="ai"] main .md\:grid-cols-12>*{grid-column:1/-1;grid-row:auto;order:0}
}
@media (min-width:1024px){
  html[data-ux-page="ai"] main .lg\:grid-cols-12>.lg\:col-span-5,
  html[data-ux-page="ai"] main .lg\:grid-cols-12>.lg\:col-span-7{grid-column:span 6/span 6}
}

/* A clear lane for the character on the left. --ux-room is how far its figure reaches (about a third of its
   box, which sits 30% off screen) plus about 40px of air. Each block's left padding grows just enough that
   its content starts past the lane: on wide screens the page margin already covers it and nothing changes;
   on narrower ones the content narrows from the left. --ux-mw is each block's own max width. */
html[data-ux-page="ai"]{--ux-room:204px}
@media (max-width:1023px){html[data-ux-page="ai"]{--ux-room:164px}}
@media (max-width:640px){html[data-ux-page="ai"]{--ux-room:94px}}
/* the angel flies with wings and arms spread, so his lane is wider */
html[data-ux-page="ai"][data-ux-theme="angel"]{--ux-room:244px}
@media (max-width:1023px){html[data-ux-page="ai"][data-ux-theme="angel"]{--ux-room:190px}}
@media (max-width:640px){html[data-ux-page="ai"][data-ux-theme="angel"]{--ux-room:104px}}
html[data-ux-page="ai"] main .mx-auto.w-full{--ux-mw:100vw;padding-left:max(1.5rem,calc(var(--ux-room) - max(0px,(100vw - var(--ux-mw)) / 2)))}
html[data-ux-page="ai"] main .mx-auto.w-full.max-w-6xl{--ux-mw:80rem}
html[data-ux-page="ai"] main .mx-auto.w-full.max-w-5xl{--ux-mw:64rem}
html[data-ux-page="ai"] main .mx-auto.w-full.max-w-4xl{--ux-mw:56rem}


/* ---- Footer (rebuilt by brand/ux-footer.js, on every page): two slim rows, like the header ---- */
footer.ux-footer>.ux-footer-orig{display:none}
footer .ux-foot{padding:30px clamp(24px,3.5vw,64px) 22px}
html[data-ux-page="ai"] footer .ux-foot{padding-left:max(clamp(24px,3.5vw,64px),calc(var(--ux-room,0px) + 16px))}   /* clear of the character, with a little extra room */
footer .ux-foot-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}   /* the links centered in the space between the logo and the icons */
footer .ux-foot-row{grid-template-columns:1fr auto}   /* the logo, and the icons at the far end */
footer .ux-foot-meta{grid-template-columns:1fr auto}
footer .ux-foot-brand img{height:2.5rem;width:auto}
footer .ux-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 30px}
footer .ux-foot-link{font-size:14px;line-height:1.4;color:var(--muted-foreground);transition:color .2s}
footer .ux-foot-link:hover,footer .ux-foot-link:focus-visible{color:var(--foreground)}
footer .ux-foot-reach{display:flex;justify-content:flex-end;align-items:center;gap:18px}
footer .ux-foot-mail{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted-foreground);transition:color .2s}
footer .ux-foot-mail svg{color:var(--primary)}
footer .ux-foot-mail:hover,footer .ux-foot-mail:focus-visible{color:var(--foreground)}
footer .ux-foot-social{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
/* email and social: rounded tiles with one line-icon set; on hover the tile tints, the border lights and the icon takes the theme color */
.ux-foot-tile{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;cursor:pointer;
  color:color-mix(in oklab,var(--foreground) 75%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);background:rgba(255,255,255,.02);
  transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s,transform .25s}
.ux-foot-tile svg{width:18px;height:18px}
.ux-foot-tile:hover,.ux-foot-tile:focus-visible{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 55%,transparent);
  background:color-mix(in oklab,var(--primary) 10%,transparent);box-shadow:0 0 18px -6px var(--primary);transform:translateY(-2px)}
footer .ux-foot-meta{margin-top:22px;padding-top:16px;border-top:1px solid color-mix(in oklab,var(--border) 70%,transparent);
  font:400 12px/1.4 var(--font-sans,inherit);color:var(--muted-foreground)}
footer .ux-foot-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
footer .ux-foot-copy span{font:inherit}
footer .ux-foot-ventures{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 16px}
footer .ux-foot-k{font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.7}
footer .ux-foot-small{font-size:12px;color:var(--muted-foreground);transition:color .2s}
footer .ux-foot-small:hover,footer .ux-foot-small:focus-visible{color:var(--primary)}
footer .ux-foot-end{display:flex;justify-content:flex-end}
/* back to top: a glowing pill in the theme color */
footer a.ux-top{display:inline-flex;align-items:center;gap:10px;padding:4px 4px 4px 14px;border-radius:999px;color:var(--primary);
  font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.18em;text-transform:uppercase;
  border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);background:color-mix(in oklab,var(--primary) 8%,transparent);
  box-shadow:0 0 20px -8px var(--primary);transition:background-color .25s,color .25s,box-shadow .25s}
footer a.ux-top>span{display:inline-flex;align-items:center;justify-content:center;height:1.6rem;width:1.6rem;border:0;border-radius:999px;
  background:var(--primary);color:var(--primary-foreground);transition:transform .25s,background-color .25s,color .25s}
footer a.ux-top:hover,footer a.ux-top:focus-visible{background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 28px -6px var(--primary)}
footer a.ux-top:hover>span,footer a.ux-top:focus-visible>span{background:var(--primary-foreground);color:var(--primary);transform:translateY(-2px)}
@media (max-width:900px){   /* stacked and centered */
  footer .ux-foot-row{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}
  footer .ux-foot-reach,footer .ux-foot-end{justify-content:center}
  footer .ux-foot-reach{flex-wrap:wrap}
  footer .ux-foot-social{justify-content:center}
  footer .ux-foot-copy{justify-content:center}
}
/* /userx-ai header: its menu links centered like the home page's, the "Work with UserX" button on the right */
@media (min-width:768px){
  html[data-ux-page="ai"] header.fixed > div.h-28{position:relative}
  html[data-ux-page="ai"] header.fixed > div.h-28 > nav:not(.ux-storynav){position:absolute;inset:0;justify-content:center;gap:28px;pointer-events:none}
  html[data-ux-page="ai"] header.fixed > div.h-28 > nav:not(.ux-storynav) > a{pointer-events:auto}
  html[data-ux-page="ai"] header.fixed > div.h-28 > nav:not(.ux-storynav) > a:is([href="/#contact"],[data-wk-call]){position:absolute;right:clamp(24px,3.5vw,64px)}
}

/* ---- Booking popup (brand/ux-book.js): the site's popup look, rounded, with the logo, a line in the
   theme's voice, and a wizard stepper (Discover, Define, Deliver) over the booking page in a frame ---- */
html.ux-book-open,html.ux-book-open body{overflow:hidden}
.ux-book{position:fixed;inset:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:16px;
  pointer-events:none;opacity:0;transition:opacity .25s ease}
.ux-book.is-open{pointer-events:auto;opacity:1}
.ux-book-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ux-book-panel{position:relative;width:min(700px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-radius:24px;
  border:1px solid color-mix(in oklab,var(--primary) 22%,rgba(255,255,255,.08));
  background:radial-gradient(120% 55% at 50% 0%,color-mix(in oklab,var(--primary) 11%,transparent),transparent 62%),#050607;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.95),0 0 70px -34px var(--primary);
  transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ux-book.is-open .ux-book-panel{transform:none}
.ux-book-line{position:absolute;inset:0 24px auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 75%,transparent),transparent)}
.ux-book-close{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:0;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted-foreground);cursor:pointer;transition:color .2s,background-color .2s}
.ux-book-close:hover,.ux-book-close:focus-visible{color:var(--foreground);background:rgba(255,255,255,.1);outline:none}
/* the header: the logo and userx.us beside the eyebrow and headline */
.ux-book-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;padding:34px 34px 6px}
.ux-book-brand{display:flex;align-items:center;gap:10px}
.ux-book-brand img{height:3.4rem;width:auto}
.ux-book-eyebrow{margin:0;font:500 11px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}
.ux-book-title{margin:9px 0 0;font:600 clamp(1.45rem,1rem + 1.4vw,1.9rem)/1.12 var(--font-heading,inherit);letter-spacing:-.015em;color:var(--foreground)}
/* the stepper: dots on a track; the line fills on to the current step, and a spark runs ahead of it while it moves */
.ux-book-steps{position:relative;padding:22px 34px 4px}
.ux-book-steps ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}
.ux-book-track{position:absolute;left:calc(34px + (100% - 68px) / 6);right:calc(34px + (100% - 68px) / 6);top:37px;height:2px;border-radius:2px;
  background:color-mix(in oklab,var(--foreground) 10%,transparent)}
.ux-book-fill{position:relative;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 45%,transparent),var(--primary));
  box-shadow:0 0 12px var(--primary);transition:width .8s cubic-bezier(.65,0,.35,1)}
.ux-book-fill::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;
  box-shadow:0 0 10px 3px var(--primary),0 0 22px 6px color-mix(in oklab,var(--primary) 60%,transparent);opacity:0;transition:opacity .2s}
.ux-book-steps.is-moving .ux-book-fill::after{opacity:1}
.ux-book-steps li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ux-book-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin-bottom:6px;
  border:1.5px solid color-mix(in oklab,var(--foreground) 22%,transparent);background:#07080a;color:var(--muted-foreground);
  font:600 12px/1 var(--font-mono,ui-monospace,monospace);transition:background-color .35s,border-color .35s,color .35s,box-shadow .35s}
.ux-book-tick{display:none;width:14px;height:14px}
.ux-book-name{font:600 13px/1.2 var(--font-sans,inherit);color:var(--muted-foreground);transition:color .3s}
.ux-book-sub{font-size:11px;line-height:1.2;color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}
.ux-book-steps li.is-done .ux-book-dot{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 16%,#07080a);color:var(--primary)}
.ux-book-steps li.is-done .ux-book-num{display:none}
.ux-book-steps li.is-done .ux-book-tick{display:block}
.ux-book-steps li.is-now .ux-book-dot{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 5px color-mix(in oklab,var(--primary) 16%,transparent),0 0 22px -2px var(--primary)}
.ux-book-steps li.is-now .ux-book-name,.ux-book-steps li.is-done .ux-book-name{color:var(--foreground)}
.ux-book-steps li.is-arriving .ux-book-dot{animation:ux-book-arrive .6s cubic-bezier(.34,1.56,.64,1) .45s both}
@keyframes ux-book-arrive{0%{transform:scale(.7)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
.ux-book-count{margin:14px 0 0;text-align:center;font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-foreground)}
/* the booking page in its frame, sized to fit it exactly (brand/ux-book.js) */
.ux-book-body{position:relative;min-height:140px}
.ux-book iframe{display:block;width:100%;height:340px;border:0;background:transparent;opacity:0;transition:opacity .3s,height .35s cubic-bezier(.22,1,.36,1)}
.ux-book.is-loaded iframe{opacity:1}
.ux-book-wait{position:absolute;left:50%;top:60px;width:26px;height:26px;margin-left:-13px;border-radius:999px;
  border:2px solid color-mix(in oklab,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:ux-book-spin .8s linear infinite}
.ux-book.is-loaded .ux-book-wait{display:none}
@keyframes ux-book-spin{to{transform:rotate(360deg)}}
@media (max-width:640px){
  .ux-book-head{grid-template-columns:1fr;gap:14px;padding:28px 22px 4px}
  .ux-book-brand img{height:2.6rem}
  .ux-book-steps{padding:18px 22px 2px}
  .ux-book-track{left:calc(22px + (100% - 44px) / 6);right:calc(22px + (100% - 44px) / 6)}
  .ux-book-sub{display:none}
}
@media (prefers-reduced-motion:reduce){.ux-book,.ux-book-panel,.ux-book-fill,.ux-book iframe{transition:none}.ux-book-steps li.is-arriving .ux-book-dot{animation:none}}

/* /book inside the popup: just the flow (the popup has the header and steps), on the popup's own
   background, with smaller, rounder cards, an icon for each meeting, and no extra space at the bottom */
html[data-ux-embed],html[data-ux-embed] body,html[data-ux-embed] main{background:transparent !important}
html[data-ux-embed] .fixed.inset-0.z-\[9999\].bg-\[\#050506\]{display:none !important}   /* no intro screen inside the popup: the page opened it already */
html[data-ux-embed] body .book-shell main,html[data-ux-embed] main{min-height:0 !important;padding:18px 34px 30px !important}
html[data-ux-embed] main > div{display:block !important;max-width:none !important}
html[data-ux-embed] main > div > :nth-child(-n+4){display:none !important}
html[data-ux-embed] main > div > :nth-child(5){margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
html[data-ux-embed] .cursor-bubble,html[data-ux-embed] [class*="cursor-bubble"]{display:none}
html[data-ux-embed] main .space-y-3 > button{position:relative;gap:14px;padding:12px 16px 12px 62px !important;border-radius:16px;
  border-color:color-mix(in oklab,var(--foreground) 9%,transparent) !important;background:rgba(255,255,255,.02)}
html[data-ux-embed] main .space-y-3 > button::before{content:"";position:absolute;left:14px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:10px;
  background:color-mix(in oklab,var(--primary) 14%,transparent);border:1px solid color-mix(in oklab,var(--primary) 30%,transparent)}
html[data-ux-embed] main .space-y-3 > button::after{content:"";position:absolute;left:23px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--primary);
  -webkit-mask:var(--ux-icon) center/contain no-repeat;mask:var(--ux-icon) center/contain no-repeat}
html[data-ux-embed] main .space-y-3 > button:nth-child(1){--ux-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
html[data-ux-embed] main .space-y-3 > button:nth-child(2){--ux-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
html[data-ux-embed] main .space-y-3 > button:nth-child(3){--ux-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15l-3-3a12 12 0 0 1 9-9h3v3a12 12 0 0 1-9 9z'/%3E%3Cpath d='M9 12H5l2-4h4M12 15v4l4-2v-4'/%3E%3Ccircle cx='15.5' cy='8.5' r='1.3'/%3E%3Cpath d='M5 19c0-2 1-3 2-3s2 1 1 2-3 1-3 1z'/%3E%3C/svg%3E")}
html[data-ux-embed] main .space-y-3 > button .font-medium{font-size:15px}
html[data-ux-embed] main .space-y-3 > button .text-sm{font-size:13px}
html[data-ux-embed] main button[class*="shrink-0"][class*="border"]{border-radius:999px}
html[data-ux-embed] main input,html[data-ux-embed] main textarea,html[data-ux-embed] main select{border-radius:12px}
html[data-ux-embed] main [class*="border-primary/30"]{border-radius:14px}
html[data-ux-embed] main button[type="submit"]{border-radius:999px}
html[data-ux-embed] main .grid > button,html[data-ux-embed] main [class*="grid-cols"] > button{border-radius:12px}
@media (max-width:640px){html[data-ux-embed] main{padding:14px 22px 24px !important}}
/* the booking steps, freshened (same steps and layout): durations as pills, names in the heading font,
   rounded day pills and time slots in the body font, softer fields with a focus ring, and the confirm
   button as the site's glowing outline pill, clearly dimmed until the details are in */
html:is([data-ux-embed],[data-ux-bookpage]) main .space-y-3 > button .font-medium{font-family:var(--font-heading,inherit);letter-spacing:-.005em}
html:is([data-ux-embed],[data-ux-bookpage]) main .space-y-3 > button > span:last-child{padding:7px 11px;border-radius:999px;font-size:11px;letter-spacing:.06em;
  background:color-mix(in oklab,var(--primary) 10%,transparent);border:1px solid color-mix(in oklab,var(--primary) 32%,transparent)}
html:is([data-ux-embed],[data-ux-bookpage]) main .space-y-3 > button:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent) !important;box-shadow:0 0 26px -14px var(--primary)}
html:is([data-ux-embed],[data-ux-bookpage]) main .flex.gap-1\.5 > button{border-radius:999px;padding:8px 14px;font-size:12.5px;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}
html:is([data-ux-embed],[data-ux-bookpage]) main .flex.gap-1\.5 > button.border-primary{box-shadow:0 0 18px -8px var(--primary)}
html:is([data-ux-embed],[data-ux-bookpage]) main .grid > button[class*="font-mono"]{border-radius:12px !important;font-family:var(--font-sans,inherit);font-size:14px;padding-top:10px;padding-bottom:10px;background:rgba(255,255,255,.02)}
html:is([data-ux-embed],[data-ux-bookpage]) main .grid > button[class*="font-mono"]:hover{box-shadow:0 0 18px -8px var(--primary)}
html:is([data-ux-embed],[data-ux-bookpage]) main select{border-radius:10px;height:34px;padding:0 30px 0 10px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background:rgba(255,255,255,.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/14px}
html:is([data-ux-embed],[data-ux-bookpage]) main form input:not([class*="left-[-9999px]"]),html:is([data-ux-embed],[data-ux-bookpage]) main form textarea{background:rgba(255,255,255,.03) !important;
  transition:border-color .2s,box-shadow .2s}
html:is([data-ux-embed],[data-ux-bookpage]) main form input:focus,html:is([data-ux-embed],[data-ux-bookpage]) main form textarea:focus{border-color:color-mix(in oklab,var(--primary) 60%,transparent) !important;box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}
/* the time zone picker (brand/ux-book.js): a button and a black panel in the site's look, over the page's own menu */
html:is([data-ux-embed],[data-ux-bookpage]) main select.ux-tz-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 14px;border-radius:999px;cursor:pointer;
  font:500 12.5px/1 var(--font-sans,inherit);color:var(--foreground);background:#050607;border:1px solid color-mix(in oklab,var(--primary) 32%,transparent);
  transition:border-color .2s,box-shadow .2s}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-btn svg{color:var(--primary);transition:transform .25s}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-btn:hover,html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-btn[aria-expanded="true"]{border-color:var(--primary);box-shadow:0 0 18px -8px var(--primary)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-pop{margin:12px 0 4px;padding:10px;border-radius:16px;background:#050607;border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.9),0 0 30px -16px var(--primary);animation:ux-tz-in .25s cubic-bezier(.22,1,.36,1)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-pop[hidden]{display:none}
@keyframes ux-tz-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-find{box-sizing:border-box;width:100%;height:40px;padding:0 14px;border-radius:10px;font:400 13.5px/1 var(--font-sans,inherit);color:var(--foreground);
  background:rgba(255,255,255,.03) !important;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);outline:none}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-find:focus{border-color:color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list{max-height:240px;margin:8px 0 0;padding:0 2px 0 0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--primary) 40%,transparent) transparent}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background-color .15s}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li span{display:flex;flex-direction:column;gap:3px;min-width:0}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list b{font:500 13.5px/1.2 var(--font-sans,inherit);color:var(--foreground)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list small{font-size:11.5px;color:var(--muted-foreground)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list em{flex:none;font:500 11px/1 var(--font-mono,ui-monospace,monospace);font-style:normal;letter-spacing:.06em;color:var(--muted-foreground)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li:hover,html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li.is-hover{background:color-mix(in oklab,var(--primary) 10%,transparent)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li[aria-selected="true"]{background:color-mix(in oklab,var(--primary) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary) 45%,transparent)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li[aria-selected="true"] b,html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list li[aria-selected="true"] em{color:var(--primary)}
html:is([data-ux-embed],[data-ux-bookpage]) main .ux-tz-list .ux-tz-none{cursor:default;color:var(--muted-foreground);font-size:13px}
html:is([data-ux-embed],[data-ux-bookpage]) main button.w-full.bg-primary{border-radius:999px;color:var(--primary) !important;background:color-mix(in oklab,var(--primary) 10%,transparent) !important;
  border:1px solid var(--primary);box-shadow:0 0 22px -8px var(--primary),inset 0 0 14px -8px var(--primary);font-weight:600;transition:background-color .2s,box-shadow .2s,opacity .2s}
html:is([data-ux-embed],[data-ux-bookpage]) main button.w-full.bg-primary:hover:not(:disabled){background:color-mix(in oklab,var(--primary) 17%,transparent) !important;box-shadow:0 0 30px -6px var(--primary),inset 0 0 16px -8px var(--primary);opacity:1}
html:is([data-ux-embed],[data-ux-bookpage]) main button.w-full.bg-primary:disabled{opacity:.4;cursor:not-allowed !important;box-shadow:none}
html[data-ux-embed] .cursor-bubble,html[data-ux-embed] [class*="cursor-bubble"]{display:none}

/* the time zone's label sits right by its menu, not alone in the row's middle */
html:is([data-ux-embed],[data-ux-bookpage]) main label:has(> select.ux-tz-native){margin-left:auto}
/* ---- Booking details (brand/ux-book.js, extraFields): the message form's fields, labels and order (contactForm in
   brand/ux-footer.js): name and email, company and phone, location and budget, what they need, the message ---- */
main form.ux-bk-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:8px;
  grid-template-areas:"i i" "ln le" "n e" "lc lp" "c p" "ll lb" "l b" "k k" "lm lm" "m m" "s s"}
main form.ux-bk-form > *{margin:0 !important}
main form.ux-bk-form .ux-book-extra{display:contents}
main form.ux-bk-form [data-a="i"]{grid-area:i;margin-bottom:6px !important}
main form.ux-bk-form [data-a="ln"]{grid-area:ln}main form.ux-bk-form [data-a="le"]{grid-area:le}
main form.ux-bk-form [data-a="lc"]{grid-area:lc}main form.ux-bk-form [data-a="lp"]{grid-area:lp}
main form.ux-bk-form [data-a="ll"]{grid-area:ll}main form.ux-bk-form [data-a="lb"]{grid-area:lb}
main form.ux-bk-form [data-a="lm"]{grid-area:lm}
main form.ux-bk-form [data-a="n"]{grid-area:n}main form.ux-bk-form [data-a="e"]{grid-area:e}
main form.ux-bk-form [data-a="c"]{grid-area:c}main form.ux-bk-form [data-a="p"]{grid-area:p}
main form.ux-bk-form [data-a="l"]{grid-area:l}main form.ux-bk-form [data-a="b"]{grid-area:b;position:relative}
main form.ux-bk-form [data-a="k"]{grid-area:k;margin-top:10px !important}
main form.ux-bk-form [data-a="m"]{grid-area:m}
main form.ux-bk-form [data-a="s"]{grid-area:s;margin-top:18px !important}
main form.ux-bk-form .ux-bk-l:not([data-a="ln"]):not([data-a="le"]){margin-top:10px !important}
@media (max-width:520px){main form.ux-bk-form{grid-template-columns:minmax(0,1fr);
  grid-template-areas:"i" "ln" "n" "le" "e" "lc" "c" "lp" "p" "ll" "l" "lb" "b" "k" "lm" "m" "s"}
  main form.ux-bk-form [data-a="le"]{margin-top:10px !important}}
/* ---- Story menu (/userx-ai header, brand/ux-copy.js): five parts of the story, centered, and a
   reading line along the header's bottom edge with a notch per chapter ---- */
html[data-ux-page="ai"] header.fixed > div > nav:not(.ux-storynav) > a:not([href="/#contact"]):not([data-wk-call]){display:none !important}   /* the original site's links (not "Work with UserX", which books the call: brand/ux-copy.js; nor the other pages' call button, brand/partials/header.html) */
header .ux-storynav{position:absolute;left:50%;top:50%;translate:-50% -50%;display:none;align-items:center;gap:30px;width:max-content;white-space:nowrap}   /* (one line: centred from the middle, it could only use half the header and wrapped) */
@media (min-width:1100px){header .ux-storynav{display:flex}}
@media (min-width:768px) and (max-width:1099px){   /* the menu button at the far right, the call button just before it */
  html[data-ux-page="ai"] header.fixed > div.h-28 > nav:not(.ux-storynav) > .ux-mbtn{position:absolute;right:clamp(24px,3.5vw,64px);margin:0;pointer-events:auto}
  html[data-ux-page="ai"] header.fixed > div.h-28 > nav:not(.ux-storynav) > a:is([href="/#contact"],[data-wk-call]){right:calc(clamp(24px,3.5vw,64px) + 54px)}
}   /* narrower, the phone menu's button takes over (brand/ux-menu.js) */
header .ux-storynav a.ux-storynav-home{display:inline-flex;padding:4px 2px;margin-right:-6px}
header .ux-storynav a{position:relative;padding:6px 0;font:500 11px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-foreground);text-decoration:none;transition:color .25s}
header .ux-storynav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-3px;height:1.5px;border-radius:2px;background:var(--primary);
  box-shadow:0 0 8px var(--primary);transition:left .35s cubic-bezier(.22,1,.36,1),right .35s cubic-bezier(.22,1,.36,1)}
header .ux-storynav a:hover,header .ux-storynav a:focus-visible,header .ux-storynav a.is-active{color:var(--foreground)}
header .ux-storynav a:hover::after,header .ux-storynav a:focus-visible::after,header .ux-storynav a.is-active::after{left:0;right:0}
@media (max-width:1279px){header .ux-storynav{gap:22px}header .ux-storynav a[data-part="3"]{display:none}}   /* narrower screens: no "Process" (the line's notches still reach it) */
/* the line runs between the header's own margins (logo to button), so the end dots and their names stay on screen */
header .ux-storybar{position:absolute;left:clamp(24px,3.5vw,64px);right:clamp(24px,3.5vw,64px);bottom:-1px;height:2px;border-radius:2px;background:color-mix(in oklab,var(--foreground) 9%,transparent)}
header .ux-storybar-fill{height:100%;width:0;background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 35%,transparent),var(--primary));
  box-shadow:0 0 10px var(--primary);transition:width .15s linear}
header .ux-storybar-notch{position:absolute;top:50%;width:40px;height:34px;margin:-17px 0 0 -20px;padding:0;border:0;background:none;cursor:pointer}   /* a roomy hover area around the small dot, so you only need to get near it */
header .ux-storybar-notch::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  background:#0b0c0e;border:1.5px solid color-mix(in oklab,var(--foreground) 58%,transparent);transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s}
header .ux-storybar-notch.is-past::before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary)}
/* hovered: the dot fills with the theme color and glows, and thin rings ripple out from it one after
   another, like a drop in water */
header .ux-storybar-notch:hover::before,header .ux-storybar-notch:focus-visible::before{transform:scale(1.45);background:var(--primary);border-color:var(--primary);
  box-shadow:0 0 10px 1px var(--primary)}
header .ux-storybar-notch i{position:absolute;left:50%;top:50%;width:8px;height:8px;translate:-50% -50%;border-radius:50%;
  border:1.5px solid var(--primary);opacity:0;pointer-events:none}
header .ux-storybar-notch:hover i,header .ux-storybar-notch:focus-visible i{animation:ux-ripple 2.1s cubic-bezier(.25,.5,.4,1) infinite}
header .ux-storybar-notch i:nth-child(2){animation-delay:.7s !important}
header .ux-storybar-notch i:nth-child(3){animation-delay:1.4s !important}
/* the rings grow in size (not scale), so they stay thin lines, and reach well past the cursor's ball */
@keyframes ux-ripple{0%{width:8px;height:8px;opacity:1}65%{opacity:.55}100%{width:84px;height:84px;opacity:0}}
@media (prefers-reduced-motion:reduce){header .ux-storybar-notch:hover i{animation:none}}
header .ux-storybar-notch::after{content:attr(data-label);position:absolute;left:50%;top:36px;translate:-50% 0;white-space:nowrap;padding:9px 14px;border-radius:10px;
  font:500 12px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--foreground);
  background:#0b0c0e;border:1px solid color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:0 10px 30px -8px rgba(0,0,0,.85),0 0 22px -10px var(--primary);
  opacity:0;pointer-events:none;transition:opacity .2s,translate .2s}
header .ux-storybar-notch:hover::after,header .ux-storybar-notch:focus-visible::after{opacity:1;translate:-50% 3px}
header .ux-storybar-fill + .ux-storybar-notch::after{left:0;translate:0 0}
header .ux-storybar-notch:last-child::after{left:auto;right:0;translate:0 0}   /* the end ones stay on screen */
header .ux-storybar-fill + .ux-storybar-notch:hover::after,header .ux-storybar-notch:last-child:hover::after{translate:0 3px}
@media (max-width:640px){header .ux-storybar-notch::after{display:none}}
/* ---- Intro screen (the loader): just the X, large, in the middle of its ring, and the ring is the one
   progress meter: 32 segments around the X that light up in the theme color as the page loads (the old
   straight bar is left out, so there's one thing to watch), with the percentage centered under it as an
   LED readout ---- */
.ux-load-box{width:13rem;height:13rem}   /* the ring, large, with room to breathe around the X */
.ux-load-x.ux-logo{width:7rem;height:7rem;background-image:url(/userx/brand/logo-x.svg);filter:drop-shadow(0 0 10px color-mix(in oklab,var(--primary) 55%,transparent))}
html[data-ux-theme="samurai"] .ux-load-x.ux-logo{background-image:url(/userx/brand/logo-x-samurai.svg)}
html[data-ux-theme="india"] .ux-load-x.ux-logo{background-image:url(/userx/brand/logo-x-india.svg)}
html[data-ux-theme="angel"] .ux-load-x.ux-logo{background-image:url(/userx/brand/logo-x-angel.svg)}
html[data-ux-theme="pyramid"] .ux-load-x.ux-logo{background-image:url(/userx/brand/logo-x-pyramid.svg)}
html[data-ux-theme="hand"] .ux-load-x.ux-logo{background-image:url(/userx/brand/logo-x-hand.svg)}
.ux-load-pct{position:absolute;left:50%;top:calc(13rem + 1.6rem);translate:-50% 0;gap:1px !important}   /* centered under the ring */
.ux-load-ring{overflow:visible;-webkit-mask:repeating-conic-gradient(#000 0 8.25deg,transparent 8.25deg 11.25deg);mask:repeating-conic-gradient(#000 0 8.25deg,transparent 8.25deg 11.25deg)}
.ux-load-ring circle{stroke-width:3.2px;stroke-linecap:butt}
.ux-load-ring circle:first-child{stroke:color-mix(in oklab,var(--primary) 13%,rgba(255,255,255,.04))}   /* the unlit segments */
.ux-load-ring circle:last-child{stroke:var(--primary);filter:drop-shadow(0 0 3px color-mix(in oklab,var(--primary) 70%,transparent))}   /* the lit ones */
.ux-load-tag{display:none}
/* the percentage as an LED readout (brand/ux-loader.js): lit segments glow in the theme color, unlit ones faintly show */
.ux-load-pct.has-led .ux-load-num,.ux-load-pct.has-led .ux-load-unit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ux-load-pct:not(.has-led){visibility:hidden}   /* nothing until the LED readout takes over */
.ux-load-pct{display:none !important}   /* the readout is off: just the ring and the X (the LED counter is kept as a skill, brand/ux-loader.js) */
.ux-led{display:inline-flex;align-items:flex-end;gap:3px}
.ux-led svg{display:block;height:22px;width:auto;overflow:visible}
.ux-led .on{fill:var(--primary);filter:drop-shadow(0 0 3px var(--primary))}
.ux-led .off{fill:color-mix(in oklab,var(--primary) 9%,transparent)}
.ux-led-unit{font:600 11px/1 var(--font-mono,ui-monospace,monospace);color:var(--primary);opacity:.85;padding-bottom:1px}
.ux-load-num{font:600 1.15rem/1 var(--font-heading,inherit);letter-spacing:-.01em}
.ux-load-unit{font:500 .7rem/1 var(--font-heading,inherit)}
.ux-load-bar{display:none !important;position:relative;width:15rem;height:8px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.09);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px);mask:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px)}
.ux-load-fill{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 40%,transparent),var(--primary) 82%,color-mix(in oklab,var(--primary) 30%,#fff))}

/* the waving hand over the closing "Ready to make contact" headline, left out (distracting) */
html[data-ux-page="ai"] main svg.mx-auto.text-primary:has(+ h2){display:none}

/* ---- Share popup (brand/ux-footer.js): share this page, follow us, or send a message, in folds that
   open one at a time. The panel keeps one height and scrolls inside, so it never runs off the screen
   or moves the page behind it ---- */
html.ux-share-open,html.ux-share-open body{overflow:hidden}
.ux-share{position:fixed;inset:0;z-index:97;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;opacity:0;transition:opacity .25s;
  interpolate-size:allow-keywords}
.ux-share.is-open{pointer-events:auto;opacity:1}
.ux-share-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ux-share-panel{position:relative;display:flex;flex-direction:column;width:min(720px,100%);height:min(860px,calc(100dvh - 32px));overflow:hidden;border-radius:24px;
  border:1px solid color-mix(in oklab,var(--primary) 22%,rgba(255,255,255,.08));
  background:radial-gradient(120% 40% at 50% 0%,color-mix(in oklab,var(--primary) 11%,transparent),transparent 62%),#050607;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.95),0 0 70px -34px var(--primary);transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ux-share.is-open .ux-share-panel{transform:none}
.ux-share-line{position:absolute;inset:0 24px auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 75%,transparent),transparent)}
.ux-share-close{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;
  background:rgba(255,255,255,.05);color:var(--muted-foreground);cursor:pointer;transition:color .2s,background-color .2s}
.ux-share-close:hover,.ux-share-close:focus-visible{color:var(--foreground);background:rgba(255,255,255,.1);outline:none}
.ux-share-head{flex:none;padding:44px 48px 28px;border-bottom:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}
.ux-share-eyebrow{margin:0;font:500 11px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}
.ux-share-title{margin:9px 44px 0 0;font:600 1.5rem/1.15 var(--font-heading,inherit);letter-spacing:-.015em;color:var(--foreground)}
.ux-share-lead{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--muted-foreground)}
/* the scrolling part, with a thin bar in the theme color */
.ux-share-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px;scrollbar-width:thin;
  scrollbar-color:color-mix(in oklab,var(--primary) 40%,transparent) transparent}
/* the folds */
.ux-share-sec{border-radius:18px;transition:background-color .25s}
.ux-share-sec + .ux-share-sec{margin-top:12px}
.ux-share-sec[open]{background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--foreground) 7%,transparent)}
.ux-share-sec > summary{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:18px;list-style:none;cursor:pointer;transition:background-color .2s}
.ux-share-sec > summary::-webkit-details-marker,.ux-share-more > summary::-webkit-details-marker{display:none}
.ux-share-sec > summary:hover{background:rgba(255,255,255,.035)}
.ux-share-sec > summary:focus-visible,.ux-share-more > summary:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 70%,transparent);outline-offset:-2px}
.ux-share-sec-i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--primary);
  background:color-mix(in oklab,var(--primary) 12%,transparent);border:1px solid color-mix(in oklab,var(--primary) 26%,transparent)}
.ux-share-sec-t{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.ux-share-sec-t b{font:600 15px/1.2 var(--font-sans,inherit);color:var(--foreground)}
.ux-share-sec-t small{font-size:12.5px;line-height:1.3;color:var(--muted-foreground)}
.ux-share-chev{flex:none;display:grid;place-items:center;color:var(--muted-foreground);transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s}
details[open] > summary > .ux-share-chev{transform:rotate(180deg);color:var(--primary)}
.ux-share-sec::details-content,.ux-share-more::details-content{block-size:0;overflow:hidden;transition:block-size .35s cubic-bezier(.22,1,.36,1),content-visibility .35s allow-discrete}
.ux-share-sec[open]::details-content,.ux-share-more[open]::details-content{block-size:auto}
.ux-share-sec-body{padding:10px 26px 32px}
/* the page's preview card */
.ux-share-card{margin:0;overflow:hidden;border-radius:16px;border:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);background:#0a0b0d}
.ux-share-card-img[hidden]{display:none}
.ux-share-card-img{aspect-ratio:1200/630;background:color-mix(in oklab,var(--primary) 6%,#0a0b0d)}
.ux-share-card img{display:block;width:100%;height:100%;object-fit:cover}
.ux-share-card figcaption{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;border-top:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}
.ux-share-card b{font:600 14px/1.3 var(--font-sans,inherit);color:var(--foreground)}
.ux-share-card span{font-size:12.5px;line-height:1.45;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ux-share-card small{font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-top:3px}
/* copy caption / copy link, and the device's own share menu */
.ux-share-copies{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.ux-share-copy,.ux-share-device{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border-radius:999px;cursor:pointer;
  font:600 14px/1 var(--font-sans,inherit);color:var(--foreground);background:transparent;border:1px solid color-mix(in oklab,var(--foreground) 16%,transparent);
  transition:background-color .2s,box-shadow .2s,border-color .2s}
.ux-share-copy:hover,.ux-share-copy:focus-visible,.ux-share-device:hover,.ux-share-device:focus-visible{background:color-mix(in oklab,var(--primary) 10%,transparent);outline:none;border-color:var(--primary)}
/* the main one: an outlined pill glowing in the theme color, like the site's own buttons ("Work with UserX") */
.ux-share-copy.is-primary{color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary);box-shadow:0 0 22px -8px var(--primary),inset 0 0 14px -8px var(--primary)}
.ux-share-copy.is-primary:hover,.ux-share-copy.is-primary:focus-visible{background:color-mix(in oklab,var(--primary) 17%,transparent);box-shadow:0 0 30px -6px var(--primary),inset 0 0 16px -8px var(--primary)}
.ux-share-copy-i{display:inline-grid}
.ux-share-copy-i svg{grid-area:1/1;width:16px;height:16px;transition:opacity .2s,transform .2s}
.ux-share-copy-i svg:last-child,.ux-share-copy.is-done .ux-share-copy-i svg:first-child{opacity:0;transform:scale(.6)}
.ux-share-copy.is-done .ux-share-copy-i svg:last-child{opacity:1;transform:none}
.ux-share-copy-b,.ux-share-copy.is-done .ux-share-copy-a{display:none}
.ux-share-copy.is-done .ux-share-copy-b{display:inline}
.ux-share-device{width:100%;margin-top:14px}
.ux-share-device[hidden]{display:none}
.ux-share-device svg{width:16px;height:16px;color:var(--primary)}
.ux-share-note{margin:30px 4px 16px;font-size:12.5px;line-height:1.5;color:var(--muted-foreground)}
/* the services: an icon and a name, three across */
.ux-share-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ux-share-svc{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;min-width:0;padding:13px 16px 13px 13px;border-radius:12px;cursor:pointer;
  font:500 13px/1.2 var(--font-sans,inherit);color:color-mix(in oklab,var(--foreground) 85%,transparent);background:rgba(255,255,255,.03);
  border:1px solid color-mix(in oklab,var(--foreground) 8%,transparent);transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.ux-share-svc > span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-share-svc-i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}
.ux-share-svc-i svg{width:16px;height:16px}
.ux-share-svc:hover,.ux-share-svc:focus-visible{color:var(--foreground);background:color-mix(in oklab,var(--primary) 8%,transparent);border-color:color-mix(in oklab,var(--primary) 40%,transparent);transform:translateY(-1px)}
.ux-share-svc:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 70%,transparent);outline-offset:2px}
/* more networks & chat apps, folded inside */
.ux-share-more{margin-top:20px;border-radius:14px;border:1px dashed color-mix(in oklab,var(--foreground) 12%,transparent)}
.ux-share-more[open]{border-style:solid;border-color:color-mix(in oklab,var(--foreground) 9%,transparent)}
.ux-share-more > summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-radius:14px;list-style:none;cursor:pointer;
  font:600 13px/1.2 var(--font-sans,inherit);color:var(--foreground);transition:background-color .2s}
.ux-share-more > summary:hover{background:rgba(255,255,255,.03)}
.ux-share-more > .ux-share-svcs{padding:6px 20px 0}
.ux-share-more > .ux-share-svcs:last-child{padding-bottom:20px}
.ux-share-more > .ux-share-note{margin:24px 20px 16px}
/* save the preview image, and the page's public address */
.ux-share-save{display:flex;align-items:center;gap:12px;margin-top:20px;padding:18px 20px;border-radius:14px;text-decoration:none;
  color:var(--foreground);font:600 13px/1.2 var(--font-sans,inherit);border:1px solid color-mix(in oklab,var(--foreground) 9%,transparent);transition:background-color .2s,border-color .2s}
.ux-share-save svg{width:16px;height:16px;color:var(--primary)}
.ux-share-save small{margin-left:auto;font:500 11px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--muted-foreground)}
.ux-share-save:hover,.ux-share-save:focus-visible{background:color-mix(in oklab,var(--primary) 8%,transparent);border-color:color-mix(in oklab,var(--primary) 40%,transparent);outline:none}
.ux-share-addr{margin-top:30px}
.ux-share-addr label{display:block;margin:0 4px 12px;font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-foreground)}
.ux-share-addr div{display:flex;gap:8px}
.ux-share-addr input{flex:1;min-width:0;box-sizing:border-box;padding:13px 14px;border-radius:12px;font:400 13px/1.3 var(--font-mono,ui-monospace,monospace);color:var(--foreground);
  background:rgba(255,255,255,.03);border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);outline:none}
.ux-share-addr input:focus{border-color:color-mix(in oklab,var(--primary) 60%,transparent)}
.ux-share-addr-copy{flex:none;display:inline-grid;place-items:center;width:42px;border-radius:12px;cursor:pointer;color:var(--primary);
  background:color-mix(in oklab,var(--primary) 10%,transparent);border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);transition:background-color .2s}
.ux-share-addr-copy:hover,.ux-share-addr-copy:focus-visible{background:color-mix(in oklab,var(--primary) 18%,transparent);outline:none}
.ux-share-addr-copy svg{grid-area:1/1;width:16px;height:16px;transition:opacity .2s,transform .2s}
.ux-share-addr-copy svg:last-child,.ux-share-addr-copy.is-done svg:first-child{opacity:0;transform:scale(.6)}
.ux-share-addr-copy.is-done svg:last-child{opacity:1;transform:none}
.ux-share-fine{margin:18px 4px 0;font-size:12px;line-height:1.5;color:color-mix(in oklab,var(--muted-foreground) 80%,transparent)}
/* follow: our profiles as labeled tiles, five across */
.ux-share-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ux-share-grid .ux-foot-tile.has-label{width:auto;height:auto;flex-direction:column;gap:7px;padding:13px 4px 11px;border-radius:14px}
.ux-share-grid .ux-foot-tile.has-label span{font:500 11px/1 var(--font-sans,inherit);color:var(--muted-foreground);transition:color .25s}
.ux-share-grid .ux-foot-tile.has-label:hover span,.ux-share-grid .ux-foot-tile.has-label:focus-visible span{color:var(--foreground)}
/* send a message */
.ux-share-form{display:grid;gap:14px}
.ux-share-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ux-share-form input,.ux-share-form textarea{box-sizing:border-box;width:100%;padding:12px 14px;border-radius:12px;font:400 14px/1.4 var(--font-sans,inherit);color:var(--foreground);
  background:rgba(255,255,255,.03);border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);outline:none;resize:none;transition:border-color .2s,box-shadow .2s}
.ux-share-form input:focus,.ux-share-form textarea:focus{border-color:color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}
/* ---- Menus (window.__uxPick, brand/ux-book.js): the site's own, in place of the system's gray list, wherever a form
   has a choice (the message form's and the booking's budget) ---- */
.ux-pick-native{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;opacity:0 !important;pointer-events:none !important}
.ux-share-field:has(.ux-pick){position:relative}
.ux-pick{position:relative}
.ux-pick-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border-radius:12px;cursor:pointer;
  text-align:left;font:400 14px/1.4 var(--font-sans,inherit);color:var(--foreground);background:rgba(255,255,255,.03);
  border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);outline:none;transition:border-color .2s,box-shadow .2s}
.ux-pick-btn svg{flex:none;color:var(--primary);transition:transform .25s}
.ux-pick-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.ux-pick-btn:hover{border-color:color-mix(in oklab,var(--primary) 45%,transparent)}
.ux-pick-btn:focus-visible,.ux-pick-btn[aria-expanded="true"]{border-color:color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}
.ux-pick-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;margin:0;padding:6px;list-style:none;border-radius:14px;background:#050607;
  border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);box-shadow:0 20px 50px -20px rgba(0,0,0,.9),0 0 30px -16px var(--primary);
  animation:ux-tz-in .22s cubic-bezier(.22,1,.36,1)}
.ux-pick-list[hidden]{display:none}
.ux-pick-list li{padding:10px 12px;border-radius:9px;cursor:pointer;font:400 14px/1.3 var(--font-sans,inherit);color:color-mix(in oklab,var(--foreground) 86%,transparent);transition:background-color .15s}
.ux-pick-list li.is-hover{background:color-mix(in oklab,var(--primary) 10%,transparent)}
.ux-pick-list li[aria-selected="true"]{color:var(--primary);background:color-mix(in oklab,var(--primary) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary) 45%,transparent)}
@media (prefers-reduced-motion:reduce){.ux-pick-list{animation:none}}
/* the message form's fields: a small label over each, "Optional" where it is; pills for what they need */
.ux-share-need{margin:0 0 4px;font-size:13px;line-height:1.5;color:var(--muted-foreground)}
.ux-share-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.ux-share-field label,.ux-share-chips legend,.ux-bk-l{font:500 10.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 72%,transparent)}
.ux-share-field label em,.ux-share-chips legend em,.ux-bk-l em{font-style:normal;letter-spacing:.08em;text-transform:none;color:var(--muted-foreground);opacity:.8;margin-left:6px}
.ux-share-form select{box-sizing:border-box;width:100%;padding:12px 38px 12px 14px;border-radius:12px;font:400 14px/1.4 var(--font-sans,inherit);color:var(--foreground);cursor:pointer;
  background:rgba(255,255,255,.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
  border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);outline:none;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
.ux-share-form select:focus{border-color:color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}
.ux-share-form select option{background:#0b0c0e;color:var(--foreground)}
.ux-share-form [aria-invalid="true"]{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.14)}
.ux-share-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;border:0;min-width:0}
.ux-share-chips legend{float:left;width:100%;padding:0;margin-bottom:10px}
.ux-share-chips label{position:relative;cursor:pointer}
.ux-share-chips input{position:absolute;opacity:0;width:1px;height:1px}
.ux-share-chips span{display:inline-flex;padding:9px 15px;border-radius:999px;font:500 13px/1 var(--font-sans,inherit);color:color-mix(in oklab,var(--foreground) 82%,transparent);
  border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);background:rgba(255,255,255,.02);transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}
.ux-share-chips label:hover span{border-color:color-mix(in oklab,var(--primary) 45%,transparent)}
.ux-share-chips input:checked + span{color:var(--primary);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent);box-shadow:0 0 18px -8px var(--primary)}
.ux-share-chips input:focus-visible + span{outline:2px solid color-mix(in oklab,var(--primary) 70%,transparent);outline-offset:2px}
.ux-share-form .ux-share-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ux-share-send{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}   /* room above the button */
.ux-share-send button[type="submit"]{padding:14px 26px;border:1px solid var(--primary);border-radius:999px;cursor:pointer;font:600 14px/1 var(--font-sans,inherit);   /* the site's glowing outlined pill */
  color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent);box-shadow:0 0 22px -8px var(--primary),inset 0 0 14px -8px var(--primary);transition:opacity .2s,box-shadow .2s,background-color .2s}
.ux-share-send button[type="submit"]:hover,.ux-share-send button[type="submit"]:focus-visible{background:color-mix(in oklab,var(--primary) 17%,transparent);box-shadow:0 0 30px -6px var(--primary),inset 0 0 16px -8px var(--primary);outline:none}
.ux-share-send button[type="submit"]:disabled{opacity:.6;cursor:default}
.ux-share-status{margin:0;font-size:13px;line-height:1.4;color:var(--muted-foreground)}
.ux-share-status:empty{display:none}
.ux-share-status.is-ok{color:var(--primary)}
.ux-share-status.is-error{color:#fca5a5}
.ux-share-alt{border:0;background:none;padding:0;color:var(--primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:13px}
/* the little note after copying */
.ux-share-toast{position:absolute;left:50%;bottom:16px;z-index:2;max-width:calc(100% - 40px);margin:0;padding:10px 16px;border-radius:999px;translate:-50% 10px;
  font:500 13px/1.3 var(--font-sans,inherit);color:var(--foreground);background:#0b0c0e;border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);
  box-shadow:0 12px 30px -10px rgba(0,0,0,.9),0 0 22px -10px var(--primary);opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
.ux-share-toast.is-on{opacity:1;translate:-50% 0}
@media (max-width:520px){
  .ux-share{padding:10px}
  .ux-share-panel{height:calc(100dvh - 20px)}
  .ux-share-head{padding:32px 24px 20px}
  .ux-share-title{font-size:1.3rem}
  .ux-share-body{padding:14px}
  .ux-share-sec > summary{padding:16px}
  .ux-share-sec-body{padding:8px 16px 24px}
  .ux-share-copies{grid-template-columns:1fr}
  .ux-share-svcs{grid-template-columns:repeat(2,1fr)}
  .ux-share-grid{gap:6px}
  .ux-share-grid .ux-foot-tile.has-label span{font-size:10px}
  .ux-share-two{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.ux-share,.ux-share-panel,.ux-share-toast,.ux-share-sec::details-content,.ux-share-more::details-content{transition:none}}

/* ---- Legal popup (brand/ux-footer.js): privacy, terms, the work shown and contact, from the footer's
   links, in the share popup's look and the colors of the page it opens from: tabs with a glowing pill
   that slides between them, a row of plain-words tiles, and the sections as numbered cards ---- */
html.ux-legal-open,html.ux-legal-open body{overflow:hidden}
.ux-legal{position:fixed;inset:0;z-index:97;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;opacity:0;transition:opacity .25s}
.ux-legal.is-open{pointer-events:auto;opacity:1}
.ux-legal-panel{position:relative;display:flex;flex-direction:column;width:min(780px,100%);height:min(880px,calc(100dvh - 32px));overflow:hidden;border-radius:24px;
  border:1px solid color-mix(in oklab,var(--primary) 26%,rgba(255,255,255,.08));
  background:radial-gradient(90% 35% at 50% 0%,color-mix(in oklab,var(--primary) 14%,transparent),transparent 70%),
    radial-gradient(60% 40% at 100% 100%,color-mix(in oklab,var(--primary) 7%,transparent),transparent 70%),#050607;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.95),0 0 80px -30px var(--primary);transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ux-legal.is-open .ux-legal-panel{transform:none}
.ux-legal-head{position:relative;flex:none;padding:44px 48px 0;border-bottom:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}
.ux-legal-date{position:absolute;top:50px;right:76px;padding:6px 12px;border-radius:999px;font:500 10.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;
  color:var(--primary);border:1px solid color-mix(in oklab,var(--primary) 35%,transparent);background:color-mix(in oklab,var(--primary) 8%,transparent)}
/* the tabs: pills along the bottom of the header, with a glowing pill that slides to the chosen one */
.ux-legal-tabs{position:relative;display:flex;gap:6px;margin-top:26px;padding-bottom:18px;overflow-x:auto;scrollbar-width:none}
.ux-legal-tabs::-webkit-scrollbar{display:none}
.ux-legal-tabs button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 16px;border:0;border-radius:999px;cursor:pointer;background:none;
  font:600 13.5px/1 var(--font-sans,inherit);color:var(--muted-foreground);transition:color .25s}
.ux-legal-tabs button svg{width:16px;height:16px}
.ux-legal-tabs button:hover{color:var(--foreground)}
.ux-legal-tabs button[aria-selected="true"]{color:var(--primary)}
.ux-legal-tabs button:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 70%,transparent);outline-offset:2px}
.ux-legal-ink{position:absolute;left:0;top:0;height:36px;border-radius:999px;pointer-events:none;
  background:color-mix(in oklab,var(--primary) 12%,transparent);border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);
  box-shadow:0 0 22px -8px var(--primary),inset 0 0 14px -8px var(--primary);transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1)}
/* the scrolling part */
.ux-legal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px 48px 40px;scrollbar-width:thin;
  scrollbar-color:color-mix(in oklab,var(--primary) 40%,transparent) transparent}
.ux-legal-pane{animation:ux-legal-in .45s cubic-bezier(.22,1,.36,1) both}
@keyframes ux-legal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* the gist: tiles with a glowing icon, rising in one after another */
.ux-legal-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}
.ux-legal-tile{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:16px;background:rgba(255,255,255,.025);
  border:1px solid color-mix(in oklab,var(--primary) 18%,rgba(255,255,255,.06));animation:ux-legal-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 70ms + 80ms)}
.ux-legal-tile-i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;border-radius:12px;color:var(--primary);
  background:color-mix(in oklab,var(--primary) 12%,transparent);box-shadow:0 0 22px -8px var(--primary)}
.ux-legal-tile b{font:600 14px/1.25 var(--font-sans,inherit);color:var(--foreground)}
.ux-legal-tile small{font-size:12.5px;line-height:1.4;color:var(--muted-foreground)}
.ux-legal-lead p{margin:0 0 14px;font-size:15.5px;line-height:1.65;color:color-mix(in oklab,var(--foreground) 82%,transparent)}
/* the sections: numbered cards */
.ux-legal-card{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:20px 22px 20px 16px;margin-top:12px;border-radius:16px;
  background:rgba(255,255,255,.02);border:1px solid color-mix(in oklab,var(--foreground) 7%,transparent);
  animation:ux-legal-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 45ms + 160ms);transition:border-color .25s,background-color .25s}
.ux-legal-card:hover{border-color:color-mix(in oklab,var(--primary) 32%,transparent);background:color-mix(in oklab,var(--primary) 4%,rgba(255,255,255,.02))}
.ux-legal-num{font:600 13px/1.6 var(--font-mono,ui-monospace,monospace);color:var(--primary);text-shadow:0 0 12px color-mix(in oklab,var(--primary) 60%,transparent)}
.ux-legal-card h3{margin:0 0 8px;font:600 16px/1.35 var(--font-heading,inherit);color:var(--foreground)}
.ux-legal-card p,.ux-legal-card li{font-size:14.5px;line-height:1.65;color:color-mix(in oklab,var(--foreground) 78%,transparent)}
.ux-legal-card p{margin:0 0 10px}
.ux-legal-card p:last-child,.ux-legal-card ul:last-child{margin-bottom:0}
.ux-legal-card ul{margin:0 0 10px;padding-left:18px}
.ux-legal-card li{margin:6px 0}
.ux-legal-card li::marker{color:var(--primary)}
.ux-legal-card strong{color:var(--foreground)}
.ux-legal-body a{color:var(--primary);text-underline-offset:3px}
.ux-legal-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.ux-legal-mail{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;cursor:pointer;font:600 14px/1 var(--font-sans,inherit);
  color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent);border:1px solid var(--primary);
  box-shadow:0 0 22px -8px var(--primary),inset 0 0 14px -8px var(--primary);transition:background-color .2s,box-shadow .2s}
.ux-legal-mail:hover,.ux-legal-mail:focus-visible{background:color-mix(in oklab,var(--primary) 17%,transparent);box-shadow:0 0 30px -6px var(--primary),inset 0 0 16px -8px var(--primary);outline:none}
.ux-legal-mail svg{width:16px;height:16px}
.ux-legal-full{font-size:13px;color:var(--muted-foreground) !important}
@media (max-width:640px){
  .ux-legal{padding:10px}
  .ux-legal-panel{height:calc(100dvh - 20px)}
  .ux-legal-head{padding:32px 22px 0}
  .ux-legal-date{position:static;display:inline-block;margin-top:12px}
  .ux-legal-body{padding:22px 16px 28px}
  .ux-legal-glance{grid-template-columns:1fr 1fr}
  .ux-legal-tabs{gap:2px}
  .ux-legal-tabs button{padding:10px 11px}
  .ux-legal-tabs button svg{display:none}   /* all four tabs fit across a phone */
  .ux-legal-card{grid-template-columns:34px 1fr;padding:16px 16px 16px 12px}
}
@media (prefers-reduced-motion:reduce){.ux-legal,.ux-legal-panel,.ux-legal-ink{transition:none}.ux-legal-pane,.ux-legal-tile,.ux-legal-card{animation:none}}

/* ---- The mouse pointer in popups. The site hides the system pointer and draws its own ball, but the
   ball sits under the popups (and can't follow the mouse into the booking frame at all), so the pointer
   vanished there. While a popup is open, the ball steps aside and the normal pointer comes back. ---- */
html.ux-share-open .cb-wrap,html.ux-book-open .cb-wrap,html.ux-legal-open .cb-wrap{visibility:hidden !important}
html.ux-share-open .ux-share,html.ux-share-open .ux-share *,html.ux-book-open .ux-book,html.ux-book-open .ux-book *,html.ux-legal-open .ux-legal,html.ux-legal-open .ux-legal *{cursor:default !important}
html.ux-share-open .ux-share :is(a[href],button:not(:disabled),summary,label[for],.ux-share-chips label,select),html.ux-book-open .ux-book :is(a[href],button:not(:disabled)),html.ux-legal-open .ux-legal :is(a[href],button:not(:disabled)){cursor:pointer !important}
html.ux-share-open .ux-share :is(input,textarea){cursor:text !important}
html[data-ux-embed][data-ux-embed],html[data-ux-embed][data-ux-embed] *{cursor:default !important}
html[data-ux-embed][data-ux-embed] :is(a[href],button:not(:disabled),select,label,[role="button"],[role="option"]){cursor:pointer !important}
html[data-ux-embed][data-ux-embed] :is(input:not([type="checkbox"]):not([type="radio"]),textarea){cursor:text !important}

/* ---- The hero's planets (brand/ux-themes.js): their canvas, and their panels see-through so the UFO shows behind ---- */
.ux-planets{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media (max-width:767px){.ux-planets{z-index:0}}   /* phones too (brand/ux-themes.js, phoneSpots) */
/* the planets' panels as frosted glass: a clear pane with a bright top edge and a soft sheen, the label in the
   theme color, the words in Sora, sized to fit */
.ux-planet-card{height:auto !important;width:236px !important;padding:13px 15px 14px !important;border-radius:16px !important;overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 45%,rgba(255,255,255,.06)) !important;
  -webkit-backdrop-filter:blur(9px) saturate(1.5) !important;backdrop-filter:blur(9px) saturate(1.5) !important;
  border:1px solid rgba(255,255,255,.16) !important;border-top-color:rgba(255,255,255,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -12px 24px -18px color-mix(in oklab,var(--primary) 60%,transparent),0 18px 40px -20px rgba(0,0,0,.8),0 0 26px -14px var(--primary) !important}
.ux-planet-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.09) 42%,transparent 54%)}   /* a sheen across the glass */
.ux-planet-card > div:nth-child(1){font:500 10.5px/1.2 "Oswald",var(--font-sans,sans-serif) !important;letter-spacing:.22em !important;color:var(--primary) !important}
.ux-planet-card > div:nth-child(2){margin-top:6px !important;font:600 14.5px/1.25 "Sora",var(--font-heading,sans-serif) !important;letter-spacing:-.01em;color:#fff !important}
.ux-planet-card > div:nth-child(3){margin-top:5px !important;font:400 11.5px/1.5 "Sora",var(--font-sans,sans-serif) !important;color:rgba(235,240,245,.72) !important}

/* the laser and cracked-screen effect (brand/ux-themes.js, startZap): over everything, never in the way */
.ux-zap{position:fixed;inset:0;width:100vw;height:100vh;z-index:2147483000;pointer-events:none}

/* aiming at the UFO (brand/ux-themes.js): a thin white gun reticle with an open middle; tracking brackets in
   amber round the dome, and on lock they snap in red, a diamond turns, the readout blinks (the lock is told by
   shape and motion as well as color) */
html.ux-aiming .cb-wrap{opacity:0 !important}
html.ux-zapping .cb-wrap{opacity:0 !important}   /* and no cursor at all while he fires back */
html.ux-zapping,html.ux-zapping *{cursor:none !important}
.ux-aim{position:fixed;inset:0;z-index:2147482000;pointer-events:none;opacity:0;transition:opacity .2s;--trk:#ff9a1f;--lck:#ff2233}
.ux-aim.is-on{opacity:1}
.ux-aim-ret{position:absolute;left:0;top:0;width:0;height:0}
.ux-aim-ret svg{position:absolute;left:-60px;top:-60px;overflow:visible;fill:none;stroke:rgba(255,255,255,.92);stroke-width:1.2;stroke-linecap:round;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.6));transition:transform .2s,stroke .2s}
.ux-aim-dot{fill:#fff;stroke:none}
.ux-aim-spin{animation:ux-aim-spin 3s linear infinite}
.ux-aim-spin2{opacity:0;stroke:#fff;animation:ux-aim-spin 1.8s linear infinite reverse;transition:opacity .2s}
.ux-aim.is-locked .ux-aim-spin2{opacity:1}
.ux-aim.is-locked .ux-aim-ret svg{transform:scale(.82);filter:drop-shadow(0 0 4px var(--lck))}
.ux-aim.is-locked .ux-aim-spin,.ux-aim.is-locked .ux-aim-x{stroke:var(--lck)}
.ux-aim.is-locked .ux-aim-dot{fill:#fff}
@keyframes ux-aim-spin{to{transform:rotate(360deg)}}
.ux-aim-lock{position:absolute;left:0;top:0;opacity:0;transition:opacity .2s;--c:var(--trk)}
.ux-aim.is-on .ux-aim-lock{opacity:.9}
.ux-aim.is-locked .ux-aim-lock{opacity:1;--c:var(--lck)}
.ux-aim-lock i{position:absolute;width:20px;height:20px;border:2px solid var(--c);filter:drop-shadow(0 0 4px var(--c));transition:all .25s cubic-bezier(.22,1,.36,1)}
.ux-aim-lock i:nth-child(1){left:-16px;top:-16px;border-right:0;border-bottom:0}
.ux-aim-lock i:nth-child(2){right:-16px;top:-16px;border-left:0;border-bottom:0}
.ux-aim-lock i:nth-child(3){left:-16px;bottom:-16px;border-right:0;border-top:0}
.ux-aim-lock i:nth-child(4){right:-16px;bottom:-16px;border-left:0;border-top:0}
.ux-aim.is-locked .ux-aim-lock i:nth-child(1){left:0;top:0}.ux-aim.is-locked .ux-aim-lock i:nth-child(2){right:0;top:0}
.ux-aim.is-locked .ux-aim-lock i:nth-child(3){left:0;bottom:0}.ux-aim.is-locked .ux-aim-lock i:nth-child(4){right:0;bottom:0}
.ux-aim-dia{position:absolute;left:50%;top:-30px;width:12px;height:12px;margin-left:-6px;border:1.5px solid var(--c);transform:rotate(45deg) scale(0);transition:transform .25s}
.ux-aim.is-locked .ux-aim-dia{transform:rotate(45deg) scale(1);animation:ux-aim-dia 1.2s linear infinite}
@keyframes ux-aim-dia{to{transform:rotate(405deg) scale(1)}}
.ux-aim-tag,.ux-aim-dim{position:absolute;white-space:nowrap;font:500 10px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--c);text-shadow:0 0 6px var(--c)}
.ux-aim-tag{left:0;top:-48px}
.ux-aim-tag b{font-weight:500}
.ux-aim-tag .rest{color:#4dff6e;text-shadow:0 0 6px rgba(60,255,100,.7)}
.ux-aim-dim{right:0;bottom:-24px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.6)}
.ux-aim.is-locked .ux-aim-tag .st{animation:ux-aim-blink .5s steps(2) infinite}
@keyframes ux-aim-blink{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ux-aim-spin,.ux-aim-spin2,.ux-aim.is-locked .ux-aim-tag .st,.ux-aim.is-locked .ux-aim-dia{animation:none}}
/* phones and touch screens: a lighter lock, the corner brackets, a small reticle and just the word of what it's
   doing (Tracking, then Target locked), without the long readouts (they ran off a narrow screen) */
@media (max-width:640px),(pointer:coarse){
  .ux-aim-dim,.ux-aim-tag .rest{display:none}
  .ux-aim-tag{top:-30px;font-size:11px}
  .ux-aim-dia{top:-52px}
  .ux-aim-ret svg{left:-36px;top:-36px;width:72px;height:72px;opacity:.75}
  .ux-aim.is-on .ux-aim-lock{opacity:.6}
  .ux-aim.is-locked .ux-aim-lock{opacity:.8}
}

/* the pilot's "Oops." */
.ux-oops{position:fixed;left:0;top:0;z-index:2147481000;pointer-events:none;width:0;height:0}
.ux-oops span{position:absolute;left:0;bottom:0;transform:translate(-50%,0);white-space:nowrap;font:500 13px/1 var(--font-sans,sans-serif);color:var(--primary);
  background:color-mix(in oklab,var(--background,#0a0a0a) 82%,transparent);border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);
  padding:7px 11px;border-radius:10px;box-shadow:0 0 18px -6px var(--primary);animation:ux-oops .45s cubic-bezier(.34,1.56,.64,1) both}
.ux-oops span::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-4px;transform:rotate(45deg);background:inherit;border:inherit;border-top:0;border-left:0}
@keyframes ux-oops{from{opacity:0;transform:translate(-50%,6px) scale(.6)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

/* a new alien floats in on a fresh moon after he's blown up (startZap) */
.ux-peek.ux-arrive .ux-peek-char{animation:ux-arrive 4s cubic-bezier(.22,.8,.3,1) both}   /* gone when the picture returns, then slides in slowly from the left */
@keyframes ux-arrive{0%{transform:translateX(-140%)}100%{transform:translateX(-30%)}}
@media (prefers-reduced-motion:reduce){.ux-peek.ux-arrive .ux-peek-char{animation:none}}
.ux-debris{position:fixed;inset:0;width:100vw;height:100vh;z-index:2147481500;pointer-events:none}
.ux-blood{position:fixed;inset:0;width:100vw;height:100vh;z-index:2147481200;pointer-events:none}   /* under the static and the CRT reset, so the screen fizzes over it */
.ux-legal-intro{margin:0 0 16px;font-size:15px;line-height:1.6;color:color-mix(in oklab,var(--foreground) 82%,transparent)}
.ux-legal-form{margin-bottom:18px}
.ux-legal-form .ux-share-field label{font:500 10.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 72%,transparent)}
.ux-legal-glance{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* ---- Phones (640px and under): /userx-ai left-aligned, the character bigger ----
   The page's content no longer keeps a lane open on the left for the character: it gets even gutters,
   and its headings, labels, copy and buttons line up on the left, so each part reads straight down (centred,
   the long paragraphs looked ragged); the demos and cards keep their own insides.
   The character stands bigger in the corner; so it never sits on what you're reading, brand/ux-themes.js
   slides it off to the left as soon as you scroll down into the story and while the footer is on screen
   (.is-tucked), and brings it back as soon as you scroll up or return to the top. */
@media (max-width:640px){
  html[data-ux-page="ai"],html[data-ux-page="ai"][data-ux-theme="angel"]{--ux-room:0px}
  /* one side margin for the words and the header, so they line up: 24px on the big phones (as Apple's own layouts
     use there), easing down to about 21px on the smaller ones */
  html[data-ux-page="ai"] main .mx-auto.w-full,html[data-ux-page="ai"] header.fixed > div{padding-left:clamp(20px,5.6vw,24px);padding-right:clamp(20px,5.6vw,24px)}
  /* the chapter labels, headlines and the copy under them */
  html[data-ux-page="ai"] main .font-mono.uppercase[class*="tracking-[0.2em]"],
  html[data-ux-page="ai"] main :is(h1,h2),
  html[data-ux-page="ai"] main :is(h1,h2) ~ p,
  html[data-ux-page="ai"] main :is(h1,h2) + div.space-y-5,
  html[data-ux-page="ai"] main section > .mx-auto > p.font-mono{text-align:left}
  html[data-ux-page="ai"] main :is(h1,h2),html[data-ux-page="ai"] main :is(h1,h2) ~ p{margin-inline:0}
  html[data-ux-page="ai"] main [data-rv="wipe"]:has(+h1){letter-spacing:.16em}
  /* the hero: its buttons and its four chips stacked on the left */
  html[data-ux-page="ai"] main h1 ~ div.flex{flex-direction:column;align-items:flex-start}
  html[data-ux-page="ai"] main h1 ~ div.flex > :is(a,button){min-height:44px;justify-content:center}
  /* its four chips are for screen readers only, as on wider screens (the story says the same right after) */
  html[data-ux-page="ai"] main h1 ~ ul.grid{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
  /* and its small line ("Every edit passes through the core…") goes above the buttons, out of the character's corner */
  html[data-ux-page="ai"] main :has(> h1){display:flex;flex-direction:column}
  html[data-ux-page="ai"] main h1 ~ :is(div.flex,ul){order:2}
  html[data-ux-page="ai"] main h1 ~ p.font-mono{order:1;max-width:15rem;margin-inline:0;text-align:left}
  /* the numbers row (31 commands, 28 lenses…): each centered in its half */
  html[data-ux-page="ai"] main .grid-cols-2 > .py-12.pr-4{padding-inline:.5rem;text-align:center}
  html[data-ux-page="ai"] main .grid-cols-2 > .py-12.pr-4 > svg{margin-inline:auto}
  /* the pill tab rows over the demos, centered */
  html[data-ux-page="ai"] main .mt-10 > div > .inline-flex.rounded-full,
  html[data-ux-page="ai"] main .mt-6 > div > .inline-flex.rounded-full{display:flex;width:fit-content;max-width:100%;margin-inline:0;justify-content:flex-start}
  /* the install lines wrap instead of running off the card */
  html[data-ux-page="ai"] main pre.overflow-x-auto{white-space:pre-wrap;overflow-wrap:anywhere}

  /* the character: big, about a quarter of the screen, and its sign over it */
  /* as tall as the phone allows: about two-fifths of the screen, so a tall phone's open corner is filled, a small one's not crowded */
  .ux-peek{--ux-ch:min(clamp(270px,40svh,400px),96vw)}
  .ux-peek-char{width:calc(var(--ux-ch) * .894);height:var(--ux-ch)}
  .ux-sign{left:max(12px,calc(50vw - 128px));bottom:calc(var(--ux-ch) * .86);width:256px;transform-origin:30% 100%}
  .ux-sign-options button{min-height:44px;align-items:center}
  /* the "psst… click me" bubble sits a little to the right of the head, its point still over it, so it stays on screen */
  .ux-fx-hint span{margin-left:40px}
  .ux-fx-hint span::after{left:calc(50% - 40px)}
  /* where each one stands: the whole character on screen at the left edge, as the alien stands (the reference), on
     every phone; the same place whatever was tapped before (a tap's hover and the open sign don't nudge it here) */
  .ux-peek.is-in .ux-peek-char{transform:translateX(var(--ux-peek-x));animation-name:uxPeekBobPhone}
  .ux-peek.is-in .ux-peek-char:hover,.ux-peek.is-in .ux-peek-char:focus-visible,.ux-peek.is-open .ux-peek-char{translate:none}
  html{--ux-peek-x:-30%}
  html[data-ux-theme="india"]{--ux-peek-x:-33%}
  html[data-ux-theme="pyramid"]{--ux-peek-x:-30%}
  html[data-ux-theme="samurai"]{--ux-peek-x:-25%}
  /* the cherub is a small figure in its frame: drawn taller, so it stands as tall as the others */
  html[data-ux-theme="angel"] .ux-peek{--ux-ch:min(calc(clamp(270px,40svh,400px) * 1.3),110vw)}
  html[data-ux-theme="angel"]{--ux-peek-x:-30%}
  /* back in with an easy glide; out to the left quickly, as soon as you scroll down */
  .ux-peek{transition:transform .55s cubic-bezier(.22,1,.36,1)}
  .ux-peek.is-tucked{transform:translateX(-102%);transition:transform .22s cubic-bezier(.4,0,.8,.4)}
  html[data-ux-page="ai"] footer .ux-foot{padding-left:1.25rem;padding-right:1.25rem}
}
/* phones: fingertip-sized tap targets (about 44px) for the popups' close buttons and the booking popup's
   small controls, and the footer's links and tiles */
@media (max-width:640px){
  .ux-share-close,.ux-book-close{width:44px;height:44px;top:10px;right:10px}
  html[data-ux-embed] main .ux-tz-btn{height:44px}
  html[data-ux-embed] main .flex.gap-1\.5 > button{min-height:44px}
  html[data-ux-embed] main .grid > button[class*="font-mono"]{min-height:44px}
  footer .ux-foot-nav{gap:0 8px}
  footer .ux-foot-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
  footer .ux-foot-copy{gap:0 4px}
  footer .ux-foot-copy a.ux-foot-small{display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
  footer .ux-foot-meta{padding-top:8px}
  footer .ux-foot-social{gap:10px}
  .ux-foot-tile{width:44px;height:44px}
  footer a.ux-top{min-height:44px;padding-block:6px}
}
/* phones: /book's logo, heading and step line centered over the scheduler (not inside the booking popup) */
@media (max-width:639px){
  html:not([data-ux-embed]) .book-shell main > div > :nth-child(-n+3){text-align:center}
  html:not([data-ux-embed]) .book-shell main > div > a:first-child{display:flex;justify-content:center}
  html:not([data-ux-embed]) .book-shell main > div > :nth-child(4){justify-content:center}
}
/* phones held sideways (short and wider than 640px, so they get the tablet layout): the character is sized
   by the screen's height, so it doesn't reach up over the header, and its sign opens beside it */
@media (max-height:500px) and (min-width:641px){
  .ux-peek-char{height:70vh;width:calc(70vh * .894)}
  .ux-sign{left:calc(70vh * .4);bottom:10px}
}

/* over one of the hero's hotspots (the planets, stars, lamps, relics, lanterns, sigils): not the big cursor ball, which
   would cover it, but a thin plus with an open middle (.ux-aff, brand/ux-menu.js), so you still see where you are */
html.ux-on-spot .cb-wrap{opacity:0 !important}
html.ux-on-spot,html.ux-on-spot *{cursor:none !important}
/* phones: a tapped object's story (brand/ux-themes.js, openTap): a frosted card that rises from the bottom, in the
   theme's light, over the character's feet */
.ux-tap{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:75;pointer-events:none}
.ux-tap-card{position:relative;padding:18px 48px 18px 18px;border-radius:20px;pointer-events:auto;
  border:1px solid color-mix(in oklab,var(--primary) 35%,var(--border));background:color-mix(in oklab,var(--background,#0a0a0a) 78%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 24px 60px -20px rgba(0,0,0,.8),0 0 40px -18px var(--primary);
  transform:translateY(130%);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s}
.ux-tap.is-open .ux-tap-card{transform:none;opacity:1}
.ux-tap:not(.is-open) .ux-tap-card{pointer-events:none}
.ux-tap-k{margin:0;font:500 10.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}
.ux-tap h3{margin:8px 0 6px;font:600 18px/1.2 var(--font-heading,inherit);letter-spacing:-.01em;color:var(--foreground,#fff)}
.ux-tap-t{margin:0;font-size:14px;line-height:1.5;color:var(--muted-foreground)}
.ux-tap-x{all:unset;position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;cursor:pointer;
  color:var(--foreground,#fff);border:1px solid var(--border);background:color-mix(in oklab,var(--foreground) 6%,transparent)}
@media (min-width:768px){.ux-tap{display:none}}
@media (prefers-reduced-motion:reduce){.ux-tap-card{transition:none}}
/* the marker that stands in for the cursor ball where the ball would cover something or be lost: a thin plus over
   the hero's objects, a small ring over the header (the ball goes under the frosted bar there) */
.ux-aff{position:fixed;left:0;top:0;z-index:2147483600;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .18s}
.ux-aff.is-on{opacity:1}
.ux-aff i{position:absolute;display:block;background:var(--primary,#00ff41);border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 8px color-mix(in oklab,var(--primary,#00ff41) 70%,transparent);transition:opacity .15s}
.ux-aff i:nth-child(1){left:-1px;top:-11px;width:2px;height:6px}
.ux-aff i:nth-child(2){left:-1px;top:5px;width:2px;height:6px}
.ux-aff i:nth-child(3){left:-11px;top:-1px;width:6px;height:2px}
.ux-aff i:nth-child(4){left:5px;top:-1px;width:6px;height:2px}
.ux-aff b{position:absolute;left:-7px;top:-7px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--primary,#00ff41);
  box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 10px color-mix(in oklab,var(--primary,#00ff41) 60%,transparent);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}
.ux-aff.is-ring i{opacity:0}
.ux-aff.is-ring b{opacity:1;transform:none}
html.ux-on-head header.fixed,html.ux-on-head header.fixed *{cursor:none !important}
html.ux-on-head .cb-wrap{opacity:0 !important}
@media (pointer:coarse){.ux-aff{display:none}}

/* ---- Client logos (/userx-ai, brand/ux-logos.js): the first UserX site's slider, as it was there (its
   home.css and tokens, the values written in), in place of the scrolling command rows; the numbers row
   under them (31 commands, 28 lenses...) is gone too, as is the "Try it" token guard demo ---- */
html[data-ux-page="ai"] main section.border-y.space-y-3,
html[data-ux-page="ai"] main section:has(.grid-cols-2 > .py-12.pr-4),
html[data-ux-page="ai"] main section:has([data-token-snap]){display:none !important}   /* and the "Try it" token guard under the portal */
.ux-clients{position:relative;padding-block:1.1rem;border-block:1px solid rgba(255,255,255,0.13);color:var(--foreground)}   /* lines above and below it: faint, but there in every browser */
.ux-clients .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.logo-carousel{min-width:0}
.logo-carousel__controls,.logo-carousel__controls > div{display:flex;align-items:center;gap:.5rem}
.logo-carousel__controls{justify-content:flex-end;margin-block-end:.5rem}
.logo-carousel__nav,.logo-carousel__pause{min-width:2.75rem;min-height:2.75rem;padding-inline:.5rem;color:var(--foreground);background:transparent;border:1px solid var(--border);border-radius:100vmax;font-size:1rem;font-weight:700;cursor:pointer}
.logo-carousel__nav:hover,.logo-carousel__pause:hover{color:var(--background);background:var(--foreground)}
.logo-carousel:not([data-ready="true"]) .logo-carousel__nav{display:none}
.logo-carousel__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}   /* edge to edge, fading out at both ends */
.logo-carousel__viewport::-webkit-scrollbar{display:none}
.logo-carousel__track{display:flex;gap:3.5rem;width:max-content}
.logo-carousel__list{display:flex;align-items:center;gap:3.5rem;width:max-content;padding:0;margin:0;list-style:none}   /* the same gap between every logo */
.logo-carousel__list li{--logo-optical-width:7.25rem;display:grid;place-items:center;flex:none;min-height:3.5rem;padding:0;border-radius:.3125rem}
.logo-carousel__list li[data-size="tiny"]{--logo-optical-width:5.5rem}
.logo-carousel__list li[data-size="compact"]{--logo-optical-width:6.25rem}
.logo-carousel__list li[data-size="medium"]{--logo-optical-width:8.25rem}
.logo-carousel__list li[data-size="wide"]{--logo-optical-width:9.25rem}
.logo-carousel__list li[data-size="long"]{--logo-optical-width:10rem}
.logo-carousel__list img{display:block;width:auto;height:2.5rem;max-width:var(--logo-optical-width);object-fit:contain;filter:grayscale(1) brightness(0) invert(.63);opacity:1;transition:filter 150ms cubic-bezier(.165,.84,.44,1)}
/* Sunglass Monster's file is a picture whose lettering is only half opaque, so it came out a darker grey than the
   rest: two copies of it laid under itself in the same grey bring it up to their solid shade */
.logo-carousel__list img[alt="Sunglass Monster"]{filter:grayscale(1) brightness(0) invert(.63) drop-shadow(0 0 0 #a1a1a1) drop-shadow(0 0 0 #a1a1a1)}
.logo-carousel__list li:is(:hover,:focus-visible) img{filter:none;opacity:1}
.logo-carousel__list li:focus-visible{outline-offset:-.1875rem}
.logo-carousel__track > [aria-hidden="true"]{pointer-events:none}
@media (max-width:37.5rem){.logo-carousel__controls{flex-wrap:wrap}}

/* the portal where the "Before liftoff" code panel was (brand/ux-themes.js, portalFrame) */
.ux-portal{position:fixed;left:0;top:0;pointer-events:none;transition:opacity .4s}   /* under the orb, placed over the panel each frame */
/* "Before liftoff": the stray class-name example under the copy (bg-[#00ff41] px-[13px] -> bg-primary px-4) */
html[data-ux-page="ai"] #ux-chapter-2 p.font-mono.text-sm{display:none !important}

/* ---- "Where the tokens go" (#tax) on /userx-ai: brand/ux-tokens.js draws it; the original's tabbed bar
   chart and its breakdown cards go ---- */
html[data-ux-page="ai"] #tax > div > div.mt-10{display:none !important}
.ux-tok{position:relative;margin-top:2.5rem;border:1px solid var(--border);border-radius:1.25rem;background:color-mix(in oklab,var(--background) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 1.25rem 1rem;color:var(--foreground)}
.ux-tok__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-left:.75rem}   /* its left edge on the sides' titles */
.ux-tok__task{font-size:1.0625rem;color:var(--muted-foreground)}   /* grey: it's about both sides */
.ux-tok__key{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem;color:var(--muted-foreground)}
.ux-tok__key li{display:inline-flex;align-items:center;gap:.4rem;color:var(--k)}
.ux-tok__key li.is-build{color:var(--primary)}
.ux-tok__key li.ux-tok__legend{color:var(--muted-foreground);font-family:var(--font-mono,ui-monospace),monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.ux-tok__key li.ux-tok__legend::before{display:none}
.ux-tok__key li.ux-tok__group{color:var(--muted-foreground);margin-left:.4rem}
.ux-tok__key li.ux-tok__group::before{display:none}
.ux-tok__key li.is-build{margin-left:.6rem}
.ux-tok__key li::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--k);box-shadow:0 0 8px var(--k)}
.ux-tok__key li.is-build::before{background:var(--primary);box-shadow:0 0 8px var(--primary)}
.ux-tok__stage{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:1rem;min-height:36rem}
.ux-tok__stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ux-tok__side{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:.25rem .75rem 0;pointer-events:none}
.ux-tok__side h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}
.ux-tok__side[data-side="1"] h3{color:var(--primary)}
.ux-tok__stats{display:flex;gap:1.5rem;margin-top:auto}
.ux-tok__stats dt{font-family:var(--font-mono,ui-monospace),monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground)}
.ux-tok__stats dd{font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}
.ux-tok__side[data-side="1"] .ux-tok__stats dd{color:var(--primary)}
.ux-tok__lost{min-height:1.2em;margin-top:.35rem;font-size:.75rem;color:var(--muted-foreground)}
.ux-tok__end{min-height:1.4em;margin-top:.15rem;font-size:.875rem;font-weight:500;opacity:0;transform:translateY(4px);transition:opacity .6s,transform .6s}
.ux-tok__side.is-done .ux-tok__end{opacity:1;transform:none}
.ux-tok__side[data-side="1"] .ux-tok__end{color:var(--primary)}
.ux-tok__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 3rem;margin:2rem -1.25rem -1rem;padding:1.35rem 2rem 1.35rem;border-top:1px solid color-mix(in oklab,var(--border) 70%,transparent);font-size:.875rem;color:var(--muted-foreground)}   /* the legend's left edge on the sides' titles */
.ux-tok__foot .ux-tok__key{gap:.5rem 1.5rem}
.ux-tok__foot .ux-tok__key li.ux-tok__legend{font-size:.72rem}
/* desktop: it reads as a key: "LEGEND", a hairline, then "Wasted:" heading its three kinds of waste, and a hairline
   before the one kind that isn't (Building) */
@media (min-width:641px){
  .ux-tok__foot .ux-tok__key{align-items:center;gap:.5rem 1.1rem}
  .ux-tok__foot .ux-tok__key li.ux-tok__legend{gap:1.1rem}
  .ux-tok__foot .ux-tok__key li.ux-tok__legend::after{content:"";display:block;width:1px;height:.95rem;background:color-mix(in oklab,var(--foreground) 18%,transparent)}
  .ux-tok__foot .ux-tok__key li.ux-tok__group{margin-left:0;gap:0}
  .ux-tok__foot .ux-tok__key li.ux-tok__group::after{content:":"}
  .ux-tok__foot .ux-tok__key li.is-build{margin-left:0;padding-left:1.1rem;border-left:1px solid color-mix(in oklab,var(--foreground) 18%,transparent)}
}
.ux-tok__how{font-size:.875rem;text-align:right}
.ux-tok__again{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;color:var(--foreground);background:transparent;transition:border-color .2s,color .2s}
.ux-tok__again svg{flex:none}
/* while it's still, now and then the replay button lights up in the theme's colour, swells a little and its
   arrow turns, so people see it can run again */
.ux-tok:not(.is-running) .ux-tok__again{animation:ux-tok-call 6s ease-in-out 2s infinite}
.ux-tok:not(.is-running) .ux-tok__again svg{animation:ux-tok-spin 6s ease-in-out 2s infinite}
@keyframes ux-tok-call{0%,78%,100%{transform:none;border-color:var(--border);color:var(--foreground);box-shadow:none}84%{transform:scale(1.08);border-color:var(--primary);color:var(--primary);box-shadow:0 0 16px color-mix(in oklab,var(--primary) 45%,transparent)}92%{transform:none;border-color:var(--primary);color:var(--primary)}}
@keyframes ux-tok-spin{0%,78%{transform:none}92%,100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ux-tok .ux-tok__again,.ux-tok .ux-tok__again svg{animation:none !important}}
.ux-tok__again:hover,.ux-tok__again:focus-visible{border-color:var(--primary);color:var(--primary)}
.ux-tok .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:640px){.ux-tok{padding:1rem .75rem .75rem}.ux-tok__foot{margin:2.25rem -.75rem -.75rem;padding:1.1rem 1.1rem}.ux-tok__how{text-align:left}.ux-tok__head{padding-left:.35rem}.ux-tok__task{font-size:.95rem}.ux-tok__stage{min-height:min(23rem,62vh)}.ux-tok__stats{gap:.8rem}.ux-tok__stats dt{font-size:.55rem;letter-spacing:.1em}.ux-tok__stats dd{font-size:1.15rem}.ux-tok__lost{font-size:.66rem;line-height:1.35}.ux-tok__end{font-size:.78rem;line-height:1.3}.ux-tok__side{padding:0 .35rem}}
/* phones: no box round the race (its padding squeezed the two sides); the pictures stand on the page, the numbers
   at a fixed height under them on both sides, so a side whose result runs to more lines grows downward instead of
   pushing its numbers, and with them both pictures, up mid-run (brand/ux-tokens.js draws above the numbers); the
   legend in a small panel under it all */
@media (max-width:640px){
  .ux-tok{margin-top:2rem;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .ux-tok__head{padding-left:0}
  .ux-tok__stage{min-height:0;margin-top:1.25rem}
  .ux-tok__side{justify-content:flex-start;padding:0 .35rem}
  .ux-tok__side[data-side="1"]{padding-left:.9rem}
  .ux-tok__stats{margin-top:16rem}
  .ux-tok__lost{min-height:calc(4 * 1.35em);margin-top:.5rem}
  .ux-tok__end{min-height:calc(3 * 1.3em);margin-top:.25rem}
  .ux-tok__foot{margin:1rem 0 0;padding:.9rem .9rem;gap:.6rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in oklab,var(--background) 70%,transparent);font-size:.78rem}
  /* its key on one line, without the word "Legend" (the dots say what it is), and the note under it small print */
  .ux-tok__foot .ux-tok__key{flex-wrap:nowrap;justify-content:space-between;width:100%;gap:.45rem;font-size:clamp(9.5px,2.55vw,11px);white-space:nowrap}
  .ux-tok__foot .ux-tok__key li.ux-tok__legend{display:none}
  .ux-tok__key li{gap:.28rem}
  .ux-tok__key li::before{width:.4rem;height:.4rem}
  .ux-tok__key li.ux-tok__group,.ux-tok__key li.is-build{margin-left:0}
  .ux-tok__foot .ux-tok__how{font-size:.68rem;line-height:1.45}
}

/* Removed from /userx-ai, and their spacing with them: the install commands under "What we do" (their mt-14
   goes too, so the section keeps the same padding as the rest), the original's /userx:promote line under
   "Mission log" (the paragraph before it loses the gap that led to it), and the hero's mono line */
html[data-ux-page="ai"] #install .mt-14.grid{display:none !important}
html[data-ux-page="ai"] #ux-chapter-6 .space-y-5 > p + p{display:none !important}
html[data-ux-page="ai"] #ux-chapter-6 .space-y-5 > p:first-child{margin-block-end:0 !important}
html[data-ux-page="ai"] main .md\:col-span-5 > p.mt-8.font-mono.text-xs{display:none !important}   /* and the hero's "Every edit passes through the core" line, with its margin */
html[data-ux-page="ai"] #integrations > div > .mt-12.grid,
html[data-ux-page="ai"] #integrations > div > p.font-mono{display:none !important}   /* and the Figma / Jira / Azure DevOps cards under "The crew", with the MCP line under them */
html[data-ux-page="ai"] #story ol.lg\:col-span-7{display:none !important}   /* and the five moments beside "Evidence": its words take the section alone */
html[data-ux-page="ai"] #story .lg\:col-span-5{grid-column:1/-1;max-width:42rem}
/* the lens explorer under "Inspection" (backed up in brand/skills/backups/lens-explorer, with a skill to rebuild it): all
   of it hidden but the box the orb's item parks in ("orbit"), which stays, in the open space left of the words, so the
   UFO comes down with you here (with the explorer gone altogether it had nowhere to go, and flew off the top) */
html[data-ux-page="ai"] #lenses > div > div.mt-10{position:absolute;inset:0;margin:0;pointer-events:none}
html[data-ux-page="ai"] #lenses > div > div.mt-10 :not(:has([data-slot])):not([data-slot]){display:none !important}
html[data-ux-page="ai"] #lenses [data-slot="orbit"]{position:absolute;left:6%;top:50%;width:14rem;height:14rem;translate:0 -50%;overflow:visible}
html[data-ux-page="ai"] main section:has(.pt-ease){display:none !important}   /* the "31 commands / pick a phase" picker under "Plan the mission": "Then and now" under "The crew" tells it better */
html[data-ux-page="ai"] #gates + section .md\:col-span-5 > div.space-y-5{display:none !important}   /* the four hooks (session start, token guard, commit gate, session end) under "Ground control", with their margin */
html[data-ux-page="ai"] #ux-chapter-0 .mt-9 > [data-ux-book],
html[data-ux-page="ai"] #ux-chapter-0 .mt-9 > a[href="#how"]{display:none !important}   /* the hero's booking button and "How it works": "See our latest work" (brand/ux-copy.js) takes their place, and the header's button books the call */
html[data-ux-page="ai"] #install .mt-10:has(> [data-ux-book]),
html[data-ux-page="ai"] #install .mt-10:has(> [data-ux-book]) + p{display:none !important}   /* the closing booking button under "What we do", with the note under it */
html[data-ux-page="ai"] #ux-chapter-11{border-top:0 !important}   /* and the faint line that ran under it */
/* the closing "Make contact": one button, the theme's call (brand/ux-copy.js), with "See our work" gone; set to the
   left like the other sections, and as wide as them */
html[data-ux-page="ai"] #ux-chapter-11 a[href="/#work"]{display:none !important}
html[data-ux-page="ai"] #ux-chapter-11 > div{max-width:80rem;--ux-mw:80rem;text-align:left}
html[data-ux-page="ai"] #ux-chapter-11 > div > svg,html[data-ux-page="ai"] #ux-chapter-11 > div > h2,html[data-ux-page="ai"] #ux-chapter-11 > div > p{margin-left:0}
html[data-ux-page="ai"] #ux-chapter-11 > div > .flex{justify-content:flex-start}
/* "What we do": on the right of the same column as the other sections, with the orb's item parked in the open
   space on its left (clear of the character's lane), on every theme */
html[data-ux-page="ai"] #install > div.mx-auto{max-width:80rem;--ux-mw:80rem;text-align:left}
/* its words in one block on the right of the page, still read from the left: the label, headline and paragraph
   share one left edge */
html[data-ux-page="ai"] #install > div.mx-auto > :is(div[data-rv="wipe"],h2,p){margin-left:auto;margin-right:0;width:min(46rem,calc(100% - 20rem));max-width:none}
html[data-ux-page="ai"] #install [data-slot="park"]{right:auto;left:calc(var(--ux-room) + 1rem)}
/* "Inspection" (07) on the right too, the orb's item resting on its left (brand/ux-themes.js) */
html[data-ux-page="ai"] #lenses > div.mx-auto{text-align:left}
html[data-ux-page="ai"] #lenses > div.mx-auto > :is(div[data-rv="wipe"],h2,p){margin-left:auto;margin-right:0;width:min(46rem,calc(100% - 20rem));max-width:none}
/* "Signs of trouble" (01) set to the left, and the orb's item, hovering under it, given as much room above it as
   below before the next section (02) */
html[data-ux-page="ai"] #problem > div.mx-auto{max-width:80rem;--ux-mw:80rem;text-align:left;align-items:flex-start}
html[data-ux-page="ai"] #problem > div.mx-auto > h2,html[data-ux-page="ai"] #problem > div.mx-auto > p{margin-left:0}
html[data-ux-page="ai"] #problem > div.mx-auto > p{text-wrap:pretty}   /* no word left alone on its last line */
html[data-ux-page="ai"] #problem [data-slot="team"]{margin-top:3rem}
html[data-ux-page="ai"] #problem > .mx-auto{padding-bottom:0 !important}
html[data-ux-page="ai"] #guard + section > .mx-auto{padding-top:3rem !important}
@media (max-width:1023px){html[data-ux-page="ai"] :is(#lenses,#install) > div.mx-auto > :is(div[data-rv="wipe"],h2,p){width:auto;margin-left:0}}
html[data-ux-page="ai"] header nav a[data-ux-book]{gap:.45rem}
/* every section the same padding above and below (80px, 112px from tablets up), so the gaps between them match */
html[data-ux-page="ai"] #problem > .mx-auto,html[data-ux-page="ai"] #install > .mx-auto{padding-top:5rem !important;padding-bottom:5rem !important}
@media (min-width:768px){html[data-ux-page="ai"] #problem > .mx-auto,html[data-ux-page="ai"] #install > .mx-auto{padding-top:7rem !important;padding-bottom:7rem !important}}

/* ---- "Then and now" under "The crew" on /userx-ai (brand/ux-crew.js): a project run by a traditional team and
   by a UserX AI team on one clock, each a glass tube filling with bubbling liquid (drawn on a canvas). The
   UserX team's liquid is the theme colour; the traditional team's work light purple (--crew-old), and its
   waiting and rework dark purple (--crew-w), on every theme ---- */
.ux-crew{--crew-old:#c4b5fd;--crew-w:#4c1d95;position:relative;margin-top:3.5rem;padding:3.25rem 3.5rem 2.5rem;border:1px solid var(--border);border-radius:1.5rem;background:color-mix(in oklab,var(--background) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ux-crew__title{font-family:var(--font-heading,inherit);font-size:clamp(1.3rem,1.05rem + .7vw,1.65rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--foreground)}
.ux-crew__sub{margin-top:.5rem;font-family:var(--font-mono,ui-monospace),monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}
.ux-crew__kinds{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.ux-crew__kinds button{border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.85rem;color:var(--muted-foreground);background:transparent;transition:color .2s,border-color .2s,background .2s}
.ux-crew__kinds button:hover{color:var(--foreground);border-color:color-mix(in oklab,var(--primary) 50%,var(--border))}
.ux-crew__kinds button[aria-selected="true"]{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}
.ux-crew__kinds button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.ux-crew__more{display:none}
.ux-crew__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.75rem}
.ux-crew__again{display:inline-flex;align-items:center;gap:.45rem;flex:none;border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;color:var(--foreground);background:transparent;transition:border-color .2s,color .2s,opacity .3s}
.ux-crew__again:hover{border-color:var(--primary);color:var(--primary)}
.ux-crew__again:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.ux-crew.is-running .ux-crew__again{opacity:.45}
.ux-crew__clock{padding-left:12rem;font-family:var(--font-mono,ui-monospace),monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}
.ux-crew__clock b{margin-left:.4rem;font-size:1.1rem;letter-spacing:0;text-transform:none;color:var(--foreground);font-variant-numeric:tabular-nums}
.ux-crew__lane{display:grid;grid-template-columns:12rem 1fr;grid-template-rows:auto auto;align-items:center;margin-top:2rem}
.ux-crew__lane + .ux-crew__lane{margin-top:2.75rem}
.ux-crew__head h4{font-size:1rem;font-weight:600;color:var(--foreground)}
.ux-crew__lane[data-lane="new"] .ux-crew__head h4{color:var(--primary)}
.ux-crew__time{margin-top:.2rem;font-size:.85rem;color:var(--muted-foreground)}
.ux-crew__lane[data-lane="new"] .ux-crew__time{color:color-mix(in oklab,var(--primary) 80%,var(--foreground))}
.ux-crew__track{position:relative;height:3.25rem}
.ux-crew__tube{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ux-crew__segs{position:absolute;top:0;bottom:0;left:2px;right:3px;display:flex;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0)}   /* the stages' names, shown as the liquid reaches them */
.ux-crew__seg{position:relative;flex:0 0 var(--w);height:100%}
/* the stages' names in a deeper shade of their own liquid, darker toward the bottom like the tube's curve: dark
   purple on the light purple work, pale lavender on the dark purple waste */
.ux-crew__seg em{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-style:normal;font-size:.74rem;font-weight:650;white-space:nowrap;
  color:transparent;background:linear-gradient(180deg,#5b3aa6,#2e1468);-webkit-background-clip:text;background-clip:text}
.ux-crew__seg.is-wait em,.ux-crew__seg.is-waste em{background-image:linear-gradient(180deg,#f3eeff,#c7b5ff)}
.ux-crew__lane[data-lane="new"] .ux-crew__seg em{background-image:linear-gradient(180deg,color-mix(in oklab,var(--primary) 45%,#000),color-mix(in oklab,var(--primary) 25%,#000))}
.ux-crew__seg:first-child em{left:1.15rem}   /* clear of the tube's round end */
.ux-crew__flag{position:absolute;top:50%;transform:translate(-4px,-50%);opacity:0;font-size:.75rem;font-weight:600;color:var(--primary);white-space:nowrap;pointer-events:none;transition:opacity .4s .1s,transform .4s .1s}
.ux-crew.is-shipped .ux-crew__flag{opacity:1;transform:translate(0,-50%)}
.ux-crew__who{grid-column:2;display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.1rem;font-size:.78rem;color:var(--muted-foreground)}
.ux-crew__role{display:inline-flex;align-items:center;gap:.3rem;opacity:.35;transition:opacity .5s}
.ux-crew.is-running .ux-crew__role,.ux-crew.is-done .ux-crew__role,.ux-crew.is-shipped .ux-crew__role{opacity:1}
.ux-crew__lane[data-lane="new"] .ux-crew__role{color:color-mix(in oklab,var(--primary) 75%,var(--foreground))}
.ux-crew__pp,.ux-crew__ag{display:inline-flex;color:inherit}
.ux-crew__ag{color:var(--primary)}
.ux-crew__role.is-agents{gap:.1rem}
.ux-crew__role.is-agents .ux-crew__ag:last-of-type{margin-right:.25rem}
.ux-crew__axis{display:grid;grid-template-columns:12rem 1fr;margin-top:2.25rem}
.ux-crew__ticks{position:relative;height:1.3rem;margin:0 3px 0 2px;border-top:1px solid color-mix(in oklab,var(--foreground) 12%,transparent)}
.ux-crew__ticks span{position:absolute;top:.4rem;transform:translateX(-50%);font-family:var(--font-mono,ui-monospace),monospace;font-size:.62rem;color:var(--muted-foreground);white-space:nowrap}
.ux-crew__key{display:flex;flex-wrap:wrap;gap:.6rem 1.75rem;margin-top:2.5rem;padding-left:12rem;font-size:.78rem;color:var(--muted-foreground)}
.ux-crew__key span{display:inline-flex;align-items:center;gap:.5rem}
.ux-crew__key span::before{content:"";width:1.6rem;height:.7rem;border-radius:.35rem;box-shadow:inset 0 2px 1px -1px rgba(255,255,255,.45),inset 0 -2px 2px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.18)}   /* a little tube of each liquid */
.ux-crew__key .is-old::before{background:var(--crew-old)}
.ux-crew__key .is-new::before{background:var(--primary)}
.ux-crew__key .is-wait::before{background:var(--crew-w)}
.ux-crew .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ux-crew__note{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--border);font-size:.85rem;line-height:1.65;color:var(--muted-foreground)}   /* at the panel's foot, across its full width */
.ux-crew__note strong{font-weight:600;color:var(--foreground)}
/* phones: the two tubes stand up side by side, filling from the bottom (brand/ux-crew.js turns their drawing upright),
   each with its name and time above it, the stages' names inside it and its crew under it; less air round it all;
   no timeline along the bottom (the clock says how long) */
@media (max-width:640px){
  /* no box round it on a phone: the tubes stand on the page itself (the box's own padding squeezed everything);
     just its legend and small print sit in a small panel under them */
  .ux-crew{display:grid;grid-template-columns:1fr 1fr;column-gap:.75rem;margin-top:2.25rem;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .ux-crew > :not(.ux-crew__lane){grid-column:1/-1}
  /* the kinds: one row you swipe along, snapping to each, faded at whichever edge has more, with an arrow while
     there's more to the right */
  .ux-crew__slide{position:relative;margin:1.1rem calc(-1 * clamp(20px,5.6vw,24px)) 0}
  .ux-crew__kinds{flex-wrap:nowrap;gap:.45rem;margin:0;padding:.15rem clamp(20px,5.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5.6vw,24px);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .ux-crew__kinds::-webkit-scrollbar{display:none}
  .ux-crew__kinds button{flex:none;scroll-snap-align:start;padding:.5rem .95rem;font-size:.82rem;white-space:nowrap}
  .ux-crew__slide.has-more .ux-crew__kinds{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 4.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 4.5rem),transparent)}
  .ux-crew__slide.has-less .ux-crew__kinds{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem);mask-image:linear-gradient(90deg,transparent,#000 2.5rem)}
  .ux-crew__slide.has-less.has-more .ux-crew__kinds{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 4.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 4.5rem),transparent)}
  .ux-crew__more{position:absolute;right:.6rem;top:50%;display:grid;place-items:center;width:2rem;height:2rem;margin-top:-1rem;border:1px solid var(--border);border-radius:50%;
    color:var(--foreground);background:color-mix(in oklab,var(--background) 85%,transparent);opacity:0;pointer-events:none;transition:opacity .25s}
  .ux-crew__slide.has-more .ux-crew__more{opacity:1;pointer-events:auto;animation:ux-crew-nudge 2.4s ease-in-out 1s 3}
  @keyframes ux-crew-nudge{0%,60%,100%{transform:none}75%{transform:translateX(4px)}}
  .ux-crew__bar{margin-top:1.4rem}
  .ux-crew__clock{padding-left:0}
  .ux-crew__lane{display:flex;flex-direction:column;align-items:center;margin-top:1rem;text-align:center}
  .ux-crew__lane + .ux-crew__lane{margin-top:1rem}
  .ux-crew__head{min-height:2.6rem}
  .ux-crew__head h4{font-size:.9rem}
  .ux-crew__time{font-size:.78rem}
  .ux-crew__track{width:3.4rem;height:min(46vh,22rem);margin-top:.9rem}
  .ux-crew__segs{flex-direction:column-reverse;top:2px;bottom:3px;left:0;right:0;clip-path:inset(calc((1 - var(--p,0)) * 100%) 0 0 0)}
  .ux-crew__seg{flex:0 0 var(--w);width:100%;height:auto}
  .ux-crew__seg em,.ux-crew__seg:first-child em{left:50%;top:50%;transform:translate(-50%,-50%);font-size:.6rem;letter-spacing:-.01em}
  .ux-crew__flag{top:auto;left:50%;transform:translate(-50%,4px)}
  .ux-crew.is-shipped .ux-crew__flag{transform:translate(-50%,0)}
  /* each team at a glance: a figure for each person (and the agents' sparks), how many, then their roles in one
     quiet line */
  .ux-crew__who{flex-direction:column;align-items:center;gap:.35rem;width:100%;margin-top:1.1rem;font-size:.72rem;line-height:1.45}
  .ux-crew__figs{display:flex;flex-wrap:wrap;justify-content:center;max-width:9.5rem;opacity:.35;transition:opacity .5s}
  .ux-crew.is-running .ux-crew__figs,.ux-crew.is-done .ux-crew__figs,.ux-crew.is-shipped .ux-crew__figs{opacity:1}
  .ux-crew__figs i{margin:0 -1px}
  .ux-crew__figs svg{width:13px;height:13px}
  .ux-crew__count{font-size:.8rem;font-weight:600;color:var(--foreground)}
  .ux-crew__lane[data-lane="new"] .ux-crew__count{color:var(--primary)}
  .ux-crew__names{max-width:11rem;color:var(--muted-foreground);text-wrap:balance}
  .ux-crew__names span{white-space:nowrap}
  .ux-crew__axis{display:none}
  .ux-crew__key{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:2rem;padding:1.1rem 1.1rem .9rem;border:1px solid var(--border);border-bottom:0;border-radius:1rem 1rem 0 0;
    background:color-mix(in oklab,var(--background) 70%,transparent);font-size:.74rem}
  /* the small print: one small line, opening on a tap, at the panel's foot */
  .ux-crew__note{margin-top:0;padding:0 1.1rem .35rem;border:1px solid var(--border);border-top:0;border-radius:0 0 1rem 1rem;
    background:color-mix(in oklab,var(--background) 70%,transparent);font-size:.74rem;line-height:1.6}
  .ux-crew__note summary{border-top:1px solid color-mix(in oklab,var(--border) 70%,transparent)}
  .ux-crew__note summary{display:flex;align-items:center;gap:.4rem;min-height:2.75rem;cursor:pointer;list-style:none;color:var(--muted-foreground)}
  .ux-crew__note summary::-webkit-details-marker{display:none}
  .ux-crew__note summary strong{font-weight:500;color:var(--muted-foreground)}
  .ux-crew__note summary::after{content:"";width:.45rem;height:.45rem;margin-left:.15rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
  .ux-crew__note[open] summary::after{transform:translateY(1px) rotate(-135deg)}
  .ux-crew__note p{padding-bottom:.25rem}
}

/* ---- Desktop and tablet: the hero's words start near the top, the space above them the same as the space to
   their left (the character's lane, --ux-room), instead of centred with a wide gap above; the object stays centred ---- */
@media (min-width:641px){
  html[data-ux-page="ai"] main>section:first-child>div{align-items:start;padding-top:calc(var(--ux-head-h,112px) + clamp(48px,var(--ux-room,0px),22vh))}
  html[data-ux-page="ai"] main>section:first-child>div>[data-slot="ring"],html[data-ux-page="ai"] main>section:first-child>div>:has([data-slot="ring"]){align-self:center}
  /* the words under each headline a size down (they were 18px, close to the headline's weight) */
  html[data-ux-page="ai"] main section p.text-lg,html[data-ux-page="ai"] main section .ux-copy-p{font-size:16px;line-height:1.65}
}

/* ---- Phones: the layout (up to 640px wide) ----
   The page was the desktop story stacked: every headline and paragraph centred at desktop sizes, 80px of air
   above and below each part, and each theme's object parked in a tall empty space under the hero's words (the
   samurai's moon only came into view on scrolling). Here: the words, then the object right under them, both in
   the first screen; headlines, labels and paragraphs left-aligned at phone sizes; less air, so more of the story fits on
   a screen; the object's other parking spots shorter. */
@media (max-width:640px){
  /* the hero: its words first, then the theme's object right under them on the right, beside the character in the
     bottom-left corner, all in the first screen */
  /* (the whole first screen, so the client logo strip under it is out of sight when you land) */
  html[data-ux-page="ai"] main>section:first-child>div{min-height:100svh;box-sizing:border-box;align-content:start;padding-top:calc(var(--ux-head-h,74px) + 24px);padding-bottom:36px;gap:0;align-items:start}
  /* (the orb sits near the top of this spot whatever its height: the spot starts just past the button, and its
     height is the room the object needs below that) */
  html[data-ux-page="ai"] main [data-slot="ring"]{height:min(28vh,220px);margin-top:min(13vh,110px);margin-left:auto;width:62%}   /* lower, on the right, beside the character */
  /* the object higher where the scene below it needs the room: Ganesha's lotus up in the air above the lamps on the
     water, the samurai's moon above the gate and its lanterns, the devil's heart a little higher */
  html[data-ux-page="ai"][data-ux-theme="india"] main [data-slot="ring"],html[data-ux-page="ai"][data-ux-theme="samurai"] main [data-slot="ring"]{margin-top:min(5vh,44px);height:min(24vh,190px)}
  html[data-ux-page="ai"][data-ux-theme="hand"] main [data-slot="ring"]{margin-top:min(4vh,30px)}
  /* the hero's background (its scene, the backdrop) as tall as the hero itself: at the browser's full height it ran
     on past the hero's foot over the client logos, a band of its colour (the devil's fire, Ganesha's sunset) that
     grew and shrank as Safari's toolbar did */
  html[data-ux-page="ai"] .pointer-events-none.absolute.inset-x-0.top-0.z-0.h-screen{height:100svh}
  /* and the client logo strip on solid dark, so the page's lower backdrop (the devil's fire, Ganesha's dusk) never
     glows through it as a band of colour, however you got there (scrolling, or the chapter menu) */
  .ux-clients{position:relative;z-index:1;background:var(--background,#0a0a0a)}
  html[data-ux-page="ai"][data-ux-theme="ufo"] main [data-slot="ring"]{margin-top:min(10vh,86px);margin-right:3vw}   /* the UFO a touch higher and further in */
  html[data-ux-page="ai"][data-ux-theme="angel"] main [data-slot="ring"]{margin-top:min(5vh,44px)}   /* the star higher */
  /* its call to action: on the left like the words above it (the object has the right), and compact */
  html[data-ux-page="ai"] main>section:first-child h1 ~ div.flex > :is(a,button){min-height:44px;height:44px;padding:0 18px;font-size:14px;gap:8px}
  html[data-ux-page="ai"] main>section:first-child h1{font-size:30px;line-height:1.06}
  /* every part's words: left-aligned, at phone sizes */
  html[data-ux-page="ai"] main section .text-center{text-align:left}
  html[data-ux-page="ai"] main section .flex-col.items-center{align-items:flex-start}
  html[data-ux-page="ai"] main section :is(h1,h2){letter-spacing:-.025em;text-wrap:balance;margin-left:0;margin-right:0;text-align:left}
  html[data-ux-page="ai"] main section h2{font-size:26px;line-height:1.1}
  html[data-ux-page="ai"] main section :is(h1,h2)+p,html[data-ux-page="ai"] main section :is(h1,h2)+div>p,
  html[data-ux-page="ai"] main section .ux-copy-p{font-size:15px;line-height:1.55;margin-top:16px;margin-left:0;margin-right:0;text-align:left}
  html[data-ux-page="ai"] main section [data-rv="wipe"]{font-size:10.5px;letter-spacing:.16em;justify-content:flex-start}
  /* room between the label, the headline and the words under it, so each reads on its own */
  html[data-ux-page="ai"] main section [data-rv="wipe"] + :is(h1,h2){margin-top:18px}
  /* the hero's label without "UserX ·" (the logo's right above it), on one line */
  html[data-ux-page="ai"] main [data-rv="wipe"]:has(+h1) > :is(.text-primary,.ux-eb-sep){display:none}
  html[data-ux-page="ai"] main [data-rv="wipe"]:has(+h1){font-size:10px;letter-spacing:.1em;white-space:nowrap;text-align:center;justify-content:center}
  /* less air between the parts */
  html[data-ux-page="ai"] main section :is(.py-20,.py-24){padding-top:44px;padding-bottom:44px}
  html[data-ux-page="ai"] main section .pt-24{padding-top:44px}
  html[data-ux-page="ai"] main section .pb-16{padding-bottom:32px}
  /* the object's other parking spots, shorter */
  html[data-ux-page="ai"] main [data-slot="team"]{height:34vh;margin-top:8px}
  html[data-ux-page="ai"] main [data-slot]:is([data-slot="code"],[data-slot="chain"],[data-slot="gates"],[data-slot="memory"]){aspect-ratio:16/11}
  /* "Inspection": the words fill the width, so the object parks under them, in room made at the section's foot */
  html[data-ux-page="ai"] main #lenses > div{padding-bottom:calc(44px + 11rem)}
  html[data-ux-page="ai"] main #lenses [data-slot="orbit"]{left:50%;top:auto;bottom:44px;width:10rem;height:10rem;translate:-50% 0}
}
/* ...and the header's line of chapter dots: on a phone they crowd together and read as a mistake, so the line keeps
   only its fill (how far you've read); the chapter button and list (brand/ux-menu.js) do the jumping */
@media (max-width:899px){header .ux-storybar-notch{display:none}}
/* The booking card's scrolling rows (the days) without a scrollbar: under the first day it read as an underline
   on the picked one. They still scroll with a swipe, a trackpad or the arrow keys. */
.book-shell *{scrollbar-width:none}
.book-shell *::-webkit-scrollbar{display:none}
/* phones: a tighter footer (less air round the logo, the icons, the fine print and "Back to top") */
@media (max-width:640px){
  footer .ux-foot{padding-top:18px;padding-bottom:12px}
  footer .ux-foot-row{gap:12px}
  footer .ux-foot img{height:38px;width:auto}
  footer .ux-foot-meta{margin-top:12px;padding-top:4px}
  /* "Back to top" first, above the logo, with no line between it and the icons */
  footer .ux-foot{display:flex;flex-direction:column}
  footer .ux-foot-end{order:-1;margin:0 0 14px;justify-content:center}
  footer .ux-foot-meta{border-top:0}
  /* on the home page it's at the right of the closing call button instead (brand/ux-footer.js, ctaTop) */
  html:has(.ux-top-cta) footer .ux-foot-end{display:none}
  #ux-chapter-11 .flex:has(> .ux-top-cta){flex-wrap:nowrap;align-items:center}
  .ux-top-cta{display:inline-flex !important;align-items:center;justify-content:center;flex:none;width:52px;height:52px;margin-left:auto;border-radius:999px;
    color:var(--primary);border:1px solid color-mix(in oklab,var(--primary) 55%,transparent);background:color-mix(in oklab,var(--primary) 8%,transparent);
    box-shadow:0 0 22px -10px var(--primary);transition:background-color .2s,box-shadow .2s}
  .ux-top-cta:active{background:color-mix(in oklab,var(--primary) 18%,transparent)}
}
.ux-top-cta{display:none}
/* phones: the character's picker opens over a dark, blurred page, so it reads on its own */
@media (max-width:640px){
  .ux-peek::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(0,0,0,.45);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s}
  .ux-peek.is-open::before{opacity:1}
}

/* Phones: the screen-sized layers (the orb's, the page's moving backdrop) kept at the height the page loaded with
   (--ux-vh, pinned by VIEW_EARLY in scripts/rebrand.py), not stretched and squeezed as Safari's toolbar comes and
   goes; that moved the UFO and everything drawn on them a little each time */
@media (max-width:767px) and (pointer:coarse){
  .pointer-events-none.fixed.inset-0.z-0{height:var(--ux-vh,100%) !important;bottom:auto !important}
  .pointer-events-none.fixed.inset-0.z-0 > canvas[style*="height: 100%"]{height:var(--ux-vh,100%) !important;bottom:auto !important}
}
/* Some characters stand bigger, on every screen: the devil and the samurai most, Anubis a little less, Ganesha a
   touch, the angel (a small figure in its frame) most of all; the alien as he is. --ux-big scales the figure's box and moves its sign with it. */
html:is([data-ux-theme="hand"],[data-ux-theme="samurai"]){--ux-big:1.22}
html[data-ux-theme="pyramid"]{--ux-big:1.12}
html[data-ux-theme="india"]{--ux-big:1.07}
html[data-ux-theme="angel"]{--ux-big:1.3}
html[data-ux-theme="hand"]{--ux-peek-dx:-21%}
@media (min-width:641px){html[data-ux-theme="angel"] .ux-peek{bottom:calc(-470px * var(--ux-big) * .08)}}   /* the cherub a little lower: it floated high */
@media (min-width:641px) and (max-width:1023px){html[data-ux-theme="angel"] .ux-peek{bottom:calc(-358px * var(--ux-big) * .08)}}   /* the devil stands near the left of his frame: in a little more, so he isn't cut off at the edge */   /* (the cherub is a small figure in its frame; on a phone its own size below) */
html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-peek-char{width:calc(420px * var(--ux-big));height:calc(470px * var(--ux-big))}
html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-sign{left:calc(250px * var(--ux-big));bottom:calc(250px * var(--ux-big))}
@media (max-width:1023px){
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-peek-char{width:calc(320px * var(--ux-big));height:calc(358px * var(--ux-big))}
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-sign{left:calc(178px * var(--ux-big));bottom:calc(210px * var(--ux-big))}
}
@media (max-width:640px){
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"]) .ux-peek{--ux-ch:calc(min(clamp(270px,40svh,400px),96vw) * var(--ux-big))}
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-peek-char{width:calc(var(--ux-ch) * .894);height:var(--ux-ch)}
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-sign{left:max(12px,calc(50vw - 128px));bottom:calc(var(--ux-ch) * .86)}
  /* the cherub a little lower on a phone */
  html[data-ux-theme="angel"] .ux-peek{bottom:calc(var(--ux-ch) * -.06)}
}
@media (max-height:500px) and (min-width:641px){
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-peek-char{height:calc(70vh * var(--ux-big));width:calc(70vh * .894 * var(--ux-big))}
  html:is([data-ux-theme="hand"],[data-ux-theme="samurai"],[data-ux-theme="pyramid"],[data-ux-theme="india"],[data-ux-theme="angel"]) .ux-sign{left:calc(70vh * .4 * var(--ux-big));bottom:10px}
}

/* Headings: each word rises into place from under its line, a short stagger, no blur and no tilt (a blur on every
   word, with letters scrambling, stuttered on a phone while scrolling); the fade-ups below lose their blur too */
html.rv-ready [data-rv="words"] .w > span{transform:translate3d(0,105%,0);opacity:0;filter:none;
  transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .5s ease-out;transition-delay:calc(var(--i) * 45ms + var(--d,0ms))}
html.rv-ready [data-rv="words"].is-in .w > span{transform:none;opacity:1}
html.rv-ready [data-rv="up"]{filter:none}
@media (prefers-reduced-motion:reduce){html.rv-ready [data-rv="words"] .w > span{transition:none;transform:none;opacity:1}}