/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-space-x-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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-lime-500:oklch(76.8% .233 130.85);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-600:oklch(44.4% .011 73.639);--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-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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#2962ff;--color-brand2:#2962ff;--color-accent:#2962ff;--color-dark:#f5f5f7;--color-surface:#fff;--color-ink:#111}}@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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.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-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0{top:calc(var(--spacing) * 0)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-4{top:calc(var(--spacing) * -4)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.-right-1{right:calc(var(--spacing) * -1)}.-right-4{right:calc(var(--spacing) * -4)}.-right-8{right:calc(var(--spacing) * -8)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.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-6{right:calc(var(--spacing) * 6)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-28{bottom:calc(var(--spacing) * 28)}.bottom-32{bottom:calc(var(--spacing) * 32)}.-left-2{left:calc(var(--spacing) * -2)}.-left-4{left:calc(var(--spacing) * -4)}.-left-\[7px\]{left:-7px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.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-\[110\]{z-index:110}.z-\[200\]{z-index:200}.z-\[xxx\]{z-index:xxx}.col-span-3{grid-column:span 3/span 3}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.-mt-12{margin-top:calc(var(--spacing) * -12)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.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-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-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-18{height:calc(var(--spacing) * 18)}.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-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-\[18px\]{height:18px}.h-\[85vh\]{height:85vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[200px\]{max-height:200px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[6rem\]{min-height:6rem}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.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-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-18{width:calc(var(--spacing) * 18)}.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-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[40px\]{max-width:40px}.max-w-\[45\%\]{max-width:45%}.max-w-\[70\%\]{max-width:70%}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.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:calc(var(--spacing) * 0)}.min-w-\[16px\]{min-width:16px}.min-w-\[18px\]{min-width:18px}.min-w-\[56px\]{min-width:56px}.min-w-\[96px\]{min-width:96px}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);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-8{--tw-translate-y:calc(var(--spacing) * -8);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-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}: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(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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-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-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}: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-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.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-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/50{border-color:#fee68580}@supports (color:color-mix(in lab, red, red)){.border-amber-200\/50{border-color:color-mix(in oklab, var(--color-amber-200) 50%, transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-black{border-color:var(--color-black)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/50{border-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/50{border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.border-brand{border-color:var(--color-brand)}.border-brand\/10{border-color:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.border-brand\/10{border-color:color-mix(in oklab, var(--color-brand) 10%, transparent)}}.border-brand\/20{border-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.border-brand\/20{border-color:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.border-brand\/30{border-color:#2962ff4d}@supports (color:color-mix(in lab, red, red)){.border-brand\/30{border-color:color-mix(in oklab, var(--color-brand) 30%, transparent)}}.border-brand\/50{border-color:#2962ff80}@supports (color:color-mix(in lab, red, red)){.border-brand\/50{border-color:color-mix(in oklab, var(--color-brand) 50%, transparent)}}.border-brand2{border-color:var(--color-brand2)}.border-cyan-500\/50{border-color:#00b7d780}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/50{border-color:color-mix(in oklab, var(--color-cyan-500) 50%, transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-200\/50{border-color:#c7d2ff80}@supports (color:color-mix(in lab, red, red)){.border-indigo-200\/50{border-color:color-mix(in oklab, var(--color-indigo-200) 50%, transparent)}}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/20{border-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-200\/50{border-color:#ffccd380}@supports (color:color-mix(in lab, red, red)){.border-rose-200\/50{border-color:color-mix(in oklab, var(--color-rose-200) 50%, transparent)}}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/50{border-color:color-mix(in oklab, var(--color-slate-200) 50%, transparent)}}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/60{border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/60{border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, 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\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-t-brand{border-top-color:var(--color-brand)}.border-t-brand\/60{border-top-color:#2962ff99}@supports (color:color-mix(in lab, red, red)){.border-t-brand\/60{border-top-color:color-mix(in oklab, var(--color-brand) 60%, transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-cyan-500{border-left-color:var(--color-cyan-500)}.bg-\[\#2962FF\]{background-color:#2962ff}.bg-\[\#F5F5F7\]{background-color:#f5f5f7}.bg-accent{background-color:var(--color-accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-400\/30{background-color:#fcbb004d}@supports (color:color-mix(in lab, red, red)){.bg-amber-400\/30{background-color:color-mix(in oklab, var(--color-amber-400) 30%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/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\/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\/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\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.bg-black\/90{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-brand{background-color:var(--color-brand)}.bg-brand\/5{background-color:#2962ff0d}@supports (color:color-mix(in lab, red, red)){.bg-brand\/5{background-color:color-mix(in oklab, var(--color-brand) 5%, transparent)}}.bg-brand\/10{background-color:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.bg-brand\/10{background-color:color-mix(in oklab, var(--color-brand) 10%, transparent)}}.bg-brand\/20{background-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.bg-brand\/20{background-color:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.bg-brand\/40{background-color:#2962ff66}@supports (color:color-mix(in lab, red, red)){.bg-brand\/40{background-color:color-mix(in oklab, var(--color-brand) 40%, transparent)}}.bg-brand\/80{background-color:#2962ffcc}@supports (color:color-mix(in lab, red, red)){.bg-brand\/80{background-color:color-mix(in oklab, var(--color-brand) 80%, transparent)}}.bg-brand2{background-color:var(--color-brand2)}.bg-brand2\/10{background-color:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.bg-brand2\/10{background-color:color-mix(in oklab, var(--color-brand2) 10%, transparent)}}.bg-brand2\/20{background-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.bg-brand2\/20{background-color:color-mix(in oklab, var(--color-brand2) 20%, transparent)}}.bg-brand2\/80{background-color:#2962ffcc}@supports (color:color-mix(in lab, red, red)){.bg-brand2\/80{background-color:color-mix(in oklab, var(--color-brand2) 80%, transparent)}}.bg-brand2\/90{background-color:#2962ffe6}@supports (color:color-mix(in lab, red, red)){.bg-brand2\/90{background-color:color-mix(in oklab, var(--color-brand2) 90%, transparent)}}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/20{background-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.bg-dark{background-color:var(--color-dark)}.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\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/15{background-color:color-mix(in oklab, var(--color-green-500) 15%, transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-green-500\/80{background-color:#00c758cc}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/80{background-color:color-mix(in oklab, var(--color-green-500) 80%, transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/30{background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.bg-red-500\/80{background-color:#fb2c36cc}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/80{background-color:color-mix(in oklab, var(--color-red-500) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-50\/60{background-color:#f8fafc99}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/60{background-color:color-mix(in oklab, var(--color-slate-50) 60%, transparent)}}.bg-slate-50\/95{background-color:#f8fafcf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/95{background-color:color-mix(in oklab, var(--color-slate-50) 95%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-200\/60{background-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/60{background-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-700\/50{background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.bg-slate-700\/50{background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/40{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/40{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/50{background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-slate-900\/70{background-color:#0f172bb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/70{background-color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/85{background-color:color-mix(in oklab, var(--color-slate-950) 85%, transparent)}}.bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/90{background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.bg-surface{background-color:var(--color-surface)}.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\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, 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\/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\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, 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\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, 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\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/20{background-color:color-mix(in oklab, var(--color-yellow-500) 20%, 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))}.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMykiLz48L3N2Zz4\=\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMykiLz48L3N2Zz4=)}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--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-amber-100{--tw-gradient-from:var(--color-amber-100);--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-amber-300{--tw-gradient-from:var(--color-amber-300);--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-amber-400{--tw-gradient-from:var(--color-amber-400);--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-amber-500{--tw-gradient-from:var(--color-amber-500);--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\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab, red, red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-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))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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-blue-200{--tw-gradient-from:var(--color-blue-200);--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-blue-400{--tw-gradient-from:var(--color-blue-400);--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-blue-500{--tw-gradient-from:var(--color-blue-500);--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-blue-900\/40{--tw-gradient-from:#1c398e66}@supports (color:color-mix(in lab, red, red)){.from-blue-900\/40{--tw-gradient-from:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.from-blue-900\/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-brand{--tw-gradient-from:var(--color-brand);--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-brand\/5{--tw-gradient-from:#2962ff0d}@supports (color:color-mix(in lab, red, red)){.from-brand\/5{--tw-gradient-from:color-mix(in oklab, var(--color-brand) 5%, transparent)}}.from-brand\/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))}.from-brand\/10{--tw-gradient-from:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.from-brand\/10{--tw-gradient-from:color-mix(in oklab, var(--color-brand) 10%, transparent)}}.from-brand\/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))}.from-brand\/20{--tw-gradient-from:#2962ff33}@supports (color:color-mix(in lab, red, red)){.from-brand\/20{--tw-gradient-from:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.from-brand\/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))}.from-brand\/80{--tw-gradient-from:#2962ffcc}@supports (color:color-mix(in lab, red, red)){.from-brand\/80{--tw-gradient-from:color-mix(in oklab, var(--color-brand) 80%, transparent)}}.from-brand\/80{--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-cyan-300{--tw-gradient-from:var(--color-cyan-300);--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-fuchsia-500{--tw-gradient-from:var(--color-fuchsia-500);--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-gray-200{--tw-gradient-from:var(--color-gray-200);--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-green-300{--tw-gradient-from:var(--color-green-300);--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-green-400{--tw-gradient-from:var(--color-green-400);--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-green-500{--tw-gradient-from:var(--color-green-500);--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-indigo-50{--tw-gradient-from:var(--color-indigo-50);--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-indigo-400{--tw-gradient-from:var(--color-indigo-400);--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-indigo-500{--tw-gradient-from:var(--color-indigo-500);--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-lime-500{--tw-gradient-from:var(--color-lime-500);--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-orange-500{--tw-gradient-from:var(--color-orange-500);--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-pink-500{--tw-gradient-from:var(--color-pink-500);--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-purple-50{--tw-gradient-from:var(--color-purple-50);--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-purple-300{--tw-gradient-from:var(--color-purple-300);--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-purple-500{--tw-gradient-from:var(--color-purple-500);--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-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--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-rose-50{--tw-gradient-from:var(--color-rose-50);--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-rose-500{--tw-gradient-from:var(--color-rose-500);--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-sky-300{--tw-gradient-from:var(--color-sky-300);--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-slate-50{--tw-gradient-from:var(--color-slate-50);--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-slate-100{--tw-gradient-from:var(--color-slate-100);--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-slate-800{--tw-gradient-from:var(--color-slate-800);--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-slate-900{--tw-gradient-from:var(--color-slate-900);--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-slate-900\/50{--tw-gradient-from:#0f172b80}@supports (color:color-mix(in lab, red, red)){.from-slate-900\/50{--tw-gradient-from:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.from-slate-900\/50{--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-slate-950{--tw-gradient-from:var(--color-slate-950);--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-stone-400{--tw-gradient-from:var(--color-stone-400);--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-teal-500{--tw-gradient-from:var(--color-teal-500);--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-violet-500{--tw-gradient-from:var(--color-violet-500);--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\/5{--tw-gradient-from:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.from-white\/5{--tw-gradient-from:color-mix(in oklab, var(--color-white) 5%, transparent)}}.from-white\/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))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--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-brand2{--tw-gradient-via:var(--color-brand2);--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-brand2\/80{--tw-gradient-via:#2962ffcc}@supports (color:color-mix(in lab, red, red)){.via-brand2\/80{--tw-gradient-via:color-mix(in oklab, var(--color-brand2) 80%, transparent)}}.via-brand2\/80{--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-pink-500{--tw-gradient-via:var(--color-pink-500);--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{--tw-gradient-via:var(--color-white);--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-amber-100{--tw-gradient-to:var(--color-amber-100);--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-amber-100\/50{--tw-gradient-to:#fef3c680}@supports (color:color-mix(in lab, red, red)){.to-amber-100\/50{--tw-gradient-to:color-mix(in oklab, var(--color-amber-100) 50%, transparent)}}.to-amber-100\/50{--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-amber-100\/60{--tw-gradient-to:#fef3c699}@supports (color:color-mix(in lab, red, red)){.to-amber-100\/60{--tw-gradient-to:color-mix(in oklab, var(--color-amber-100) 60%, transparent)}}.to-amber-100\/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-amber-500{--tw-gradient-to:var(--color-amber-500);--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-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--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-blue-100\/50{--tw-gradient-to:#dbeafe80}@supports (color:color-mix(in lab, red, red)){.to-blue-100\/50{--tw-gradient-to:color-mix(in oklab, var(--color-blue-100) 50%, transparent)}}.to-blue-100\/50{--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-blue-400{--tw-gradient-to:var(--color-blue-400);--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-blue-500{--tw-gradient-to:var(--color-blue-500);--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-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand2{--tw-gradient-to:var(--color-brand2);--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-brand2\/5{--tw-gradient-to:#2962ff0d}@supports (color:color-mix(in lab, red, red)){.to-brand2\/5{--tw-gradient-to:color-mix(in oklab, var(--color-brand2) 5%, transparent)}}.to-brand2\/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-cyan-300{--tw-gradient-to:var(--color-cyan-300);--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-cyan-500{--tw-gradient-to:var(--color-cyan-500);--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-emerald-500{--tw-gradient-to:var(--color-emerald-500);--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-gray-400{--tw-gradient-to:var(--color-gray-400);--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-green-500{--tw-gradient-to:var(--color-green-500);--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-indigo-100{--tw-gradient-to:var(--color-indigo-100);--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-indigo-100\/50{--tw-gradient-to:#e0e7ff80}@supports (color:color-mix(in lab, red, red)){.to-indigo-100\/50{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-100) 50%, transparent)}}.to-indigo-100\/50{--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-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-300{--tw-gradient-to:var(--color-orange-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--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-pink-400{--tw-gradient-to:var(--color-pink-400);--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-pink-500{--tw-gradient-to:var(--color-pink-500);--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-purple-50{--tw-gradient-to:var(--color-purple-50);--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-purple-100{--tw-gradient-to:var(--color-purple-100);--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-purple-500{--tw-gradient-to:var(--color-purple-500);--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-purple-500\/5{--tw-gradient-to:#ac4bff0d}@supports (color:color-mix(in lab, red, red)){.to-purple-500\/5{--tw-gradient-to:color-mix(in oklab, var(--color-purple-500) 5%, transparent)}}.to-purple-500\/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-purple-500\/10{--tw-gradient-to:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.to-purple-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.to-purple-500\/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))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-100{--tw-gradient-to:var(--color-rose-100);--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-rose-100\/50{--tw-gradient-to:#ffe4e680}@supports (color:color-mix(in lab, red, red)){.to-rose-100\/50{--tw-gradient-to:color-mix(in oklab, var(--color-rose-100) 50%, transparent)}}.to-rose-100\/50{--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-rose-500{--tw-gradient-to:var(--color-rose-500);--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-rose-600{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--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-sky-500{--tw-gradient-to:var(--color-sky-500);--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-slate-200{--tw-gradient-to:var(--color-slate-200);--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-slate-800{--tw-gradient-to:var(--color-slate-800);--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-slate-900{--tw-gradient-to:var(--color-slate-900);--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-slate-950{--tw-gradient-to:var(--color-slate-950);--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-slate-950\/60{--tw-gradient-to:#02061899}@supports (color:color-mix(in lab, red, red)){.to-slate-950\/60{--tw-gradient-to:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.to-slate-950\/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-stone-600{--tw-gradient-to:var(--color-stone-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--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))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.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-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-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-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.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-\[7px\]{padding-block:7px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.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-10{padding-top:calc(var(--spacing) * 10)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.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-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-\[calc\(env\(safe-area-inset-bottom\,0\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0) + 1rem)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-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-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-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-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-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)}.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-accent{color:var(--color-accent)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-brand{color:var(--color-brand)}.text-brand2{color:var(--color-brand2)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-ink{color:var(--color-ink)}.text-orange-100{color:var(--color-orange-100)}.text-orange-400{color:var(--color-orange-400)}.text-orange-600{color:var(--color-orange-600)}.text-pink-400{color:var(--color-pink-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-400\/80{color:#ff6568cc}@supports (color:color-mix(in lab, red, red)){.text-red-400\/80{color:color-mix(in oklab, var(--color-red-400) 80%, transparent)}}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-sky-400{color:var(--color-sky-400)}.text-sky-400\/80{color:#00bcfecc}@supports (color:color-mix(in lab, red, red)){.text-sky-400\/80{color:color-mix(in oklab, var(--color-sky-400) 80%, transparent)}}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.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\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/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\/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\/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)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.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,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.accent-brand{accent-color:var(--color-brand)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.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_8px_\#22d3ee\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#22d3ee);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(41\,98\,255\,0\.8\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#2962ffcc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(41\,98\,255\,0\.2\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#2962ff33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 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)}.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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-brand{--tw-shadow-color:#2962ff}@supports (color:color-mix(in lab, red, red)){.shadow-brand{--tw-shadow-color:color-mix(in oklab, var(--color-brand) var(--tw-shadow-alpha), transparent)}}.shadow-brand\/10{--tw-shadow-color:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.shadow-brand\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-brand\/20{--tw-shadow-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.shadow-brand\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-brand\/25{--tw-shadow-color:#2962ff40}@supports (color:color-mix(in lab, red, red)){.shadow-brand\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-brand) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-accent{--tw-ring-color:var(--color-accent)}.ring-amber-500{--tw-ring-color:var(--color-amber-500)}.ring-black{--tw-ring-color:var(--color-black)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.ring-blue-500\/30{--tw-ring-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.ring-brand{--tw-ring-color:var(--color-brand)}.ring-brand\/20{--tw-ring-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.ring-brand\/20{--tw-ring-color:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.ring-brand\/30{--tw-ring-color:#2962ff4d}@supports (color:color-mix(in lab, red, red)){.ring-brand\/30{--tw-ring-color:color-mix(in oklab, var(--color-brand) 30%, transparent)}}.ring-brand2{--tw-ring-color:var(--color-brand2)}.ring-brand2\/30{--tw-ring-color:#2962ff4d}@supports (color:color-mix(in lab, red, red)){.ring-brand2\/30{--tw-ring-color:color-mix(in oklab, var(--color-brand2) 30%, transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/5{--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ring-white\/5{--tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.ring-white\/15{--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.ring-white\/15{--tw-ring-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.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-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-xl{--tw-blur:blur(var(--blur-xl));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{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--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-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-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[analytics\:stub\]{analytics:stub}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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\:bg-black\/20:is(:where(.group):hover *){background-color:#0003}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-active\:opacity-100:is(:where(.group):active *){opacity:1}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);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\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-brand:hover{border-color:var(--color-brand)}.hover\:border-brand\/40:hover{border-color:#2962ff66}@supports (color:color-mix(in lab, red, red)){.hover\:border-brand\/40:hover{border-color:color-mix(in oklab, var(--color-brand) 40%, transparent)}}.hover\:border-brand2:hover{border-color:var(--color-brand2)}.hover\:border-orange-300:hover{border-color:var(--color-orange-300)}.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[\#1E54E5\]:hover{background-color:#1e54e5}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-brand\/10:hover{background-color:#2962ff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-brand\/10:hover{background-color:color-mix(in oklab, var(--color-brand) 10%, transparent)}}.hover\:bg-brand\/20:hover{background-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-brand\/20:hover{background-color:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.hover\:bg-brand\/80:hover{background-color:#2962ffcc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-brand\/80:hover{background-color:color-mix(in oklab, var(--color-brand) 80%, transparent)}}.hover\:bg-brand\/90:hover{background-color:#2962ffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-brand\/90:hover{background-color:color-mix(in oklab, var(--color-brand) 90%, transparent)}}.hover\:bg-brand2:hover{background-color:var(--color-brand2)}.hover\:bg-brand2\/20:hover{background-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-brand2\/20:hover{background-color:color-mix(in oklab, var(--color-brand2) 20%, transparent)}}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-500\/20:hover{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.hover\:bg-orange-500\/20:hover{background-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-200\/60:hover{background-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/60:hover{background-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.hover\:bg-slate-400:hover{background-color:var(--color-slate-400)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-900\/20:hover{background-color:#0f172b33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-900\/20:hover{background-color:color-mix(in oklab, var(--color-slate-900) 20%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.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\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:from-amber-200:hover{--tw-gradient-from:var(--color-amber-200);--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))}.hover\:from-amber-600:hover{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-purple-600:hover{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-slate-700:hover{--tw-gradient-from:var(--color-slate-700);--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))}.hover\:to-amber-700:hover{--tw-gradient-to:var(--color-amber-700);--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))}.hover\:to-pink-600:hover{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-slate-800:hover{--tw-gradient-to:var(--color-slate-800);--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))}.hover\:to-yellow-100:hover{--tw-gradient-to:var(--color-yellow-100);--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))}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-brand:hover{color:var(--color-brand)}.hover\:text-brand2:hover{color:var(--color-brand2)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-sky-400:hover{color:var(--color-sky-400)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-yellow-300:hover{color:var(--color-yellow-300)}.hover\:text-yellow-600:hover{color:var(--color-yellow-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-2:hover{--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\:border-brand:focus{border-color:var(--color-brand)}.focus\:border-brand2:focus{border-color:var(--color-brand2)}.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-2:focus{--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\:ring-brand:focus{--tw-ring-color:var(--color-brand)}.focus\:ring-brand\/20:focus{--tw-ring-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand) 20%, transparent)}}.focus\:ring-brand\/30:focus{--tw-ring-color:#2962ff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand) 30%, transparent)}}.focus\:ring-brand2\/20:focus{--tw-ring-color:#2962ff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-brand2\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand2) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-slate-50:active{background-color:var(--color-slate-50)}.active\:bg-slate-100:active{background-color:var(--color-slate-100)}.active\:bg-slate-300:active{background-color:var(--color-slate-300)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:bg-slate-200:disabled{background-color:var(--color-slate-200)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:h-\[80vh\]{height:80vh}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-72{height:calc(var(--spacing) * 72)}.lg\:w-36{width:calc(var(--spacing) * 36)}.lg\:w-48{width:calc(var(--spacing) * 48)}.lg\:max-w-6xl{max-width:var(--container-6xl)}.lg\:flex-1{flex:1}.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\:flex-row{flex-direction:row}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:p-16{padding:calc(var(--spacing) * 16)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}}@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-space-x-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes 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}}
 *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
 :root{--app-height:100vh}
 html,body,#root{height:var(--app-height);margin:0;padding:0;overflow:hidden}
 body{
 font-family:'Inter',sans-serif;
 background:#F5F5F7;
 color:#111111;overflow:hidden;-webkit-font-smoothing:antialiased;
 position:fixed;width:100%;top:0;left:0;
 height:var(--app-height);
 -webkit-overflow-scrolling:touch;
 /* App feel: disable text selection globally */
 -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
 }
 /* Allow text selection in form elements */
 input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
 /* Image protection: prevent right-click save & long-press download */
 img,video{-webkit-touch-callout:none;-webkit-user-select:none;pointer-events:auto;-webkit-user-drag:none;user-drag:none}
 img{-webkit-user-drag:none}
 /* Performance: Scroll containers */
 .overflow-y-auto,.overflow-x-auto,.custom-scroll{
 -webkit-overflow-scrolling:touch;
 }
 /* Performance: Card containers */
 .product-card,.glass{
 contain:layout style paint;
 }
 .safe-bottom{padding-bottom:max(env(safe-area-inset-bottom,0px),12px)}
 .safe-top{padding-top:max(env(safe-area-inset-top,0px),12px)}
 /* Mobile keyboard: message input her zaman görünür olsun */
 .chat-input-fixed{
 position:sticky;
 bottom:0;
 z-index:10;
 background:rgba(255,255,255,.98);
 backdrop-filter:blur(12px);
 transition:padding-bottom .15s ease;
 }
 @supports (-webkit-touch-callout: none) {
 /* iOS Safari browser */
 .safe-bottom{padding-bottom:max(env(safe-area-inset-bottom,0px),20px)}
 .safe-top{padding-top:max(env(safe-area-inset-top,0px),12px)}
 }
 /* PWA standalone — Dynamic Island / notch alanı için daha büyük fallback */
 .pwa-standalone .safe-top{padding-top:max(env(safe-area-inset-top,0px),60px)}
 @supports (padding-top: constant(safe-area-inset-top)) {
 .safe-top{padding-top:constant(safe-area-inset-top)}
 .safe-bottom{padding-bottom:constant(safe-area-inset-bottom)}
 }
 .glass{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06)}
 .glass-dark{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.04)}
 .btn-primary{
 background:#2962FF;
 transition:transform .15s cubic-bezier(0.23,1,0.32,1),box-shadow .2s ease,background-color .2s ease,color .2s ease;
 box-shadow:0 4px 14px rgba(41,98,255,.25);
 color:#fff
 }
 .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(41,98,255,.35);background:#1E54E5}
 .btn-primary:active{transform:scale(0.98)}
 .btn-ghost{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);transition:transform .15s cubic-bezier(0.23,1,0.32,1),background-color .18s ease,border-color .18s ease,color .18s ease;color:#111111}
 .btn-ghost:hover{background:rgba(0,0,0,.06)}
 .no-scrollbar::-webkit-scrollbar{display:none}
 .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .custom-scroll::-webkit-scrollbar{width:4px}
 .custom-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}
 .custom-scroll::-webkit-scrollbar-thumb{background:rgba(41,98,255,.4);border-radius:6px}
 /* BUG-FIX: padding shorthand replaced with longhands so Tailwind utilities
 (pl-11, pr-10, pr-11) cleanly override only the relevant side and the
 mail/lock/eye icons no longer overlap the input text. */
 input,select,textarea{
 background:#FFFFFF;
 border:1px solid rgba(0,0,0,.10);
 color:#111111;
 padding-top:14px;
 padding-right:14px;
 padding-bottom:14px;
 padding-left:14px;
 border-radius:12px;
 font-size:15px;
 transition:border-color .2s, box-shadow .2s;
 width:100%
 }
 input:focus,select:focus,textarea:focus{outline:none;border-color:#2962FF;box-shadow:0 0 0 3px rgba(41,98,255,.12)}
 input::placeholder,textarea::placeholder{color:#9CA3AF;opacity:1}
 /* BUG-FIX belt-and-braces: whenever an icon is placed inside .relative before an input,
 keep a safe left padding even if Tailwind CDN hasn't injected utilities yet (FOUC). */
 .relative > .absolute.left-4 ~ input,
 .relative > .absolute.left-4 ~ select,
 .relative > .absolute.left-4 ~ textarea{padding-left:44px}
 .relative > .absolute.left-3 ~ input,
 .relative > .absolute.left-3 ~ select{padding-left:40px}
 select option{background:#fff;color:#111111}
 /* Screen-reader only (accessibility) */
 .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}
 .fade-in{animation:fadeIn .22s ease-out;will-change:opacity,transform}
 @keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 .slide-up{animation:slideUp .33s ease-out;will-change:opacity,transform}
 @keyframes slideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
 .product-card{transition:transform .24s ease,box-shadow .24s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden}
 .product-card:hover{transform:translateY(-3px) translateZ(0)}
 .badge{background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.1)}
 .ring-pulse{animation:ringPulse 1.25s infinite;will-change:transform,opacity}
 @keyframes ringPulse{0%{transform:scale(.78);opacity:.9}100%{transform:scale(1.8);opacity:0}}
 .shadow-soft{box-shadow:0 8px 30px rgba(0,0,0,.12)}
 .bg-gradient-premium{background:#FFFFFF}
 .float{animation:float 3s ease-in-out infinite;will-change:transform}
 @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
 .btn-secondary{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);transition:transform .15s cubic-bezier(0.23,1,0.32,1),background-color .2s ease,border-color .2s ease,color .2s ease;color:#111111}
 .btn-secondary:hover{background:rgba(0,0,0,.08)}
 .scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}
 @keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
 .pulse{animation:pulse 2s ease-in-out infinite;will-change:transform,opacity}
 @keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}
 .animate-bounce-right{animation:bounceRight 1s ease-in-out infinite;will-change:transform}
 @keyframes bounceRight{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
 .animate-bounce-left{animation:bounceLeft 1s ease-in-out infinite;will-change:transform}
 @keyframes bounceLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}

 /* Desktop Responsive Layout */
 @media (min-width: 1024px) {
 body {
 background: #FFFFFF;
 }
 .app-shell {
 max-width: 100% !important;
 height: 100vh;
 display: grid;
 grid-template-columns: 280px 1fr 320px;
 gap: 0;
 background: #F5F5F7;
 }
 .app-shell > * {
 height: 100vh;
 overflow-y: auto;
 }
 .desktop-sidebar-left {
 background: white;
 border-right: 1px solid rgba(0,0,0,0.08);
 padding: 24px;
 }
 .desktop-main {
 background: white;
 overflow: hidden;
 }
 .desktop-sidebar-right {
 background: #FAFAFA;
 border-left: 1px solid rgba(0,0,0,0.08);
 padding: 24px;
 }
 .mobile-nav {
 display: none !important;
 }
 .desktop-nav {
 display: flex !important;
 }
 }
 @media (max-width: 1023px) {
 .desktop-nav, .desktop-sidebar-left, .desktop-sidebar-right {
 display: none !important;
 }
 .app-shell {
 display: block !important;
 }
 .desktop-layout {
 display: none !important;
 }
 }
 @media (min-width: 1024px) {
 .mobile-layout {
 display: none !important;
 }
 .desktop-layout {
 display: grid !important;
 }
 }

 /* Desktop Navigation */
 .desktop-nav-item {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 16px;
 border-radius: 12px;
 font-weight: 500;
 color: #64748b;
 transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
 cursor: pointer;
 }
 .desktop-nav-item:hover {
 background: rgba(41, 98, 255, 0.08);
 color: #2962FF;
 }
 .desktop-nav-item.active {
 background: rgba(41, 98, 255, 0.12);
 color: #2962FF;
 font-weight: 600;
 }

 /* Accessibility: Respect reduced motion preference */
 @media (prefers-reduced-motion: reduce) {
 *, *::before, *::after {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 }
 }

 /* Tablet (768-1023px) — mobile layout'u genişlet.
 Mobile container Tailwind 'max-w-lg' (512px) ile sınırlı; tablet ekranda
 içeriği orijinal mobile width'in 1.4x'i kadar genişletip ortalıyoruz. */
 @media (min-width: 768px) and (max-width: 1023px) {
 .mobile-layout {
 max-width: 720px !important;
 }
 }

 /* Klavye focus halkaları (sadece klavye kullanıcısı görür;
 :focus-visible fareyle tıklamada tetiklenmez). */
 button:focus-visible,
 a:focus-visible,
 [role="button"]:focus-visible,
 [tabindex]:focus-visible,
 input:focus-visible,
 textarea:focus-visible,
 select:focus-visible {
 outline: 2px solid #2962FF;
 outline-offset: 2px;
 }

 /* Skip link — klavye kullanıcısı için ana içeriğe atlama.
 İlk Tab basışında görünür hale gelir, Enter ile #main'e jump eder. */
 .skip-link {
 position: absolute;
 top: -100px;
 left: 0;
 background: #2962FF;
 color: white;
 padding: 12px 16px;
 z-index: 9999;
 text-decoration: none;
 border-radius: 0 0 8px 0;
 font-weight: 600;
 }
 .skip-link:focus {
 top: 0;
 outline: none;
 }

 /* Drag and Drop Styles */
 .draggable-item {
 cursor: grab;
 transition: transform 0.2s ease, opacity 0.2s ease;
 user-select: none;
 }
 .draggable-item:active {
 cursor: grabbing;
 }
 .draggable-item.dragging {
 opacity: 0.5;
 transform: scale(0.95);
 }
 .drop-zone {
 transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
 border: 2px dashed transparent;
 }
 .drop-zone.drag-over {
 background: rgba(41, 98, 255, 0.08);
 border-color: #2962FF;
 transform: scale(1.02);
 }
 .drop-zone.has-item {
 border-color: #10B981;
 background: rgba(16, 185, 129, 0.05);
 }
 .item-added-flash {
 animation: itemAdded 0.5s ease;
 }
 @keyframes itemAdded {
 0% { transform: scale(1); }
 50% { transform: scale(1.1); background: rgba(41, 98, 255, 0.2); }
 100% { transform: scale(1); }
 }

 /* GPU-optimized animations */
 .animate-spin{transform:translateZ(0);backface-visibility:hidden}
 .animate-pulse{transform:translateZ(0);backface-visibility:hidden}
 .transition-all,.transition-transform,.transition-opacity{will-change:auto;transform:translateZ(0)}

 /* Hardware accelerated scrolling */
 .overflow-y-auto,.overflow-x-auto,.overflow-auto{-webkit-overflow-scrolling:touch;will-change:scroll-position}

 /* Compositing layer hints for fixed/sticky elements */
 .fixed,.sticky{transform:translateZ(0);backface-visibility:hidden}

 /* Outfit display fontu app.html'deki Google Fonts link'inden yüklenir.
 (Eski mid-file @import CSS spec gereği yok sayılıyordu — kaldırıldı.) */
 .font-display { font-family: 'Outfit', sans-serif; }
 .glass-card { background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.08); }
 .aura-1 { position: fixed; width: 600px; height: 600px; background: radial-gradient(circle, rgba(41,98,255,0.12) 0%, rgba(0,0,0,0) 70%); top: -100px; left: -100px; border-radius: 50%; animation: auraPulse 8s infinite alternate; pointer-events: none; z-index: 0; }
 .aura-2 { position: fixed; width: 700px; height: 700px; background: radial-gradient(circle, rgba(6,182,212,0.08) 0%, rgba(0,0,0,0) 70%); bottom: -200px; left: 20%; border-radius: 50%; animation: auraPulse 12s infinite alternate-reverse; pointer-events: none; z-index: 0; }
 @keyframes auraPulse { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(1.1) translate(20px, 20px); } }
 @keyframes scan { 0% { top: 0; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
 .animate-scan { animation: scan 1.5s ease-in-out infinite; }
 .progress-bar { transition: width 0.1s linear; }
 .btn-dark { background: #09090b; color: #fff; transition: transform .15s cubic-bezier(0.23,1,0.32,1), box-shadow .25s ease, background-color .25s ease, color .25s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
 .btn-dark:hover { background: #27272a; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
 .custom-scroll::-webkit-scrollbar { width: 6px; }
 .custom-scroll::-webkit-scrollbar-track { background: transparent; }
 .custom-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 10px; }

 .trai-story-shell {
 display: none;
 width: 58%;
 height: 100%;
 overflow-y: auto;
 overflow-x: hidden;
 position: relative;
 flex: 0 0 58%;
 color: #fafafa;
 background:
 radial-gradient(circle at 12% 4%, rgba(245,158,11,.16), transparent 29%),
 radial-gradient(circle at 92% 20%, rgba(113,97,181,.13), transparent 24%),
 linear-gradient(160deg, #111113 0%, #09090b 48%, #050506 100%);
 scrollbar-color: rgba(245,158,11,.28) transparent;
 }
 .trai-auth-shell {
 width: 100%;
 max-width: 512px;
 height: 100%;
 margin: 0 auto;
 background: #f5f5f7;
 }
 .trai-story-shell.is-overlay {
 display: block;
 position: fixed;
 inset: 0;
 width: 100%;
 height: 100%;
 flex-basis: auto;
 z-index: 80;
 }
 .trai-story-shell.is-fullpage {
 display: block;
 position: relative;
 width: 100%;
 height: 100vh;
 flex-basis: auto;
 z-index: auto;
 }
 .trai-story-shell::before {
 content: '';
 position: absolute;
 inset: 0;
 pointer-events: none;
 opacity: .34;
 background-image: radial-gradient(rgba(255,255,255,.16) .6px, transparent .6px);
 background-size: 18px 18px;
 mask-image: linear-gradient(to bottom, #000, transparent 34%);
 }
 .trai-story-inner {
 width: min(100%, 780px);
 margin: 0 auto;
 padding: 44px 48px 28px;
 position: relative;
 z-index: 1;
 }
 .trai-story-close {
 position: fixed;
 top: max(14px, env(safe-area-inset-top));
 right: 14px;
 z-index: 90;
 width: 42px;
 height: 42px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 color: white;
 background: rgba(255,255,255,.09);
 border: 1px solid rgba(255,255,255,.12);
 backdrop-filter: blur(16px);
 }
 .trai-story-home {
 position: fixed;
 top: max(14px, env(safe-area-inset-top));
 left: 14px;
 z-index: 90;
 min-height: 42px;
 padding: 0 14px 0 11px;
 border-radius: 999px;
 display: inline-flex;
 align-items: center;
 gap: 7px;
 color: #3f3656;
 background: rgba(255,255,255,.86);
 border: 1px solid rgba(72,53,111,.16);
 box-shadow: 0 8px 24px rgba(47,38,75,.12);
 backdrop-filter: blur(16px);
 font-size: 12px;
 font-weight: 800;
 }
 .trai-story-home:hover { background: #fff; color: #48356f; }
 .trai-story-kicker {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 7px 11px;
 border: 1px solid rgba(251,191,36,.24);
 border-radius: 999px;
 color: #fcd34d;
 background: rgba(245,158,11,.08);
 font-size: 10px;
 font-weight: 800;
 letter-spacing: .16em;
 text-transform: uppercase;
 }
 .trai-story-kicker-dot {
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #fbbf24;
 box-shadow: 0 0 12px rgba(251,191,36,.9);
 }
 .trai-story-hero {
 padding: 24px 0 72px;
 min-height: 690px;
 display: grid;
 align-content: center;
 }
 .trai-story-title {
 margin: 22px 0 20px;
 font-family: 'Outfit','Inter',sans-serif;
 font-size: clamp(50px, 5.4vw, 78px);
 font-weight: 900;
 line-height: .98;
 letter-spacing: -.055em;
 }
 .trai-story-title-muted { color: #71717a; }
 .trai-story-title-accent {
 color: transparent;
 background: linear-gradient(115deg, #fde68a 0%, #fbbf24 36%, #f59e0b 70%, #fff1b5 100%);
 -webkit-background-clip: text;
 background-clip: text;
 }
 .trai-story-lead {
 max-width: 650px;
 color: #b4b4bd;
 font-size: 17px;
 line-height: 1.75;
 }
 .trai-story-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 margin-top: 28px;
 }
 .trai-story-primary,
 .trai-story-secondary {
 min-height: 46px;
 padding: 0 18px;
 border-radius: 14px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 9px;
 font-size: 13px;
 font-weight: 800;
 transition: transform .2s ease, border-color .2s ease, background .2s ease;
 }
 .trai-story-primary {
 color: #18181b;
 background: linear-gradient(135deg, #fde68a, #f59e0b);
 box-shadow: 0 12px 32px rgba(245,158,11,.18);
 }
 .trai-story-secondary {
 color: #e4e4e7;
 background: rgba(255,255,255,.04);
 border: 1px solid rgba(255,255,255,.11);
 }
 .trai-story-primary:hover,
 .trai-story-secondary:hover { transform: translateY(-2px); }
 .trai-story-proof {
 display: flex;
 flex-wrap: wrap;
 gap: 9px;
 margin-top: 24px;
 }
 .trai-story-proof span {
 padding: 7px 10px;
 border-radius: 999px;
 color: #a1a1aa;
 background: rgba(255,255,255,.035);
 border: 1px solid rgba(255,255,255,.07);
 font-size: 10px;
 font-weight: 700;
 }
 .trai-story-section {
 padding: 68px 0;
 border-top: 1px solid rgba(255,255,255,.07);
 }
 .trai-story-section h2 {
 max-width: 650px;
 margin: 14px 0 16px;
 color: white;
 font-family: 'Outfit','Inter',sans-serif;
 font-size: clamp(31px, 3.1vw, 45px);
 font-weight: 900;
 line-height: 1.06;
 letter-spacing: -.035em;
 }
 .trai-story-section-intro {
 max-width: 650px;
 color: #a1a1aa;
 font-size: 14px;
 line-height: 1.72;
 }
 .trai-question-grid,
 .trai-feature-grid,
 .trai-engine-grid,
 .trai-team-grid,
 .trai-return-grid {
 display: grid;
 gap: 12px;
 margin-top: 30px;
 }
 .trai-question-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
 .trai-feature-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
 .trai-engine-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
 .trai-team-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
 .trai-return-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
 .trai-question,
 .trai-feature-card,
 .trai-engine-card,
 .trai-return-item {
 background: rgba(255,255,255,.025);
 border: 1px solid rgba(255,255,255,.075);
 }
 .trai-question {
 padding: 17px 18px;
 border-radius: 16px;
 color: #d4d4d8;
 font-size: 13px;
 font-weight: 700;
 }
 .trai-decision-note {
 margin-top: 18px;
 padding: 20px;
 border-left: 2px solid #f59e0b;
 color: #e4e4e7;
 background: linear-gradient(90deg, rgba(245,158,11,.08), transparent);
 font-size: 14px;
 line-height: 1.7;
 }
 .trai-feature-card,
 .trai-engine-card {
 padding: 22px;
 border-radius: 21px;
 }
 .trai-card-icon {
 width: 40px;
 height: 40px;
 display: grid;
 place-items: center;
 border-radius: 13px;
 color: #fbbf24;
 background: rgba(245,158,11,.1);
 border: 1px solid rgba(245,158,11,.17);
 }
 .trai-feature-card h3,
 .trai-engine-card h3 {
 margin: 17px 0 9px;
 color: white;
 font-size: 14px;
 font-weight: 800;
 }
 .trai-feature-card p,
 .trai-engine-card p {
 color: #85858f;
 font-size: 11px;
 line-height: 1.65;
 }
 .trai-loop {
 margin-top: 18px;
 padding: 14px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 border-radius: 17px;
 color: #a1a1aa;
 background: rgba(0,0,0,.26);
 border: 1px solid rgba(255,255,255,.06);
 font-size: 9px;
 font-weight: 800;
 letter-spacing: .05em;
 text-transform: uppercase;
 }
 .trai-loop-arrow { color: #f59e0b; }
 .trai-demo-grid {
 display: grid;
 grid-template-columns: 1.12fr .88fr;
 gap: 14px;
 margin-top: 30px;
 }
 .trai-tryon-demo,
 .trai-copilot-demo,
 .trai-social-demo {
 padding: 22px;
 border-radius: 24px;
 background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
 border: 1px solid rgba(255,255,255,.085);
 }
 .trai-demo-label {
 color: #fbbf24;
 font-size: 9px;
 font-weight: 900;
 letter-spacing: .16em;
 text-transform: uppercase;
 }
 .trai-demo-title {
 margin-top: 8px;
 color: white;
 font-size: 18px;
 font-weight: 850;
 }
 .trai-demo-copy {
 margin-top: 7px;
 color: #8f8f99;
 font-size: 11px;
 line-height: 1.6;
 }
 .trai-social-demo { margin-top: 30px; }
 .trai-return-item {
 padding: 15px;
 display: flex;
 align-items: center;
 gap: 10px;
 border-radius: 15px;
 color: #d4d4d8;
 font-size: 11px;
 font-weight: 700;
 }
 .trai-return-item svg { color: #fbbf24; flex: 0 0 auto; }
 .trai-return-statement {
 margin-top: 24px;
 padding: 23px;
 border-radius: 20px;
 text-align: center;
 color: white;
 background: linear-gradient(135deg, rgba(245,158,11,.12), rgba(113,97,181,.1));
 border: 1px solid rgba(251,191,36,.16);
 font-size: 16px;
 font-weight: 800;
 line-height: 1.5;
 }
 .trai-engine-card strong {
 display: block;
 margin-bottom: 5px;
 color: #fbbf24;
 font-size: 10px;
 letter-spacing: .08em;
 text-transform: uppercase;
 }
 .trai-signal-strip {
 margin-top: 16px;
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 }
 .trai-signal-strip span {
 padding: 8px 10px;
 border-radius: 11px;
 color: #a1a1aa;
 background: rgba(0,0,0,.28);
 border: 1px solid rgba(255,255,255,.06);
 font-size: 9px;
 font-weight: 750;
 }
 .trai-vision {
 margin-top: 26px;
 padding: 28px;
 border-radius: 24px;
 background: linear-gradient(140deg, rgba(245,158,11,.12), rgba(255,255,255,.02));
 border: 1px solid rgba(251,191,36,.18);
 }
 .trai-vision p {
 color: #fafafa;
 font-family: 'Outfit','Inter',sans-serif;
 font-size: 25px;
 font-weight: 900;
 line-height: 1.18;
 letter-spacing: -.025em;
 }
 .trai-vision small {
 display: block;
 margin-top: 12px;
 color: #a1a1aa;
 font-size: 11px;
 line-height: 1.6;
 }
 .trai-team-card {
 display: grid;
 grid-template-columns: 58px minmax(0, 1fr);
 gap: 16px;
 align-items: start;
 padding: 22px;
 border-radius: 22px;
 background: rgba(255,255,255,.025);
 border: 1px solid rgba(255,255,255,.075);
 }
 .trai-team-avatar {
 width: 58px;
 height: 58px;
 display: grid;
 place-items: center;
 border-radius: 18px;
 color: #fff;
 background: linear-gradient(135deg, #48356f, #7364b2);
 font-size: 15px;
 font-weight: 900;
 letter-spacing: .04em;
 }
 .trai-team-role {
 color: #fbbf24;
 font-size: 9px;
 font-weight: 900;
 letter-spacing: .12em;
 text-transform: uppercase;
 }
 .trai-team-copy h3 {
 margin-top: 5px;
 color: #fff;
 font-size: 18px;
 font-weight: 850;
 }
 .trai-team-copy p {
 margin-top: 5px;
 color: #a1a1aa;
 font-size: 11px;
 line-height: 1.55;
 }
 .trai-team-link {
 margin-top: 13px;
 display: inline-flex;
 align-items: center;
 gap: 7px;
 color: #d9d3eb;
 font-size: 10px;
 font-weight: 800;
 }
 .trai-team-links {
 display: flex;
 flex-wrap: wrap;
 gap: 0 14px;
 }
 .trai-team-link:hover { color: #fff; }
 .trai-final {
 padding: 76px 0 34px;
 text-align: center;
 }
 .trai-final h2 {
 margin: 0 auto;
 max-width: 620px;
 color: white;
 font-family: 'Outfit','Inter',sans-serif;
 font-size: clamp(34px, 4vw, 54px);
 font-weight: 900;
 line-height: 1.05;
 letter-spacing: -.04em;
 }
 .trai-final p {
 margin: 18px auto 0;
 max-width: 510px;
 color: #a1a1aa;
 font-size: 13px;
 line-height: 1.75;
 }
 @media (min-width: 1024px) {
 .trai-auth-shell { max-width: none; }
 .trai-story-shell { display: block; }
 .trai-story-shell.is-overlay { position: relative; width: 58%; height: 100%; z-index: auto; }
 }
 @media (max-width: 1279px) and (min-width: 1024px) {
 .trai-story-inner { padding-left: 34px; padding-right: 34px; }
 .trai-story-title { font-size: 52px; }
 }
 @media (max-width: 720px) {
 .trai-story-inner { padding: 58px 22px 22px; }
 .trai-story-hero { min-height: auto; padding: 20px 0 56px; }
 .trai-story-title { font-size: 48px; }
 .trai-story-lead { font-size: 15px; }
 .trai-demo-grid { grid-template-columns: 1fr; }
 .trai-feature-grid,
 .trai-return-grid { grid-template-columns: 1fr; }
 .trai-engine-grid,
 .trai-team-grid,
 .trai-question-grid { grid-template-columns: 1fr 1fr; }
 .trai-story-section { padding: 54px 0; }
 .trai-loop { overflow-x: auto; justify-content: flex-start; }
 .trai-loop span { white-space: nowrap; }
 }
 @media (max-width: 430px) {
 .trai-story-inner { padding-left: 18px; padding-right: 18px; }
 .trai-story-title { font-size: 43px; }
 .trai-story-actions { display: grid; grid-template-columns: 1fr; }
 .trai-story-primary,
 .trai-story-secondary { width: 100%; }
 .trai-engine-grid,
 .trai-team-grid,
 .trai-question-grid { grid-template-columns: 1fr; }
 .trai-story-section h2 { font-size: 32px; }
 }

 /* ================================================================
    AUTH + LANDING RECOMPOSITION
    Left: focused authentication. Right: a living style-decision scene.
    The visual is intentionally CSS-native so it stays quick on every phone;
    a future WebGL hero can progressively replace only the stage layer.
    ================================================================ */
 .trai-auth-layout {
 height: var(--app-height);
 min-height: var(--app-height);
 background: #f5f4f7;
 }
 .trai-auth-panel {
 min-height: 0;
 isolation: isolate;
 overflow-x: hidden;
 overscroll-behavior-y: contain;
 -webkit-overflow-scrolling: touch;
 background:
 radial-gradient(circle at 0% 0%, rgba(255,202,85,.18), transparent 30%),
 radial-gradient(circle at 100% 100%, rgba(113,97,181,.12), transparent 32%),
 var(--trai-canvas);
 border-right: 1px solid rgba(17,24,39,.08);
 }
 .trai-auth-panel::before,
 .trai-auth-panel::after {
 content: '';
 position: absolute;
 z-index: -1;
 pointer-events: none;
 border-radius: 999px;
 filter: blur(1px);
 }
 .trai-auth-panel::before {
 width: 330px;
 height: 330px;
 left: -215px;
 top: 54%;
 border: 1px solid rgba(33,35,52,.08);
 box-shadow: 0 0 0 38px rgba(33,35,52,.025), 0 0 0 76px rgba(33,35,52,.015);
 }
 .trai-auth-panel::after {
 width: 170px;
 height: 170px;
 right: -96px;
 top: 13%;
 background: radial-gradient(circle, rgba(255,191,48,.28), transparent 68%);
 }
 .trai-auth-language > div {
 padding: 4px;
 border: 1px solid rgba(15,23,42,.08);
 background: rgba(255,255,255,.72);
 box-shadow: 0 14px 30px rgba(15,23,42,.08);
 backdrop-filter: blur(16px);
 }
 .trai-auth-language button { min-width: 42px; }
 .trai-auth-welcome { position: relative; }
 .trai-auth-brandmark {
 padding: 8px;
 border-radius: 28px;
 background: linear-gradient(145deg, #fff, #ebeaf3);
 box-shadow: 0 20px 42px rgba(28,28,44,.13), inset 0 1px 1px rgba(255,255,255,.9);
 }
 .trai-auth-brandmark > div { display: none; }
 .trai-auth-logo { border-radius: 21px !important; box-shadow: none !important; }
 .trai-auth-welcome h2,
 .trai-auth-form-flow h1 {
 font-family: 'Outfit','Inter',sans-serif;
 letter-spacing: -.045em;
 }
 .trai-auth-welcome h2 { font-size: 31px !important; }
 .trai-auth-welcome > div:nth-child(1) > p { color: #74758a !important; }
 .trai-auth-features { gap: 10px !important; }
 .trai-auth-features > div {
 width: 86px !important;
 }
 .trai-auth-features > div > div {
 width: 50px !important;
 height: 50px !important;
 border-radius: 17px !important;
 background: linear-gradient(145deg, #ffffff, #efeff4) !important;
 border-color: rgba(35,36,53,.08) !important;
 box-shadow: 0 10px 18px rgba(22,25,45,.07) !important;
 }
 .trai-auth-features span {
 font-size: 8px !important;
 color: #72758a !important;
 letter-spacing: .1em !important;
 }
 .trai-auth-actions .btn-dark {
 color: #17151e;
 background: linear-gradient(110deg, #ffd968, #ffb72d);
 box-shadow: 0 16px 28px rgba(241,167,28,.24);
 }
 .trai-auth-actions .btn-dark:hover {
 color: #17151e;
 background: linear-gradient(110deg, #ffe28c, #ffbe3d);
 }
 .trai-auth-actions .btn-dark + button {
 background: rgba(255,255,255,.64);
 border-color: rgba(25,26,39,.10);
 }
 .trai-auth-form-flow > div:first-child { padding-top: 30px !important; }
 .trai-auth-form {
 max-width: 430px !important;
 padding-bottom: max(96px, calc(env(safe-area-inset-bottom, 0px) + 40px)) !important;
 }
 .trai-auth-form img { box-shadow: 0 14px 28px rgba(30,30,44,.14) !important; }

 .trai-story-shell {
 width: 58%;
 flex-basis: 58%;
 color: #f8f7fb;
 background:
 radial-gradient(ellipse 65% 50% at 83% 4%, rgba(115,100,178,.24), transparent 70%),
 radial-gradient(ellipse 45% 45% at 17% 76%, rgba(255,178,43,.14), transparent 72%),
 linear-gradient(138deg, #15131e 0%, #0b0a11 54%, #07060d 100%);
 }
 .trai-story-shell::before {
 opacity: .46;
 background-image:
 radial-gradient(rgba(255,255,255,.22) .55px, transparent .7px),
 linear-gradient(120deg, rgba(255,255,255,.08), transparent 30%);
 background-size: 17px 17px, 100% 100%;
 mask-image: linear-gradient(145deg, #000, transparent 78%);
 }
 .trai-story-shell::after {
 content: '';
 position: absolute;
 inset: 0;
 pointer-events: none;
 background: linear-gradient(90deg, rgba(255,255,255,.045), transparent 20%, transparent 80%, rgba(255,255,255,.025));
 }
 .trai-story-inner {
 width: min(100%, 860px);
 padding: 28px clamp(28px, 4vw, 64px) 34px;
 }
 .trai-story-hero {
 min-height: 100%;
 padding: 18px 0 32px;
 align-content: start;
 }
 .trai-story-kicker {
 padding: 8px 12px;
 border-color: rgba(255,212,104,.30);
 color: #ffe093;
 background: rgba(255,195,60,.08);
 letter-spacing: .18em;
 }
 .trai-story-title {
 margin: 18px 0 15px;
 font-size: clamp(48px, 5.4vw, 78px);
 text-wrap: balance;
 }
 .trai-story-title-muted { color: #737487; }
 .trai-story-title-accent {
 background: linear-gradient(115deg, #fff1ba 0%, #ffcf4f 30%, #ff9e3f 68%, #fee6b1 100%);
 -webkit-background-clip: text;
 background-clip: text;
 }
 .trai-story-lead {
 max-width: 640px;
 color: #b7b8c8;
 font-size: 15px;
 line-height: 1.68;
 }
 .trai-story-actions { margin-top: 22px; }
 .trai-story-primary {
 color: #14121a;
 background: linear-gradient(115deg, #ffe590, #ffc233 68%, #ffad3d);
 box-shadow: 0 14px 32px rgba(255,178,43,.18);
 }
 .trai-story-secondary {
 border-color: rgba(255,255,255,.12);
 background: rgba(255,255,255,.055);
 backdrop-filter: blur(16px);
 }
 .trai-story-proof { margin-top: 18px; }
 .trai-story-proof span {
 color: #afb0bd;
 background: rgba(255,255,255,.045);
 border-color: rgba(255,255,255,.075);
 }
@media (min-width: 1024px) {
 .trai-auth-layout { flex-direction: row-reverse; }
 .trai-story-hero { min-height: max(690px, var(--app-height)); }
}
 @media (max-width: 1279px) and (min-width: 1024px) {
 .trai-story-title { font-size: 49px; }
 .trai-story-lead { font-size: 14px; }
 }
 @media (max-width: 720px) {
 .trai-auth-panel { border-right: 0; }
 .trai-auth-language { top: 15px !important; right: 15px !important; }
 .trai-auth-welcome { padding-top: 92px !important; }
 .trai-auth-welcome h2 { font-size: 28px !important; }
 .trai-auth-features { margin-bottom: 38px !important; }
 }
 @media (max-width: 430px) {
 .trai-auth-welcome { padding-left: 22px !important; padding-right: 22px !important; }
 .trai-auth-form { padding-left: 24px !important; padding-right: 24px !important; }
 }

 /* ================================================================
    TRAI PRODUCT PALETTE
    Auth'taki sıcak altın + lavanta sisi, ürün yüzeylerine taşınır.
    Renkler token olarak tanımlı: utility sınıfları da bu ritmi miras alır.
    ================================================================ */
 :root {
 --trai-ink: #171526;
 --trai-ink-soft: #39344b;
 --trai-muted: #6b6780; /* 4.2→5.0:1 açık zeminde; WCAG AA body eşiği */
 --trai-cream: #fcfbf8;
 --trai-canvas: #f7f5f8;
 --trai-mist: #efedf7;
 --trai-lilac: #d9d3eb;
 --trai-violet: #7364b2;
 --trai-plum: #48356f;
 --trai-gold: #ffc64b;
 --trai-gold-strong: #ffb22d;
 --trai-gold-soft: #fff1c9;
 --trai-line: rgba(49, 42, 73, .12);
 --trai-shadow: 0 16px 38px rgba(47, 38, 75, .09);

 --color-brand: var(--trai-plum);
 --color-brand2: var(--trai-violet);
 --color-accent: var(--trai-gold-strong);
 --color-dark: var(--trai-canvas);
 --color-surface: var(--trai-cream);
 --color-ink: var(--trai-ink);
 --color-slate-50: #faf9fc;
 --color-slate-100: #f1eff5;
 --color-slate-200: #e3dfeb;
 --color-slate-300: #d2cddd;
 --color-slate-400: #aaa4b9;
 --color-slate-500: var(--trai-muted);
 --color-slate-600: #5f5a70;
 --color-slate-700: #403a50;
 --color-slate-800: #292435;
 --color-slate-900: var(--trai-ink);
 --color-blue-50: #f3f1fb;
 --color-blue-100: #e7e2f8;
 --color-blue-500: #7d6cc2;
 --color-blue-600: #6554a8;
 --color-purple-50: #f5f2fc;
 --color-purple-100: #ebe6f8;
 --color-purple-500: #8876c8;
 --color-purple-600: var(--trai-violet);
 --color-purple-700: #5e4b9a;
 --color-orange-100: #fff0d6;
 --color-orange-400: #f3ad48;
 --color-orange-500: #e99835;
 --color-orange-600: #c97824;
 --color-amber-50: #fff9e9;
 --color-amber-100: #fff0c6;
 --color-amber-200: #ffe19a;
 --color-amber-300: #ffd06a;
 --color-amber-400: var(--trai-gold);
 --color-amber-500: var(--trai-gold-strong);
 --color-amber-600: #d98c1d;
 --color-amber-700: #9b6318;
 }

 body {
 color: var(--trai-ink);
 background:
 radial-gradient(circle at 0% 0%, rgba(255, 202, 85, .18), transparent 28%),
 radial-gradient(circle at 100% 100%, rgba(113, 97, 181, .12), transparent 36%),
 var(--trai-canvas);
 }

 .glass,
 .glass-dark {
 background: rgba(255, 255, 255, .76);
 border-color: var(--trai-line);
 box-shadow: 0 10px 28px rgba(47, 38, 75, .055), inset 0 1px 0 rgba(255, 255, 255, .9);
 backdrop-filter: blur(20px) saturate(135%);
 }

 .glass-card {
 background: linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(246, 243, 252, .6));
 border-color: rgba(72, 53, 111, .11);
 }

 .btn-primary {
 color: var(--trai-ink);
 background: linear-gradient(112deg, #ffe18b 0%, var(--trai-gold) 48%, var(--trai-gold-strong) 100%);
 border: 1px solid rgba(255, 255, 255, .64);
 box-shadow: 0 12px 26px rgba(233, 160, 35, .24), inset 0 1px 0 rgba(255, 255, 255, .62);
 }
 .btn-primary:hover {
 color: var(--trai-ink);
 background: linear-gradient(112deg, #ffebae 0%, #ffd265 48%, #ffbd40 100%);
 box-shadow: 0 16px 30px rgba(233, 160, 35, .3), inset 0 1px 0 rgba(255, 255, 255, .72);
 }
 .btn-ghost,
 .btn-secondary {
 color: var(--trai-ink-soft);
 background: rgba(255, 255, 255, .62);
 border-color: var(--trai-line);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
 }
 .btn-ghost:hover,
 .btn-secondary:hover { background: rgba(242, 238, 250, .9); }
 .bg-accent.text-white,
 .bg-amber-400.text-white,
 .bg-amber-500.text-white { color: var(--trai-ink) !important; }

 input,
 select,
 textarea {
 color: var(--trai-ink);
 border-color: var(--trai-line);
 background: rgba(255, 255, 255, .82);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
 }
 input:focus,
 select:focus,
 textarea:focus {
 border-color: rgba(115, 100, 178, .72);
 box-shadow: 0 0 0 4px rgba(115, 100, 178, .11), inset 0 1px 0 rgba(255, 255, 255, .88);
 }
 input::placeholder,
 textarea::placeholder { color: #aaa4b9; }
 .custom-scroll::-webkit-scrollbar-track { background: rgba(72, 53, 111, .035); }
 .custom-scroll::-webkit-scrollbar-thumb { background: rgba(115, 100, 178, .42); }

 .app-shell {
 background:
 radial-gradient(circle at -10% 108%, transparent 0 22%, rgba(72, 53, 111, .045) 22.2% 22.7%, transparent 23% 30%, rgba(72, 53, 111, .027) 30.2% 30.7%, transparent 31%),
 radial-gradient(circle at 105% 0%, rgba(255, 199, 73, .14), transparent 25%),
 linear-gradient(135deg, #fdfbf8 0%, #f8f6fa 50%, #efedf8 100%);
 }
 .desktop-sidebar-left,
 .desktop-sidebar-right {
 background: rgba(255, 255, 255, .7);
 border-color: var(--trai-line);
 backdrop-filter: blur(22px) saturate(130%);
 }
 .desktop-sidebar-right { background: rgba(249, 247, 252, .74); }
 .desktop-main,
 .mobile-layout {
 background:
 radial-gradient(circle at 3% -8%, rgba(255, 203, 92, .18), transparent 29%),
 radial-gradient(circle at 112% 100%, rgba(117, 99, 185, .14), transparent 38%),
 linear-gradient(145deg, #fdfcf9, #f8f7fb 48%, #f1effa 100%);
 }
 .desktop-nav-item { color: var(--trai-muted); }
 .desktop-nav-item:hover {
 color: var(--trai-plum);
 background: rgba(115, 100, 178, .09);
 }
 .desktop-nav-item.active {
 color: var(--trai-plum);
 background: linear-gradient(110deg, rgba(255, 199, 73, .22), rgba(115, 100, 178, .12));
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64);
 }

 .app-shell .bg-white,
 .mobile-layout .bg-white {
 background-color: rgba(255, 255, 255, .82) !important;
 }
 .app-shell .bg-slate-50,
 .mobile-layout .bg-slate-50 { background-color: rgba(249, 248, 252, .86) !important; }
 .app-shell .bg-slate-100,
 .mobile-layout .bg-slate-100 { background-color: rgba(241, 239, 245, .88) !important; }
 .app-shell [class*="bg-white/95"],
 .mobile-layout [class*="bg-white/95"] {
 background: linear-gradient(110deg, rgba(255, 254, 251, .84), rgba(247, 244, 252, .8)) !important;
 border-color: var(--trai-line) !important;
 backdrop-filter: blur(18px) saturate(135%);
 }
 .app-shell .border-slate-100,
 .app-shell .border-slate-200,
 .mobile-layout .border-slate-100,
 .mobile-layout .border-slate-200 { border-color: var(--trai-line) !important; }

 .product-card {
 border: 1px solid rgba(72, 53, 111, .1);
 box-shadow: 0 10px 26px rgba(47, 38, 75, .06), inset 0 1px 0 rgba(255, 255, 255, .85);
 }
 .product-card:hover { box-shadow: 0 16px 34px rgba(47, 38, 75, .13), 0 0 0 1px rgba(255, 192, 58, .24); }

 .mobile-layout nav[aria-label="Ana navigasyon"] {
 background: linear-gradient(110deg, rgba(255, 254, 251, .9), rgba(246, 243, 252, .88));
 border-color: var(--trai-line);
 box-shadow: 0 -10px 30px rgba(47, 38, 75, .065);
 backdrop-filter: blur(24px) saturate(145%);
 }
 .mobile-layout nav[aria-label="Ana navigasyon"] [aria-selected="true"] {
 color: var(--trai-plum);
 background: linear-gradient(115deg, rgba(255, 203, 87, .26), rgba(115, 100, 178, .13));
 }

 .fixed.inset-0 .bg-surface,
 .fixed.inset-0 .bg-white {
 background-color: var(--trai-cream) !important;
 }
 .fixed.inset-0 .border-slate-100,
 .fixed.inset-0 .border-slate-200 { border-color: var(--trai-line) !important; }
 .fixed.inset-0 .bg-gradient-to-r.from-brand.to-purple-600,
 .fixed.inset-0 .bg-gradient-to-r.from-brand.to-purple-500 {
 background-image: linear-gradient(112deg, var(--trai-plum), var(--trai-violet)) !important;
 }

 button:focus-visible,
 a:focus-visible,
 [role="button"]:focus-visible,
 [tabindex]:focus-visible,
 input:focus-visible,
 textarea:focus-visible,
 select:focus-visible { outline-color: var(--trai-violet); }

 /* Landing — gerçek uygulama ekran görüntüsü görselleri (StoryVisuals.js) */
 .trai-phone {
 position: relative;
 width: 100%;
 max-width: 224px;
 margin: 0 auto;
 background: #14111f;
 padding: 7px;
 border-radius: 30px;
 box-shadow: 0 24px 54px rgba(72,53,111,.20);
 }
 .trai-phone-screen {
 position: relative;
 width: 100%;
 aspect-ratio: 1084 / 1500;
 border-radius: 23px;
 overflow: hidden;
 background: #fff;
 }
 .trai-phone-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top center;
 display: block;
 }
 .trai-reveal {
 opacity: 0;
 transform: translateY(18px);
 transition: opacity .6s ease, transform .6s ease;
 }
 .trai-reveal.is-visible { opacity: 1; transform: none; }
 .trai-shot-row {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
 gap: 20px;
 margin-top: 28px;
 }
 .trai-shot-card {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 11px;
 width: 184px;
 max-width: 44%;
 }
 .trai-shot-label {
 font-size: 12px;
 font-weight: 800;
 color: var(--trai-ink-soft);
 text-align: center;
 }
 .trai-seq {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 14px;
 margin-top: 18px;
 }
 .trai-seq .trai-phone { margin: 0; }
 .trai-seq-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top center;
 opacity: 0;
 transition: opacity .55s ease;
 }
 .trai-seq-img.is-on { opacity: 1; }
 .trai-seq-dots { display: flex; gap: 7px; }
 .trai-seq-dot {
 width: 7px;
 height: 7px;
 padding: 0;
 border: none;
 border-radius: 50%;
 background: var(--trai-lilac);
 transition: background .3s ease, transform .3s ease;
 }
 .trai-seq-dot.is-on { background: var(--trai-plum); transform: scale(1.25); }
 .trai-seq-cap {
 font-size: 12px;
 font-weight: 700;
 color: var(--trai-muted);
 }
 @media (prefers-reduced-motion: reduce) {
 .trai-reveal { opacity: 1; transform: none; transition: none; }
 .trai-seq-img { transition: none; }
 }

 /* ================================================================
    MOTION & SURFACE SYSTEM V2 — 2026-07
    Tek motion sözlüğü (DESIGN.md §12): girişler güçlü ease-out,
    çekmeceler drawer eğrisi, basma 90-150ms. Landing'deki scroll
    girişleri yalnız animation-timeline destekleyen tarayıcılarda
    ve reduced-motion kapalıyken çalışır; aksi halde sayfa statik
    ve eksiksiz görünür. Hover fizikleri fine-pointer'a kilitlidir.
    ================================================================ */
 :root {
 --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
 --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
 --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
 --dur-press: 130ms;
 --dur-hover: 200ms;
 --dur-enter: 260ms;
 --dur-drawer: 360ms;
 }

 /* --- Buton dokunuş fizikleri (tüm yüzeyler) --- */
 .btn-primary:active,
 .btn-secondary:active,
 .btn-ghost:active,
 .btn-dark:active,
 .trai-story-primary:active,
 .trai-story-secondary:active,
 .trai-story-home:active {
 transform: scale(.97);
 transition-duration: 90ms;
 }
 .btn-primary:hover { transform: translateY(-1px); }
 .btn-primary:active { transform: scale(.97); }

 /* --- Overlay/çekmece girişleri: drawer eğrisi --- */
 .slide-up { animation: slideUp var(--dur-drawer) var(--ease-drawer); }
 .fade-in { animation: fadeIn var(--dur-enter) var(--ease-out); }
 .scale-in { animation: scaleIn 300ms var(--ease-out); }

 /* --- Alt navigasyon: anlık dokunsal geri bildirim (choreography yok) --- */
 .mobile-layout nav[aria-label="Ana navigasyon"] button {
 transition: background-color .18s ease, color .18s ease;
 }
 .mobile-layout nav[aria-label="Ana navigasyon"] button:active {
 transform: scale(.94);
 transition: transform 90ms var(--ease-out), background-color .18s ease, color .18s ease;
 }
 .mobile-layout nav[aria-label="Ana navigasyon"] button svg {
 transition: transform .18s var(--ease-out);
 }
 .mobile-layout nav[aria-label="Ana navigasyon"] [aria-selected="true"] svg {
 transform: translateY(-1.5px) scale(1.08);
 }

 /* ================================================================
    LANDING (ABOUT) — ULTRAMODERN MOTION LAYER
    ================================================================ */

 /* Hero giriş koreografisi: satır satır maskesiz yükselme.
    Nadir yüzey (pazarlama) => ekspresif bütçe. */
 @media (prefers-reduced-motion: no-preference) {
 .trai-story-hero .trai-story-kicker,
 .trai-story-title .block,
 .trai-story-hero .trai-story-lead,
 .trai-story-hero .trai-story-actions,
 .trai-story-hero .trai-story-proof {
 animation: traiRise .7s var(--ease-out) both;
 }
 .trai-story-hero .trai-story-kicker { animation-delay: .04s; }
 .trai-story-title .block:nth-child(1) { animation-delay: .1s; }
 .trai-story-title .block:nth-child(2) { animation-delay: .18s; }
 .trai-story-title .block:nth-child(3) { animation-delay: .26s; }
 .trai-story-hero .trai-story-lead { animation-delay: .34s; }
 .trai-story-hero .trai-story-actions { animation-delay: .42s; }
 .trai-story-hero .trai-story-proof { animation-delay: .5s; }
 /* Altın vurgu satırında yavaş mürekkep taraması */
 .trai-story-title-accent {
 background-size: 220% 100%;
 animation: traiInkPan 9s var(--ease-in-out) infinite alternate;
 }
 }
 @keyframes traiRise {
 from { opacity: 0; transform: translateY(24px); }
 to { opacity: 1; transform: none; }
 }
 @keyframes traiStageIn {
 from { opacity: 0; transform: translateY(30px) scale(.975); }
 to { opacity: 1; transform: none; }
 }
 @keyframes traiInkPan {
 from { background-position: 0% 50%; }
 to { background-position: 100% 50%; }
 }

 /* Scroll-driven bölüm girişleri: CSS-native, JS'siz, progressive.
    Desteklemeyen tarayıcı ve reduced-motion: statik tam görünüm. */
 @supports (animation-timeline: view()) {
 @media (prefers-reduced-motion: no-preference) {
 .trai-story-section h2,
 .trai-story-section-intro,
 .trai-question,
 .trai-feature-card,
 .trai-engine-card,
 .trai-team-card,
 .trai-return-item,
 .trai-decision-note,
 .trai-return-statement,
 .trai-vision,
 .trai-tryon-demo,
 .trai-copilot-demo,
 .trai-social-demo,
 .trai-final h2,
 .trai-final p {
 animation: traiViewRise linear both;
 animation-timeline: view();
 animation-range: entry 5% entry 42%;
 }
 /* Grid kardeşlerinde doğal kademelenme: giriş aralığını kaydır */
 .trai-question:nth-child(2),
 .trai-feature-card:nth-child(2),
 .trai-engine-card:nth-child(2),
 .trai-return-item:nth-child(2),
 .trai-team-card:nth-child(2) { animation-range: entry 12% entry 50%; }
 .trai-question:nth-child(3),
 .trai-feature-card:nth-child(3),
 .trai-engine-card:nth-child(3),
 .trai-return-item:nth-child(3) { animation-range: entry 19% entry 57%; }
 .trai-question:nth-child(4),
 .trai-engine-card:nth-child(4),
 .trai-return-item:nth-child(4) { animation-range: entry 26% entry 64%; }
 .trai-return-item:nth-child(5) { animation-range: entry 30% entry 68%; }
 .trai-return-item:nth-child(6) { animation-range: entry 34% entry 72%; }
 }
 }
 @keyframes traiViewRise {
 from { opacity: 0; transform: translateY(26px); }
 to { opacity: 1; transform: none; }
 }

 /* Kart hover fizikleri: yalnız fine pointer */
 @media (hover: hover) and (pointer: fine) {
 .trai-question,
 .trai-feature-card,
 .trai-engine-card,
 .trai-team-card,
 .trai-return-item {
 transition: transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) ease, border-color var(--dur-hover) ease;
 }
 .trai-question:hover,
 .trai-feature-card:hover,
 .trai-engine-card:hover,
 .trai-team-card:hover,
 .trai-return-item:hover {
 transform: translateY(-3px);
 border-color: rgba(255, 178, 43, .38);
 box-shadow: 0 18px 40px rgba(47, 38, 75, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
 }
 .trai-phone {
 transition: transform .35s var(--ease-out), box-shadow .35s ease;
 }
 .trai-shot-card:hover .trai-phone,
 .trai-seq:hover .trai-phone {
 transform: translateY(-6px) rotate(-1deg);
 box-shadow: 0 34px 70px rgba(72, 53, 111, .28);
 }
 }

 /* Landing CTA: parlaklık süpürmesi + ok itmesi (fine pointer) */
 .trai-story-primary {
 position: relative;
 overflow: hidden;
 }
 .trai-story-primary::after {
 content: '';
 position: absolute;
 inset: 0;
 pointer-events: none;
 background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.55) 50%, transparent 60%);
 transform: translateX(-130%) skewX(-16deg);
 }
 .trai-story-primary svg { transition: transform var(--dur-hover) var(--ease-out); }
 @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .trai-story-primary:hover::after {
 transform: translateX(130%) skewX(-16deg);
 transition: transform .75s var(--ease-out);
 }
 .trai-story-primary:hover svg { transform: translateX(3px); }
 }

 /* Telefon ekranlarında çok hafif cam parlaması */
 .trai-phone-screen::after {
 content: '';
 position: absolute;
 inset: 0;
 pointer-events: none;
 background: linear-gradient(115deg, transparent 58%, rgba(255,255,255,.09) 72%, transparent 84%);
 }

 /* Günlük döngü oklarında yön akışı */
 @media (prefers-reduced-motion: no-preference) {
 .trai-loop-arrow { animation: traiFlow 2.6s ease-in-out infinite; }
 .trai-loop-arrow:nth-of-type(2) { animation-delay: .3s; }
 .trai-loop-arrow:nth-of-type(3) { animation-delay: .6s; }
 .trai-loop-arrow:nth-of-type(4) { animation-delay: .9s; }
 }
 @keyframes traiFlow {
 0%, 100% { opacity: .4; transform: translateX(0); }
 50% { opacity: 1; transform: translateX(3px); }
 }

 /* Var olan JS reveal'i (telefon kartları) aynı sözlüğe bağla */
 .trai-reveal { transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }

 /* Başlık satır dengesi */
 .trai-story-section h2,
 .trai-final h2 { text-wrap: balance; }
 .trai-story-lead,
 .trai-story-section-intro { text-wrap: pretty; }

 /* ================================================================
    BOLD PASS — 2026-07: display ölçeği, kinetik marquee, drenched finale
    ================================================================ */

 /* Display tipografi: hero gerçek poster ölçeğine çıkar (≤96px tavan).
    Mobil boyutlar (≤720px) mevcut kurallarda kalır. */
 @media (min-width: 721px) {
 .trai-story-title { font-size: clamp(56px, 6.6vw, 94px); }
 .trai-story-section h2 { font-size: clamp(34px, 4vw, 54px); }
 .trai-vision p { font-size: clamp(26px, 2.6vw, 34px); }
 }

 /* Sinyal şeridi → kinetik marquee (sayfadaki tek marquee).
    İçerik iki kez render edilir; -%50 çeviri kusursuz döngü verir. */
 .trai-signal-marquee {
 display: block;
 overflow: hidden;
 position: relative;
 -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
 mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
 }
 .trai-signal-track {
 display: flex;
 width: max-content;
 }
 .trai-signal-track span {
 margin-right: 8px;
 white-space: nowrap;
 }
 @media (prefers-reduced-motion: no-preference) {
 .trai-signal-track { animation: traiMarquee 28s linear infinite; }
 }
 @media (prefers-reduced-motion: reduce) {
 .trai-signal-marquee { -webkit-mask-image: none; mask-image: none; }
 .trai-signal-track { flex-wrap: wrap; width: auto; }
 }
 @keyframes traiMarquee {
 from { transform: translateX(0); }
 to { transform: translateX(-50%); }
 }

 /* Drenched finale: sayfanın tek bilinçli renk-blok anı. Marka mürdümü
    yüzeyin kendisi olur; altın CTA üzerinde patlar. */
 .trai-final {
 margin-top: 48px;
 padding: clamp(52px, 7vw, 88px) clamp(24px, 5vw, 64px) clamp(48px, 6vw, 72px);
 border-radius: 34px;
 position: relative;
 overflow: hidden;
 isolation: isolate;
 background:
 radial-gradient(circle at 84% 10%, rgba(255, 199, 73, .22), transparent 40%),
 radial-gradient(circle at 6% 92%, rgba(160, 140, 220, .28), transparent 46%),
 linear-gradient(135deg, #3b2a5e 0%, #48356f 54%, #241a3d 100%);
 box-shadow: 0 32px 90px rgba(36, 26, 61, .38);
 }
 .trai-final::before {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 pointer-events: none;
 opacity: .5;
 background-image: radial-gradient(rgba(255,255,255,.16) .6px, transparent .75px);
 background-size: 20px 20px;
 mask-image: linear-gradient(160deg, #000, transparent 70%);
 }
 .trai-final h2 { color: #ffffff; }
 .trai-final p { color: #cfc8e4; }
 .trai-final .trai-story-primary {
 box-shadow: 0 18px 44px rgba(0, 0, 0, .35), 0 6px 18px rgba(255, 178, 43, .25);
 }
 @media (max-width: 430px) {
 .trai-final { border-radius: 24px; }
 }

 /* ================================================================
    SCROLL-PINNED HERO + PHONE CHROME V2 — 2026-07
    Hero, kaydırma kabı içinde sabitlenir; scroll try-on hikâyesinin
    4 karesini sürer (IO sentinel'leri — scroll listener yok). Mobil ve
    tablet sabitlenmez: normal akış + zamanlayıcılı sekans. Telefonlar
    gerçek gövde oranına (10/17.6) ve donanım diline (island, yan
    tuşlar, home çubuğu) taşındı; görseller cover ile kenardan taşar.
    ================================================================ */
 .trai-hero-steps { display: none; }
 .trai-hero-device {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 13px;
 }
 .trai-hero-device .trai-phone { max-width: 254px; }
 .trai-hero-device .trai-seq-cap { min-height: 18px; }
 /* Hero tanıtım videosu: telefon ekranını cover ile doldurur; daima sessiz. */
 .trai-hero-video {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 background: #14121c;
 }
 @media (prefers-reduced-motion: no-preference) {
 .trai-story-hero .trai-hero-device {
 animation: traiStageIn .9s var(--ease-out) both;
 animation-delay: .5s;
 }
 }
 @media (max-width: 1023px) {
 .trai-hero-sticky { display: block; }
 .trai-hero-device { margin-top: 30px; }
 }
 @media (min-width: 1024px) {
 .trai-story-inner { width: min(100%, 1160px); }
 .trai-hero-pin {
 position: relative;
 display: block;
 min-height: 340vh;
 padding: 0;
 }
 .trai-hero-steps {
 display: block;
 position: absolute;
 inset: 0;
 pointer-events: none;
 }
 /* Dilimler rayı boşluksuz döşer: kabın dikey merkez bandı her an tam bir
 dilimin içindedir — hızlı scroll sıçramalarında bile adım atlanamaz. */
 .trai-hero-step { position: absolute; left: 0; right: 0; }
 .trai-hero-step[data-step="0"] { top: 0; height: 30%; }
 .trai-hero-step[data-step="1"] { top: 30%; height: 22%; }
 .trai-hero-step[data-step="2"] { top: 52%; height: 24%; }
 .trai-hero-step[data-step="3"] { top: 76%; height: 24%; }
 .trai-hero-sticky {
 position: sticky;
 top: 0;
 min-height: var(--app-height);
 display: grid;
 grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
 align-items: center;
 gap: clamp(28px, 4vw, 60px);
 padding: 28px 0;
 }
 /* İki sütunlu hero düzeninde başlık sütuna göre ölçeklenir */
 .trai-story-hero .trai-story-title { font-size: clamp(46px, 4.7vw, 68px); }
 }

 /* --- Telefon gövdesi v2: gerçek oran + donanım dili --- */
 .trai-phone {
 max-width: 232px;
 padding: 9px;
 border-radius: 46px;
 background: linear-gradient(155deg, #4b495c 0%, #1a1824 40%, #34323f 100%);
 box-shadow:
 0 34px 64px rgba(36, 26, 61, .30),
 inset 0 1px 1px rgba(255, 255, 255, .22),
 inset 0 -1px 1px rgba(0, 0, 0, .5);
 }
 .trai-phone::before {
 content: '';
 position: absolute;
 right: -2.5px;
 top: 26%;
 width: 3px;
 height: 14%;
 border-radius: 2px;
 background: linear-gradient(90deg, #4a4859, #171622);
 }
 .trai-phone::after {
 content: '';
 position: absolute;
 left: -2.5px;
 top: 19%;
 width: 3px;
 height: 8%;
 border-radius: 2px;
 background: linear-gradient(90deg, #171622, #4a4859);
 box-shadow: 0 42px 0 0 #26242f;
 }
 .trai-phone-screen {
 aspect-ratio: 10 / 17.6;
 border-radius: 37px;
 background: #14121c;
 }
 .trai-phone-screen::before {
 content: '';
 position: absolute;
 z-index: 3;
 top: 2.1%;
 left: 50%;
 transform: translateX(-50%);
 width: 25%;
 height: 3.4%;
 border-radius: 99px;
 background: #0a0912;
 box-shadow: inset 0 0 3px rgba(255, 255, 255, .14);
 }
 .trai-phone-home {
 position: absolute;
 z-index: 4;
 left: 50%;
 bottom: 2%;
 transform: translateX(-50%);
 width: 34%;
 height: 4px;
 border-radius: 99px;
 background: rgba(255, 255, 255, .92);
 mix-blend-mode: difference;
 pointer-events: none;
 }

 /* ================================================================
    LANDING 2526 — CINEMATIC DARK ATELIER (2026-07)
    Landing tek temaya kilitlenir: derin mürdüm-siyah sahne, TEK vurgu
    (altın); menekşe yalnız atmosfer ışığı olarak yaşar. Display sesi
    Syne. Hero'nun arkasında SilkCanvas (WebGL ipek) akar; WebGL yoksa
    ya da reduced-motion açıksa aşağıdaki CSS zemin poster olarak kalır.
    Uygulamanın açık paleti etkilenmez: her kural .trai-story-shell
    altındadır ve dosyanın sonunda olduğu için önceki katmanları ezer.
    ================================================================ */
 .trai-story-shell {
 color: #f4f2fa;
 background:
 radial-gradient(ellipse 70% 44% at 86% 0%, rgba(96, 80, 160, .22), transparent 68%),
 radial-gradient(ellipse 52% 38% at 8% 88%, rgba(255, 178, 43, .07), transparent 70%),
 linear-gradient(158deg, #110d1d 0%, #0a0812 46%, #060409 100%);
 scrollbar-color: rgba(255, 198, 75, .3) transparent;
 }
 .trai-story-shell::before {
 opacity: .4;
 background-image: radial-gradient(rgba(255, 255, 255, .2) .5px, transparent .65px);
 background-size: 16px 16px;
 mask-image: linear-gradient(150deg, #000, transparent 62%);
 }
 .trai-story-shell::after { background: none; }
 .trai-story-shell ::selection { background: rgba(255, 198, 75, .32); color: #fff; }
 .trai-story-shell :focus-visible { outline-color: #ffc64b; }
 .trai-story-home {
 color: #e7e3f4;
 background: rgba(20, 16, 32, .55);
 border-color: rgba(255, 255, 255, .14);
 box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
 }
 .trai-story-home:hover { background: rgba(30, 24, 48, .78); color: #fff; }

 /* --- Hero: WebGL ipek sahnesi --- */
 .trai-hero-sticky { isolation: isolate; }
 @media (max-width: 1023px) {
 .trai-hero-sticky { position: relative; }
 }
 .trai-hero-copy,
 .trai-hero-device { position: relative; z-index: 1; }
 .trai-hero-canvas {
 position: absolute;
 z-index: -1;
 top: clamp(-34px, -3vh, -20px);
 bottom: 0;
 left: calc(50% - 50vw);
 right: calc(50% - 50vw);
 overflow: hidden;
 pointer-events: none;
 -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 66%, transparent 99%);
 mask-image: linear-gradient(to bottom, #000 0%, #000 66%, transparent 99%);
 }
 .trai-silk-canvas {
 display: block;
 width: 100%;
 height: 100%;
 }
 .trai-hero-canvas::after {
 content: '';
 position: absolute;
 inset: 0;
 background:
 radial-gradient(ellipse 58% 60% at 30% 46%, rgba(6, 4, 10, .5), transparent 72%),
 linear-gradient(to bottom, rgba(6, 4, 10, .32), transparent 26%, transparent 60%, rgba(6, 4, 9, .94));
 }
 @media (prefers-reduced-motion: no-preference) {
 .trai-hero-canvas { animation: traiCanvasIn 1.6s var(--ease-out) both; }
 }
 @keyframes traiCanvasIn {
 from { opacity: 0; }
 to { opacity: 1; }
 }

 /* --- Hero tipografisi: Syne poster sesi --- */
 .trai-story-kicker {
 color: #ffd88a;
 border-color: rgba(255, 198, 75, .32);
 background: rgba(255, 178, 43, .08);
 backdrop-filter: blur(10px);
 }
 .trai-story-kicker-dot { background: #ffc64b; box-shadow: 0 0 12px rgba(255, 198, 75, .9); }
 .trai-story-title {
 margin: 20px 0 18px;
 font-family: 'Syne', 'Outfit', sans-serif;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: -.018em;
 line-height: .95;
 font-size: clamp(44px, 5vw, 84px);
 }
 .trai-story-hero .trai-story-title { font-size: clamp(40px, 4.2vw, 62px); }
 .trai-story-title-muted { color: #6d6885; }
 .trai-story-title-accent {
 background: none;
 color: #ffc64b;
 text-shadow: 0 0 70px rgba(255, 178, 43, .38);
 }
 .trai-story-lead { color: #b3aec6; font-size: 16px; max-width: 560px; }
 .trai-story-secondary {
 color: #e7e3f4;
 background: rgba(255, 255, 255, .05);
 border-color: rgba(255, 255, 255, .13);
 backdrop-filter: blur(14px);
 }
 .trai-story-secondary:hover { background: rgba(255, 255, 255, .09); }
 .trai-story-proof span {
 color: #c9c5da;
 background: rgba(255, 255, 255, .05);
 border-color: rgba(255, 255, 255, .1);
 backdrop-filter: blur(10px);
 font-size: 11px;
 }

 /* --- Bölüm ritmi: galeri havası --- */
 .trai-story-section {
 padding: clamp(74px, 9vw, 118px) 0;
 border-top: 1px solid rgba(255, 255, 255, .07);
 }
 .trai-story-section h2 {
 max-width: 760px;
 font-family: 'Syne', 'Outfit', sans-serif;
 font-weight: 700;
 letter-spacing: -.012em;
 line-height: 1.04;
 color: #f4f2fa;
 font-size: clamp(30px, 3.6vw, 48px);
 }
 .trai-story-section-intro { color: #a49fb8; font-size: 15px; max-width: 620px; }

 /* --- 01: Sorular — kart değil, dev editoryal satırlar --- */
 .trai-question-grid { grid-template-columns: 1fr; gap: 0; margin-top: 36px; }
 .trai-question {
 padding: clamp(18px, 2.4vw, 26px) 6px;
 border: 0;
 border-top: 1px solid rgba(255, 255, 255, .09);
 border-radius: 0;
 background: none;
 box-shadow: none;
 color: #dcd8ea;
 font-family: 'Syne', 'Outfit', sans-serif;
 font-size: clamp(21px, 2.7vw, 34px);
 font-weight: 700;
 letter-spacing: -.01em;
 transition: color var(--dur-hover) ease, transform var(--dur-hover) var(--ease-out);
 }
 .trai-question:last-child { border-bottom: 1px solid rgba(255, 255, 255, .09); }
 .trai-decision-note {
 margin-top: 36px;
 padding: 22px 24px;
 border-left: 2px solid #ffc64b;
 color: #cfcbdf;
 background: linear-gradient(90deg, rgba(255, 178, 43, .08), transparent 70%);
 font-size: 15px;
 }

 /* --- Kartlar: koyu cam, altın dokunuş --- */
 .trai-feature-grid { gap: 14px; }
 .trai-question,
 .trai-feature-card,
 .trai-engine-card,
 .trai-return-item { border-color: rgba(255, 255, 255, .09); }
 .trai-feature-card,
 .trai-engine-card {
 background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
 border: 1px solid rgba(255, 255, 255, .09);
 box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
 }
 .trai-card-icon {
 color: #ffc64b;
 background: rgba(255, 178, 43, .09);
 border: 1px solid rgba(255, 178, 43, .22);
 }
 .trai-feature-card h3,
 .trai-engine-card h3 { color: #f4f2fa; font-size: 16px; }
 .trai-feature-card p,
 .trai-engine-card p { color: #9c97b2; font-size: 12.5px; }
 .trai-engine-card strong { color: #ffc64b; }
 .trai-loop {
 color: #a49fb8;
 background: rgba(255, 255, 255, .03);
 border: 1px solid rgba(255, 255, 255, .07);
 }
 .trai-loop-arrow { color: #ffc64b; }
 .trai-return-item {
 background: rgba(255, 255, 255, .03);
 border: 1px solid rgba(255, 255, 255, .08);
 color: #cfcbdf;
 }
 .trai-return-item svg { color: #ffc64b; }
 .trai-return-statement {
 color: #f4f2fa;
 background: linear-gradient(135deg, rgba(255, 178, 43, .1), rgba(96, 80, 160, .12));
 border: 1px solid rgba(255, 198, 75, .2);
 font-family: 'Syne', 'Outfit', sans-serif;
 font-size: clamp(18px, 2vw, 24px);
 font-weight: 700;
 }

 /* --- Demo kartları + AI reveal paneli --- */
 .trai-tryon-demo,
 .trai-copilot-demo,
 .trai-social-demo {
 background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .014));
 border: 1px solid rgba(255, 255, 255, .1);
 box-shadow: 0 30px 80px rgba(0, 0, 0, .4);
 }
 .trai-demo-label { color: #ffc64b; }
 .trai-demo-title { color: #f4f2fa; font-family: 'Syne', 'Outfit', sans-serif; font-size: 20px; }
 .trai-demo-copy { color: #9c97b2; font-size: 12.5px; }
 .trai-tryon-reveal { margin-top: 20px; }
 .trai-reveal-frame {
 position: relative;
 width: min(100%, 340px);
 margin: 0 auto;
 aspect-ratio: 1084 / 1500;
 border-radius: 26px;
 overflow: hidden;
 isolation: isolate;
 border: 1px solid rgba(255, 255, 255, .12);
 background: #14121c;
 box-shadow: 0 34px 80px rgba(0, 0, 0, .5);
 }
 .trai-reveal-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top center;
 }
 .trai-reveal-img.is-before { z-index: 2; }
 .trai-reveal-img.is-after { z-index: 1; }
 .trai-reveal-scan {
 position: absolute;
 z-index: 3;
 left: -4%;
 right: -4%;
 top: 0;
 height: 34%;
 pointer-events: none;
 opacity: 0;
 transform: translateY(-120%);
 background: linear-gradient(180deg, transparent 0%, rgba(255, 178, 43, .06) 34%, rgba(255, 198, 75, .5) 50%, rgba(255, 178, 43, .06) 66%, transparent 100%);
 filter: blur(.5px);
 }
 .trai-reveal-chip {
 position: absolute;
 z-index: 4;
 left: 14px;
 bottom: 14px;
 padding: 7px 12px;
 border-radius: 999px;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .04em;
 backdrop-filter: blur(12px);
 }
 .trai-reveal-chip.is-before {
 color: #e7e3f4;
 background: rgba(10, 8, 18, .55);
 border: 1px solid rgba(255, 255, 255, .16);
 }
 .trai-reveal-chip.is-after {
 color: #14121a;
 background: linear-gradient(115deg, #ffe596, #ffc744);
 border: 1px solid rgba(255, 255, 255, .4);
 opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
 .trai-reveal-img.is-before,
 .trai-reveal-chip.is-before { animation: traiRevealBefore 9s linear infinite; }
 .trai-reveal-scan { animation: traiRevealScan 9s linear infinite; }
 .trai-reveal-chip.is-after { animation: traiRevealAfter 9s linear infinite; }
 }
 @media (prefers-reduced-motion: reduce) {
 .trai-reveal-img.is-before,
 .trai-reveal-chip.is-before,
 .trai-reveal-scan { opacity: 0; }
 .trai-reveal-chip.is-after { opacity: 1; }
 }
 @keyframes traiRevealBefore {
 0%, 40% { opacity: 1; }
 48%, 88% { opacity: 0; }
 96%, 100% { opacity: 1; }
 }
 @keyframes traiRevealAfter {
 0%, 44% { opacity: 0; }
 52%, 86% { opacity: 1; }
 94%, 100% { opacity: 0; }
 }
 @keyframes traiRevealScan {
 0%, 36% { transform: translateY(-120%); opacity: 0; }
 40% { opacity: 1; }
 52%, 100% { transform: translateY(330%); opacity: 0; }
 }

 /* ================================================================
    CANLI GİYDİRME SAHNESİ (HeroDresser) — 2026-07
    "Nasıl çalışır" (02) bölümü: 4 durumlu try-on sahnesi + 3 sürüklenebilir
    parça kartı. Sahne TryOnReveal'in çerçeve/tarama dilini devralır;
    kartlar cam dokulu, sıradaki kart altın vurgulu. Sürükleme anlık
    (transition yok), bırakış yumuşak yay ile yerine döner; giydirme
    kartın sahneye uçuşu + tek tarama süpürmesi + crossfade'dir.
    prefers-reduced-motion tüm yer değiştirmeyi kaldırır, geçiş anlıktır.
    ================================================================ */
 .trai-dresser {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 13px;
 width: 100%;
 margin: 30px 0 34px;
 }
 .trai-dresser-scene {
 position: relative;
 width: min(100%, 400px);
 }
 .trai-dresser-stage {
 position: relative;
 width: min(74%, 302px);
 margin: 0 auto;
 aspect-ratio: 1024 / 1536;
 border-radius: 26px;
 overflow: hidden;
 isolation: isolate;
 background: #0b0714;
 border: 1px solid rgba(255, 255, 255, .12);
 box-shadow: 0 34px 80px rgba(0, 0, 0, .5);
 transition: border-color .3s ease, box-shadow .45s ease, transform .6s var(--ease-out);
 }
 .trai-dresser-stage.is-drop-ready {
 border-color: rgba(255, 198, 75, .75);
 box-shadow: 0 34px 80px rgba(0, 0, 0, .5), 0 0 0 4px rgba(255, 198, 75, .18), 0 0 44px rgba(255, 178, 43, .28);
 }
 .trai-dresser-state {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top center;
 opacity: 0;
 transition: opacity .55s ease;
 }
 .trai-dresser-state.is-on { opacity: 1; }
 .trai-dresser-scan {
 position: absolute;
 z-index: 3;
 left: -4%;
 right: -4%;
 top: 0;
 height: 34%;
 pointer-events: none;
 opacity: 0;
 transform: translateY(-120%);
 background: linear-gradient(180deg, transparent 0%, rgba(255, 178, 43, .06) 34%, rgba(255, 198, 75, .5) 50%, rgba(255, 178, 43, .06) 66%, transparent 100%);
 filter: blur(.5px);
 }
 .trai-dresser-stage.is-scanning .trai-dresser-scan {
 animation: traiDresserScan .68s ease-out both;
 }
 @keyframes traiDresserScan {
 0% { transform: translateY(-120%); opacity: 0; }
 14% { opacity: 1; }
 100% { transform: translateY(330%); opacity: 0; }
 }
 /* Final: hafif öne gelme + tek seferlik altın süpürme */
 .trai-dresser-stage.is-complete { transform: scale(1.025); }
 .trai-dresser-stage.is-complete::after {
 content: '';
 position: absolute;
 inset: 0;
 z-index: 4;
 pointer-events: none;
 background: linear-gradient(115deg, transparent 30%, rgba(255, 216, 138, .2) 50%, transparent 70%);
 transform: translateX(-130%);
 animation: traiDresserSheen .9s ease-out .35s both;
 }
 @keyframes traiDresserSheen {
 from { transform: translateX(-130%); }
 to { transform: translateX(130%); }
 }
 /* --- Parça kartları --- */
 .trai-dresser-chip {
 position: absolute;
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 6px;
 width: 96px;
 padding: 10px 8px 8px;
 border-radius: 18px;
 border: 1px solid rgba(255, 255, 255, .14);
 background: rgba(20, 16, 32, .66);
 backdrop-filter: blur(12px);
 box-shadow: 0 16px 36px rgba(0, 0, 0, .45);
 cursor: default;
 user-select: none;
 -webkit-user-select: none;
 touch-action: none;
 transform: translate(var(--drag-x, 0px), var(--drag-y, 0px));
 transition: transform .45s cubic-bezier(.3, 1.4, .5, 1), opacity .3s ease, border-color .3s ease, box-shadow .3s ease;
 }
 .trai-dresser-chip img {
 height: 58px;
 width: auto;
 max-width: 100%;
 object-fit: contain;
 pointer-events: none;
 -webkit-user-drag: none;
 filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .4));
 }
 .trai-dresser-chip-label {
 font-size: 10px;
 font-weight: 800;
 letter-spacing: .05em;
 text-transform: uppercase;
 color: #cfc8e4;
 text-align: center;
 line-height: 1.3;
 }
 .trai-dresser-chip-step {
 position: absolute;
 top: -7px;
 right: -7px;
 display: grid;
 place-items: center;
 width: 20px;
 height: 20px;
 border-radius: 999px;
 font-size: 10px;
 font-weight: 800;
 color: #14121a;
 background: linear-gradient(115deg, #ffe596, #ffc744);
 border: 1px solid rgba(255, 255, 255, .4);
 }
 .trai-dresser-chip.is-slot-0 { left: -4%; bottom: 5%; }
 .trai-dresser-chip.is-slot-1 { right: -5%; top: 32%; }
 .trai-dresser-chip.is-slot-2 { left: -5%; top: 6%; }
 /* Kilitli kart: sönük, rozet gri */
 .trai-dresser-chip:not(.is-active):not(.is-used) { opacity: .55; }
 .trai-dresser-chip:not(.is-active) .trai-dresser-chip-step {
 background: rgba(255, 255, 255, .18);
 color: #e7e3f4;
 border-color: rgba(255, 255, 255, .18);
 }
 .trai-dresser-chip.is-active {
 cursor: grab;
 border-color: rgba(255, 198, 75, .55);
 }
 @media (prefers-reduced-motion: no-preference) {
 .trai-dresser-chip.is-hinting { animation: traiChipHint 2.4s ease-in-out .8s infinite; }
 }
 @keyframes traiChipHint {
 0%, 100% { box-shadow: 0 16px 36px rgba(0, 0, 0, .45); }
 50% { box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 0 5px rgba(255, 198, 75, .16), 0 0 26px rgba(255, 178, 43, .32); }
 }
 .trai-dresser-chip.is-dragging {
 z-index: 6;
 cursor: grabbing;
 transition: none;
 transform: translate(var(--drag-x, 0px), var(--drag-y, 0px)) scale(1.07);
 box-shadow: 0 28px 56px rgba(0, 0, 0, .55);
 }
 .trai-dresser-chip.is-flying {
 z-index: 6;
 opacity: 0;
 transform: translate(var(--fly-x, 0px), var(--fly-y, 0px)) scale(.35);
 transition: transform .38s cubic-bezier(.4, 0, .2, 1), opacity .34s ease .04s;
 }
 .trai-dresser-chip.is-used {
 opacity: 0;
 transform: scale(.5);
 pointer-events: none;
 }
 .trai-dresser-chip.is-denied { animation: traiChipDeny .42s ease-in-out; }
 @keyframes traiChipDeny {
 0%, 100% { translate: 0 0; }
 20%, 60% { translate: -6px 0; }
 40%, 80% { translate: 6px 0; }
 }
 /* --- Alt bilgi: ilerleme + ipucu / bitiş --- */
 .trai-dresser-footer {
 display: flex;
 align-items: center;
 gap: 12px;
 min-height: 30px;
 }
 .trai-dresser-dots { display: flex; gap: 6px; }
 .trai-dresser-dot {
 width: 8px;
 height: 8px;
 border-radius: 999px;
 background: rgba(255, 255, 255, .18);
 transition: background .3s ease, box-shadow .3s ease;
 }
 .trai-dresser-dot.is-done {
 background: #ffc64b;
 box-shadow: 0 0 10px rgba(255, 198, 75, .7);
 }
 .trai-dresser-hint,
 .trai-dresser-done {
 font-size: 12px;
 font-weight: 600;
 letter-spacing: .02em;
 color: #a89fc7;
 }
 .trai-dresser-done { color: #ffd88a; font-weight: 800; }
 .trai-dresser-replay {
 padding: 6px 13px;
 border-radius: 999px;
 border: 1px solid rgba(255, 255, 255, .18);
 background: rgba(20, 16, 32, .55);
 color: #e7e3f4;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: .03em;
 cursor: pointer;
 transition: background .25s ease, color .25s ease;
 }
 .trai-dresser-replay:hover { background: rgba(30, 24, 48, .85); color: #fff; }
 @media (max-width: 430px) {
 .trai-dresser-scene { width: min(100%, 330px); }
 .trai-dresser-chip { width: 84px; }
 .trai-dresser-chip img { height: 48px; }
 .trai-dresser-chip.is-slot-0 { left: -2%; }
 .trai-dresser-chip.is-slot-1 { right: -2%; }
 .trai-dresser-chip.is-slot-2 { left: -2%; }
 }
 @media (prefers-reduced-motion: reduce) {
 .trai-dresser-state { transition: none; }
 .trai-dresser-stage,
 .trai-dresser-chip { transition: none; }
 .trai-dresser-stage.is-complete { transform: none; }
 .trai-dresser-stage.is-complete::after { animation: none; opacity: 0; }
 .trai-dresser-chip.is-hinting { animation: none; }
 .trai-dresser-chip.is-denied { animation: none; }
 }

 /* --- Telefonlar koyu sahnede: derin gölge + altın aura --- */
 .trai-phone {
 box-shadow:
 0 42px 90px rgba(0, 0, 0, .55),
 0 0 90px rgba(255, 178, 43, .09),
 inset 0 1px 1px rgba(255, 255, 255, .22),
 inset 0 -1px 1px rgba(0, 0, 0, .5);
 }
 .trai-shot-label { color: #c9c5da; }
 .trai-seq-dot { background: rgba(255, 255, 255, .18); }
 .trai-seq-dot.is-on { background: #ffc64b; }
 .trai-seq-cap { color: #a49fb8; }
 .trai-hero-device .trai-phone { max-width: 292px; }
 .trai-hero-device .trai-seq-dots { gap: 6px; }
 .trai-hero-device .trai-seq-dot {
 width: 34px;
 height: 3px;
 border-radius: 99px;
 transition: background .3s ease;
 }
 .trai-hero-device .trai-seq-dot.is-on { transform: none; }

 /* --- Ekran görüntüsü yelpazesi: sergi masası --- */
 @media (min-width: 721px) {
 .trai-shot-row { gap: 0; align-items: center; }
 .trai-shot-card { width: 218px; max-width: none; }
 .trai-shot-card:nth-child(1) { transform: rotate(-5deg) translateY(18px); z-index: 1; margin-right: -22px; }
 .trai-shot-card:nth-child(2) { transform: translateY(-8px); z-index: 2; }
 .trai-shot-card:nth-child(3) { transform: rotate(5deg) translateY(18px); z-index: 1; margin-left: -22px; }
 }
 @media (hover: hover) and (pointer: fine) {
 .trai-shot-card { transition: transform .38s var(--ease-out); }
 .trai-shot-card:hover { transform: rotate(0deg) translateY(-10px); z-index: 3; }
 .trai-question:hover {
 transform: translateX(12px);
 color: #ffc64b;
 background: none;
 border-color: rgba(255, 255, 255, .09);
 box-shadow: none;
 }
 .trai-feature-card:hover,
 .trai-engine-card:hover,
 .trai-team-card:hover,
 .trai-return-item:hover {
 border-color: rgba(255, 198, 75, .38);
 box-shadow: 0 28px 70px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 198, 75, .12);
 }
 }

 /* --- Sinyal marquee: outline tipografi bantları --- */
 .trai-signal-strip { margin-top: 30px; }
 .trai-signal-strip span {
 padding: 0;
 margin-right: clamp(28px, 4vw, 52px);
 border: 0;
 background: none;
 color: transparent;
 -webkit-text-stroke: 1px rgba(244, 242, 250, .52);
 font-family: 'Syne', 'Outfit', sans-serif;
 font-size: clamp(26px, 3.4vw, 44px);
 font-weight: 800;
 letter-spacing: .01em;
 text-transform: uppercase;
 }
 @media (prefers-reduced-motion: reduce) {
 .trai-signal-strip span {
 -webkit-text-stroke: 0;
 color: #a49fb8;
 font-size: 15px;
 }
 }
 .trai-vision {
 background: linear-gradient(140deg, rgba(255, 178, 43, .1), rgba(96, 80, 160, .1));
 border: 1px solid rgba(255, 198, 75, .22);
 }
 .trai-vision p { color: #f4f2fa; font-family: 'Syne', 'Outfit', sans-serif; }
 .trai-vision small { color: #a49fb8; }

 /* --- Ekip + final --- */
 .trai-team-card {
 background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
 border: 1px solid rgba(255, 255, 255, .09);
 box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
 }
 .trai-team-role { color: #ffc64b; }
 .trai-team-copy h3 { color: #f4f2fa; }
 .trai-team-copy p { color: #a49fb8; }
 .trai-team-link { color: #d9d3eb; }
 .trai-team-link:hover { color: #fff; }
 .trai-final h2 { font-family: 'Syne', 'Outfit', sans-serif; letter-spacing: -.012em; }
 .trai-final {
 box-shadow: 0 40px 110px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);
 }

 /* Pin'siz aralıkta (721-1023) hero, sabit "geri" pilinin altından başlar */
 @media (max-width: 1023px) and (min-width: 721px) {
 .trai-story-hero { padding-top: 76px; }
 }

 /* --- Mobil poster ölçüleri (Syne uppercase geniş koşar) --- */
 @media (max-width: 720px) {
 .trai-hero-sticky,
 .trai-hero-copy { min-width: 0; max-width: 100%; }
 .trai-story-hero .trai-story-title { font-size: clamp(36px, 10.5vw, 46px); }
 .trai-story-section h2 { font-size: clamp(27px, 7.6vw, 34px); }
 .trai-question { font-size: clamp(19px, 5.6vw, 24px); }
 }
 @media (max-width: 430px) {
 .trai-story-hero .trai-story-title { font-size: 31px; }
 .trai-story-section h2 { font-size: 26px; }
 }