:root{--font-sans:"Geist",sans-serif;--font-mono:"JetBrains Mono",monospace;--z-index-dropdown:3;--z-index-modal:4;--color-light:#f8fafc;--color-dark:#020618;--color-primary-200:#e8e2ff;--color-primary-300:#d8ceff;--color-primary-400:#c3afff;--color-primary-500:#ad8dff;--color-primary-600:#8851eb;--color-primary-700:#5c4392;--color-primary-800:#473571;--color-primary-900:#31244f;--color-secondary-200:#dbf3ff;--color-secondary-300:#b5e6ff;--color-secondary-400:#7bd0f9;--color-secondary-500:#00b4ec;--color-secondary-600:#0086b1;--color-secondary-700:#005e7d;--color-secondary-800:#024962;--color-secondary-900:#0d3242;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cad5e2;--color-gray-400:#90a1b9;--color-gray-500:#62748e;--color-gray-600:#45556c;--color-gray-700:#314158;--color-gray-800:#1d293d;--color-gray-900:#0f172b;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-300:#ffe02e;--color-yellow-400:#f7c900;--color-yellow-500:#eab300;--color-yellow-600:#ca8a00;--color-yellow-700:#a26200;--color-yellow-800:#874c00;--color-yellow-900:#733e0a;--color-yellow-950:#432004;--color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00b981;--color-emerald-600:#009669;--color-emerald-700:#007857;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#ffccd3;--color-rose-300:#ffa3ae;--color-rose-400:#ff6880;--color-rose-500:#ff2357;--color-rose-600:#e60045;--color-rose-700:#c1003a;--color-rose-800:#a30037;--color-rose-900:#8b0836;--color-rose-950:#4d0218;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing:0.25rem;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--navigation-width:240px}@supports (color:color(display-p3 0 0 0%)){:root{--color-primary-200:#e8e2ff;--color-primary-300:#d8ceff;--color-primary-400:#c3afff;--color-primary-500:#ad8dff;--color-secondary-200:#dbf3ff;--color-secondary-300:#b5e6ff;--color-secondary-500:#00b4ec;--color-secondary-600:#0086b1;--color-secondary-700:#005e7d;--color-yellow-300:#ffe02e;--color-yellow-400:#f7c900;--color-yellow-500:#eab300;--color-yellow-600:#ca8a00;--color-yellow-700:#a26200;--color-yellow-800:#874c00;--color-emerald-400:#00d294;--color-emerald-500:#00b981;--color-emerald-600:#009669;--color-emerald-700:#007857;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-rose-100:#ffe4e6;--color-rose-200:#ffccd3;--color-rose-300:#ffa3ae;--color-rose-400:#ff6880;--color-rose-500:#ff2357;--color-rose-600:#e60045;--color-rose-700:#c1003a;--color-rose-800:#a30037}@media (color-gamut:p3){:root{--color-primary-200:color(display-p3 0.90416 0.88323 1);--color-primary-300:color(display-p3 0.842 0.80433 1);--color-primary-400:color(display-p3 0.75182 0.68291 1);--color-primary-500:color(display-p3 0.66049 0.54543 1);--color-secondary-200:color(display-p3 0.87144 0.95064 1);--color-secondary-300:color(display-p3 0.73845 0.90013 1);--color-secondary-500:color(display-p3 0.24962 0.69714 0.93591);--color-secondary-600:color(display-p3 0 0.52232 0.74056);--color-secondary-700:color(display-p3 0.11428 0.36297 0.49566);--color-yellow-300:color(display-p3 0.98267 0.88088 0.32102);--color-yellow-400:color(display-p3 0.95994 0.79017 0.05852);--color-yellow-500:color(display-p3 0.90365 0.70306 0.07454);--color-yellow-600:color(display-p3 0.77634 0.54249 0.04171);--color-yellow-700:color(display-p3 0.61315 0.38666 0.05797);--color-yellow-800:color(display-p3 0.50318 0.30478 0.07554);--color-emerald-400:color(display-p3 0.3347 0.8196 0.59158);--color-emerald-500:color(display-p3 0.26711 0.72685 0.5084);--color-emerald-600:color(display-p3 0.20656 0.58906 0.41396);--color-emerald-700:color(display-p3 0.16404 0.47023 0.34351);--color-emerald-800:color(display-p3 0.1354 0.3714 0.27756);--color-emerald-900:color(display-p3 0.11782 0.30297 0.2345);--color-emerald-950:color(display-p3 0.05491 0.17043 0.13484);--color-rose-100:color(display-p3 0.98224 0.89723 0.90257);--color-rose-200:color(display-p3 0.96875 0.80878 0.82732);--color-rose-300:color(display-p3 0.96017 0.6477 0.68372);--color-rose-400:color(display-p3 0.94293 0.43076 0.5031);--color-rose-500:color(display-p3 0.92182 0.24075 0.35567);--color-rose-600:color(display-p3 0.84879 0.10201 0.26926);--color-rose-700:color(display-p3 0.7118 0.07708 0.22678);--color-rose-800:color(display-p3 0.59125 0.09291 0.2201)}}}@function --padding(--factor <number>){result:calc(.25rem*var(--factor));result:calc(var(--spacing)*var(--factor))}@function --transparent(--color <color>, --alpha type(<number> | <percentage>)) returns <color>{result:oklch(from var(--color) l c h/var(--alpha))}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scrollbar-gutter:stable}@media (prefers-reduced-motion:no-preference){:host,html{interpolate-size:allow-keywords}}body,html{background-color:#1d293d;background-color:var(--color-gray-800);color:#f8fafc;color:var(--color-light);font-family:Geist,sans-serif;font-family:var(--font-sans);font-feature-settings:"ss01","cv11"}body{min-height:100svh;min-width:100svw;position:relative}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font:inherit;font-weight:inherit;text-wrap:balance}figcaption,li,p{text-wrap:pretty}article,footer,header,main,section{container-type:inline-size}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:none;text-decoration:none}b,strong{font-weight:700;font-weight:var(--font-weight-bold)}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-feature-settings:"zero","cv02";font-size:1em;font-variation-settings:normal}small{font-size:80%}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}img,video{height:auto}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select[multiple]) optgroup{font-weight:bolder}:where(select[size]) optgroup{font-weight:bolder}:where(select[multiple]) optgroup option{padding-left:20px}:where(select[size]) optgroup option{padding-left:20px}::file-selector-button{margin-right:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-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,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --animation-enter-opacity{syntax:"*";initial-value:0;inherits:false}@property --animation-enter-translate-y{syntax:"*";initial-value:0;inherits:false}@property --animation-enter-translate-x{syntax:"*";initial-value:0;inherits:false}@property --animation-enter-scale{syntax:"*";initial-value:1;inherits:false}@property --animation-exit-opacity{syntax:"*";initial-value:1;inherits:false}@property --animation-exit-translate-y{syntax:"*";initial-value:0;inherits:false}@property --animation-exit-translate-x{syntax:"*";initial-value:0;inherits:false}@property --animation-exit-scale{syntax:"*";initial-value:1;inherits:false}@property --animation-duration{syntax:"*";initial-value:.15s;inherits:false}@property --animation-delay{syntax:"*";initial-value:0s;inherits:false}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animation-spin{animation:a 1s cubic-bezier(.455,.03,.515,.955) infinite;animation:a 1s var(--ease-in-out,ease) infinite}@keyframes b{0%{box-shadow:0 0 0 0 rgba(173,141,255,.6)}@media (color-gamut:p3){0%{box-shadow:0 0 0 0 color(display-p3 .66049 .54543 1/.6)}}to{box-shadow:0 0 0 8px rgba(173,141,255,0)}@media (color-gamut:p3){to{box-shadow:0 0 0 8px color(display-p3 .66049 .54543 1/0)}}}.shimmer{animation:c 1.8s linear infinite;background:linear-gradient(90deg,var(--fill-1) 0,var(--fill-3) 50%,var(--fill-1) 100%);background-size:200% 100%;border-radius:4px}@keyframes c{0%{background-position:-200% 0}to{background-position:200% 0}}.font-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-feature-settings:"zero","cv02"}.font-sans{font-family:Geist,sans-serif;font-family:var(--font-sans)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-xs{font-size:.75rem;line-height:1.33333}.text-sm{font-size:.875rem;line-height:1.42857}.text-md{font-size:1rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.55556}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.33333}.text-3xl{font-size:1.875rem;line-height:1.06667}.text-4xl{font-size:2.25rem;line-height:1.06667}.text-5xl{font-size:3rem;line-height:1.06667}.text-6xl{font-size:3.4rem;line-height:1.02564}.text-7xl{font-size:3.75rem;line-height:1.02564}.text-nowrap{white-space:nowrap}.text-muted{color:#90a1b9;color:var(--color-gray-400)}.text-silent{color:#cad5e2;color:var(--color-gray-300)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.8)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.tracking-wide{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.eyebrow{color:#90a1b9;color:var(--color-gray-400);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;line-height:1.33333;text-transform:uppercase}.gradient-text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,#ad8dff,#00b4ec);background-image:linear-gradient(135deg,color(display-p3 .66049 .54543 1),color(display-p3 .24962 .69714 .93591));background-image:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;filter:drop-shadow(0 0 12px rgb(92,67,146));filter:drop-shadow(0 0 12px var(--color-primary-700))}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.min-w-0{min-width:0}.w-full{width:100%}.w-screen{width:100svw}.w-fit{width:-moz-fit-content;width:fit-content}.min-h-0{min-height:0}.min-h-screen{min-height:100svh}.h-full{height:100%}.h-screen{height:100svh}.h-fit{height:-moz-fit-content;height:fit-content}.rounded-xs{border-radius:.125rem;border-radius:var(--radius-xs)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:calc(Infinity*1px)}.container{align-self:center;margin-left:auto;margin-right:auto;max-width:1120px;position:relative;width:100%}.container-small{max-width:800px}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.stack{display:flex}.stack-inline{display:inline-flex}.stack-grid{display:grid}.stack-x{flex-direction:row}.stack-y{flex-direction:column}.stack-grow{flex:1}.stack-no-wrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.shrink-0{flex-shrink:0}.shrink-1{flex-shrink:1}.grow-0{flex-grow:0}.grow-1{flex-grow:1}.gap-1{gap:.25rem;gap:calc(var(--spacing)*1)}.gap-1_5{gap:.375rem;gap:calc(var(--spacing)*1.5)}.gap-2{gap:.5rem;gap:calc(var(--spacing)*2)}.gap-3{gap:.75rem;gap:calc(var(--spacing)*3)}.gap-4{gap:1rem;gap:calc(var(--spacing)*4)}.gap-5{gap:1.25rem;gap:calc(var(--spacing)*5)}.gap-6{gap:1.5rem;gap:calc(var(--spacing)*6)}.gap-8{gap:2rem;gap:calc(var(--spacing)*8)}.gap-10{gap:2.5rem;gap:calc(var(--spacing)*10)}.gap-11{gap:2.75rem;gap:calc(var(--spacing)*11)}.gap-12{gap:3rem;gap:calc(var(--spacing)*12)}.gap-13{gap:3.25rem;gap:calc(var(--spacing)*13)}.gap-14{gap:3.5rem;gap:calc(var(--spacing)*14)}.gap-16{gap:4rem;gap:calc(var(--spacing)*16)}.gap-17{gap:4.25rem;gap:calc(var(--spacing)*17)}.gap-18{gap:4.5rem;gap:calc(var(--spacing)*18)}.gap-20{gap:5rem;gap:calc(var(--spacing)*20)}.size-1{height:.25rem;height:calc(var(--spacing)*1);width:.25rem;width:calc(var(--spacing)*1)}.size-2{height:.5rem;height:calc(var(--spacing)*2);width:.5rem;width:calc(var(--spacing)*2)}.size-3{height:.75rem;height:calc(var(--spacing)*3);width:.75rem;width:calc(var(--spacing)*3)}.size-4{height:1rem;height:calc(var(--spacing)*4);width:1rem;width:calc(var(--spacing)*4)}.size-5{height:1.25rem;height:calc(var(--spacing)*5);width:1.25rem;width:calc(var(--spacing)*5)}.size-6{height:1.5rem;height:calc(var(--spacing)*6);width:1.5rem;width:calc(var(--spacing)*6)}.size-7{height:1.75rem;height:calc(var(--spacing)*7);width:1.75rem;width:calc(var(--spacing)*7)}.size-8{height:2rem;height:calc(var(--spacing)*8);width:2rem;width:calc(var(--spacing)*8)}.size-9{height:2.25rem;height:calc(var(--spacing)*9);width:2.25rem;width:calc(var(--spacing)*9)}.size-10{height:2.5rem;height:calc(var(--spacing)*10);width:2.5rem;width:calc(var(--spacing)*10)}.page{margin-left:auto;margin-right:auto;max-width:1120px;padding:1.25rem 1.75rem 6rem;padding:calc(var(--spacing)*5) calc(var(--spacing)*7) calc(var(--spacing)*24);width:100%;z-index:1}.grain{position:relative}.grain:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.018;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.grid-bg{background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:56px 56px}.logo{color:#f8fafc;color:var(--color-light)}.logo>svg{height:1.25rem;height:calc(var(--spacing)*5);width:1.25rem;width:calc(var(--spacing)*5)}.hero{margin-bottom:6rem;margin-bottom:calc(var(--spacing)*24)}.hero-title{max-width:800px}.hero-body{color:#cad5e2;color:var(--color-gray-300);max-width:600px}.live-dot{animation:b 1.6s ease-out infinite;background:#ad8dff;background:color(display-p3 .66049 .54543 1);background:var(--color-primary-500);border-radius:999px;box-shadow:0 0 0 0 #ad8dff;box-shadow:0 0 0 0 color(display-p3 .66049 .54543 1);box-shadow:0 0 0 0 var(--color-primary-500);height:8px;width:8px}.live-demo{border:1px solid --transparent(#f8fafc,5%);border:1px solid --transparent(var(--color-light),5%);border-radius:10px;padding:.75rem .875rem;padding:calc(var(--spacing)*3) calc(var(--spacing)*3.5)}.tabs .tabs-list{background:linear-gradient(180deg,#152034,#1c283c) padding-box,linear-gradient(180deg,#0f182c,#303e54) border-box;border:1px solid transparent;border-radius:.375rem;border-radius:var(--radius-md);overflow:hidden;padding:.375rem;padding:calc(var(--spacing)*1.5)}@supports (color:color-mix(in lch,red,blue)){.tabs .tabs-list{background:linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-900),var(--color-gray-800) 50%),color-mix(in oklab,var(--color-gray-900),var(--color-gray-800) 95%)) padding-box,linear-gradient(to bottom,color-mix(in oklab,var(--color-gray-900),var(--color-gray-800) 5%),color-mix(in oklab,var(--color-gray-600),var(--color-gray-800) 50%)) border-box}}[role=list]{list-style:disc;padding-left:--padding(4)}[role=list] li{padding-bottom:--padding(.5);padding-left:--padding(2);padding-top:--padding(.5)}.navigation{padding-bottom:3.5rem;padding-bottom:calc(var(--spacing)*14);padding-top:.5rem;padding-top:calc(var(--spacing)*2)}.navigation-link:not(.button--primary){color:#90a1b9;color:var(--color-gray-400);display:none;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color .2s var(--ease-out,ease-out)}.navigation-link:not(.button--primary):hover{color:#f8fafc;color:var(--color-light)}@media (min-width:640px){.navigation-link:not(.button--primary){display:inline-flex}}.navigation-link.button--primary{display:inline-flex}@property --button-gradient-start{syntax:"<color>";inherits:false;initial-value:#45556c}@property --button-gradient-stop{syntax:"<color>";inherits:false;initial-value:#314158}@property --button-highlight-start{syntax:"<color>";inherits:false;initial-value:#62748e}@property --button-highlight-stop{syntax:"<color>";inherits:false;initial-value:#45556c}.button{--button-gradient-start:var(--color-gray-600);--button-gradient-stop:var(--color-gray-700);--button-highlight-start:var(--color-gray-500);--button-highlight-stop:var(--color-gray-600);--background-color:var(--color-gray-700);--radius:var(--radius-sm);--spacing-inline:calc(var(--spacing)*3.5);--shadow-distance:2px;--shadow-size:4px;--transition-duration:200ms;background-color:#314158;background-color:var(--background-color);background:linear-gradient(180deg,#45556c 0,#314158) padding-box,linear-gradient(180deg,#62748e 0,#45556c) border-box;background:linear-gradient(to bottom,var(--button-gradient-start) 0,var(--button-gradient-stop) 100%) padding-box,linear-gradient(to bottom,var(--button-highlight-start) 0,var(--button-highlight-stop) 100%) border-box;border:1px solid transparent;border-radius:.25rem;border-radius:var(--radius);box-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 var(--shadow-distance) var(--shadow-size) rgba(0,0,0,.5);color:#f8fafc;color:var(--color-light);height:36px;outline-style:none;padding-left:.875rem;padding-left:var(--spacing-inline);padding-right:.875rem;padding-right:var(--spacing-inline);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),--button-gradient-start .2s cubic-bezier(.4,0,.2,1),--button-gradient-stop .2s cubic-bezier(.4,0,.2,1),--button-highlight-start .2s cubic-bezier(.4,0,.2,1),--button-highlight-stop .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-duration) var(--ease-out),--button-gradient-start var(--transition-duration) var(--ease-out),--button-gradient-stop var(--transition-duration) var(--ease-out),--button-highlight-start var(--transition-duration) var(--ease-out),--button-highlight-stop var(--transition-duration) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:not([aria-disabled=true]){cursor:pointer}.button:not([aria-disabled=true]):hover{--button-gradient-start:var(--color-gray-500);--button-gradient-stop:var(--color-gray-700);--button-highlight-start:var(--color-gray-400);--button-highlight-stop:var(--color-gray-600);--shadow-distance:4px;--shadow-size:10px}.button:not([aria-disabled=true]):active{--transition-duration:100ms;--button-gradient-start:var(--color-gray-700);--button-gradient-stop:var(--color-gray-500);--button-highlight-start:var(--color-gray-600);--button-highlight-stop:var(--color-gray-400);--shadow-distance:1px;--shadow-size:1px}.button[aria-disabled=true]{color:rgba(248,250,252,.8);cursor:not-allowed;opacity:.9;pointer-events:none;--button-gradient-start:var(--color-gray-700);--button-gradient-stop:var(--color-gray-800);--button-highlight-start:var(--color-gray-600);--button-highlight-stop:var(--color-gray-700);--shadow-distance:0px;--shadow-size:0px}@supports (color:color-mix(in lch,red,blue)){.button[aria-disabled=true]{color:color-mix(in oklch,var(--color-light),transparent 20%)}}.button svg{flex-shrink:0;height:1rem;height:calc(var(--spacing)*4);pointer-events:none;width:1rem;width:calc(var(--spacing)*4)}.button--primary{--background-color:var(--color-primary-600);--button-gradient-start:var(--color-primary-500);--button-gradient-stop:var(--color-primary-700);--button-highlight-start:var(--color-primary-300);--button-highlight-stop:var(--color-primary-600)}.button--primary[aria-disabled=true]{--button-gradient-start:color-mix(in oklab,var(--color-primary-700),var(--color-gray-800) 50%);--button-gradient-stop:color-mix(in oklab,var(--color-primary-600),var(--color-gray-800) 50%);--button-highlight-start:color-mix(in oklab,var(--color-primary-600),var(--color-gray-800) 30%);--button-highlight-stop:color-mix(in oklab,var(--color-primary-700),var(--color-gray-800) 30%)}.button--primary:not([aria-disabled=true]):hover{--button-gradient-start:var(--color-primary-400);--button-gradient-stop:var(--color-primary-700);--button-highlight-start:var(--color-primary-200);--button-highlight-stop:var(--color-primary-600)}.button--primary:not([aria-disabled=true]):active{--button-gradient-start:var(--color-primary-700);--button-gradient-stop:var(--color-primary-400);--button-highlight-start:var(--color-primary-600);--button-highlight-stop:var(--color-primary-300)}.button--secondary{--background-color:var(--color-secondary-600);--button-gradient-start:var(--color-secondary-600);--button-gradient-stop:var(--color-secondary-800);--button-highlight-start:var(--color-secondary-400);--button-highlight-stop:var(--color-secondary-700)}.button--secondary[aria-disabled=true]{--button-gradient-start:color-mix(in oklab,var(--color-secondary-600),var(--color-gray-800) 50%);--button-gradient-stop:color-mix(in oklab,var(--color-secondary-600),var(--color-gray-800) 50%);--button-highlight-start:color-mix(in oklab,var(--color-secondary-500),var(--color-gray-800) 30%);--button-highlight-stop:color-mix(in oklab,var(--color-secondary-700),var(--color-gray-800) 30%)}.button--secondary:not([aria-disabled=true]):hover{--button-gradient-start:var(--color-secondary-400);--button-gradient-stop:var(--color-secondary-700);--button-highlight-start:var(--color-secondary-200);--button-highlight-stop:var(--color-secondary-600)}.button--secondary:not([aria-disabled=true]):active{--button-gradient-start:var(--color-secondary-700);--button-gradient-stop:var(--color-secondary-400);--button-highlight-start:var(--color-secondary-600);--button-highlight-stop:var(--color-secondary-300)}.button--small{--spacing-inline:calc(var(--spacing)*2);height:26px}.button--small svg{height:.875rem;height:calc(var(--spacing)*3.5);width:.875rem;width:calc(var(--spacing)*3.5)}.button--large{--spacing-inline:calc(var(--spacing)*4.5);height:40px}.button--large svg{height:1.25rem;height:calc(var(--spacing)*5);width:1.25rem;width:calc(var(--spacing)*5)}.button-group:focus-visible{position:relative;z-index:2}.button-group>:not(:disabled):hover{z-index:2}.button-group>:not(:first-child){border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.button-group>:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}@property --gradient-position{syntax:"<percentage>";inherits:false;initial-value:250%}@property --card-gradient-start{syntax:"<color>";inherits:false;initial-value:#314158}@property --card-gradient-end{syntax:"<color>";inherits:false;initial-value:#1d293d}@property --card-shine-start{syntax:"<color>";inherits:false;initial-value:#45556c}@property --card-shine-end{syntax:"<color>";inherits:false;initial-value:#314158}@property --card-shine-deg{syntax:"<angle>";inherits:false;initial-value:-50deg}.card{--_shadow-distance:3px;--_shadow-size:6px;--_shadow-intensity:25%;--spacing-inline:calc(var(--spacing)*5);--spacing-block:calc(var(--spacing)*5.5);background:radial-gradient(circle at 50% var(--gradient-position),var(--card-gradient-start),var(--card-gradient-end)) padding-box,conic-gradient(from var(--card-shine-deg) at center,var(--card-shine-start),var(--card-shine-end),var(--card-shine-end),var(--card-shine-start),var(--card-shine-end),var(--card-shine-end),var(--card-shine-start)) border-box;border:1px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 var(--_shadow-distance) var(--_shadow-size) rgba(0,0,0,var(--_shadow-intensity));padding:1.375rem 1.25rem;padding:var(--spacing-block) var(--spacing-inline);transition:--gradient-position .5s cubic-bezier(.4,0,.2,1),--card-gradient-start .2s cubic-bezier(.4,0,.2,1),--card-gradient-end .2s cubic-bezier(.4,0,.2,1),--card-shine-start .2s cubic-bezier(.4,0,.2,1),--card-shine-end .2s cubic-bezier(.4,0,.2,1),--card-shine-deg .5s cubic-bezier(.455,.03,.515,.955),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:--gradient-position .5s var(--ease-out),--card-gradient-start .2s var(--ease-out),--card-gradient-end .2s var(--ease-out),--card-shine-start .2s var(--ease-out),--card-shine-end .2s var(--ease-out),--card-shine-deg .5s var(--ease-in-out),box-shadow .25s var(--ease-out)}.card[data-hover=true]:hover{--card-shine-deg:20deg;--gradient-position:150%;--card-shine-start:var(--color-gray-500);--_shadow-distance:6px;--_shadow-size:12px;--_shadow-intensity:37.5%}.card--pinned{--end-color:color-mix(var(--color-primary-800) 30%,transparent 70%);--card-gradient-start:var(--color-primary-700);--card-shine-start:var(--color-primary-700)}.card--pinned[data-hover=true]:hover{--card-shine-start:var(--color-primary-600)}.card-separator{border-top:1px solid rgba(202,213,226,.1);height:1px;margin:calc(var(--spacing)*-1) calc(var(--spacing-inline)*-1)}@supports (color:color-mix(red,blue)){.card-separator{border-top:1px solid color-mix(var(--color-gray-300),transparent 90%)}}.background-item{pointer-events:none;position:fixed;z-index:0}.background-item-1{animation:glow-1 6s ease-in-out infinite;height:900px;left:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent);opacity:.5;right:0;top:0}.background-item-2{background:radial-gradient(ellipse 50% 50% at center,rgba(173,141,255,.28) 0,rgba(173,141,255,.1) 30%,transparent 65%);filter:blur(20px);height:1000px;left:50%;top:-360px;transform:translateX(-50%);width:1500px}@media (color-gamut:p3){.background-item-2{background:radial-gradient(ellipse 50% 50% at center,color(display-p3 .66049 .54543 1/.28) 0,color(display-p3 .66049 .54543 1/.1) 30%,transparent 65%)}}.background-item-3{background:radial-gradient(ellipse at center,rgba(0,173,228,.18) 0,transparent 60%);filter:blur(40px);height:900px;left:-300px;top:600px;width:1100px}@media (color-gamut:p3){.background-item-3{background:radial-gradient(ellipse at center,color(display-p3 .07048 .67484 .9448/.18) 0,transparent 60%)}}.background-item-4{background:radial-gradient(ellipse at center,rgba(233,141,254,.14) 0,transparent 60%);filter:blur(40px);height:700px;right:-200px;top:1400px;width:900px}.background-item-5{background:conic-gradient(from 200deg at 50% 50%,transparent 0deg,rgba(173,141,255,.11) 90deg,transparent 180deg,rgba(0,173,228,.09) 270deg,transparent 1turn);filter:blur(60px);height:700px;left:-55%;opacity:.9;top:80px;width:700px}@media (color-gamut:p3){.background-item-5{background:conic-gradient(from 200deg at 50% 50%,transparent 0deg,color(display-p3 .66049 .54543 1/.11) 90deg,transparent 180deg,color(display-p3 .07048 .67484 .9448/.09) 270deg,transparent 1turn)}}