:root {
  --labia-match-gradient: linear-gradient(90deg, #7BE7FF 0%, #2F6BFF 100%);
  --labia-chat-gradient: linear-gradient(90deg, #C0002A 0%, #8B005D 100%);
  --labia-story-gradient: linear-gradient(90deg, #B8E044 0%, #5BAA24 100%);
  
  --labia-match-shadow: 0 10px 24px -10px rgba(83,189,255,0.9);
  --labia-chat-shadow: 0 10px 24px -10px rgba(192,0,42,0.72);
  --labia-story-shadow: 0 10px 24px -10px rgba(184,224,68,0.82);
}

@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer components;@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-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--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-gray-50:oklch(98.5% .002 247.839);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-2xl:1rem;--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;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--app-font-sans);--default-mono-font-family:var(--app-font-mono);--color-border:hsl(var(--border))}}@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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:var(--app-font-sans);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space: nowrap;
  display: inline-block !important;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}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[4\]{z-index:4}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.\!m-0{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-\[5px\]{margin-top:5px}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[5px\]{margin-bottom:5px}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.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-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[3px\]{height:3px}.h-\[80px\]{height:80px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60px\]{min-height:60px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-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-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[28px\]{width:28px}.w-\[36px\]{width:36px}.w-\[44\%\]{width:44%}.w-\[50\%\]{width:50%}.w-\[55\%\]{width:55%}.w-\[62\%\]{width:62%}.w-\[70\%\]{width:70%}.w-\[100px\]{width:100px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[80\%\]{max-width:80%}.max-w-\[300px\]{max-width:300px}.max-w-\[310px\]{max-width:310px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.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}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}: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-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[16px\]{border-radius:16px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.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-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[--color-border\]{border-color:--color-border}.border-border,.border-border\/50{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive-border{border-color:var(--destructive-border)}.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive)) 50%,transparent)}}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary-border{border-color:var(--primary-border)}.border-primary\/50{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-secondary-border{border-color:var(--secondary-border)}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#8A0035\]\/15{background-color:#8A003526}.bg-\[\#8A0035\]\/20{background-color:#8A003533}.bg-\[\#ff2a5f\]{background-color:#ff2a5f}.bg-\[\#07070A\]{background-color:#07070a}.bg-\[--color-bg\]{background-color:--color-bg}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.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-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-input{background-color:hsl(var(--input))}.bg-muted,.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary,.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-primary\/40{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/40{background-color:color-mix(in oklab,hsl(var(--primary)) 40%,transparent)}}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:#0000}.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)}}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:calc(var(--spacing) * 0)}.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)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[10vh\]{padding-bottom:10vh}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--app-font-mono)}.font-sans{font-family:var(--app-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-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-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.35rem\]{font-size:1.35rem}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-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-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#8A0035\]{color:#8A0035}.text-\[\#ff2a5f\]{color:#ff2a5f}.text-\[\#B4B4C2\]{color:#b4b4c2}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground,.text-foreground\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground))}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,hsl(var(--sidebar-foreground)) 70%,transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));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-none{--tw-shadow:0 0 #0000;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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-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-ring{--tw-ring-color:hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:#0000}.blur-\[2px\]{--tw-blur:blur(2px);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,)}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.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-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:hsl(var(--sidebar-border))}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--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)}@media(hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:hsl(var(--sidebar-accent-foreground))}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:hsl(var(--sidebar-accent-foreground))}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.selection\:bg-primary\/30 ::selection{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.selection\:bg-primary\/30 ::selection{background-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.selection\:bg-primary\/30::selection{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.selection\:bg-primary\/30::selection{background-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}@media(hover:hover){.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:hsl(var(--sidebar))}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:hsl(var(--destructive))}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:hsl(var(--destructive-foreground))}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.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-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--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-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:hsl(var(--destructive))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:hsl(var(--destructive))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--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)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:hsl(var(--sidebar-accent-foreground))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing) * 0)}.sm\:bottom-0{bottom:calc(var(--spacing) * 0)}.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.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-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))}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-row{flex-direction:row}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 40%, transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){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))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space: nowrap;
  display: inline-block !important;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}input[type=search]::-webkit-search-cancel-button{display:none}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,.dark{--button-outline:#ffffff1a;--badge-outline:#ffffff0d;--opaque-button-border-intensity:-8;--elevate-1:#ffffff08;--elevate-2:#ffffff14;--background:240 8% 4%;--foreground:0 0% 100%;--border:240 6% 14%;--card:240 6% 7%;--card-foreground:0 0% 100%;--card-border:240 6% 14%;--sidebar:240 6% 7%;--sidebar-foreground:0 0% 100%;--sidebar-border:240 6% 14%;--sidebar-primary:339.8 100% 50%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:339.8 100% 50%;--sidebar-accent-foreground:0 0% 100%;--sidebar-ring:339.8 100% 50%;--popover:240 6% 7%;--popover-foreground:0 0% 100%;--popover-border:240 6% 14%;--primary:339.8 100% 50%;--primary-foreground:0 0% 100%;--secondary:240 6% 14%;--secondary-foreground:0 0% 100%;--muted:240 6% 10%;--muted-foreground:240 5% 70%;--accent:339.8 100% 50%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 100%;--input:240 6% 14%;--ring:339.8 100% 50%;--chart-1:339.8 100% 50%;--chart-2:339.8 100% 50%;--chart-3:240 5% 70%;--chart-4:0 0% 100%;--chart-5:240 6% 14%;--app-font-sans:"Inter", sans-serif;--app-font-serif:Georgia, serif;--app-font-mono:Menlo, monospace;--radius:.5rem;--shadow-2xs:0px 2px 0px 0px #0000006b;--shadow-xs:0px 2px 0px 0px #0000006b;--shadow-sm:0px 2px 0px 0px #0000006b, 0px 1px 2px -1px #0000006b;--shadow:0px 2px 0px 0px #0000006b, 0px 1px 2px -1px #0000006b;--shadow-md:0px 2px 0px 0px #0000006b, 0px 2px 4px -1px #0000006b;--shadow-lg:0px 2px 0px 0px #0000006b, 0px 4px 6px -1px #0000006b;--shadow-xl:0px 2px 0px 0px #0000006b, 0px 8px 10px -1px #0000006b;--shadow-2xl:0px 2px 0px 0px #0000006b;--tracking-normal:0em;--spacing:.25rem;--sidebar-primary-border:hsl(var(--sidebar-primary));--sidebar-accent-border:hsl(var(--sidebar-accent));--primary-border:hsl(var(--primary));--secondary-border:hsl(var(--secondary));--muted-border:hsl(var(--muted));--accent-border:hsl(var(--accent));--destructive-border:hsl(var(--destructive))}@keyframes float{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(-20px)}}.particle{animation:8s ease-in-out infinite float}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:1}}.bg-glow{animation:4s ease-in-out infinite pulseGlow}@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-space-x-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}


/* OVERRIDES DE TIPOGRAFIA - LÁBIA DESIGN SYSTEM */
body {
  font-family: "Inter", sans-serif !important;
}

/* Força explícita de fontes via classes (Tailwind Overrides Seguros) */
.font-sans {
  font-family: "Inter", sans-serif !important;
}
.font-display {
  font-family: "Syne", sans-serif !important;
}
.font-tech {
  font-family: "Space Grotesk", sans-serif !important;
}
.font-mono {
  font-family: "Space Grotesk", sans-serif !important;
}

/* Força explícita de pesos via classes (Tailwind Overrides Seguros) */
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-extrabold {
  font-weight: 800 !important;
}

/* Headings padrão: cooperam com classes explícitas */
h1, h2, h3, h4, h5, h6 {
  font-family: "Syne", sans-serif;
  font-weight: 700;
}

/* Classes que contêm títulos principais ou de destaque (cooperam com classes explícitas) */
.text-3xl, .text-4xl, .text-2xl, .text-xl, .text-\[1\\.4rem\], .text-\[1\\.35rem\], .text-\[1\\.55rem\] {
  font-family: "Syne", sans-serif;
  font-weight: 700;
}

/* Textos de IA e técnicos usam Space Grotesk por padrão nas classes de fonte mono/tech/badge */
/* .uppercase e [class*="tracking-"] removidos do importante para não quebrar textos normais */
.font-tech, .font-mono, .tracking-widest {
  font-family: "Space Grotesk", sans-serif !important;
}

/* Botões do Quiz e CTAs grandes */
button, .font-medium.text-white {
  font-family: "Inter", sans-serif;
}

/* HEADER LOGO STYLING OVERRIDES */
.font-display {
  font-family: "Syne", sans-serif !important;
}






/* NATIVE APP BEHAVIOR - PREVENT VERTICAL SCROLL ON COMPACT PAGES */
/* Restaurando scroll natural e flexibilidade do viewport */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

#root {
  width: 100%;
  overflow-x: hidden;
}

/* REPLICA NAVBAR LP 2.0 STYLE SPECIFICS */
.ray-nav-container {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 1000 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 8px 8px 0 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  max-width: 420px !important;
  box-sizing: border-box !important;
}

.ray-nav {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 56px !important;
  padding: 0 16px !important;
  background: linear-gradient(137deg, rgba(17, 18, 20, 0.75) 4.87%, rgba(12, 13, 15, 0.9) 75.88%) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.3s ease !important;
  transform: translateZ(0) !important;
  box-sizing: border-box !important;
}

/* ESTILO ESTRUTURAL DA BARRA DE PROGRESSO EXTERNA */
.ray-progress-bar-wrapper {
  width: 100% !important;
  padding: 0 22px !important; /* Alinhado de forma ideal à curvatura interna reta do header */
  box-sizing: border-box !important;
  pointer-events: none !important;
}

.ray-progress-bar-bg {
  width: 100% !important;
  height: 2.5px !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
}

.ray-progress-bar-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #FF0055, #8A0035, #FF0055) !important;
  background-size: 200% 100% !important;
  animation: ray-shimmer 3s linear infinite !important;
  transition: width 0.5s ease-out !important;
  border-radius: 9999px !important;
}

@keyframes ray-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* BADGE INFORMATIVO MINIMALISTA (ETAPA XX) */
.ray-stage-badge {
  background: rgba(10, 10, 14, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  min-height: 22px !important;
}

.ray-badge-dot {
  width: 5px !important;
  height: 5px !important;
  background-color: #00FF66 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  box-shadow: 0 0 6px rgba(0, 255, 102, 0.8) !important;
  animation: ray-pulse-live 3s ease-in-out infinite !important;
}

.ray-badge-name {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
}

.ray-badge-divider {
  color: rgba(255, 255, 255, 0.15) !important;
  font-size: 8px !important;
  margin: 0 1px !important;
}

.ray-badge-steps {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}

.ray-badge-of {
  color: rgba(255, 255, 255, 0.2) !important;
}

@keyframes ray-pulse-live {
  0% {
    opacity: 0.65;
    box-shadow: 0 0 4px rgba(0, 255, 102, 0.5);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 10px rgba(0, 255, 102, 0.95);
  }
  100% {
    opacity: 0.65;
    box-shadow: 0 0 4px rgba(0, 255, 102, 0.5);
  }
}

/* PADDING DE SEGURANÇA ISOLADO POR ETAPA PARA NÃO COBRIR HEADLINES */
.page-welcome {
  padding-top: 90px !important;
  box-sizing: border-box !important;
}

.page-qualificacao-diagnostico {
  padding-top: 68px !important;
  box-sizing: border-box !important;
}

.page-diagnostico, 
.page-analise-final {
  padding-top: 40px !important;
  box-sizing: border-box !important;
}

.page-pratica-1, 
.page-pratica-2 {
  padding-top: 68px !important;
  box-sizing: border-box !important;
}

.page-vsl {
  padding-top: 56px !important;
  box-sizing: border-box !important;
}

/* OCULTAR BARRAS DE PROGRESSO LOCAIS DUPLICADAS */
#root .h-\[3px\].w-full,
#root main .h-\[3px\].w-full,
#root .min-h-\[100dvh\] .h-\[3px\].w-full,
#root .min-h-\[100vh\] .h-\[3px\].w-full,
#root div[class*="h-\[3px\].w-full"] {
  display: none !important;
}

/* OCULTAR BARRA DE PROGRESSO LOCAL COM ESTILO INLINE DA PRÁTICA 2 */
.page-pratica-2 > .relative.z-10.w-full.max-w-\[420px\].px-5.pt-5 {
  display: none !important;
}

.font-display {
  font-family: "Syne", sans-serif !important;
}

/* FADE OUT GRADUAL TRAS DE NAVBAR */
.ray-header-fade {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 420px !important;
  height: 92px !important;
  background: linear-gradient(to bottom, 
    #07070A 0px, 
    #07070A 8px, 
    rgba(7, 7, 10, 0.18) 9px, 
    rgba(7, 7, 10, 0.18) 58px, 
    rgba(7, 7, 10, 0.70) 66px, 
    rgba(7, 7, 10, 0.40) 78px,
    transparent 92px
  ) !important;
  pointer-events: none !important;
  z-index: 999 !important;
  box-sizing: border-box !important;
}

/* GRADIENTE DE TEXTO PREMIUN DA HEADLINE */
.text-gradient {
  background: linear-gradient(90deg, #FF0055, #EE5B82) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: inline-block !important;
}

/* AJUSTE FINO DE TIPOGRAFIA DAS HEADLINES PARA NO MÁXIMO 2 LINHAS */
.page-diagnostico h1,
.page-qualificacao-diagnostico h1,
.page-analise-final h1 {
  max-width: 380px !important;
  letter-spacing: -0.035em !important;
  word-spacing: -0.03em !important;
  font-size: 1.45rem !important;
  line-height: 1.25 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Transição de Diagnóstico (Passo 6/6) */
.page-qualificacao-diagnostico h1 {
  max-width: 380px !important;
  letter-spacing: -0.03em !important;
  font-size: 1.55rem !important;
  line-height: 1.25 !important;
}

/* Headline da Etapa 0 (Welcome) */
.ray-welcome-headline {
  width: 100% !important;
  max-width: 380px !important;
  letter-spacing: -0.055em !important; /* Compressão sutil desktop */
  word-spacing: -0.03em !important;
  font-size: 2.05rem !important; /* Fonte imponente para desktop */
  line-height: 1.05 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* Micro-ajustes responsivos para garantir limite em telas estreitas (< 390px) */
@media (max-width: 390px) {
  .page-diagnostico h1,
  .page-analise-final h1 {
    font-size: 1.32rem !important;
    letter-spacing: -0.045em !important;
  }
  .page-qualificacao-diagnostico h1 {
    font-size: 1.45rem !important;
    letter-spacing: -0.035em !important;
  }
  .ray-welcome-headline {
    font-size: 1.85rem !important; /* Aumento sutil no mobile, contido em 2 linhas */
    letter-spacing: -0.06em !important; /* Compressão ideal mobile */
  }
}

/* Classe .font-tech - Space Grotesk */
.font-tech {
  font-family: "Space Grotesk", sans-serif !important;
}

@keyframes hmq-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ====== HeroMockupQuiz - iPhone Frame CSS (extraído da LP2 2.0) ====== */
.iphone-frame {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background: #0a0a0c;
  border-radius: 48px;
  padding: 4px;
  box-shadow: 
    0 0 0 2px #1a1a1e,
    0 40px 120px -15px rgba(0, 0, 0, 0.95),
    0 20px 40px -20px rgba(0, 0, 0, 0.9),
    0 150px 200px -60px rgba(0, 0, 0, 0.95),
    inset 0 0 10px rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

.iphone-screen-container {
  background: #000;
  border-radius: 42px;
  overflow: hidden;
  height: 540px; 
  position: relative;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.iphone-screen-scrollable {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  flex-direction: column;
}

.iphone-screen-scrollable::-webkit-scrollbar {
  display: none;
}

.iphone-reflection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 40%, rgba(255,255,255,0.02) 80%);
  pointer-events: none;
  z-index: 45;
  border-radius: 42px;
}

.iphone-button {
  position: absolute;
  background: #1a1a1e;
  border-radius: 2px;
  z-index: -1;
}

.btn-silent { left: -3px; top: 85px; width: 3px; height: 18px; }
.btn-vol-up { left: -3px; top: 130px; width: 3px; height: 35px; }
.btn-vol-down { left: -3px; top: 175px; width: 3px; height: 35px; }
.btn-power { right: -3px; top: 155px; width: 3px; height: 50px; }

.bottom-fade-mask {
  mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
}
/* ====== FIM iPhone Frame CSS ====== */




/* ====== Estilos do Novo Funil (Processamento, Diagnóstico e Oferta) ====== */

.page-processamento,
.page-resultado,
.page-oferta-nova {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding-top: 92px !important;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
  box-sizing: border-box;
  text-align: center;
}

/* 1. Radar e Processamento Minimalista */
.ray-radar-outer {
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ray-radar-ring-1 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 0, 85, 0.12);
  animation: ray-ping-slow 2.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.ray-radar-ring-2 {
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.03);
}

.ray-radar-core {
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

@keyframes ray-ping-slow {
  75%, 100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

/* 2. Barra de Progresso Ultrafina */
.ray-progress-container {
  width: 100%;
  max-width: 300px;
  margin-bottom: 36px;
}

.ray-progress-track {
  height: 4px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 8px;
}

.ray-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #8A0035 0%, #FF0055 100%);
  border-radius: 999px;
  transition: width 0.1s linear;
  box-shadow: 0 0 8px rgba(255, 0, 85, 0.4);
}

.ray-progress-labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  color: #FF0055;
  letter-spacing: 0.06em;
}

/* 3. Terminal de Logs Fluidos (Sem Box Pesado) */
.ray-log-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 290px;
  text-align: left;
  box-sizing: border-box;
}

.ray-log-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  line-height: 1.2;
  transition: all 0.4s ease;
}

/* 4. Card de Arquétipo com Glassmorphism Translúcido */
.ray-profile-card {
  width: 100%;
  max-width: 340px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ray-profile-card-topglow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, rgba(255, 0, 85, 0.45), transparent);
}

.ray-profile-badge-green {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(34, 197, 94, 0.06);
  border: 1px solid rgba(34, 197, 94, 0.15);
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 800;
  color: #22C55E;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ray-profile-badge-amber {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.15);
  border-radius: 9999px;
  font-size: 8.5px;
  font-weight: 800;
  color: #F59E0B;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* 5. Insights Dispostos em Linha Unificada */
.ray-insights-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 320px;
  margin: 8px 0 36px 0;
  box-sizing: border-box;
}

.ray-insight-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.ray-insight-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.ray-insight-label {
  font-size: 9px;
  font-weight: 700;
  color: #8E8E9F;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.ray-insight-val {
  font-size: 11.5px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
}

/* 6. Timeline de Recapitulação de Valor (Sem Caixas) */
.ray-timeline-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 340px;
  margin-bottom: 40px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 8px;
}

.ray-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.ray-timeline-icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.ray-timeline-content {
  display: flex;
  flex-direction: column;
}

.ray-timeline-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3px;
}

.ray-timeline-desc {
  font-size: 12px;
  color: #8E8E9F;
  line-height: 1.4;
  font-weight: 300;
}

/* 7. Depoimentos Refinados */
.ray-reviews-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  text-align: left;
  margin-bottom: 40px;
}

.ray-review-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}

/* 8. Toggle Switcher de Planos */
.ray-toggle-container {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  padding: 4px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 36px;
  position: relative;
}

.ray-toggle-button {
  position: relative;
  padding: 8px 24px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #8E8E9F;
}

.ray-toggle-button.active {
  color: #ffffff;
  background: rgba(255, 0, 85, 0.08);
  border: 1px solid rgba(255, 0, 85, 0.3);
  box-shadow: 0 2px 10px rgba(255, 0, 85, 0.15);
}

.ray-toggle-badge {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 8px;
  border-radius: 4px;
  background: #FF0055;
  color: #ffffff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  white-space: nowrap;
  display: inline-block !important;
  display: inline-block !important;
  display: inline-block !important;
  box-shadow: 0 4px 10px rgba(255, 0, 85, 0.3);
}

.ray-toggle-badge-arrow {
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  background: #FF0055;
}

/* 9. Accordion FAQ */
.ray-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 40px;
}

.ray-faq-item {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  background: rgba(12, 12, 14, 0.4);
  overflow: hidden;
  transition: all 0.2s ease;
}

.ray-faq-item.open {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.ray-faq-button {
  width: 100%;
  padding: 18px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #e4e4e7;
  font-size: 13px;
  font-weight: 700;
}

.ray-faq-icon {
  color: #FF0055;
  font-size: 12px;
  transition: transform 0.2s ease;
}

.ray-faq-answer {
  padding: 0 18px 18px 18px;
  font-size: 12px;
  color: #B4B4C2;
  line-height: 1.5;
  font-weight: 300;
  border-top: 1px solid rgba(255, 255, 255, 0.02);
  padding-top: 10px;
}

/* 10. Toast de Exclusividade Ultra-Minimalista */
.ray-toast-container {
  position: fixed;
  bottom: 24px;
  left: 20px;
  right: 20px;
  z-index: 1000;
  padding: 14px 18px;
  background: rgba(10, 10, 14, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  max-w: 350px;
  margin: 0 auto;
  box-sizing: border-box;
}








/* ====== Estilos do Mockup do iPhone LP 2.0 ====== */
.ray-mock-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 330px !important; /* Altura exata da escala: 550px * 0.60 = 330px */
  overflow: visible !important;
  margin-top: 10px !important;
  margin-bottom: 32px !important; /* Margem generosa para empurrar os cards de insights */
  box-sizing: border-box;
}

.ray-mock-iphone-frame {
  position: relative;
  width: 320px !important;
  height: 550px !important; /* Acomoda a tela original de 540px + borders/padding */
  margin: 0 auto !important;
  background: #0a0a0c !important;
  border-radius: 48px !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  box-shadow: 
    0 0 0 2px #1a1a1e,
    0 40px 120px -15px rgba(0, 0, 0, 0.95),
    0 20px 40px -20px rgba(0, 0, 0, 0.9),
    0 150px 200px -60px rgba(0, 0, 0, 0.95),
    inset 0 0 10px rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.ray-mock-iphone-screen-container {
  background: #09090D !important;
  border-radius: 42px !important;
  overflow: hidden !important;
  height: 540px !important; /* Altura original da LP 2.0 */
  width: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.5) !important;
}

.ray-mock-iphone-screen-scrollable {
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  padding-left: 24px !important; /* Padding original da LP 2.0 */
  padding-right: 24px !important;
  padding-top: 80px !important; /* pt-20 original da LP 2.0 */
  padding-bottom: 40px !important; /* pb-10 original da LP 2.0 */
  box-sizing: border-box !important;
}

.ray-mock-iphone-screen-scrollable::-webkit-scrollbar {
  display: none !important;
}

.ray-mock-iphone-reflection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 40%, rgba(255,255,255,0.02) 80%) !important;
  pointer-events: none;
  z-index: 45;
  border-radius: 42px !important;
}

.ray-mock-iphone-button {
  position: absolute;
  background: #1a1a1e;
  border-radius: 2px;
  z-index: -1;
}

.ray-mock-ativo-box {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px !important;
  height: 56px !important; /* h-14 original da LP 2.0 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.ray-mock-ativo-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(192, 0, 42, 0.1) 0%, transparent 100%) !important;
  opacity: 0.4 !important;
  pointer-events: none;
}

.ray-mock-gradient-text {
  font-size: 14.5px !important; /* text-[14px] original da LP 2.0 */
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25em !important;
  background: linear-gradient(135deg, #C0002A 0%, #8B005D 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  white-space: nowrap;
  display: inline-block !important;
  display: inline-block !important;
  display: inline-block !important;
}

.ray-mock-sliders-box {
  background: rgba(255, 255, 255, 0.05) !important; /* bg-white/5 original */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  padding: 16px !important; /* p-4 original */
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important; /* space-y-5 original */
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  width: 100%;
  box-sizing: border-box;
}

.ray-mock-pill-container {
  display: flex !important;
  gap: 10px !important; /* gap-2.5 original */
  width: 100% !important;
}

.ray-mock-pill {
  flex: 1 !important;
  height: 44px !important; /* h-11 original */
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 10px !important; /* text-[10px] original */
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  transition: all 0.5s ease !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #71717a !important;
  box-sizing: border-box !important;
}

.ray-mock-pill.active {
  background: linear-gradient(to bottom right, #C0002A, #8B005D) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(192, 0, 42, 0.4) !important;
}

/* Efeito de Botão Premium LábIA - Reddish Gradient Version */
.bt-premium {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 40px;
  
  /* Tipografia & Estilo Técnico */
  font-family: "Space Grotesk", -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFFF !important; /* Force white text for excellent contrast */
  cursor: pointer;
  
  /* Bordas e Fundo Translúcido Nobre - Reddish Gradient */
  border-radius: 100px;
  background: linear-gradient(135deg, #8A0035 0%, #FF0055 100%) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.35) !important; /* Elegant glass border */
  
  /* Transições e Sombras */
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: visible;
  box-shadow: 
    0 4px 15px rgba(255, 0, 85, 0.15), 
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Responsividade de Padding (sm:) */
@media (min-width: 640px) {
  .bt-premium {
    padding: 13px 52px;
  }
}

/* Moldura Externa Decorativa (Efeito de Linha Dupla Flutuante) */
.bt-premium::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: inherit;
  border: solid 1px rgba(255, 0, 85, 0.2) !important; /* Subtle pinkish border */
  background: rgba(255, 255, 255, 0.02) !important;
  z-index: -1;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Dispersão da Moldura Externa no Hover */
.bt-premium:hover::before {
  opacity: 0.35 !important;
  transform: translate(-50%, -50%) scale(1.06) !important;
  border-color: rgba(255, 0, 85, 0.4) !important;
}

/* Propriedades do Feixe de Luz (Flare) */
.bt-premium .flare {
  content: "";
  position: absolute;
  top: 50%;
  left: var(--left, 0%);
  transform: translateY(-50%) !important;
  width: 25% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;
  filter: blur(10px) !important;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.4s ease !important;
}

/* Ativação do Flare no Hover */
.bt-premium:hover .flare {
  opacity: 1 !important;
}

/* Organização Interna do Texto */
.bt-text {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Elevação do Botão e Brilho no Hover */
.bt-premium:hover {
  background: linear-gradient(135deg, #9C003B 0%, #FF1A69 100%) !important;
  box-shadow: 
    0 12px 28px rgba(255, 0, 85, 0.28), 
    0 0 12px rgba(255, 0, 85, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-1.5px) !important;
}


@keyframes glow {
  0%, 100% { 
    opacity: 0.8; 
    filter: brightness(1); 
  }
  50% { 
    opacity: 1; 
    filter: brightness(1.3); 
  }
}

.animate-glow {
  animation: glow 3s ease-in-out infinite;
}

.ray-hero-badge-container {
  padding: 1px;
  border-radius: 43px;
  box-shadow: 0 0 12px rgba(34,197,94,0.15);
  transition: all 0.3s ease;
  background: transparent;
}
.ray-hero-badge-container:hover {
  box-shadow: 0 0 20px rgba(34,197,94,0.3);
}
.ray-hero-badge-inner {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 16px;
  background-color: #0d0d12;
  border-radius: 1000px;
  border: 1px solid rgba(255,255,255,0.05);
  white-space: nowrap;
}
.ray-hero-badge-text-group {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #a1a1aa;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.025em;
}
@media (min-width: 640px) {
  .ray-hero-badge-text-group {
    font-size: 11px;
  }
}
.ray-hero-badge-spans {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ray-hero-badge-status {
  color: #22C55E;
  font-weight: 700;
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ray-hero-badge-divider {
  color: rgba(82,82,91,0.6);
  font-weight: 300;
  font-size: 9px;
}

/* ===== Reta final MVP: calibração contínua, processamento e oferta ===== */
body.fj-immersive {
  background: #030305;
}

.qo-faithful-page {
  padding-top: 0 !important;
  background: #030305;
}

.qo-faithful-page.is-journey-locked {
  height: 100dvh;
  overflow: hidden;
}

.qo-faithful-hero {
  position: relative;
  z-index: 4;
  width: 100% !important;
  max-width: none !important;
  height: 100dvh;
  margin: 0 !important;
  padding: 0;
  background: #030305;
}

.qo-faithful-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #030305;
}

:root {
  --fj-bg: #07070a;
  --fj-panel: #0d0d12;
  --fj-panel-2: #131319;
  --fj-line: rgba(255,255,255,.08);
  --fj-muted: #9b99a6;
  --fj-accent: #ff0055;
  --fj-accent-dark: #8a0035;
  --fj-ease: cubic-bezier(.22,1,.36,1);
}

.fj-calibration-page,
.fj-live,
.qo-page {
  position: relative;
  min-height: 100dvh;
  overflow-x: clip;
  background: var(--fj-bg);
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
}

.fj-ambient,
.qo-ambient {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.fj-ambient::before,
.qo-ambient::before {
  content: "";
  position: absolute;
  width: min(760px, 130vw);
  aspect-ratio: 1;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,0,85,.14), rgba(138,0,53,.045) 36%, transparent 68%);
  filter: blur(4px);
}

.fj-kicker {
  margin: 0;
  color: var(--fj-accent);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fj-calibration-page {
  display: grid;
  place-items: center;
  padding: max(88px, 11dvh) 20px 36px;
}

.fj-calibration-card {
  position: relative;
  z-index: 1;
  width: min(100%, 420px);
}

.fj-calibration-card h1 {
  max-width: 390px;
  margin: 14px 0 12px;
  font-family: "Syne", sans-serif;
  font-size: clamp(1.8rem, 7.5vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.fj-calibration-intro {
  max-width: 350px;
  margin: 0;
  color: var(--fj-muted);
  font-size: .94rem;
  line-height: 1.55;
}

.fj-context-choices {
  display: grid;
  gap: 10px;
  margin-top: 32px;
}

.fj-context-choice {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  align-items: center;
  min-height: 62px;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  color: #f5f3f7;
  font-size: .93rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: transform 180ms var(--fj-ease), border-color 220ms ease, background 220ms ease, opacity 180ms ease;
}

.fj-context-choice:not(:disabled):hover,
.fj-context-choice:focus-visible {
  border-color: rgba(255,0,85,.52);
  background: linear-gradient(135deg, rgba(255,0,85,.13), rgba(255,255,255,.025));
  outline: none;
  transform: translateY(-2px);
}

.fj-context-choice.is-selected {
  border-color: rgba(255,0,85,.8);
  background: rgba(255,0,85,.13);
  box-shadow: 0 12px 32px -20px rgba(255,0,85,.8);
}

.fj-context-choice:disabled:not(.is-selected) { opacity: .48; }
.fj-choice-index { color: #686672; font-size: .68rem; letter-spacing: .08em; }
.fj-choice-arrow { color: var(--fj-accent); font-size: 1.1rem; text-align: right; }

.fj-live {
  display: grid;
  place-items: center;
  padding: 72px 18px 24px;
}

.fj-live-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 420px);
  min-height: calc(100dvh - 96px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fj-process-head {
  width: 100%;
  display: grid;
  grid-template-columns: 76px 1fr;
  align-items: center;
  gap: 18px;
}

.fj-process-head h1 {
  margin: 7px 0 0;
  font-family: "Syne", sans-serif;
  font-size: 1.42rem;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.fj-progress-ring { display: grid; justify-items: center; gap: 6px; }
.fj-progress-ring > span {
  --progress: 0deg;
  width: 62px;
  height: 62px;
  padding: 4px;
  border-radius: 50%;
  background: conic-gradient(var(--fj-accent) var(--progress), rgba(255,255,255,.07) 0);
  box-shadow: 0 0 26px rgba(255,0,85,.13);
  transition: background 80ms linear;
}
.fj-progress-ring > span i {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0b0b0f;
  color: #fff;
  font-size: .76rem;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}
.fj-progress-ring > small { color: #74717e; font-size: .56rem; white-space: nowrap; }

.fj-process-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
  margin: 20px 0 16px;
}

.fj-process-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #63616c;
  font-size: .68rem;
  line-height: 1.3;
  transition: color 300ms ease, opacity 300ms ease;
}
.fj-process-list li.is-active { color: #f0edf2; }
.fj-process-list li.is-done { color: #a8a5ae; }
.fj-process-dot {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  font-size: .55rem;
}
.is-active .fj-process-dot { border-color: var(--fj-accent); box-shadow: 0 0 0 4px rgba(255,0,85,.08); animation: fj-dot 1.6s ease-in-out infinite; }
.is-done .fj-process-dot { border-color: rgba(255,0,85,.55); color: var(--fj-accent); }

.fj-device-stage {
  width: 100%;
  flex: 1;
  display: grid;
  place-items: center;
  min-height: 410px;
}

.fj-device {
  position: relative;
  width: 286px;
  height: 408px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 38px;
  background: linear-gradient(180deg, #111117, #09090d);
  box-shadow: 0 32px 80px -30px rgba(0,0,0,.95), 0 0 50px -26px rgba(255,0,85,.72), inset 0 1px 0 rgba(255,255,255,.08);
}
.fj-device::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255,255,255,.06), transparent 24% 78%, rgba(255,0,85,.035));
  pointer-events: none;
}
.fj-device-bar {
  position: relative;
  z-index: 2;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
.fj-device-bar > span { display: flex; align-items: center; gap: 7px; font-family: "Syne", sans-serif; font-size: .76rem; font-weight: 700; }
.fj-device-bar img { width: 18px; height: 18px; object-fit: contain; }
.fj-device-bar small { padding: 4px 8px; border: 1px solid rgba(255,0,85,.22); border-radius: 999px; color: #c5c1ca; font-size: .52rem; }
.fj-device-body { position: absolute; inset: 48px 0 0; padding: 18px 16px 14px; }
.fj-profile { height: 100%; display: flex; flex-direction: column; }
.fj-profile-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.055); }
.fj-profile-title small { display: block; margin-bottom: 4px; color: #787581; font-size: .52rem; letter-spacing: .11em; text-transform: uppercase; }
.fj-profile-title strong { font-family: "Syne", sans-serif; font-size: 1.03rem; }
.fj-profile-title > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(255,0,85,.28); border-radius: 50%; color: var(--fj-accent); font-size: .72rem; }
.fj-sliders { display: grid; gap: 15px; margin-top: 17px; }
.fj-slider > div { display: flex; justify-content: space-between; margin-bottom: 7px; color: #77747f; font-size: .53rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.fj-slider-track { display: block; position: relative; height: 5px; overflow: visible; border-radius: 999px; background: #202027; }
.fj-slider-track i { --slider-value: 50%; position: absolute; inset: 0 auto 0 0; width: var(--slider-value); border-radius: inherit; background: linear-gradient(90deg, var(--fj-accent-dark), var(--fj-accent)); transform: scaleX(0); transform-origin: left; transition: transform 1850ms cubic-bezier(.45,0,.2,1); }
.fj-slider-track i::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; height: 14px; border: 3px solid #eeeaf0; border-radius: 50%; background: var(--fj-accent); box-shadow: 0 0 13px rgba(255,0,85,.7); transform: translateY(-50%) scale(.7); opacity: 0; transition: opacity 280ms ease, transform 460ms var(--fj-ease); }
.fj-slider.is-ready .fj-slider-track i { transform: scaleX(1); }
.fj-slider.is-ready .fj-slider-track i::after { opacity: 1; transform: translateY(-50%) scale(1); }
.fj-signals { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-top: 18px; }
.fj-signals > span { min-width: 0; padding: 8px 6px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.028); color: #d1ced5; font-size: .57rem; line-height: 1.25; text-align: center; }
.fj-signals small { display: block; margin-bottom: 3px; color: #686671; font-size: .44rem; letter-spacing: .08em; text-transform: uppercase; }
.fj-activity { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-top: auto; color: #5f5d67; font-size: .48rem; letter-spacing: .06em; text-transform: uppercase; }
.fj-activity > i { position: relative; height: 1px; overflow: hidden; background: rgba(255,255,255,.065); }
.fj-activity > i::after { content: ""; position: absolute; inset: 0; width: 38%; background: linear-gradient(90deg, transparent, rgba(255,0,85,.9), transparent); animation: fj-scan 1.7s linear infinite; }
.fj-activity em { display: flex; gap: 4px; }
.fj-activity em i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,0,85,.34); animation: fj-node 1.35s ease-in-out infinite; }
.fj-activity em i:nth-child(2) { animation-delay: 180ms; }
.fj-activity em i:nth-child(3) { animation-delay: 360ms; }

.fj-completion { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; animation: fj-reveal 600ms var(--fj-ease) both; }
.fj-completion > span { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid rgba(255,0,85,.42); border-radius: 50%; color: var(--fj-accent); font-size: 1.25rem; box-shadow: 0 0 38px rgba(255,0,85,.16); }
.fj-completion small { color: var(--fj-accent); font-size: .58rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fj-completion strong { margin-top: 7px; font-family: "Syne", sans-serif; font-size: 1.3rem; }
.fj-completion p { max-width: 205px; margin: 9px 0 0; color: var(--fj-muted); font-size: .72rem; line-height: 1.45; }

.fj-hero-copy { width: 100%; text-align: center; animation: fj-reveal 700ms var(--fj-ease) both; }
.fj-ready-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid rgba(255,0,85,.22); border-radius: 999px; background: rgba(255,0,85,.065); color: #d9d5dc; font-size: .65rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.fj-hero-copy h1,
.qo-hero-copy h1 {
  max-width: 620px;
  margin: 13px auto 0;
  font-family: "Syne", sans-serif;
  font-size: clamp(1.75rem, 7vw, 3.55rem);
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.fj-hero-copy p,
.qo-hero-copy > p { max-width: 520px; margin: 11px auto 0; color: var(--fj-muted); font-size: .92rem; line-height: 1.55; }
.fj-device-stage.shows-product { min-height: 410px; }
.fj-product-mock { width: 300px; height: 400px; transform: scale(.69); transform-origin: center top; }
.fj-primary-cta {
  min-height: 54px;
  padding: 14px 25px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--fj-accent-dark), var(--fj-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 14px 34px -15px rgba(255,0,85,.85), inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform 180ms var(--fj-ease), box-shadow 180ms ease;
}
.fj-primary-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -15px rgba(255,0,85,1), inset 0 1px 0 rgba(255,255,255,.2); }
.fj-primary-cta:active { transform: translateY(0) scale(.98); }
.fj-primary-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.fj-live > .fj-live-shell > .fj-primary-cta { width: min(100%, 340px); margin-top: -14px; animation: fj-reveal 620ms 360ms var(--fj-ease) both; }

/* Oferta condensada */
.qo-page { padding-top: 72px; }
.qo-page > section,
.qo-footer { position: relative; z-index: 1; width: min(100% - 36px, 1120px); margin-inline: auto; }
.qo-hero { min-height: calc(100dvh - 72px); display: grid; grid-template-columns: minmax(0, .92fr) minmax(340px, .7fr); align-items: center; gap: clamp(30px, 7vw, 96px); padding: clamp(52px, 8vw, 96px) 0; }
.qo-hero-copy h1 { margin-inline: 0; font-size: clamp(2.45rem, 5vw, 4.7rem); }
.qo-hero-copy > p { margin: 18px 0 0; font-size: 1.05rem; }
.qo-hero-copy > .fj-primary-cta { margin-top: 28px; min-width: 240px; }
.qo-hero-trust { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; color: #74717d; font-size: .7rem; }
.qo-hero-trust span { position: relative; }
.qo-hero-trust span:not(:last-child)::after { content: "·"; position: absolute; right: -10px; }
.qo-hero-mock { width: 300px; height: 560px; justify-self: center; }
.qo-proof-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--fj-line); }
.qo-proof-strip > div { display: flex; align-items: center; gap: 16px; min-height: 98px; padding: 20px clamp(16px, 3vw, 34px); }
.qo-proof-strip > div:not(:last-child) { border-right: 1px solid var(--fj-line); }
.qo-proof-strip span { color: var(--fj-accent); font-size: .67rem; letter-spacing: .08em; }
.qo-proof-strip strong { font-family: "Syne", sans-serif; font-size: clamp(.92rem, 1.6vw, 1.12rem); }
.qo-how,
.qo-reviews,
.qo-pricing,
.qo-faq { padding-block: clamp(84px, 11vw, 144px); }
.qo-how > header,
.qo-reviews > header,
.qo-pricing > header,
.qo-faq > header { max-width: 680px; margin: 0 auto clamp(36px, 5vw, 58px); text-align: center; }
.qo-how h2,
.qo-reviews h2,
.qo-pricing h2,
.qo-faq h2 { margin: 12px 0 0; font-family: "Syne", sans-serif; font-size: clamp(1.9rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.qo-how header > p:last-child,
.qo-pricing header > p:last-child { max-width: 570px; margin: 16px auto 0; color: var(--fj-muted); line-height: 1.6; }
.qo-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.qo-how-grid article { min-height: 238px; padding: 28px; border: 1px solid var(--fj-line); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.qo-how-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,0,85,.22); border-radius: 50%; color: var(--fj-accent); font-size: .68rem; }
.qo-how-grid h3 { margin: 48px 0 8px; font-family: "Syne", sans-serif; font-size: 1.2rem; }
.qo-how-grid p { margin: 0; color: var(--fj-muted); font-size: .9rem; line-height: 1.55; }
.qo-reviews { width: 100% !important; max-width: none !important; padding-inline: max(18px, calc((100vw - 1120px) / 2)); background: #0a0a0e; border-block: 1px solid rgba(255,255,255,.055); }
.qo-rating { margin-top: 18px; color: #fbbf24; font-size: .82rem; letter-spacing: .06em; }
.qo-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.qo-review-grid article { display: flex; flex-direction: column; min-height: 250px; padding: 25px; border: 1px solid var(--fj-line); border-radius: 20px; background: #111116; }
.qo-review-grid article > div { color: #fbbf24; font-size: .72rem; letter-spacing: .08em; }
.qo-review-grid h3 { margin: 24px 0 10px; font-family: "Syne", sans-serif; font-size: 1.02rem; }
.qo-review-grid p { margin: 0; color: #aaa7b1; font-size: .87rem; line-height: 1.62; }
.qo-review-grid small { margin-top: auto; padding-top: 22px; color: #676570; font-size: .68rem; }
.qo-pricing { max-width: 760px !important; scroll-margin-top: 88px; }
.qo-period-toggle { width: min(100%, 410px); display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 0 auto 24px; padding: 5px; border: 1px solid var(--fj-line); border-radius: 15px; background: #111116; }
.qo-period-toggle button { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 11px; background: transparent; color: #85828e; font-size: .82rem; font-weight: 700; cursor: pointer; }
.qo-period-toggle button.is-active { background: linear-gradient(135deg, var(--fj-accent-dark), var(--fj-accent)); color: #fff; box-shadow: 0 8px 20px -12px rgba(255,0,85,.8); }
.qo-period-toggle small { padding: 2px 5px; border-radius: 4px; background: rgba(255,255,255,.12); font-size: .52rem; }
.qo-plan { position: relative; width: min(100%, 520px); margin: 0 auto; padding: clamp(26px, 5vw, 44px); border: 1px solid var(--fj-line); border-radius: 28px; background: linear-gradient(150deg, #14141a, #0b0b0f 70%); box-shadow: 0 34px 80px -44px #000; }
.qo-plan.is-annual { border-color: rgba(255,0,85,.55); box-shadow: 0 34px 90px -42px rgba(255,0,85,.4); }
.qo-plan-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 6px 14px; border-radius: 999px; background: linear-gradient(135deg, var(--fj-accent-dark), var(--fj-accent)); font-size: .61rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.qo-plan > p:first-of-type { margin: 0; color: #d4d1d7; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.qo-price { display: flex; align-items: baseline; margin-top: 12px; }
.qo-price small { margin-right: 6px; color: #8c8994; font-size: 1rem; }
.qo-price strong { font-family: "Syne", sans-serif; font-size: clamp(2.9rem, 9vw, 4.4rem); line-height: 1; letter-spacing: -.055em; }
.qo-price > span { margin-left: 7px; color: #7d7a86; font-size: .85rem; }
.qo-price-note { margin: 9px 0 0; color: #7e7b86; font-size: .76rem; }
.qo-plan ul { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 18px; margin: 30px 0; padding: 26px 0; border-block: 1px solid rgba(255,255,255,.06); }
.qo-plan li { display: flex; gap: 8px; color: #c4c1c8; font-size: .79rem; line-height: 1.35; }
.qo-plan li span { color: var(--fj-accent); }
.qo-plan > .fj-primary-cta { width: 100%; }
.qo-secure { display: block; margin-top: 14px; color: #686670; font-size: .62rem; text-align: center; }
.qo-faq { max-width: 760px !important; }
.qo-faq > div { border-top: 1px solid var(--fj-line); }
.qo-faq article { border-bottom: 1px solid var(--fj-line); }
.qo-faq article > button { width: 100%; min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 0; background: none; color: #eeebf0; font-size: .96rem; font-weight: 600; text-align: left; cursor: pointer; }
.qo-faq article > button i { color: var(--fj-accent); font-size: 1.25rem; font-style: normal; font-weight: 400; }
.qo-faq article > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 360ms var(--fj-ease); }
.qo-faq article > div > p { min-height: 0; overflow: hidden; margin: 0; color: var(--fj-muted); font-size: .88rem; line-height: 1.65; }
.qo-faq article.is-open > div { grid-template-rows: 1fr; }
.qo-faq article.is-open > div > p { padding-bottom: 22px; }
.qo-footer { min-height: 112px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--fj-line); }
.qo-footer > span { display: flex; align-items: center; gap: 8px; font-family: "Syne", sans-serif; font-weight: 700; }
.qo-footer img { width: 24px; height: 24px; object-fit: contain; }
.qo-footer small { color: #676570; font-size: .68rem; }

/* Oferta final MVP — composição mobile-first alinhada à Landing Page 2.0 */
.qo-section-pill {
  position: relative;
  isolation: isolate;
  width: fit-content;
  margin: 0 auto 22px !important;
  padding: 8px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#0d0d12, #0d0d12) padding-box, conic-gradient(from var(--qo-pill-angle, 0deg), transparent 0 30%, rgba(255,0,85,.8) 48%, transparent 66%) border-box;
  color: #aaa6b0 !important;
  font-size: .62rem !important;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1 !important;
  text-transform: uppercase;
  animation: qo-pill-turn 7s linear infinite;
}
.qo-section-pill strong { color: var(--fj-accent); font-size: .95em; }
.qo-section-pill i { display: inline-block; width: 3px; height: 3px; margin: 0 8px 2px; border-radius: 50%; background: #4b4852; }
.qo-section-pill span { color: #aaa6b0; }

.qo-offer-bridge {
  position: relative;
  isolation: isolate;
  z-index: 3;
  width: 100%;
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  padding: 21px 22px 25px;
  overflow: hidden;
  background: linear-gradient(180deg, #030305 4%, #08080c 52%, #0d0d12 100%);
  color: #8c8995;
}
.qo-offer-bridge::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -56px 12% -38px;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,0,85,.16), rgba(138,0,53,.055) 42%, transparent 72%);
  filter: blur(16px);
  pointer-events: none;
}
.qo-offer-bridge::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(72%, 520px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,0,85,.32), transparent);
  transform: translateX(-50%);
}
.qo-platform-proof { position: relative; display: inline-flex; align-items: center; gap: 11px; padding: 7px 12px 7px 8px; border-radius: 12px; background: rgba(255,255,255,.025); color: #bbb7c1; font-size: .74rem; font-weight: 600; }
.qo-platform-icons { display: inline-flex; align-items: center; gap: 5px; }
.qo-platform-icons i { min-width: 25px; height: 25px; display: grid; place-items: center; padding-inline: 6px; border-radius: 7px; background: #15151b; color: #e1dee5; font-size: .52rem; font-style: normal; font-weight: 700; box-shadow: inset 0 1px rgba(255,255,255,.06); }
.qo-platform-icons i:last-child { color: #8cffb4; }

/* Vitrine do aplicativo, inspirada na hierarquia compacta de uma app store. */
.qo-offer-bridge { display: none; }
.qo-app-showcase {
  position: relative;
  z-index: 1;
  isolation: isolate;
  scroll-margin-top: 64px;
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 clamp(58px, 8vw, 88px);
  overflow: hidden;
  background: linear-gradient(180deg, #030305 0, #0a0a0e 12%, #0d0d12 82%, #0d0d12 100%);
}
.qo-app-showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -110px;
  left: 50%;
  width: min(900px, 120vw);
  height: 280px;
  background: radial-gradient(ellipse, rgba(255,0,85,.14), rgba(118,0,43,.04) 48%, transparent 72%);
  filter: blur(20px);
  transform: translateX(-50%);
  pointer-events: none;
}
.qo-app-showcase::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(760px, 82%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,0,85,.26), transparent);
  transform: translateX(-50%);
}
.qo-app-showcase-inner { width: min(100%, 980px); margin-inline: auto; padding: 38px 28px 0; }
.qo-app-header {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 17px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.qo-app-icon { width: 74px; height: 74px; display: block; border-radius: 16px; object-fit: cover; box-shadow: 0 10px 24px rgba(0,0,0,.32); }
.qo-app-identity { min-width: 0; }
.qo-app-identity h2 { margin: 0; font-family: "Syne", sans-serif; font-size: 1.45rem; line-height: 1.1; letter-spacing: 0; }
.qo-app-identity p { margin: 5px 0 0; color: #b1adb7; font-size: .82rem; line-height: 1.3; }
.qo-app-identity small { display: block; margin-top: 5px; color: #67646f; font-size: .65rem; line-height: 1.3; }
.qo-app-action {
  min-width: 94px;
  min-height: 36px;
  padding: 0 15px;
  border: 0;
  border-radius: 999px;
  background: #ff0055;
  color: #fff;
  font-size: .75rem;
  font-weight: 750;
  cursor: pointer;
  transition: background-color 160ms var(--fj-ease), transform 160ms var(--fj-ease);
}
.qo-app-action:hover { background: #e9004e; transform: translateY(-1px); }
.qo-app-action:active { transform: scale(.97); }
.qo-app-action:focus-visible,
.qo-app-preview-track:focus-visible,
.qo-app-review-track:focus-visible { outline: 2px solid rgba(255,255,255,.9); outline-offset: 4px; }

.qo-app-facts {
  display: flex;
  align-items: stretch;
  margin-top: 5px;
  padding-block: 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
.qo-app-facts::-webkit-scrollbar,
.qo-app-preview-track::-webkit-scrollbar,
.qo-app-review-track::-webkit-scrollbar { display: none; }
.qo-app-facts > div { flex: 1 0 150px; min-width: 0; padding: 0 20px; text-align: center; }
.qo-app-facts > div:first-child { padding-left: 0; }
.qo-app-facts > div + div { border-left: 1px solid rgba(255,255,255,.075); }
.qo-app-facts strong { display: block; color: #ddd9e1; font-size: .85rem; line-height: 1.2; white-space: nowrap; }
.qo-app-facts span { display: block; margin-top: 5px; color: #66636d; font-size: .58rem; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }

.qo-preview-heading,
.qo-app-ratings > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.qo-preview-heading { margin: 18px 0 16px; }
.qo-preview-heading h3,
.qo-app-ratings h3 { margin: 0; font-family: "Syne", sans-serif; font-size: 1.1rem; line-height: 1.2; letter-spacing: 0; }
.qo-preview-heading span,
.qo-app-ratings > header > span { color: #6d6974; font-size: .65rem; white-space: nowrap; }

.qo-app-preview-track,
.qo-app-review-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 1px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.qo-app-preview-track { padding: 1px 1px 12px; }
.qo-app-preview {
  flex: 0 0 clamp(235px, 29vw, 270px);
  height: 405px;
  display: flex;
  flex-direction: column;
  padding: 19px 15px 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: linear-gradient(155deg, #17171d, #0c0c10 72%);
  scroll-snap-align: start;
}
.qo-app-preview > header { min-height: 65px; padding-inline: 2px; }
.qo-app-preview > header small { color: #ff3a78; font-size: .58rem; font-weight: 700; text-transform: uppercase; }
.qo-app-preview h4 { margin: 7px 0 0; max-width: 210px; color: #f3eff4; font-family: "Syne", sans-serif; font-size: 1.02rem; line-height: 1.17; letter-spacing: 0; }
.qo-preview-device {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: 13px;
  background: #08080b;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);
}
.qo-preview-appbar { height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border-bottom: 1px solid rgba(255,255,255,.055); }
.qo-preview-appbar span { display: flex; align-items: center; gap: 6px; color: #d8d4dc; font-family: "Syne", sans-serif; font-size: .61rem; font-weight: 700; }
.qo-preview-appbar img { width: 15px; height: 15px; object-fit: contain; }
.qo-preview-appbar i { width: 34px; height: 12px; border-radius: 999px; background: rgba(255,0,85,.15); }
.qo-preview-placeholder { position: absolute; inset: 51px 13px 28px; display: grid; align-content: start; gap: 10px; }
.qo-preview-placeholder span { display: block; min-height: 11px; border-radius: 6px; background: #1b1b22; }
.qo-preview-placeholder span:first-child { height: 128px; border: 1px dashed rgba(255,0,85,.32); background: radial-gradient(circle at center, rgba(255,0,85,.13), transparent 45%), #111116; }
.qo-preview-placeholder span:nth-child(2) { width: 72%; }
.qo-preview-placeholder span:nth-child(3) { width: 92%; }
.qo-preview-placeholder span:nth-child(4) { height: 34px; margin-top: 5px; background: linear-gradient(90deg, #a90040, #ff0055); }
.qo-preview-number { position: absolute; right: 11px; bottom: 8px; color: #4e4b54; font-size: .55rem; }
.qo-app-preview.is-analysis .qo-preview-placeholder { align-content: center; justify-items: center; }
.qo-app-preview.is-analysis .qo-preview-placeholder span:first-child { width: 88px; height: 88px; border-style: solid; border-radius: 50%; box-shadow: inset 0 0 0 11px #111116, 0 0 28px rgba(255,0,85,.09); }
.qo-app-preview.is-analysis .qo-preview-placeholder span:nth-child(2) { width: 58%; }
.qo-app-preview.is-analysis .qo-preview-placeholder span:nth-child(3) { width: 78%; }
.qo-app-preview.is-analysis .qo-preview-placeholder span:nth-child(4) { width: 42%; height: 4px; margin-top: 2px; }
.qo-app-preview.is-profile .qo-preview-placeholder span:first-child { height: 48px; border-style: solid; }
.qo-app-preview.is-profile .qo-preview-placeholder span:nth-child(2),
.qo-app-preview.is-profile .qo-preview-placeholder span:nth-child(3) { width: 100%; height: 38px; background: linear-gradient(180deg, #17171d 45%, #ff0055 46% 50%, #202027 51%); }
.qo-app-preview.is-profile .qo-preview-placeholder span:nth-child(4) { height: 62px; background: linear-gradient(90deg, #15151a 31%, transparent 31% 34%, #241119 34% 66%, transparent 66% 69%, #15151a 69%); }
.qo-app-preview.is-story .qo-preview-placeholder { grid-template-columns: 72px 1fr; }
.qo-app-preview.is-story .qo-preview-placeholder span:first-child { grid-row: span 3; width: 72px; height: 166px; }
.qo-app-preview.is-story .qo-preview-placeholder span:nth-child(2),
.qo-app-preview.is-story .qo-preview-placeholder span:nth-child(3) { width: 100%; }
.qo-app-preview.is-story .qo-preview-placeholder span:nth-child(4) { grid-column: 1 / -1; width: 100%; }

.qo-app-ratings { margin-top: 34px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.07); }
.qo-rating-summary { display: grid; grid-template-columns: 92px minmax(160px, 260px); align-items: center; gap: 26px; margin: 20px 0 18px; }
.qo-rating-score { display: flex; align-items: baseline; gap: 5px; }
.qo-rating-score strong { font-family: "Syne", sans-serif; font-size: 3rem; line-height: .9; letter-spacing: 0; }
.qo-rating-score span { color: #77737d; font-size: .64rem; font-weight: 700; }
.qo-rating-bars { display: grid; gap: 3px; }
.qo-rating-bars > div { display: grid; grid-template-columns: 9px 1fr; align-items: center; gap: 7px; }
.qo-rating-bars span { color: #625f69; font-size: .5rem; text-align: right; }
.qo-rating-bars i { height: 3px; overflow: hidden; border-radius: 999px; background: #202026; }
.qo-rating-bars em { display: block; height: 100%; border-radius: inherit; background: #807b86; }
.qo-app-review-track { padding-bottom: 8px; }
.qo-app-review-track article { flex: 0 0 min(310px, 78vw); min-height: 132px; padding: 16px; border: 1px solid rgba(255,255,255,.065); border-radius: 12px; background: #111116; scroll-snap-align: start; }
.qo-app-review-track article > div { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.qo-app-review-track strong { color: #ddd9e0; font-size: .75rem; line-height: 1.3; }
.qo-app-review-track article > div span { color: #f5b82e; font-size: .57rem; white-space: nowrap; }
.qo-app-review-track p { margin: 10px 0 13px; color: #97939d; font-size: .72rem; line-height: 1.48; }
.qo-app-review-track small { color: #5f5c66; font-size: .61rem; }

.qo-pricing {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(78px, 10vw, 124px) max(18px, calc((100vw - 760px) / 2)) clamp(58px, 8vw, 92px);
  background: radial-gradient(ellipse at 50% 0%, rgba(255,0,85,.07), transparent 28%), radial-gradient(ellipse at 50% 58%, rgba(255,0,85,.05), transparent 38%), #0d0d12;
}

.qo-pricing > header { margin-bottom: 45px; }
.qo-pricing h2,
.qo-faq h2,
.qo-guarantee h2 { text-wrap: balance; }
.qo-pricing h2 em,
.qo-faq h2 em,
.qo-guarantee h2 em { color: var(--fj-accent); font-style: normal; font-weight: 650; }

.qo-period-toggle {
  position: relative;
  width: min(100%, 340px);
  margin-bottom: 30px;
  padding: 6px;
  border-color: rgba(255,255,255,.07);
  border-radius: 999px;
  background: rgba(8,8,12,.92);
  box-shadow: 0 15px 30px rgba(0,0,0,.4);
}
.qo-period-toggle::before { content: ""; position: absolute; z-index: 0; top: 6px; bottom: 6px; left: 6px; width: calc(50% - 8px); border: 1px solid rgba(255,0,85,.42); border-radius: 999px; background: rgba(255,0,85,.09); box-shadow: 0 3px 16px rgba(255,0,85,.16); transform: translateX(0); transition: transform 250ms var(--fj-ease), box-shadow 250ms var(--fj-ease); }
.qo-period-toggle.is-anual::before { transform: translateX(calc(100% + 4px)); }
.qo-period-toggle button { position: relative; z-index: 1; min-height: 42px; border-radius: 999px; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; transition: color 150ms ease-out; }
.qo-period-toggle button.is-active { border: 0; background: transparent; color: #fff; box-shadow: none; }
.qo-save-callout { position: absolute; z-index: 2; left: 50%; top: -35px; transform: translateX(-50%); padding: 4px 8px !important; border-radius: 5px !important; background: var(--fj-accent) !important; color: #fff !important; font-size: .49rem !important; font-weight: 800; letter-spacing: .08em; white-space: nowrap; animation: qo-save-float 1.8s ease-in-out infinite; }
.qo-save-callout::after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 6px; height: 6px; transform: translateX(-50%) rotate(45deg); background: var(--fj-accent); }

.qo-plan {
  width: min(100%, 420px);
  padding: 34px 30px 30px;
  border-color: rgba(255,255,255,.1);
  border-radius: 31px;
  background: linear-gradient(155deg, rgba(18,18,25,.99), rgba(3,3,5,.99) 72%);
  box-shadow: 0 44px 90px -38px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.055);
  overflow: visible;
  transition: border-color 400ms var(--fj-ease), box-shadow 400ms var(--fj-ease), background 400ms var(--fj-ease);
}
.qo-plan.is-annual { border-color: rgba(255,0,85,.48); box-shadow: 0 42px 90px -39px rgba(255,0,85,.42), inset 0 1px 0 rgba(255,255,255,.07); }
.qo-plan-badge { top: -11px; padding: 6px 13px; border: 1px solid rgba(255,255,255,.18); font-size: .54rem; }
.qo-plan-title { margin: 0; color: #fff; font-family: "Syne", sans-serif; font-size: 1.65rem; font-weight: 600; letter-spacing: -.025em; text-align: center; }
.qo-plan-title span { color: var(--fj-accent); }
.qo-price { justify-content: center; margin-top: 17px; }
.qo-price strong { font-size: clamp(3.45rem, 15vw, 4.5rem); }
.qo-price-value { display: inline-block; animation: qo-price-swap 350ms var(--fj-ease) both; }
.qo-price-note { min-height: 16px; text-align: center; }
.qo-price-note { animation: qo-note-swap 250ms var(--fj-ease) both; }
.qo-plan ul { margin: 26px 0 25px; padding: 22px 0; }
.qo-plan li { align-items: center; font-size: .76rem; }
.qo-plan li span { display: grid; place-items: center; flex: 0 0 17px; height: 17px; border: 1px solid rgba(255,0,85,.22); border-radius: 50%; background: rgba(255,0,85,.08); font-size: .62rem; }
.qo-buy-button { z-index: 1; width: 100%; min-height: 52px; font-size: .75rem; }
.qo-secure { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px 12px; margin-top: 20px; color: #77747e; font-size: .58rem; letter-spacing: .02em; }
.qo-secure span { position: relative; padding-left: 10px; }
.qo-secure span::before { content: "✓"; position: absolute; left: 0; color: #a09ca6; }

.qo-guarantee {
  width: min(100% - 36px, 860px) !important;
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  align-items: center;
  gap: clamp(36px, 7vw, 74px);
  padding-block: clamp(58px, 8vw, 94px);
  border-top: 1px solid rgba(255,255,255,.055);
}
.qo-guarantee-seal { position: relative; width: 220px; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; justify-self: center; border: 1px solid rgba(255,0,85,.2); border-radius: 50%; background: radial-gradient(circle, rgba(255,0,85,.055), rgba(255,255,255,.012) 62%, transparent 63%); box-shadow: inset 0 0 0 17px rgba(255,255,255,.012), 0 26px 65px rgba(0,0,0,.3); animation: qo-float 6s ease-in-out infinite; }
.qo-guarantee-seal::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.05); border-radius: inherit; }
.qo-guarantee-seal strong { font-family: "Syne", sans-serif; font-size: 5rem; line-height: .85; letter-spacing: -.07em; }
.qo-guarantee-seal span { margin-top: 12px; color: var(--fj-accent); font-size: .57rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.qo-guarantee-seal i { position: absolute; right: 6px; bottom: 14px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: #09090d; color: var(--fj-accent); font-style: normal; box-shadow: 0 12px 28px #000; }
.qo-guarantee-copy .qo-section-pill { margin-inline: 0 !important; }
.qo-guarantee h2 { margin: 0; font-family: "Syne", sans-serif; font-size: clamp(1.75rem, 4vw, 2.7rem); line-height: 1.08; letter-spacing: -.035em; }
.qo-guarantee-copy > p:last-child { margin: 19px 0 0; color: var(--fj-muted); font-size: .87rem; line-height: 1.68; }

.qo-faq { width: 100% !important; max-width: none !important; padding: clamp(76px, 9vw, 116px) max(18px, calc((100vw - 760px) / 2)); background: #0d0d12; }
.qo-faq > header { margin-bottom: 34px; }
.qo-faq > header > p:last-child { margin: 13px auto 0; color: var(--fj-muted); font-size: .82rem; }
.qo-faq-tabs { display: flex; gap: 8px; justify-content: center; margin: 0 auto 27px; overflow-x: auto; scrollbar-width: none; }
.qo-faq-tabs::-webkit-scrollbar { display: none; }
.qo-faq-tabs button { flex: 0 0 auto; min-height: 38px; padding: 0 14px; border: 1px solid rgba(255,255,255,.06); border-radius: 999px; background: rgba(255,255,255,.018); color: #8e8a95; font-size: .68rem; font-weight: 600; cursor: pointer; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.qo-faq-tabs button.is-active { border-color: rgba(255,0,85,.38); background: rgba(255,0,85,.075); color: #fff; }
.qo-faq-list { border-top: 1px solid var(--fj-line); }
.qo-faq article > button i { transform: rotate(0); transition: transform 260ms var(--fj-ease); }
.qo-faq article.is-open > button i { transform: rotate(90deg); }

.qo-footer { width: min(100% - 36px, 1120px); min-height: 132px; }
.qo-footer > div { display: flex; flex-direction: column; gap: 7px; }
.qo-footer > div > span { display: flex; align-items: center; gap: 8px; font-family: "Syne", sans-serif; font-weight: 700; }
.qo-footer p { margin: 0; color: #77747e; font-size: .68rem; }
.qo-footer nav { display: flex; gap: 24px; }
.qo-footer a { color: #77747e; font-size: .68rem; text-decoration: none; transition: color 180ms ease; }
.qo-footer a:hover { color: #fff; }

@keyframes qo-float { 50% { transform: translateY(-7px); } }
@property --qo-pill-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes qo-pill-turn { to { --qo-pill-angle: 360deg; } }
@keyframes qo-save-float { 50% { transform: translate(-50%, -3px); } }
@keyframes qo-price-swap { from { opacity: 0; transform: translateY(8px); filter: blur(3px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes qo-note-swap { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

@keyframes fj-dot { 50% { box-shadow: 0 0 0 7px rgba(255,0,85,0); } }
@keyframes fj-scan { from { transform: translateX(-120%); } to { transform: translateX(330%); } }
@keyframes fj-node { 50% { background: var(--fj-accent); box-shadow: 0 0 8px rgba(255,0,85,.7); } }
@keyframes fj-reveal { from { opacity: 0; transform: translateY(14px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }

@media (max-width: 760px) {
  .qo-page { padding-top: 64px; }
  .qo-app-showcase { padding-bottom: 58px; }
  .qo-app-showcase-inner { padding: 31px 18px 0; }
  .qo-app-header { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; padding-bottom: 20px; }
  .qo-app-icon { width: 64px; height: 64px; border-radius: 15px; }
  .qo-app-identity h2 { font-size: 1.18rem; }
  .qo-app-identity p { margin-top: 4px; overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
  .qo-app-identity small { font-size: .57rem; }
  .qo-app-action { min-width: 77px; min-height: 34px; padding-inline: 12px; font-size: .69rem; }
  .qo-app-facts { margin-inline: -18px; padding: 17px 18px; scroll-padding-inline: 18px; }
  .qo-app-facts > div { flex-basis: 128px; padding-inline: 15px; }
  .qo-app-facts > div:first-child { padding-left: 0; }
  .qo-preview-heading { margin-top: 15px; }
  .qo-preview-heading h3,
  .qo-app-ratings h3 { font-size: 1rem; }
  .qo-preview-heading span { font-size: .59rem; }
  .qo-app-preview-track,
  .qo-app-review-track { margin-inline: -18px; padding-inline: 18px; scroll-padding-inline: 18px; }
  .qo-app-preview { flex-basis: min(265px, 72vw); height: 390px; }
  .qo-app-ratings { margin-top: 28px; padding-top: 24px; }
  .qo-rating-summary { grid-template-columns: 80px minmax(0, 185px); justify-content: space-between; gap: 20px; }
  .qo-rating-score strong { font-size: 2.65rem; }
  .qo-app-review-track article { flex-basis: min(300px, 82vw); }
  .qo-hero { min-height: auto; grid-template-columns: 1fr; gap: 28px; padding: 46px 0 20px; text-align: center; }
  .qo-hero-copy h1 { font-size: clamp(2rem, 10.3vw, 3.25rem); }
  .qo-hero-copy > p { margin-inline: auto; font-size: .94rem; }
  .qo-hero-trust { justify-content: center; }
  .qo-hero-mock { height: 470px; transform: scale(.82); transform-origin: top center; }
  .qo-proof-strip { grid-template-columns: 1fr; }
  .qo-proof-strip > div { min-height: 68px; }
  .qo-proof-strip > div:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--fj-line); }
  .qo-how-grid,
  .qo-review-grid { grid-template-columns: 1fr; }
  .qo-how-grid article { min-height: auto; }
  .qo-how-grid h3 { margin-top: 34px; }
  .qo-review-grid article { min-height: 220px; }
  .qo-plan ul { grid-template-columns: 1fr; }
  .qo-footer { flex-direction: column; justify-content: center; gap: 10px; text-align: center; }

  .qo-pricing { padding: 72px 18px 58px; }
  .qo-pricing > header { margin-bottom: 39px; }
  .qo-pricing h2,
  .qo-faq h2 { font-size: 2rem; }
  .qo-pricing header > p:last-child { max-width: 310px; margin-top: 13px; font-size: .82rem; }
  .qo-section-pill { margin-bottom: 18px !important; font-size: .57rem !important; }
  .qo-period-toggle { width: min(100%, 326px); margin-bottom: 27px; }
  .qo-plan { width: min(100%, 390px); padding: 31px 25px 27px; border-radius: 27px; }
  .qo-plan-title { font-size: 1.55rem; }
  .qo-plan ul { grid-template-columns: 1fr; gap: 11px; }
  .qo-price strong { font-size: 3.7rem; }
  .qo-buy-button { min-height: 50px; padding-inline: 24px; }
  .qo-secure { line-height: 1.5; }

  .qo-guarantee { width: min(100% - 36px, 520px) !important; grid-template-columns: 1fr; gap: 23px; padding-block: 58px 66px; text-align: center; }
  .qo-guarantee-seal { width: 174px; }
  .qo-guarantee-seal strong { font-size: 4rem; }
  .qo-guarantee-seal span { font-size: .49rem; }
  .qo-guarantee-seal i { right: 2px; bottom: 8px; width: 37px; height: 37px; }
  .qo-guarantee-copy .qo-section-pill { margin-inline: auto !important; }
  .qo-guarantee h2 { max-width: 360px; margin-inline: auto; font-size: 1.75rem; }
  .qo-guarantee-copy > p:last-child { max-width: 420px; margin: 16px auto 0; font-size: .8rem; line-height: 1.62; }

  .qo-faq { padding: 70px 18px 78px; }
  .qo-faq > header { margin-bottom: 28px; }
  .qo-faq-tabs { justify-content: flex-start; margin-inline: -18px; padding-inline: 18px; }
  .qo-faq article > button { min-height: 66px; font-size: .84rem; }
  .qo-faq article > div > p { font-size: .8rem; }

  .qo-footer { min-height: 170px; gap: 23px; }
  .qo-footer nav { gap: 18px; }
  .qo-offer-bridge { min-height: 82px; margin-top: -8px; padding: 19px 18px 24px; }
  .qo-platform-proof { font-size: .7rem; }
}

@media (max-height: 760px) and (max-width: 760px) {
  .fj-live { padding-top: 88px; padding-bottom: 10px; }
  .fj-live-shell { min-height: calc(100dvh - 98px); }
  .fj-process-head h1 { font-size: 1.32rem; }
  .fj-process-list { margin-block: 10px 6px; }
  .fj-device-stage { min-height: 326px; }
  .fj-device { transform: scale(.79); }
  .fj-activity { display: none; }
  .fj-device-stage.shows-product { min-height: 350px; }
  .fj-product-mock { height: 344px; transform: scale(.59); }
  .fj-live > .fj-live-shell > .fj-primary-cta { margin-top: -6px; }
}

/* Final offer refinements: native app screenshots and a calm, linear reading flow. */
.qo-faithful-page > .qo-app-showcase,
.qo-faithful-page > .qo-pricing,
.qo-faithful-page > .qo-guarantee,
.qo-faithful-page > .qo-faq,
.qo-faithful-page > .qo-footer {
  position: relative;
  inset: auto;
  transform: none;
}

.qo-hero-to-app-divider {
  position: relative;
  z-index: 3;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: -2px;
}
.qo-hero-to-app-divider::before,
.qo-hero-to-app-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: min(28vw, 230px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.13));
}
.qo-hero-to-app-divider::before { right: calc(50% + 18px); }
.qo-hero-to-app-divider::after { left: calc(50% + 18px); transform: scaleX(-1); }
.qo-hero-to-app-divider i {
  width: 10px;
  height: 10px;
  border-right: 1px solid rgba(255,79,137,.7);
  border-bottom: 1px solid rgba(255,79,137,.7);
  transform: rotate(45deg) translate(-2px, -2px);
  animation: qo-divider-breathe 2.8s ease-in-out infinite;
}

.qo-app-showcase-inner { padding-top: 36px; }
.qo-app-preview-track { gap: 16px; padding: 2px 2px 16px; }
.qo-app-preview {
  flex-basis: clamp(244px, 30vw, 286px);
  height: auto;
  min-height: 0;
  padding: 16px;
  border-color: rgba(255,255,255,.085);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(28,28,34,.98), rgba(11,11,15,.98));
  box-shadow: 0 16px 36px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.035);
}
.qo-app-preview > header { min-height: 58px; }
.qo-app-preview h4 { max-width: 235px; font-size: .97rem; }
.qo-preview-device {
  display: block;
  flex: none;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 1085 / 1450;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: #070709;
  box-shadow: 0 12px 24px rgba(0,0,0,.3);
}
.qo-preview-device img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.qo-app-ratings { margin-top: clamp(44px, 6vw, 60px); }
.qo-rating-summary {
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 18px 0 20px;
  border-block: 1px solid rgba(255,255,255,.065);
}
.qo-rating-score { display: grid; grid-template-columns: auto auto; align-items: baseline; justify-content: start; column-gap: 6px; }
.qo-rating-score strong { font-size: 2.45rem; letter-spacing: -.04em; }
.qo-rating-score span { white-space: nowrap; font-size: .67rem; }
.qo-rating-score em { grid-column: 1 / -1; margin-top: 3px; color: #f6c75e; font-size: .66rem; font-style: normal; letter-spacing: .12em; }
.qo-rating-bars { gap: 5px; }
.qo-rating-bars > div { grid-template-columns: 11px minmax(0, 1fr); gap: 9px; }
.qo-rating-bars span { font-size: .56rem; }
.qo-rating-bars i { height: 4px; background: rgba(255,255,255,.1); }
.qo-rating-bars em { background: linear-gradient(90deg, #ff6b9c, #ffcc65); }

.qo-app-review-track { gap: 14px; padding: 2px 2px 14px; }
.qo-app-review-track article {
  flex-basis: min(338px, 82vw);
  min-height: 178px;
  display: flex;
  flex-direction: column;
  padding: 17px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(22,22,27,.96), rgba(13,13,17,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  cursor: pointer;
  transition: background-color 180ms var(--fj-ease), transform 180ms var(--fj-ease);
}
.qo-app-review-track article:hover { background: #18181e; }
.qo-app-review-track article:active { transform: scale(.985); }
.qo-app-review-track article:focus-visible,
.qo-app-preview:focus-visible { outline: 2px solid rgba(255,91,144,.9); outline-offset: 3px; }
.qo-app-review-track p {
  display: -webkit-box;
  overflow: hidden;
  margin: 10px 0 14px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.qo-app-review-track small { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; }
.qo-app-review-track small span { color: #4e4b55; }

.qo-plan > p.qo-price-note {
  min-height: auto;
  margin-top: 9px;
  color: #85818b;
  font-size: .68rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

@keyframes qo-divider-breathe {
  0%, 100% { opacity: .45; transform: rotate(45deg) translate(-2px, -2px); }
  50% { opacity: 1; transform: rotate(45deg) translate(1px, 1px); }
}

@media (max-width: 560px) {
  .qo-hero-to-app-divider { height: 34px; }
  .qo-app-showcase-inner { padding: 22px 18px 0; }
  .qo-app-preview { flex-basis: min(74vw, 272px); padding: 13px; border-radius: 16px; }
  .qo-app-preview > header { min-height: 53px; }
  .qo-app-preview h4 { font-size: .9rem; }
  .qo-rating-summary { grid-template-columns: 104px minmax(0, 1fr); gap: 15px; }
  .qo-rating-score strong { font-size: 2.1rem; }
  .qo-app-review-track article { flex-basis: min(80vw, 326px); }
  .qo-price-note { font-size: clamp(.57rem, 2.4vw, .66rem); }
}

/* Stable viewport allocation for the final offer. Small viewport units do not resize when mobile browser chrome collapses. */
.qo-faithful-page.is-journey-locked {
  height: 100svh;
}
.qo-faithful-hero {
  height: 100svh;
  min-height: 100svh;
  max-height: 100svh;
}
.qo-faithful-frame { height: 100%; }

/* The app previews are intentionally image-only, with no card chrome competing with the product UI. */
.qo-app-preview-track { gap: 14px; padding: 2px 2px 18px; }
.qo-app-preview {
  flex: 0 0 clamp(238px, 30vw, 282px);
  display: block;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 1085 / 1450;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 15px;
  background: #08080b;
  box-shadow: 0 18px 35px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.015);
  scroll-snap-align: start;
}
.qo-app-preview > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Compact review cards retain a clear title-first hierarchy without making the rail taller. */
.qo-app-review-track { gap: 16px; padding: 4px 2px 16px; }
.qo-app-review-track article {
  flex-basis: min(344px, 82vw);
  min-height: 190px;
  padding: 19px 18px 17px;
  border-color: rgba(255,255,255,.08);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(25,25,31,.98), rgba(13,13,17,.98));
  box-shadow: 0 14px 28px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.035);
}
.qo-app-review-track article > div { align-items: center; gap: 14px; }
.qo-app-review-track strong { color: #f0edf2; font-size: .87rem; font-weight: 700; line-height: 1.25; letter-spacing: 0; }
.qo-app-review-track article > div span { color: #f5c45b; font-size: .62rem; letter-spacing: .08em; }
.qo-app-review-track p { margin: 12px 0 16px; color: #aaa6b0; font-size: .73rem; line-height: 1.55; }
.qo-app-review-track small { padding-top: 10px; border-top: 1px solid rgba(255,255,255,.055); color: #807b86; font-size: .62rem; }
.qo-app-review-track small span { color: #5d5963; }

/* Mirrors the subdued supporting copy from Landing Page 2.0 while reserving one uninterrupted line. */
.qo-plan > p.qo-price-note {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 8px auto 0;
  padding: 0;
  overflow: hidden;
  color: #7d7a86;
  font-size: .72rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .025em;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  text-overflow: clip;
}

@media (max-width: 560px) {
  .qo-app-preview { flex-basis: min(73vw, 270px); }
  .qo-app-review-track article { flex-basis: min(82vw, 336px); }
  .qo-plan > p.qo-price-note { font-size: clamp(8.5px, 2.35vw, 10px); letter-spacing: 0; }
}

/* A dedicated in-flow transition preserves a stable, intentional pause after the full-screen Hero. */
.qo-hero-to-app-divider {
  position: relative;
  z-index: 4;
  height: 64px;
  min-height: 64px;
  display: grid;
  place-items: center;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3,3,5,0) 0%, rgba(3,3,5,0) 54%, rgba(5,5,7,.72) 78%, #0a0a0e 100%);
}
.qo-hero-to-app-divider::before,
.qo-hero-to-app-divider::after {
  z-index: 2;
  background: linear-gradient(90deg, transparent, rgba(255,79,137,.38), transparent);
}
.qo-hero-to-app-divider::before { right: calc(50% + 21px); }
.qo-hero-to-app-divider::after { left: calc(50% + 21px); }
.qo-hero-to-app-divider i {
  position: relative;
  z-index: 3;
  width: 9px;
  height: 9px;
  border-color: rgba(255,105,155,.82);
  box-shadow: 3px 3px 16px rgba(255,0,85,.22);
}

/* A single contextual heading groups the preview rail without adding chrome to the screenshots. */
.qo-preview-heading {
  margin: 31px 0 13px;
  align-items: baseline;
}
.qo-preview-heading h3 {
  color: #efebf0;
  font-size: 1.08rem;
  font-weight: 700;
}
.qo-preview-heading span { color: #75707c; }
.qo-preview-indicator {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding-top: 3px;
}
.qo-preview-indicator i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  transition: width 260ms var(--fj-ease), background-color 260ms var(--fj-ease);
}
.qo-preview-indicator i.is-active {
  width: 15px;
  background: rgba(255,91,144,.9);
}

.qo-review-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-height: 28px;
  margin-top: 2px;
}
.qo-review-indicator button {
  width: 24px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.qo-review-indicator i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  transition: width 260ms var(--fj-ease), background-color 260ms var(--fj-ease);
}
.qo-review-indicator i.is-active { width: 15px; background: rgba(255,91,144,.9); }

.qo-app-preview { cursor: zoom-in; transition: filter 180ms var(--fj-ease), transform 180ms var(--fj-ease); }
.qo-app-preview:hover { filter: brightness(1.045); }
.qo-app-preview:active { transform: scale(.99); }

.qo-modal-layer {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(0,0,0,.84);
  backdrop-filter: blur(10px);
  animation: qo-modal-fade 180ms ease-out both;
}
.qo-modal {
  position: relative;
  width: min(100%, 420px);
  animation: qo-modal-in 260ms var(--fj-ease) both;
}
.qo-modal-close {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0 0 3px;
  border: 0;
  border-radius: 50%;
  background: rgba(8,8,11,.86);
  color: #f5f1f6;
  font-size: 1.55rem;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: background-color 160ms ease-out, transform 160ms ease-out;
}
.qo-modal-close:hover { background: #1c1c22; }
.qo-modal-close:active { transform: scale(.94); }
.qo-modal-close:focus-visible { outline: 2px solid #ff6d9e; outline-offset: 3px; }
.qo-preview-modal { width: fit-content; max-width: 100%; display: grid; justify-items: center; }
.qo-preview-modal > img { display: block; max-width: min(100%, 560px); max-height: calc(100dvh - 72px); border-radius: 14px; object-fit: contain; box-shadow: 0 8px 8px rgba(0,0,0,.42); }
.qo-preview-modal > small { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); padding: 5px 9px; border-radius: 999px; background: rgba(3,3,5,.78); color: #b8b4be; font-size: .65rem; backdrop-filter: blur(8px); }
.qo-review-modal { max-height: min(72dvh, 620px); overflow-y: auto; padding: 30px 24px 26px; border-radius: 18px; background: #1c1c21; color: #fff; box-shadow: 0 8px 8px rgba(0,0,0,.42); }
.qo-review-modal h3 { max-width: calc(100% - 42px); margin: 15px 0 14px; font-family: "Syne", sans-serif; font-size: 1.12rem; line-height: 1.25; }
.qo-review-modal-meta { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.055); }
.qo-review-modal-meta > span { color: #f5c45b; font-size: .72rem; letter-spacing: .1em; }
.qo-review-modal-meta small { display: grid; justify-items: end; gap: 3px; color: #77737e; font-size: .68rem; }
.qo-review-modal-meta strong { color: #9d99a3; font-weight: 600; }
.qo-review-modal > p { margin: 17px 0 0; color: #cbc7cf; font-size: .88rem; line-height: 1.68; }

@keyframes qo-modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes qo-modal-in { from { opacity: 0; transform: translateY(12px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } }

.qo-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
}
.qo-footer > div { grid-column: 2; align-items: center; text-align: center; }
.qo-footer nav { grid-column: 3; justify-self: end; }

.qo-app-review-track strong {
  color: #f5f1f6;
  font-family: "Syne", sans-serif;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  .qo-faithful-hero {
    /*
      The embedded animatic uses an absolutely positioned content stage. Its
      compact Hero occupies 78px (stage offset) + 454px (CTA offset) + 113px
      (CTA, trust and community) plus a safe closing inset. This intrinsic
      floor keeps the complete Hero in the document flow on short viewports.
    */
    height: max(680px, 100svh);
    min-height: max(680px, 100svh);
    max-height: none;
  }
  /* Keep a deliberate, in-flow pause after the Hero. The marker sits on the
     actual edge where the app section begins, rather than floating mid-gap. */
  .qo-hero-to-app-divider {
    height: 56px;
    min-height: 56px;
  }
  .qo-hero-to-app-divider::before,
  .qo-hero-to-app-divider::after {
    top: auto;
    bottom: 0;
  }
  .qo-hero-to-app-divider i {
    align-self: end;
    margin-bottom: -3px;
  }
  .qo-app-showcase-inner { padding-top: 34px; }
  .qo-review-modal { max-height: 78dvh; padding: 25px 20px 23px; }
  .qo-footer { grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 23px; padding-block: 28px; }
  .qo-footer > div,
  .qo-footer nav { grid-column: 1; justify-self: center; }
  .qo-preview-heading { margin: 27px 0 16px; }
  .qo-preview-heading h3 { font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .fj-context-choice,
  .fj-slider-track i,
  .fj-slider-track i::after,
  .qo-faq article > div { transition-duration: .01ms !important; }
  .is-active .fj-process-dot,
  .fj-activity > i::after,
  .fj-activity em i,
  .fj-completion,
  .fj-hero-copy,
  .fj-live > .fj-live-shell > .fj-primary-cta { animation: none !important; }
  .fj-primary-cta { scroll-behavior: auto; }
  .qo-guarantee-seal { animation: none !important; }
  .qo-section-pill,
  .qo-save-callout,
  .qo-price-value,
  .qo-price-note { animation: none !important; }
  .qo-period-toggle::before { transition-duration: .01ms !important; }
  .qo-modal-layer,
  .qo-modal { animation: none !important; }
}

/* PASSO 6 — COMPOSIÇÃO MOBILE-FIRST POR ALTURA DO VIEWPORT */
.step6-transition {
  padding-top: 52px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
}

.step6-title {
  margin-bottom: 12px;
}

.step6-subtitle {
  margin-bottom: 20px;
}

.step6-mockup-stage {
  width: 100%;
  height: 340px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: visible;
  margin: 0 0 8px;
}

.step6-mockup-scale {
  width: 300px;
  flex-shrink: 0;
  transform: scale(0.59);
  transform-origin: top center;
}

.step6-support-copy {
  width: 100%;
  max-width: 340px;
  margin-top: 20px;
  margin-bottom: 0;
}

.step6-cta-wrap {
  width: 100%;
  max-width: 284px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

@media (min-height: 740px) {
  .step6-transition {
    padding-top: 56px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }

  .step6-title {
    margin-bottom: 16px;
  }

  .step6-subtitle {
    margin-bottom: 24px;
  }

  .step6-mockup-stage {
    height: 370px;
    margin-top: 4px;
    margin-bottom: 12px;
  }

  .step6-mockup-scale {
    transform: scale(0.64);
  }

  .step6-support-copy {
    margin-top: 24px;
  }

  .step6-cta-wrap {
    max-width: 292px;
  }
}

@media (min-height: 820px) {
  .step6-transition {
    padding-top: 60px;
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
  }

  .step6-title {
    margin-bottom: 16px;
  }

  .step6-subtitle {
    margin-bottom: 28px;
  }

  .step6-mockup-stage {
    height: 390px;
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .step6-mockup-scale {
    transform: scale(0.68);
  }

  .step6-support-copy {
    margin-top: 28px;
  }

  .step6-cta-wrap {
    max-width: 300px;
  }
}