/*! tailwindcss v4.3.3 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-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-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-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--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-300:oklch(78.5% .115 274.713);--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-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-rose-50:oklch(96.9% .015 12.422);--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-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--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-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-md:12px;--blur-2xl:40px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-6{top:calc(var(--spacing) * 6)}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-8{margin:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-10{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-10{--tw-translate-y:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[1\.01\]{scale:1.01}.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,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.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-200>:not(:last-child)){border-color:var(--color-slate-200)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.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-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-400\/60{border-color:#7d87ff99}@supports (color:color-mix(in lab,red,red)){.border-indigo-400\/60{border-color:color-mix(in oklab,var(--color-indigo-400) 60%,transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-indigo-600{border-color:var(--color-indigo-600)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.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-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.border-slate-200\/90{border-color:#e2e8f0e6}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/90{border-color:color-mix(in oklab,var(--color-slate-200) 90%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.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-slate-900{border-color:var(--color-slate-900)}.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)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/60{background-color:color-mix(in oklab,var(--color-amber-50) 60%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.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-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/50{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/50{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-rose-50{background-color:var(--color-rose-50)}.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-100{background-color:var(--color-slate-100)}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/60{background-color:color-mix(in oklab,var(--color-slate-100) 60%,transparent)}}.bg-slate-100\/80{background-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/80{background-color:color-mix(in oklab,var(--color-slate-100) 80%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/60{background-color:color-mix(in oklab,var(--color-slate-800) 60%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.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-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/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)}}.fill-current{fill:currentColor}.stroke-\[2\.5\]{stroke-width:2.5px}.stroke-\[2\]{stroke-width:2px}.stroke-\[3\]{stroke-width:3px}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.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)}.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\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);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-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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-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-all{word-break:break-all}.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-amber-900{color:var(--color-amber-900)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-400\/90{color:#00d294e6}@supports (color:color-mix(in lab,red,red)){.text-emerald-400\/90{color:color-mix(in oklab,var(--color-emerald-400) 90%,transparent)}}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-rose-900{color:var(--color-rose-900)}.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-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-indigo-100{--tw-shadow-color:oklch(93% .034 272.788)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-100{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-200{--tw-shadow-color:oklch(87% .065 274.039)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-200{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/30{--tw-shadow-color:#4f39f64d}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)}.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,)!important}.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-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\: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)}}.selection\:bg-emerald-500 ::selection{background-color:var(--color-emerald-500)}.selection\:bg-emerald-500::selection{background-color:var(--color-emerald-500)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}@media(hover:hover){.hover\:border-indigo-200:hover{border-color:var(--color-indigo-200)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-indigo-600:hover{border-color:var(--color-indigo-600)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/80:hover{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-100\/80:hover{background-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-100\/80:hover{background-color:color-mix(in oklab,var(--color-slate-100) 80%,transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.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\: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-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-indigo-200:hover{--tw-shadow-color:oklch(87% .065 274.039)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-indigo-200:hover{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent)}}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.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-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.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-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:leading-none{--tw-leading:1;line-height:1}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:pt-0{padding-top:0}}@media(min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

/* ============================================================
   ComparaFactura.es — Sistema visual "Fintech premium + datos"
   Capa añadida sobre Tailwind. No modifica utilidades existentes.
   ============================================================ */

:root{
  --cf-navy-950:#0b1220;
  --cf-navy-900:#0f172a;
  --cf-brand:#4338ca;
  --cf-brand-dark:#3730a3;
  --cf-brand-tint:#eef2ff;
  --cf-brand-tint-border:#e0e7ff;
  --cf-savings:#059669;
  --cf-savings-tint:#ecfdf5;
  --cf-savings-tint-border:#d1fae5;
  --cf-ink:#0f172a;
  --cf-ink-soft:#475569;
  --cf-line:#e2e8f0;
  --cf-line-soft:#eef1f5;
  --cf-surface:#ffffff;
  --cf-surface-soft:#f8fafc;
  --cf-radius-sm:10px;
  --cf-radius-md:14px;
  --cf-radius-lg:20px;
  --cf-radius-xl:28px;
  --cf-shadow-card:0 1px 2px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.10);
  --cf-shadow-card-lg:0 2px 4px rgba(15,23,42,.04), 0 24px 48px -20px rgba(15,23,42,.16);
}

/* ---------- Hero accent ---------- */
.cf-h1-accent{
  color:var(--cf-brand);
  position:relative;
  white-space:normal;
}

/* ---------- Hero CTA layout ---------- */
.cf-hero-actions{
  display:flex;
  justify-content:center;
  margin-bottom:1.5rem;
}
.cf-hero-primary{
  box-shadow:var(--cf-shadow-card-lg);
}

/* ---------- Benefit strip (✓ Gratis · ✓ Sense registre...) ---------- */
.cf-benefit-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:.5rem .9rem;
}
.cf-benefit-strip--compact{
  margin-top:.25rem;
}
.cf-benefit-item{
  font-size:.8125rem;
  font-weight:600;
  color:var(--cf-ink-soft);
  letter-spacing:-.005em;
}
.cf-benefit-item--plain{
  color:#334155;
}

/* ---------- Copy SEO bajo el bloque "3 pasos" ---------- */
.cf-process-seo-copy{
  max-width:44rem;
  margin:0 auto 2.5rem;
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.cf-process-seo-copy p{
  font-size:.9375rem;
  line-height:1.65;
  color:var(--cf-ink-soft);
  text-align:center;
}
.cf-process-seo-copy strong{
  color:var(--cf-ink);
}

/* ---------- Guía en vídeo ---------- */
.cf-home-guide-video{
  margin-top:3rem;
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-lg);
  background:var(--cf-surface);
  box-shadow:var(--cf-shadow-card);
  overflow:hidden;
}
.cf-home-guide-video-head{
  padding:1.5rem 1.75rem 1.25rem;
  border-bottom:1px solid var(--cf-line-soft);
}
.cf-home-guide-video-head span{
  display:inline-block;
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--cf-brand);
  margin-bottom:.4rem;
}
.cf-home-guide-video-head h3{
  font-size:1.25rem;
  font-weight:800;
  color:var(--cf-ink);
  margin-bottom:.4rem;
  letter-spacing:-.01em;
}
.cf-home-guide-video-head p{
  font-size:.875rem;
  color:var(--cf-ink-soft);
  line-height:1.55;
  max-width:38rem;
}
.cf-home-guide-video-frame{
  background:var(--cf-navy-950);
  aspect-ratio:16/9;
}
.cf-home-guide-video-frame video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.cf-home-guide-video-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:1rem 1.75rem;
  background:var(--cf-surface-soft);
  border-top:1px solid var(--cf-line-soft);
}
.cf-home-guide-video-foot span{
  font-size:.75rem;
  color:#94a3b8;
}
.cf-home-guide-video-foot a{
  font-size:.8125rem;
  font-weight:700;
  color:var(--cf-brand);
  text-decoration:none;
}
.cf-home-guide-video-foot a:hover{
  color:var(--cf-brand-dark);
  text-decoration:underline;
}

/* ---------- Vista previa del resultado (producto / data) ---------- */
.cf-result-preview{
  margin-top:3rem;
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-lg);
  background:var(--cf-surface);
  box-shadow:var(--cf-shadow-card);
  overflow:hidden;
}
.cf-preview-head{
  padding:2rem 2rem 1.5rem;
  text-align:center;
  border-bottom:1px solid var(--cf-line-soft);
  background:var(--cf-surface-soft);
}
.cf-preview-kicker{
  display:inline-block;
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cf-savings);
  margin-bottom:.6rem;
}
.cf-preview-title{
  font-size:1.375rem;
  font-weight:800;
  color:var(--cf-ink);
  letter-spacing:-.01em;
  margin-bottom:.5rem;
}
.cf-preview-subtitle{
  font-size:.875rem;
  color:var(--cf-ink-soft);
  line-height:1.6;
  max-width:36rem;
  margin:0 auto;
}
.cf-preview-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:1.5rem;
  padding:2rem;
}
.cf-preview-card{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  padding:1.1rem 1.15rem;
  background:var(--cf-surface);
  display:flex;
  flex-direction:column;
  gap:.35rem;
  transition:border-color .15s ease;
}
.cf-preview-card:hover{
  border-color:#c7d2fe;
}
.cf-preview-card strong{
  font-size:.875rem;
  font-weight:700;
  color:var(--cf-ink);
}
.cf-preview-card span{
  font-size:.8125rem;
  color:var(--cf-ink-soft);
  line-height:1.5;
}
.cf-preview-ranking{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  background:var(--cf-surface-soft);
  padding:1.1rem 1.15rem;
  display:flex;
  flex-direction:column;
}
.cf-preview-label{
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#94a3b8;
  margin-bottom:.7rem;
}
.cf-preview-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.6rem 0;
  border-top:1px solid var(--cf-line-soft);
}
.cf-preview-row:first-of-type{
  border-top:none;
}
.cf-preview-row b{
  font-size:.8125rem;
  font-weight:700;
  color:var(--cf-ink);
}
.cf-preview-tag{
  font-size:.6875rem;
  font-weight:700;
  color:var(--cf-savings);
  background:var(--cf-savings-tint);
  border:1px solid var(--cf-savings-tint-border);
  border-radius:999px;
  padding:.15rem .55rem;
  white-space:nowrap;
}
.cf-preview-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:1rem 2rem;
  background:var(--cf-surface-soft);
  border-top:1px solid var(--cf-line-soft);
}
.cf-preview-foot span{
  font-size:.75rem;
  color:#94a3b8;
}
.cf-preview-foot a{
  font-size:.8125rem;
  font-weight:700;
  color:var(--cf-brand);
  text-decoration:none;
}
.cf-preview-foot a:hover{
  color:var(--cf-brand-dark);
  text-decoration:underline;
}
@media (max-width:640px){
  .cf-preview-grid{grid-template-columns:1fr;padding:1.25rem;}
  .cf-preview-head{padding:1.5rem 1.25rem 1.25rem;}
  .cf-preview-foot{padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;}
}

/* ---------- Bloque ampliado SEO/GEO (cf-answer-layer) ---------- */
.cf-answer-layer{
  background:var(--cf-surface-soft);
  border-top:1px solid var(--cf-line);
}
.cf-answer-layer__disclosure{
  max-width:56rem;
  margin:0 auto;
  padding:0 1.5rem;
}
.cf-answer-layer__disclosure > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.25rem 0;
  font-weight:700;
  color:var(--cf-ink);
  font-size:.9375rem;
}
.cf-answer-layer__disclosure > summary::-webkit-details-marker{display:none;}
.cf-answer-layer__summary-text{color:inherit;}
.cf-answer-layer__summary-icon{
  color:#94a3b8;
  transition:transform .15s ease;
  flex-shrink:0;
}
.cf-answer-layer__disclosure[open] .cf-answer-layer__summary-icon{
  transform:rotate(180deg);
}
.cf-answer-layer__disclosure-body{
  padding-bottom:3rem;
}
.cf-answer-layer__inner{
  display:flex;
  flex-direction:column;
  gap:2.5rem;
}
.cf-answer-layer__eyebrow{
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--cf-brand);
}
.cf-answer-layer__inner > h2{
  font-size:1.5rem;
  font-weight:800;
  color:var(--cf-ink);
  letter-spacing:-.01em;
  margin-top:-1.75rem;
}
.cf-answer-layer__lead{
  font-size:.9375rem;
  line-height:1.7;
  color:var(--cf-ink-soft);
  max-width:48rem;
}
.cf-answer-layer__facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1px;
  background:var(--cf-line);
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  overflow:hidden;
}
.cf-answer-fact{
  background:var(--cf-surface);
  padding:1rem 1.1rem;
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
.cf-answer-fact dt{
  font-size:.6875rem;
  font-weight:600;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.cf-answer-fact dd{
  font-size:.9375rem;
  font-weight:700;
  color:var(--cf-ink);
}
.cf-answer-layer__section h3{
  font-size:1.0625rem;
  font-weight:800;
  color:var(--cf-ink);
  margin-bottom:1rem;
  letter-spacing:-.005em;
}
.cf-answer-layer__section > p{
  font-size:.875rem;
  line-height:1.7;
  color:var(--cf-ink-soft);
}
.cf-answer-table-wrap{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  overflow:auto;
  background:var(--cf-surface);
}
.cf-answer-table{
  width:100%;
  border-collapse:collapse;
  font-size:.8125rem;
}
.cf-answer-table thead th{
  text-align:left;
  font-size:.6875rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#94a3b8;
  background:var(--cf-surface-soft);
  padding:.75rem 1rem;
  border-bottom:1px solid var(--cf-line);
  white-space:nowrap;
}
.cf-answer-table tbody td{
  padding:.85rem 1rem;
  color:var(--cf-ink-soft);
  border-bottom:1px solid var(--cf-line-soft);
  line-height:1.5;
  vertical-align:top;
}
.cf-answer-table tbody td:first-child{
  color:var(--cf-ink);
  font-weight:700;
  white-space:nowrap;
}
.cf-answer-table tbody tr:last-child td{border-bottom:none;}
.cf-answer-layer__method{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
}
.cf-answer-method{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  padding:1.1rem 1.2rem;
  background:var(--cf-surface);
}
.cf-answer-method h3{
  font-size:.875rem;
  font-weight:700;
  color:var(--cf-ink);
  margin-bottom:.4rem;
}
.cf-answer-method p{
  font-size:.8125rem;
  color:var(--cf-ink-soft);
  line-height:1.55;
}
.cf-answer-layer__notice{
  font-size:.8125rem;
  color:var(--cf-ink-soft);
  line-height:1.6;
  background:#fffbeb;
  border:1px solid #fde68a;
  border-radius:var(--cf-radius-sm);
  padding:.85rem 1rem;
}
.cf-answer-layer__notice strong{
  color:#92400e;
}
.cf-answer-case{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  padding:1.25rem 1.4rem;
  background:var(--cf-surface);
}
.cf-answer-case > p{
  font-size:.875rem;
  color:var(--cf-ink-soft);
  line-height:1.65;
}
.cf-answer-case__metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:.75rem;
  margin:1.1rem 0;
}
.cf-answer-case__metric{
  background:var(--cf-surface-soft);
  border:1px solid var(--cf-line-soft);
  border-radius:var(--cf-radius-sm);
  padding:.7rem .85rem;
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.cf-answer-case__metric span{
  font-size:.6875rem;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.cf-answer-case__metric strong{
  font-size:1rem;
  font-weight:800;
  color:var(--cf-ink);
}
.cf-answer-case a{
  color:var(--cf-brand);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--cf-brand-tint-border);
  text-underline-offset:2px;
}
.cf-answer-faq{
  display:flex;
  flex-direction:column;
  gap:.65rem;
}
.cf-answer-faq details{
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-sm);
  padding:.9rem 1.1rem;
  background:var(--cf-surface);
}
.cf-answer-faq summary{
  cursor:pointer;
  font-size:.875rem;
  font-weight:700;
  color:var(--cf-ink);
  list-style:none;
}
.cf-answer-faq summary::-webkit-details-marker{display:none;}
.cf-answer-faq summary::before{
  content:"+";
  display:inline-block;
  width:1rem;
  color:var(--cf-brand);
  font-weight:700;
}
.cf-answer-faq details[open] summary::before{
  content:"–";
}
.cf-answer-faq p{
  font-size:.8125rem;
  color:var(--cf-ink-soft);
  line-height:1.6;
  margin-top:.6rem;
}
.cf-answer-layer__sources{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.cf-answer-layer__sources a{
  font-size:.8125rem;
  font-weight:600;
  color:var(--cf-brand);
  background:var(--cf-brand-tint);
  border:1px solid var(--cf-brand-tint-border);
  border-radius:999px;
  padding:.4rem .85rem;
  text-decoration:none;
  transition:background .15s ease;
}
.cf-answer-layer__sources a:hover{
  background:var(--cf-brand-tint-border);
}
.cf-answer-layer__updated{
  font-size:.75rem;
  color:#94a3b8;
}
.cf-answer-layer__explore p{
  font-size:.875rem;
  color:var(--cf-ink-soft);
  line-height:1.6;
  margin-bottom:1rem;
}

/* ---------- Contacto FAQ ---------- */
.cf-faq-contact{
  margin-top:1.5rem;
  text-align:center;
  font-size:.8125rem;
  color:var(--cf-ink-soft);
}
.cf-faq-contact a{
  color:var(--cf-brand);
  font-weight:600;
  text-decoration:none;
}
.cf-faq-contact a:hover{
  text-decoration:underline;
}

@media (max-width:640px){
  .cf-answer-layer__facts{grid-template-columns:repeat(2,1fr);}
  .cf-answer-case__metrics{grid-template-columns:repeat(2,1fr);}
}


/* ============================================================
   ComparaFactura.es — Production utility completion
   Equivalentes a utilidades Tailwind usadas por el rediseño.
   ============================================================ */
.bg-indigo-700{background-color:var(--color-indigo-700)}
.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-950{background-color:#020617}
.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}
.border-emerald-100{border-color:var(--color-emerald-100)}
.mb-7{margin-bottom:calc(var(--spacing) * 7)}
.my-6{margin-block:calc(var(--spacing) * 6)}
.pb-16{padding-bottom:calc(var(--spacing) * 16)}
.pt-14{padding-top:calc(var(--spacing) * 14)}
.px-9{padding-inline:calc(var(--spacing) * 9)}
.py-14{padding-block:calc(var(--spacing) * 14)}
.py-16{padding-block:calc(var(--spacing) * 16)}
.py-6{padding-block:calc(var(--spacing) * 6)}
.rounded-md{border-radius:.375rem}
.shadow-\[0_2px_4px_rgba\(15\,23\,42\,\.04\)\,0_24px_48px_-20px_rgba\(15\,23\,42\,\.16\)\]{--tw-shadow:0 2px 4px rgba(15,23,42,.04),0 24px 48px -20px rgba(15,23,42,.16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-slate-300\/50{--tw-shadow-color:color-mix(in oklab,var(--color-slate-300) 50%,transparent)}
.shadow-slate-300\/60{--tw-shadow-color:color-mix(in oklab,var(--color-slate-300) 60%,transparent)}
@media(hover:hover){
.hover\:bg-indigo-800:hover{background-color:var(--color-indigo-800)}
.hover\:bg-slate-50\/70:hover{background-color:#f8fafcb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/70:hover{background-color:color-mix(in oklab,var(--color-slate-50) 70%,transparent)}}
.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}
.hover\:border-indigo-500:hover{border-color:var(--color-indigo-500)}
.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\:text-indigo-700:hover{color:var(--color-indigo-700)}
}
@media(min-width:40rem){
.sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
.sm\:pt-20{padding-top:calc(var(--spacing) * 20)}
.sm\:py-20{padding-block:calc(var(--spacing) * 20)}
}

/* ============================================================
   ComparaFactura.es — Professional UI layer
   Solo presentación. No altera estructura ni comportamiento.
   ============================================================ */
.cf-site-header{
  box-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 28px -24px rgba(15,23,42,.35);
}
.cf-site-header > div{max-width:76rem;}

.cf-hero-shell{
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 20%,rgba(79,70,229,.10),transparent 30rem),
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}
.cf-hero-inner{
  position:relative;
  max-width:76rem;
  min-height:28rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  padding-right:min(47vw,36rem);
}
.cf-hero-inner::before{
  content:"";
  position:absolute;
  right:1.5rem;
  top:50%;
  width:min(39vw,31rem);
  height:22.5rem;
  transform:translateY(-50%) rotate(1deg);
  border-radius:1.75rem;
  background:linear-gradient(145deg,#111c36 0%,#172554 55%,#312e81 100%);
  box-shadow:0 32px 70px -35px rgba(30,41,59,.55);
}
.cf-hero-inner::after{
  content:"";
  position:absolute;
  right:3.65rem;
  top:50%;
  width:min(34vw,26rem);
  height:18.6rem;
  transform:translateY(-50%) rotate(-1.4deg);
  border-radius:1.15rem;
  border:1px solid rgba(255,255,255,.72);
  background:#fff;
  box-shadow:0 22px 55px -28px rgba(2,6,23,.72),0 0 0 1px rgba(15,23,42,.05);
}
.cf-hero-inner > h1{
  max-width:38rem;
  letter-spacing:-.045em;
}
.cf-hero-inner > p{
  max-width:35rem;
  margin-left:0;
  margin-right:0;
}
.cf-hero-inner > div:first-child{
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.cf-hero-actions{justify-content:flex-start;width:100%;}
.cf-hero-primary{
  min-height:3.55rem;
  border:1px solid rgba(49,46,129,.3);
  box-shadow:0 16px 34px -20px rgba(55,48,163,.62);
}
.cf-benefit-strip{justify-content:flex-start;}
.cf-benefit-item{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.36rem .7rem;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}

.cf-upload-band{
  margin:0;
  padding:2.8rem 0 3.6rem;
  border-top:0;
  background:
    linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
}
.cf-upload-container{max-width:52rem;}
.cf-upload-card{
  position:relative;
  box-shadow:0 28px 70px -42px rgba(15,23,42,.58),0 1px 3px rgba(15,23,42,.05);
}
.cf-upload-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#3730a3,#4f46e5 62%,#10b981);
  z-index:2;
}
.cf-upload-card > div:first-child{
  padding-top:2rem;
  padding-bottom:1.6rem;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.cf-upload-dropzone{
  background:#fbfdff;
  border-color:#cbd5e1;
}
.cf-upload-dropzone:hover{
  background:#f8faff;
  box-shadow:inset 0 0 0 1px rgba(79,70,229,.05);
}

.cf-process-section{
  background:#fff;
}
.cf-process-section > div{max-width:72rem;}
.cf-process-section .grid > div{
  box-shadow:0 8px 24px -22px rgba(15,23,42,.35);
}
.cf-process-section .grid > div:hover{
  transform:translateY(-2px);
}

.cf-result-preview{
  box-shadow:0 24px 60px -38px rgba(15,23,42,.5);
}
.cf-preview-head{
  background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
}
.cf-preview-ranking{
  background:#0f172a;
  border-color:#1e293b;
}
.cf-preview-ranking .cf-preview-label{color:#94a3b8;}
.cf-preview-ranking .cf-preview-row{border-color:#243047;}
.cf-preview-ranking .cf-preview-row b{color:#f8fafc;}
.cf-preview-ranking .cf-preview-tag{
  color:#6ee7b7;
  background:rgba(5,150,105,.14);
  border-color:rgba(16,185,129,.25);
}

.cf-trust-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#07101f 0%,#0f172a 58%,#172554 100%);
}
.cf-trust-section::before{
  content:"";
  position:absolute;
  width:34rem;
  height:34rem;
  right:-12rem;
  top:-17rem;
  border-radius:50%;
  background:rgba(79,70,229,.13);
  filter:blur(2px);
}
.cf-trust-section > div{position:relative;z-index:1;}
.cf-trust-section .grid > div{
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.cf-faq-section{background:#f8fafc;}
.cf-faq-section > div{max-width:50rem;}
.cf-faq-section .space-y-3 > div{
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}

.cf-answer-layer__disclosure > summary{
  background:#fff;
  border:1px solid var(--cf-line);
  border-radius:var(--cf-radius-md);
  box-shadow:0 8px 24px -22px rgba(15,23,42,.32);
  padding:1rem 1.15rem;
}
.cf-answer-layer__disclosure[open] > summary{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom-color:transparent;
}
.cf-answer-layer__disclosure-body{
  border-left:1px solid var(--cf-line);
  border-right:1px solid var(--cf-line);
  border-bottom:1px solid var(--cf-line);
  border-bottom-left-radius:var(--cf-radius-md);
  border-bottom-right-radius:var(--cf-radius-md);
  background:#fff;
  padding-left:1.2rem;
  padding-right:1.2rem;
}

.cf-site-footer{
  background:linear-gradient(180deg,#07101f 0%,#020617 100%);
}

@media(max-width:959px){
  .cf-hero-inner{
    min-height:auto;
    max-width:48rem;
    align-items:center;
    text-align:center;
    padding-right:1.5rem;
  }
  .cf-hero-inner::before,.cf-hero-inner::after{display:none;}
  .cf-hero-inner > p{margin-left:auto;margin-right:auto;}
  .cf-hero-actions,.cf-benefit-strip{justify-content:center;}
}
@media(max-width:640px){
  .cf-hero-shell{padding-top:2.4rem;padding-bottom:3.2rem;}
  .cf-hero-inner{padding-left:1rem;padding-right:1rem;}
  .cf-hero-inner > h1{letter-spacing:-.035em;}
  .cf-benefit-item{font-size:.75rem;}
  .cf-upload-band{padding:1.25rem 0 2.6rem;}
  .cf-upload-container{padding-left:.75rem;padding-right:.75rem;}
  .cf-upload-card{border-radius:1rem;}
  .cf-answer-layer__disclosure{padding-left:.8rem;padding-right:.8rem;}
}

/* ============================================================
   ComparaFactura.es — Clean Electric Home 2026-08-31
   Capa exclusivamente visual. Funciona antes y después del render React.
   ============================================================ */

html,body{
  background:#f3f7ff;
}

#root > .min-h-screen{
  background:
    radial-gradient(circle at 8% 8%,rgba(59,130,246,.055),transparent 24rem),
    radial-gradient(circle at 93% 20%,rgba(79,70,229,.045),transparent 28rem),
    linear-gradient(180deg,#f5f9ff 0%,#f8fbff 44%,#f3f7ff 100%);
}

/* HERO: limpio, centrado y sin imagen lateral. El selector genérico
   mantiene el mismo aspecto cuando React reemplaza el HTML prerenderizado. */
.cf-hero-shell,
#root main > section:first-child{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(96,165,250,.15),transparent 23rem),
    radial-gradient(circle at 82% 12%,rgba(99,102,241,.10),transparent 25rem),
    linear-gradient(180deg,#edf5ff 0%,#f5f9ff 58%,#f9fbff 100%) !important;
  border-color:rgba(148,163,184,.26) !important;
}

/* Destellos eléctricos muy suaves, puramente decorativos. */
.cf-hero-shell::before,
#root main > section:first-child::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:12rem;
  height:18rem;
  left:max(-2rem,calc(50% - 42rem));
  top:3.2rem;
  opacity:.34;
  background:linear-gradient(150deg,rgba(59,130,246,.22),rgba(79,70,229,.08));
  clip-path:polygon(48% 0,88% 0,60% 38%,84% 38%,25% 100%,42% 57%,15% 57%);
  filter:blur(.2px);
  pointer-events:none;
}
.cf-hero-shell::after,
#root main > section:first-child::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:9rem;
  height:14rem;
  right:max(-1rem,calc(50% - 41rem));
  bottom:1.5rem;
  opacity:.20;
  background:linear-gradient(150deg,rgba(99,102,241,.20),rgba(37,99,235,.06));
  clip-path:polygon(48% 0,88% 0,60% 38%,84% 38%,25% 100%,42% 57%,15% 57%);
  transform:rotate(10deg);
  pointer-events:none;
}

/* Anula definitivamente el antiguo mockup/factura de la derecha. */
.cf-hero-inner::before,
.cf-hero-inner::after{
  display:none !important;
  content:none !important;
  background-image:none !important;
}

.cf-hero-inner,
#root main > section:first-child > div{
  position:relative;
  z-index:1;
  max-width:60rem !important;
  min-height:auto !important;
  margin-left:auto;
  margin-right:auto;
  padding-left:1rem !important;
  padding-right:1rem !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center !important;
  text-align:center !important;
}

.cf-hero-inner > h1,
#root main > section:first-child h1{
  max-width:52rem !important;
  margin-left:auto;
  margin-right:auto;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.cf-hero-inner > p,
#root main > section:first-child h1 + p{
  max-width:43rem !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:#52647b;
  text-wrap:balance;
}

.cf-hero-inner > div:first-child,
#root main > section:first-child > div > div:first-child{
  background:rgba(255,255,255,.68) !important;
  border-color:rgba(129,140,248,.22) !important;
  box-shadow:0 8px 26px -20px rgba(30,64,175,.26);
  backdrop-filter:blur(10px);
}

.cf-hero-actions{
  justify-content:center !important;
  width:100%;
}

.cf-hero-primary{
  min-height:3.55rem;
  box-shadow:0 14px 28px -18px rgba(55,48,163,.48);
}

.cf-benefit-strip{
  justify-content:center !important;
}

.cf-benefit-item{
  background:rgba(255,255,255,.72);
  border-color:rgba(148,163,184,.26);
  box-shadow:none;
  backdrop-filter:blur(8px);
}

/* El resto de la Home mantiene un fondo azul muy claro y limpio,
   con superficies blancas para conservar contraste y legibilidad. */
.cf-upload-band,
#root main > section:first-child + div{
  background:
    radial-gradient(circle at 76% 0%,rgba(96,165,250,.07),transparent 22rem),
    linear-gradient(180deg,#f4f8ff 0%,#edf4fc 100%) !important;
  border-color:rgba(148,163,184,.24) !important;
}

.cf-upload-card{
  border-color:#dce6f3 !important;
  box-shadow:0 30px 72px -48px rgba(30,64,175,.34),0 1px 2px rgba(15,23,42,.035);
}

.cf-process-section{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(148,163,184,.22) !important;
}

.cf-faq-section{
  background:
    radial-gradient(circle at 12% 22%,rgba(96,165,250,.06),transparent 24rem),
    linear-gradient(180deg,#f6f9ff 0%,#eef5fd 100%) !important;
  border-color:rgba(148,163,184,.22) !important;
}

#cf-home-seo-slot,
.cf-answer-layer{
  background:#f4f8ff;
}

/* Pequeño halo de foco en tarjetas, sin animación ni efecto llamativo. */
.cf-upload-card,
.cf-preview-shell,
.cf-process-section .relative.bg-white,
.cf-faq-section .bg-white{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

@media (max-width:64rem){
  .cf-hero-shell::before,
  #root main > section:first-child::before{
    left:-3.5rem;
    opacity:.22;
  }
  .cf-hero-shell::after,
  #root main > section:first-child::after{
    right:-2.5rem;
    opacity:.14;
  }
}

@media (max-width:40rem){
  .cf-hero-shell,
  #root main > section:first-child{
    padding-top:2.6rem !important;
    padding-bottom:3.4rem !important;
  }
  .cf-hero-shell::before,
  #root main > section:first-child::before{
    width:7rem;
    height:10rem;
    top:1.5rem;
    left:-3.8rem;
    opacity:.14;
  }
  .cf-hero-shell::after,
  #root main > section:first-child::after{
    width:6rem;
    height:9rem;
    right:-3rem;
    bottom:.75rem;
    opacity:.10;
  }
  .cf-hero-inner > h1,
  #root main > section:first-child h1{
    letter-spacing:-.035em;
  }
  .cf-benefit-strip{
    gap:.4rem .55rem;
  }
}