@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 { --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-scroll-snap-strictness: proximity; --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-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; }
  ::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-scroll-snap-strictness: proximity; --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-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; }
}
}
@layer theme {
  :root, :root { --font-sans: Poppins; --font-mono: Poppins; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --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: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -.025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
  *, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  :root, :root { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,Poppins); 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: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,Poppins); 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: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  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; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :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(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { 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: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer components;
@layer utilities {
  .\@container\/card-header { container: card-header / inline-size; }
  .\@container\/field-group { container: field-group / inline-size; }
  .pointer-events-none { pointer-events: none; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .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); }
  .inset-s-1\/2 { inset-inline-start: 50%; }
  .start { inset-inline-start: var(--spacing); }
  .end { inset-inline-end: var(--spacing); }
  .-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-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-3\.5 { right: calc(var(--spacing) * 3.5); }
  .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-3 { left: calc(var(--spacing) * 3); }
  .left-\[50\%\] { left: 50%; }
  .isolate { isolation: isolate; }
  .z-10 { z-index: 10; }
  .z-20 { z-index: 20; }
  .z-50 { z-index: 50; }
  .z-\[1\] { z-index: 1; }
  .order-first { order: -9999; }
  .order-last { order: 9999; }
  .col-start-2 { grid-column-start: 2; }
  .row-span-2 { grid-row: span 2 / span 2; }
  .row-start-1 { grid-row-start: 1; }
  .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-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-0\.5 { margin-top: calc(var(--spacing) * .5); }
  .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-auto { margin-top: auto; }
  .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
  .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
  .-ml-1 { margin-left: calc(var(--spacing) * -1); }
  .-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-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
  .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; }
  .table-caption { display: table-caption; }
  .table-cell { display: table-cell; }
  .table-row { display: table-row; }
  .field-sizing-content { field-sizing: content; }
  .aspect-square { aspect-ratio: 1 / 1; }
  .aspect-video { aspect-ratio: var(--aspect-video); }
  .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); }
  .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
  .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
  .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
  .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); }
  .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }
  .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); }
  .size-auto { width: auto; height: auto; }
  .size-full { width: 100%; height: 100%; }
  .h-\(--cell-size\) { height: var(--cell-size); }
  .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-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-\[calc\(--spacing\(5\.5\)\)\] { height: calc(calc(var(--spacing) * 5.5)); }
  .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); }
  .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-max { height: max-content; }
  .h-px { height: 1px; }
  .h-svh { height: 100svh; }
  .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); }
  .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); }
  .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); }
  .max-h-96 { max-height: calc(var(--spacing) * 96); }
  .max-h-\[300px\] { max-height: 300px; }
  .max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] { max-height: min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9))); }
  .min-h-0 { min-height: calc(var(--spacing) * 0); }
  .min-h-4 { min-height: calc(var(--spacing) * 4); }
  .min-h-9 { min-height: calc(var(--spacing) * 9); }
  .min-h-16 { min-height: calc(var(--spacing) * 16); }
  .min-h-full { min-height: 100%; }
  .min-h-svh { min-height: 100svh; }
  .w-\(--anchor-width\) { width: var(--anchor-width); }
  .w-\(--cell-size\) { width: var(--cell-size); }
  .w-\(--sidebar-width\) { width: var(--sidebar-width); }
  .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\/4 { width: 75%; }
  .w-4 { width: calc(var(--spacing) * 4); }
  .w-5 { width: calc(var(--spacing) * 5); }
  .w-9 { width: calc(var(--spacing) * 9); }
  .w-10 { width: calc(var(--spacing) * 10); }
  .w-24 { width: calc(var(--spacing) * 24); }
  .w-64 { width: calc(var(--spacing) * 64); }
  .w-72 { width: calc(var(--spacing) * 72); }
  .w-\[100px\] { width: 100px; }
  .w-auto { width: auto; }
  .w-fit { width: fit-content; }
  .w-full { width: 100%; }
  .w-max { width: max-content; }
  .w-px { width: 1px; }
  .max-w-\(--available-width\) { max-width: var(--available-width); }
  .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); }
  .max-w-\[80\%\] { max-width: 80%; }
  .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); }
  .max-w-full { max-width: 100%; }
  .max-w-max { max-width: max-content; }
  .max-w-sm { max-width: var(--container-sm); }
  .min-w-\(--cell-size\) { min-width: var(--cell-size); }
  .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-16 { min-width: calc(var(--spacing) * 16); }
  .min-w-40 { min-width: calc(var(--spacing) * 40); }
  .min-w-\[8rem\] { min-width: 8rem; }
  .min-w-\[12rem\] { min-width: 12rem; }
  .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] { min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7)); }
  .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
  .flex-1 { flex: 1 1 0%; }
  .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: var(--radix-context-menu-content-transform-origin); }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
  .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); }
  .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); }
  .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); }
  .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); }
  .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); }
  .origin-\(--transform-origin\) { transform-origin: var(--transform-origin); }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); 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: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-3\/4 { --tw-translate-y: calc(calc(3 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-3\/4 { --tw-translate-y: calc(3 / 4 * 100%); 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); }
  .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); 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-pulse { animation: var(--animate-pulse); }
  .animate-spin { animation: var(--animate-spin); }
  .cursor-default { cursor: default; }
  .cursor-text { cursor: text; }
  .touch-none { touch-action: none; }
  .resize-none { resize: none; }
  .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }
  .snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
  .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); }
  .scroll-px-1 { scroll-padding-inline: calc(var(--spacing) * 1); }
  .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); }
  .list-disc { list-style-type: disc; }
  .list-none { list-style-type: none; }
  .appearance-none { appearance: none; }
  .auto-rows-min { grid-auto-rows: min-content; }
  .grid-cols-\[0_1fr\] { grid-template-columns: 0px 1fr; }
  .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; }
  .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; }
  .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; }
  .place-items-center { place-items: 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-start { justify-content: flex-start; }
  .justify-items-start { justify-items: start; }
  .gap-0\.5 { gap: calc(var(--spacing) * .5); }
  .gap-1 { gap: calc(var(--spacing) * 1); }
  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-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); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-\[--spacing\(var\(--gap\)\)\] { gap: calc(var(--spacing) * var(--gap)); }
  :where(.-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))); }
  .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); }
  .self-end { align-self: flex-end; }
  .self-start { align-self: flex-start; }
  .self-stretch { align-self: stretch; }
  .justify-self-end { justify-self: flex-end; }
  .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .overflow-auto { overflow: auto; }
  .overflow-hidden { overflow: hidden; }
  .overflow-x-auto { overflow-x: auto; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .overscroll-contain { overscroll-behavior: contain; }
  .overscroll-x-contain { overscroll-behavior-x: contain; }
  .rounded-\[2px\] { border-radius: 2px; }
  .rounded-\[4px\] { border-radius: 4px; }
  .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); }
  .rounded-\[inherit\] { border-radius: inherit; }
  .rounded-full { border-radius: 3.40282e+38px; }
  .rounded-lg { border-radius: var(--radius-lg); }
  .rounded-md { border-radius: var(--radius-md); }
  .rounded-none { border-radius: 0px; }
  .rounded-sm { border-radius: var(--radius-sm); }
  .rounded-xl { border-radius: var(--radius-xl); }
  .rounded-xs { border-radius: var(--radius-xs); }
  .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .rounded-tl-sm { border-top-left-radius: var(--radius-sm); }
  .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .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-none { --tw-border-style: none; border-style: none; }
  .border-\(--color-border\) { border-color: var(--color-border); }
  .border-transparent { border-color: rgba(0, 0, 0, 0); }
  .border-t-transparent { border-top-color: rgba(0, 0, 0, 0); }
  .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); }
  .bg-\(--color-bg\) { background-color: var(--color-bg); }
  .bg-\[Canvas\] { background-color: canvas; }
  .bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }
  @supports (color:color-mix(in lab, red, red)) {
  .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); }
}
  .bg-transparent { background-color: rgba(0, 0, 0, 0); }
  .bg-white { background-color: var(--color-white); }
  .bg-clip-padding { background-clip: padding-box; }
  .fill-current { fill: currentcolor; }
  .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-6 { padding: calc(var(--spacing) * 6); }
  .p-\[3px\] { padding: 3px; }
  .p-px { padding: 1px; }
  .px-\(--cell-size\) { padding-inline: var(--cell-size); }
  .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-6 { padding-inline: calc(var(--spacing) * 6); }
  .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); }
  .pt-0 { padding-top: calc(var(--spacing) * 0); }
  .pt-3 { padding-top: calc(var(--spacing) * 3); }
  .pt-4 { padding-top: calc(var(--spacing) * 4); }
  .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); }
  .pr-9 { padding-right: calc(var(--spacing) * 9); }
  .pb-2 { padding-bottom: calc(var(--spacing) * 2); }
  .pb-3 { padding-bottom: calc(var(--spacing) * 3); }
  .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
  .pl-2 { padding-left: calc(var(--spacing) * 2); }
  .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(--font-mono); }
  .font-sans { font-family: var(--font-sans); }
  .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-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .text-\[0\.8rem\] { font-size: 0.8rem; }
  .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-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-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
  .text-balance { text-wrap: balance; }
  .break-words, .wrap-break-word { overflow-wrap: break-word; }
  .whitespace-nowrap { white-space: nowrap; }
  .text-\[CanvasText\] { color: canvastext; }
  .text-current { color: currentcolor; }
  .text-white { color: var(--color-white); }
  .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; }
  .antialiased { -webkit-font-smoothing: antialiased; }
  .opacity-0 { opacity: 0; }
  .opacity-50 { opacity: 0.5; }
  .opacity-60 { opacity: 0.6; }
  .opacity-70 { opacity: 0.7; }
  .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_var\(--sidebar-border\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,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-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-3 { --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); }
  .outline-hidden { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .outline-hidden { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .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-\[translate\,scale\,opacity\] { transition-property: translate, scale, 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-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-none { transition-property: none; }
  .duration-100 { --tw-duration: .1s; transition-duration: 0.1s; }
  .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
  .duration-300 { --tw-duration: .3s; transition-duration: 0.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; }
  .contain-content { contain: content; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-none { user-select: none; }
  .\[--cell-size\:--spacing\(8\)\] { --cell-size: calc(var(--spacing) * 8); }
  .\[contain-intrinsic-size\:auto_10rem\] { contain-intrinsic-size: auto 10rem; }
  .\[content-visibility\:auto\] { content-visibility: auto; }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; }
  @media (hover: 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-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot="combobox-clear"]) *) { display: none; }
  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot="message-footer"]) *) { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant="ghost"]) *) { padding-inline: calc(var(--spacing) * 0); }
  .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-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) { display: flex; }
  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) { align-self: flex-end; }
  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align="end"] *) { justify-content: flex-end; }
  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align="end"] *) { align-self: flex-end; }
  .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\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); }
  .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\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .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: 0.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\: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-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) { height: calc(var(--spacing) * 9); }
  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) { position: absolute; }
  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) { top: calc(var(--spacing) * 3); }
  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) { right: calc(var(--spacing) * 3); }
  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation="vertical"] *) { width: 100%; }
  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) { gap: calc(var(--spacing) * 1); }
  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) { padding-inline: calc(var(--spacing) * 1); }
  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) { height: fit-content; }
  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) { width: 100%; }
  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) { flex-direction: column; }
  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) { justify-content: flex-start; }
  .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-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) { display: grid; }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size="sm"] *) { width: calc(var(--spacing) * 8); }
  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size="xs"] *) { width: calc(var(--spacing) * 7); }
  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size="xs"] *) { border-radius: var(--radius-md); }
  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *), .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) { opacity: 1; }
  .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-lg); }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .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\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) { background-color: rgba(0, 0, 0, 0); }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing) * -2); }
  .group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant="separator"] *) { flex: 0 0 auto; }
  .group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant="separator"] *) { text-align: center; }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: var(--radius-md); }
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --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-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: .2s; transition-duration: 0.2s; }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: 0.5; }
  .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); }
  .file\:inline-flex::file-selector-button { display: inline-flex; }
  .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); }
  .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }
  .file\:bg-transparent::file-selector-button { background-color: rgba(0, 0, 0, 0); }
  .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); }
  .before\:mr-1::before { content: var(--tw-content); margin-right: calc(var(--spacing) * 1); }
  .before\:h-px::before { content: var(--tw-content); height: 1px; }
  .before\:min-w-0::before { content: var(--tw-content); min-width: calc(var(--spacing) * 0); }
  .before\:flex-1::before { content: var(--tw-content); flex: 1 1 0%; }
  .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\:ml-1::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 1); }
  .after\:h-px::after { content: var(--tw-content); height: 1px; }
  .after\:w-1::after { content: var(--tw-content); width: calc(var(--spacing) * 1); }
  .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }
  .after\:min-w-0::after { content: var(--tw-content); min-width: calc(var(--spacing) * 0); }
  .after\:flex-1::after { content: var(--tw-content); flex: 1 1 0%; }
  .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .after\:opacity-0::after { content: var(--tw-content); opacity: 0; }
  .after\:transition-opacity::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after { content: var(--tw-content); bottom: -5px; }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after { content: var(--tw-content); height: calc(var(--spacing) * .5); }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after { content: var(--tw-content); right: calc(var(--spacing) * -1); }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after { content: var(--tw-content); width: calc(var(--spacing) * .5); }
  .first\:rounded-l-md:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .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: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .focus-within\:ring-1:focus-within { --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-within\:ring-\[3px\]:focus-within { --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); }
  @media (hover: hover) {
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:opacity-100:hover { opacity: 1; }
  .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,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\:ring-4:hover { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus\:z-10:focus { z-index: 10; }
  .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-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-hidden:focus { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .focus\:outline-hidden:focus { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .focus-visible\:z-10:focus-visible { z-index: 10; }
  .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-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .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-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\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .disabled\:pointer-events-none:disabled { pointer-events: none; }
  .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
  .disabled\:opacity-50:disabled { opacity: 0.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\: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-disabled\:pointer-events-none:has(:disabled) { pointer-events: none; }
  .has-disabled\:cursor-not-allowed:has(:disabled) { cursor: not-allowed; }
  .has-disabled\:opacity-50:has(:disabled) { opacity: 0.5; }
  .has-aria-invalid\:ring-\[3px\]:has([aria-invalid="true"]) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) { grid-template-rows: auto auto 1fr; }
  .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) { column-gap: calc(var(--spacing) * 6); }
  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot="attachment-content"]) { width: calc(var(--spacing) * 30); }
  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot="attachment-content"]) { padding-inline: calc(var(--spacing) * 1.5); }
  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot="attachment-content"]) { padding-inline: calc(var(--spacing) * 2); }
  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot="attachment-content"]) { padding-inline: calc(var(--spacing) * 2.5); }
  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot="attachment-content"]) { padding-block: calc(var(--spacing) * 1); }
  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot="attachment-content"]) { padding-block: calc(var(--spacing) * 1.5); }
  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot="attachment-content"]) { padding-block: calc(var(--spacing) * 2); }
  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot="attachment-media"]) { padding: calc(var(--spacing) * 1); }
  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot="attachment-media"]) { padding: calc(var(--spacing) * 1.5); }
  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot="attachment-media"]) { padding: calc(var(--spacing) * 2); }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; }
  .has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot="combobox-chip"]) { padding-inline: calc(var(--spacing) * 1.5); }
  .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot="combobox-chip-remove"]) { padding-right: calc(var(--spacing) * 0); }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]: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); }
  .has-\[button\]\:p-0:has(:is(button)) { padding: calc(var(--spacing) * 0); }
  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) { opacity: 0.5; }
  .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: var(--radius-md); }
  .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\.45rem\]:has(> button) { margin-right: -0.45rem; }
  .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) { margin-left: -0.45rem; }
  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) { margin-right: -0.35rem; }
  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) { margin-left: -0.35rem; }
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; }
  .has-\[\>svg\]\:gap-x-3:has(> svg) { column-gap: calc(var(--spacing) * 3); }
  .has-\[\>svg\]\:p-0:has(> svg) { padding: calc(var(--spacing) * 0); }
  .has-\[\>svg\]\:px-1\.5:has(> svg) { padding-inline: calc(var(--spacing) * 1.5); }
  .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-\[\>svg\]\:px-3:has(> svg) { padding-inline: calc(var(--spacing) * 3); }
  .has-\[\>svg\]\:px-4:has(> svg) { padding-inline: calc(var(--spacing) * 4); }
  .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: 0.5; }
  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] { height: 1px; }
  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] { width: 100%; }
  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]::after { content: var(--tw-content); left: calc(var(--spacing) * 0); }
  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]::after { content: var(--tw-content); height: calc(var(--spacing) * 1); }
  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]::after { content: var(--tw-content); width: 100%; }
  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] { flex-direction: column; }
  .data-empty\:p-0[data-empty] { padding: calc(var(--spacing) * 0); }
  .data-pressed\:bg-transparent[data-pressed] { background-color: rgba(0, 0, 0, 0); }
  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] { align-self: flex-end; }
  .data-\[active\=false\]\:pointer-events-none[data-active="false"] { pointer-events: none; }
  .data-\[active\=false\]\:scale-95[data-active="false"] { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .data-\[active\=false\]\:opacity-0[data-active="false"] { opacity: 0; }
  .data-\[active\=false\]\:duration-400[data-active="false"] { --tw-duration: .4s; transition-duration: 0.4s; }
  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] { --tw-ease: cubic-bezier(.7,0,.84,0); transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0); }
  .data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; }
  .data-\[active\=true\]\:translate-y-0[data-active="true"] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[active\=true\]\:scale-100[data-active="true"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .data-\[active\=true\]\:opacity-100[data-active="true"] { opacity: 1; }
  .data-\[active\=true\]\:ring-\[3px\][data-active="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); }
  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] { --tw-ease: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] { flex-direction: row-reverse; }
  .data-\[align\=end\]\:self-end[data-align="end"] { align-self: flex-end; }
  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] { min-width: var(--anchor-width); }
  .data-\[direction\=end\]\:bottom-4[data-direction="end"] { bottom: calc(var(--spacing) * 4); }
  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[direction\=start\]\:top-4[data-direction="start"] { top: calc(var(--spacing) * 4); }
  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
  .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; }
  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; }
  .data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8); }
  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); }
  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; }
  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; }
  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; }
  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] { flex-direction: column; }
  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] { height: auto; }
  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; }
  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] { min-height: calc(var(--spacing) * 44); }
  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); }
  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] { width: auto; }
  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; }
  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; }
  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] { flex-direction: column; }
  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: var(--radius-md); }
  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: var(--radius-md); }
  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0px; }
  .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\=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\=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\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[size\=default\]\:h-9[data-size="default"] { height: calc(var(--spacing) * 9); }
  .data-\[size\=default\]\:h-\[1\.15rem\][data-size="default"] { height: 1.15rem; }
  .data-\[size\=default\]\:w-8[data-size="default"] { width: calc(var(--spacing) * 8); }
  .data-\[size\=lg\]\:size-10[data-size="lg"] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .data-\[size\=sm\]\:size-6[data-size="sm"] { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .data-\[size\=sm\]\:h-3\.5[data-size="sm"] { height: calc(var(--spacing) * 3.5); }
  .data-\[size\=sm\]\:h-8[data-size="sm"] { height: calc(var(--spacing) * 8); }
  .data-\[size\=sm\]\:w-6[data-size="sm"] { width: calc(var(--spacing) * 6); }
  .data-\[size\=sm\]\:max-w-xs[data-size="sm"] { max-width: var(--container-xs); }
  .data-\[size\=sm\]\:py-1[data-size="sm"] { padding-block: calc(var(--spacing) * 1); }
  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] { flex: 0 0 auto; }
  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] { scroll-snap-align: start; }
  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] { --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); }
  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] { border-radius: 0px; }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] { background-color: oklch(from var(--primary) .93 calc(c * .4) h); }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] { background-color: rgba(0, 0, 0, 0); }
  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] { padding: calc(var(--spacing) * 0); }
  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] { gap: calc(var(--spacing) * 3); }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); }
  :is(.\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] { margin: calc(var(--spacing) * 1); }
  :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] { margin-bottom: calc(var(--spacing) * 0); }
  :is(.\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] { height: calc(var(--spacing) * 8); }
  :is(.\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] { --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); }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus { --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); }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus { --tw-outline-style: none; outline-style: none; }
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] { display: flex; }
  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] { align-items: center; }
  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] { gap: calc(var(--spacing) * 2); }
  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] { width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important; }
  .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] { border-radius: 0px; }
  .data-\[spacing\=0\]\:shadow-none[data-spacing="0"] { --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); }
  .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[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); }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { background-color: rgba(0, 0, 0, 0); }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="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); }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]::after { content: var(--tw-content); opacity: 1; }
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: 0.3s; }
  .data-\[state\=idle\]\:border-dashed[data-state="idle"] { --tw-border-style: dashed; border-style: dashed; }
  .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
  .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: 0.5s; }
  .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-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] { max-width: 100%; }
  .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)); }
  .data-\[variant\=line\]\:rounded-none[data-variant="line"] { border-radius: 0px; }
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant="outline"] { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant="outline"]:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing="default"][data-variant="outline"] { --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); }
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] { inset-inline: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing) * 24); }
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] { max-height: 80vh; }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); }
  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] { inset-block: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] { left: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] { width: 75%; }
  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] { inset-block: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] { right: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] { width: 75%; }
  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] { inset-inline: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] { top: calc(var(--spacing) * 0); }
  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing) * 24); }
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] { max-height: 80vh; }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); }
  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .nth-last-2\:-mt-1:nth-last-child(2) { margin-top: calc(var(--spacing) * -1); }
  @media (min-width: 40rem) {
  .sm\:block { display: block; }
  .sm\:flex { display: flex; }
  .sm\:max-w-lg { max-width: var(--container-lg); }
  .sm\:max-w-sm { max-width: var(--container-sm); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
  .sm\:pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); }
  .sm\:pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); }
  .sm\:text-left { text-align: left; }
  .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) { grid-row: span 2 / span 2; }
  .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) { place-items: start; }
  .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) { text-align: left; }
  .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) { grid-column-start: 2; }
  .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) { grid-template-rows: auto 1fr; }
  .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] { max-width: var(--container-lg); }
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: var(--container-sm); }
}
  @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\:flex-row { flex-direction: row; }
  .md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .md\:p-12 { padding: calc(var(--spacing) * 12); }
  .md\:text-left { text-align: left; }
  .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: var(--radius-xl); }
  .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 (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; }
}
  .rtl\:translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); }
  @media (prefers-color-scheme: dark) {
  .dark\:bg-transparent { background-color: rgba(0, 0, 0, 0); }
  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] { background-color: oklch(from var(--primary) .3 calc(c * .4) h); }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { border-color: rgba(0, 0, 0, 0); }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { background-color: rgba(0, 0, 0, 0); }
}
  @media (pointer: coarse) {
  .pointer-coarse\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
  .pointer-coarse\:px-3 { padding-inline: calc(var(--spacing) * 3); }
  .pointer-coarse\:py-2 { padding-block: calc(var(--spacing) * 2); }
  .pointer-coarse\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
}
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\[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\]\]\: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\]\:shrink-0 svg { flex-shrink: 0; }
  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg { rotate: 180deg; }
  .\[\&_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-"]), .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*="size-"]) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*="size-"]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
  .\[\&_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: 0px; }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] { flex: 0 0 auto; }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .\[\&\: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-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6); }
  .\[\.border-t\]\:pt-3.border-t { padding-top: calc(var(--spacing) * 3); }
  .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6); }
  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }
  .\[a\]\:underline:is(a) { text-decoration-line: underline; }
  .\[a\]\:underline-offset-3:is(a) { text-underline-offset: 3px; }
  .\[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)); }
  :is(.\*\:\[a\]\:underline > *):is(a) { text-decoration-line: underline; }
  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) { text-underline-offset: 3px; }
  .\[button\]\:text-left:is(button) { text-align: left; }
  .\[button\,a\]\:transition-colors:is(button, 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)); }
  .\[button\,a\]\:outline-none:is(button, a) { --tw-outline-style: none; outline-style: none; }
  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):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); }
  :is(.\*\:\[img\]\:aspect-square > *):is(img) { aspect-ratio: 1 / 1; }
  :is(.\*\:\[img\]\:w-full > *):is(img) { width: 100%; }
  :is(.\*\:\[img\]\:object-cover > *):is(img) { object-fit: cover; }
  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child { display: flex; }
  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child { align-items: center; }
  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child { gap: calc(var(--spacing) * 2); }
  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 > *):is(svg:not([class*="size-"])) { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected="true"] button { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .\[\&\>\*\]\:w-full > * { width: 100%; }
  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible { position: relative; }
  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible { z-index: 10; }
  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] { padding: calc(var(--spacing) * 4); }
  @container field-group (width >= 28rem) {
  .\@md\/field-group\:\[\&\>\*\]\:w-auto > * { width: auto; }
}
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
  .\[\&\>\.sr-only\]\:w-auto > .sr-only { width: auto; }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: var(--muted); }
  @supports (color:color-mix(in lab, red, red)) {
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%); }
}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: var(--secondary); }
  @supports (color:color-mix(in lab, red, red)) {
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%); }
}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: oklch(from var(--primary) .88 calc(c * .5) h); }
  @media (prefers-color-scheme: dark) {
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\] > [data-slot="bubble-content"]:is(button, a):hover { background-color: oklch(from var(--primary) .35 calc(c * .5) h); }
}
  .\[\&\>\[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: 1 1 auto; }
  @container field-group (width >= 28rem) {
  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: 1 1 auto; }
}
  .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: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .\[\&\>\[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); }
  :is(.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 (width >= 28rem) {
  :is(.\@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; }
  .\[\&\>button\]\:hidden > button { display: none; }
  .\[\&\>input\]\:flex-1 > input { flex: 1 1 0%; }
  .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\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
  .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; }
  .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .\[\&\>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\]\:w-2\.5 > svg { width: calc(var(--spacing) * 2.5); }
  .\[\&\>svg\]\:w-3 > svg { width: calc(var(--spacing) * 3); }
  .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
  .\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .\[\&\>svg\]\:text-current > svg { color: currentcolor; }
  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg { display: none; }
  .\[\&\>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); }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation="horizontal"] > 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: rgba(0, 0, 0, 0); }
  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); }
  @media (hover: hover) {
  a.\[a\&\]\:hover\:underline:hover { text-decoration-line: underline; }
}
}
:root { --blue: #20478e; --blue-2: #2e63bd; --navy: #0b2148; --ink: #0b1730; --muted: #627089; --ice: #eef4ff; --cloud: #f6f8fc; --white: #fff; --line: #0b21481f; --shadow: 0 20px 70px #0b21481f, 0 2px 12px #0b21480f; --ease-out: cubic-bezier(.22, 1, .36, 1); --ease-ui: cubic-bezier(.32, .72, 0, 1); }
* { box-sizing: border-box; }
:root { scroll-behavior: smooth; }
:root { color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; margin: 0px; font-family: Poppins; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
::selection { color: rgb(255, 255, 255); background: var(--blue); }
.section { width: min(1240px, 100% - 64px); margin-inline: auto; padding-block: 120px; }
.eyebrow { color: var(--blue); letter-spacing: 0.18em; text-transform: uppercase; margin: 0px 0px 20px; font-size: 0.75rem; font-weight: 800; }
.section-heading { justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 56px; display: flex; }
.section-heading h2, .origin-title h2, .beliefs-title h2, .story-copy h2, .distributor-intro h2, .contact-details h2 { letter-spacing: -0.06em; margin: 0px; font-size: clamp(2.7rem, 5vw, 5.2rem); font-weight: 670; line-height: 0.95; }
h1 em, h2 em { color: var(--blue-2); font-family: "Times New Roman", Poppins; font-weight: 400; }
.section-heading > p { max-width: 470px; color: var(--muted); margin: 0px; font-size: 1.05rem; line-height: 1.7; }
.reveal { opacity: 0; filter: blur(6px); transition: opacity .65s var(--ease-out) var(--reveal-delay,0s), transform .65s var(--ease-out) var(--reveal-delay,0s), filter .5s var(--ease-out) var(--reveal-delay,0s); transform: translateY(26px); }
.reveal[data-visible="true"] { opacity: 1; filter: blur(); transform: translate(0px); }
.button { min-height: 52px; transition: transform .18s var(--ease-ui), background .22s var(--ease-ui), color .22s var(--ease-ui), box-shadow .22s var(--ease-ui); border-radius: 999px; justify-content: center; align-items: center; gap: 10px; padding: 0px 22px; font-size: 0.92rem; font-weight: 750; display: inline-flex; }
.button:active, .header-cta:active, .distributor-form button:active { transform: scale(0.97); }
.button.primary { color: rgb(255, 255, 255); background: var(--blue); box-shadow: rgba(32, 71, 142, 0.25) 0px 10px 30px; }
.button.primary:hover { background: var(--navy); transform: translateY(-2px); }
.button.outline { border: 1px solid var(--line); background: rgb(255, 255, 255); }
.button.outline:hover { border-color: var(--blue); color: var(--blue); }
.button.light { color: var(--navy); background: rgb(255, 255, 255); }
.button.light:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 40px; }
.button.glass { color: rgb(255, 255, 255); backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.25); }
.button.glass:hover { background: rgba(255, 255, 255, 0.16); }
.text-arrow { color: var(--blue); align-items: center; gap: 10px; margin-top: 30px; font-weight: 760; display: inline-flex; }
.text-arrow svg, .featured-card strong svg, .product-card-copy span svg { transition: transform .18s var(--ease-ui); }
.text-arrow:hover svg, .featured-card:hover strong svg, .product-card:hover .product-card-copy span svg { transform: translate(4px); }
.site-header { z-index: 50; backdrop-filter: blur(18px); background: rgba(255, 255, 255, 0.92); border-bottom: 1px solid rgba(11, 33, 72, 0.08); height: 82px; position: sticky; top: 0px; }
.header-inner { align-items: center; gap: 42px; width: min(1360px, 100% - 48px); height: 100%; margin-inline: auto; display: flex; }
.site-logo { flex: 0 0 auto; width: 84px; }
.site-logo img { object-fit: contain; width: 100%; height: 52px; }
.main-nav { align-self: stretch; align-items: stretch; gap: 30px; margin-left: auto; display: flex; }
.main-nav > a, .nav-products > a { color: rgb(50, 65, 91); align-items: center; gap: 5px; font-size: 0.9rem; font-weight: 680; display: flex; position: relative; }
.main-nav > a::after, .nav-products > a::after { content: ""; background: var(--blue); height: 2px; transition: right .22s var(--ease-out); position: absolute; bottom: 0px; left: 0px; right: 100%; }
.main-nav > a:hover::after, .main-nav > a.active::after, .nav-products > a:hover::after, .nav-products > a.active::after { right: 0px; }
.nav-products { align-items: stretch; display: flex; }
.header-cta { color: rgb(255, 255, 255); background: var(--blue); min-height: 43px; transition: transform .18s var(--ease-ui), background .18s; border-radius: 999px; align-items: center; gap: 8px; padding: 0px 18px; font-size: 0.85rem; font-weight: 760; display: flex; }
.header-cta:hover { background: var(--navy); }
.catalog-mega { z-index: 60; opacity: 0; pointer-events: none; transform-origin: center top; filter: blur(4px); width: min(1080px, -60px + 100vw); transition: opacity .22s var(--ease-out), transform .26s var(--ease-out), filter .22s var(--ease-out); background: rgb(255, 255, 255); border-radius: 24px; grid-template-columns: 250px 1fr; gap: 36px; padding: 32px; display: grid; position: absolute; top: 72px; left: 50%; transform: translate(-50%, 10px); box-shadow: rgba(10, 30, 65, 0.2) 0px 30px 90px, rgba(10, 30, 65, 0.06) 0px 0px 0px 1px; }
.nav-products:hover .catalog-mega, .nav-products:focus-within .catalog-mega { opacity: 1; pointer-events: auto; filter: blur(); transform: translate(-50%); }
.mega-copy { color: rgb(255, 255, 255); background: linear-gradient(145deg, var(--blue), var(--navy)); border-radius: 18px; flex-direction: column; padding: 26px; display: flex; }
.mega-copy > span { letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.7; font-size: 0.7rem; }
.mega-copy strong { margin-top: 16px; font-size: 1.45rem; line-height: 1.2; }
.mega-copy a { align-items: center; gap: 8px; margin-top: auto; padding-top: 30px; font-size: 0.8rem; font-weight: 750; display: flex; }
.mega-groups { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 30px; display: grid; }
.mega-groups > div > a { color: var(--ink); align-items: center; gap: 10px; font-weight: 800; display: flex; }
.mega-groups > div > a span { color: var(--blue-2); font-size: 0.7rem; }
.mega-groups ul { color: var(--muted); margin: 10px 0px 0px 27px; padding: 0px; font-size: 0.74rem; line-height: 1.55; list-style: none; }
.mega-groups li a { transition: color .16s var(--ease-ui), transform .16s var(--ease-ui); padding-block: 2px; display: inline-flex; }
:is(.mega-groups li a:hover, .mega-groups li a:focus-visible) { color: var(--blue); transform: translate(3px); }
.mobile-menu-button, .mobile-menu { display: none; }
.home-hero { color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 32%, rgba(74, 132, 237, 0.45), rgba(0, 0, 0, 0) 34%), linear-gradient(135deg, rgb(7, 26, 59) 0%, rgb(18, 52, 111) 56%, rgb(32, 71, 142) 100%); grid-template-columns: minmax(0px, 0.95fr) minmax(480px, 1.05fr); align-items: center; min-height: calc(-82px + 100svh); padding: 72px max(5vw, -620px + 50vw); display: grid; position: relative; overflow: hidden; }
.home-hero::after { content: ""; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; width: 480px; height: 480px; position: absolute; bottom: -240px; left: -240px; box-shadow: rgba(255, 255, 255, 0.024) 0px 0px 0px 80px, rgba(255, 255, 255, 0.02) 0px 0px 0px 160px; }
.hero-grid-lines { opacity: 0.16; background-image: linear-gradient(rgba(255, 255, 255, 0.18) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, rgba(0, 0, 0, 0) 1px); background-size: 80px 80px; position: absolute; inset: 0px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), rgba(0, 0, 0, 0) 85%); }
.home-hero-copy { z-index: 2; animation: materialize .7s var(--ease-out) both; position: relative; }
.hero-kicker { letter-spacing: 0.17em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); align-items: center; gap: 10px; margin: 0px 0px 24px; font-size: 0.72rem; font-weight: 760; display: flex; }
.hero-kicker span { background: rgb(140, 184, 255); width: 28px; height: 1px; }
.home-hero h1, .inner-hero h1 { letter-spacing: -0.07em; max-width: 860px; margin: 0px; font-size: clamp(3.5rem, 6.4vw, 7rem); font-weight: 660; line-height: 0.9; }
.home-hero h1 em, .inner-hero h1 em { color: rgb(167, 199, 255); }
.hero-lead, .inner-hero > div > p:last-child { color: rgba(255, 255, 255, 0.72); max-width: 640px; margin: 30px 0px 0px; font-size: 1.1rem; line-height: 1.65; }
.hero-buttons { gap: 12px; margin-top: 34px; display: flex; }
.hero-signature { color: rgba(255, 255, 255, 0.66); align-items: center; gap: 9px; margin-top: 48px; font-size: 0.78rem; display: flex; }
.hero-signature svg { color: rgb(167, 199, 255); }
.audience-tags { align-items: center; gap: 8px; margin-top: 54px; display: flex; }
.audience-tags span { color: rgb(189, 212, 255); letter-spacing: 0.1em; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; padding: 7px 10px; font-size: 0.65rem; font-weight: 800; }
.audience-tags p { color: rgba(255, 255, 255, 0.55); margin: 0px 0px 0px 8px; font-size: 0.78rem; }
.hero-product-stage { z-index: 3; height: min(680px, 70svh); transition: transform .36s var(--ease-ui); will-change: transform; position: relative; }
.hero-orbit { border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; position: absolute; inset: 7% 2%; transform: rotate(-12deg); }
.hero-orbit::after { content: ""; border-radius: inherit; border: 1px dashed rgba(255, 255, 255, 0.11); position: absolute; inset: 12%; }
.hero-product { transition: transform .26s var(--ease-ui), filter .26s var(--ease-ui); animation: product-arrive .75s var(--ease-out) both; flex-direction: column; align-items: center; display: flex; position: absolute; }
.hero-product img { object-fit: contain; filter: drop-shadow(rgba(2, 10, 28, 0.35) 0px 28px 25px); width: 100%; height: 100%; }
.hero-product > span { color: rgb(255, 255, 255); backdrop-filter: blur(10px); white-space: nowrap; text-overflow: ellipsis; background: rgba(5, 22, 53, 0.72); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; max-width: 170px; padding: 8px 12px; font-size: 0.68rem; overflow: hidden; }
.hero-product:hover { z-index: 8; transform: translateY(-8px) scale(1.025); }
.hp-1 { width: 50%; height: 50%; animation-delay: 0.1s; top: 20%; left: 23%; }
.hp-2 { width: 34%; height: 34%; animation-delay: 0.18s; top: 3%; left: 0px; }
.hp-3 { width: 33%; height: 33%; animation-delay: 0.26s; top: 8%; right: -2%; }
.hp-4 { width: 34%; height: 34%; animation-delay: 0.34s; bottom: 2%; right: 2%; }
.hero-seal { backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 50%; justify-content: center; align-items: center; gap: 8px; width: 128px; height: 128px; display: flex; position: absolute; bottom: 10%; left: 6%; }
.hero-seal strong { font-family: "Times New Roman", Poppins; font-size: 2.4rem; font-weight: 400; }
.hero-seal span { color: rgba(255, 255, 255, 0.64); text-transform: uppercase; font-size: 0.66rem; line-height: 1.3; }
.scroll-cue { z-index: 4; color: rgba(255, 255, 255, 0.55); text-transform: uppercase; letter-spacing: 0.12em; align-items: center; gap: 8px; font-size: 0.7rem; display: flex; position: absolute; bottom: 24px; left: max(5vw, -620px + 50vw); }
@keyframes materialize { 
  0% { opacity: 0; filter: blur(8px); transform: translateY(18px); }
  100% { opacity: 1; filter: blur(); transform: none; }
}
@keyframes product-arrive { 
  0% { opacity: 0; filter: blur(8px); transform: translateY(24px) scale(0.94); }
  100% { opacity: 1; filter: blur(); transform: none; }
}
.number-band { z-index: 5; width: min(1240px, 100% - 64px); color: var(--ink); box-shadow: var(--shadow); background: rgb(255, 255, 255); grid-template-columns: repeat(4, 1fr); margin: -1px auto 0px; display: grid; position: relative; }
.number-band > div { border-right: 1px solid var(--line); align-items: center; gap: 18px; min-height: 148px; padding: 32px; display: flex; }
.number-band > div:last-child { border: 0px; }
.number-band strong { color: var(--blue); font-family: "Times New Roman", Poppins; font-size: 3rem; font-weight: 400; }
.number-band span { color: var(--muted); font-size: 0.82rem; line-height: 1.45; }
.category-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; display: grid; }
.category-card { background: var(--cloud); border-radius: 28px; min-height: 390px; padding: 38px; display: block; position: relative; overflow: hidden; box-shadow: rgba(11, 33, 72, 0.06) 0px 0px 0px 1px, rgba(11, 33, 72, 0.06) 0px 8px 30px; }
.category-card::after { content: ""; background: linear-gradient(100deg, rgba(246, 248, 252, 0.96) 0%, rgba(246, 248, 252, 0.72) 47%, rgba(0, 0, 0, 0) 72%); position: absolute; inset: 0px; }
.category-card img { z-index: 1; object-fit: contain; filter: drop-shadow(rgba(11, 33, 72, 0.18) 0px 26px 24px); width: 58%; height: 78%; transition: transform .5s var(--ease-out); position: absolute; bottom: -12%; right: -6%; }
.category-card:hover img { transform: translateY(-10px) scale(1.04); }
.category-card i { z-index: 0; width: 330px; height: 330px; transition: transform .5s var(--ease-out); background: rgba(32, 71, 142, 0.08); border-radius: 50%; position: absolute; top: -110px; right: -90px; }
.category-card:hover i { transform: scale(1.18); }
.category-copy { z-index: 3; width: 57%; position: relative; }
.category-copy > span { color: var(--blue); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.67rem; font-weight: 800; }
.category-copy h3 { letter-spacing: -0.05em; margin: 28px 0px 14px; font-size: clamp(2rem, 3vw, 3.5rem); line-height: 0.95; }
.category-copy p { color: var(--muted); font-size: 0.9rem; line-height: 1.6; }
.category-copy strong { color: var(--blue); align-items: center; gap: 8px; margin-top: 32px; font-size: 0.78rem; display: inline-flex; }
.category-2 { background: rgb(234, 242, 255); }
.category-3 { background: rgb(243, 240, 237); }
.category-4 { background: rgb(234, 244, 244); }
.brand-story { grid-template-columns: 1.06fr 0.94fr; align-items: center; gap: 9vw; display: grid; }
.story-image { min-height: 650px; position: relative; }
.story-image > img { object-fit: cover; border-radius: 4px 70px 4px 4px; width: 100%; height: 650px; }
.story-image::before { content: ""; z-index: -1; border: 1px solid rgba(32, 71, 142, 0.24); border-radius: 4px 78px 4px 4px; position: absolute; inset: -18px 22px 18px -18px; }
.story-image > div { color: rgb(255, 255, 255); background: var(--blue); width: 260px; padding: 26px; position: absolute; bottom: 36px; right: -36px; }
.story-image span { text-transform: uppercase; letter-spacing: 0.14em; opacity: 0.7; margin-bottom: 14px; font-size: 0.66rem; display: block; }
.story-image strong { font-size: 1.1rem; line-height: 1.4; }
.story-copy .lead { color: var(--ink); margin: 34px 0px 18px; font-size: 1.22rem; line-height: 1.65; }
.story-copy > p:not(.eyebrow):not(.lead) { color: var(--muted); line-height: 1.75; }
.featured-section { color: rgb(255, 255, 255); background: var(--navy); width: 100%; max-width: none; padding-inline: max(5vw, -620px + 50vw); }
.light-heading .eyebrow { color: rgb(142, 184, 255); }
.light-heading > p { color: rgba(255, 255, 255, 0.65); }
.featured-track { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; display: grid; }
.featured-card { min-height: 480px; transition: transform .26s var(--ease-ui), background .26s; background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.1); flex-direction: column; padding: 22px; display: flex; position: relative; }
.featured-card:hover { background: rgba(255, 255, 255, 0.09); transform: translateY(-7px); }
.featured-card > span { color: rgba(255, 255, 255, 0.28); font-family: "Times New Roman", Poppins; font-size: 1.8rem; position: absolute; top: 20px; right: 20px; }
.featured-card > div { place-items: center; height: 300px; display: grid; }
.featured-card img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 24px 22px); width: 88%; height: 88%; transition: transform .34s var(--ease-out); }
.featured-card:hover img { transform: scale(1.04) translateY(-5px); }
.featured-card small { color: rgb(143, 183, 255); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.68rem; }
.featured-card h3 { margin: 9px 0px 16px; font-size: 1.15rem; line-height: 1.3; }
.featured-card strong { color: rgba(255, 255, 255, 0.66); align-items: center; gap: 7px; margin-top: auto; font-size: 0.76rem; display: flex; }
.product-journey { background: rgb(6, 21, 47); height: 400svh; position: relative; }
.product-journey-stage { z-index: 2; color: rgb(255, 255, 255); background: radial-gradient(circle at 50% 82%, rgba(66, 121, 224, 0.34), rgba(0, 0, 0, 0) 35%), linear-gradient(145deg, rgb(6, 21, 47) 0%, rgb(11, 33, 72) 58%, rgb(18, 58, 120) 100%); height: calc(-82px + 100svh); min-height: 660px; position: sticky; top: 82px; overflow: hidden; }
.product-journey-stage::before { content: ""; aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; width: min(1160px, 92vw); position: absolute; inset: auto 50% -62vw; transform: translate(-50%); box-shadow: rgba(255, 255, 255, 0.02) 0px 0px 0px 70px, rgba(255, 255, 255, 0.01) 0px 0px 0px 140px; }
.journey-grid { opacity: 0.16; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0px, rgba(255, 255, 255, 0.8) 1px, rgba(0, 0, 0, 0) 1.5px); background-size: 88px 88px; position: absolute; inset: 0px; mask-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0) 82%); }
.journey-heading { z-index: 6; border-bottom: 1px solid rgba(255, 255, 255, 0.12); justify-content: space-between; align-items: center; padding-bottom: 18px; display: flex; position: absolute; top: 28px; left: max(5vw, -620px + 50vw); right: max(5vw, -620px + 50vw); }
.journey-heading p { color: rgba(255, 255, 255, 0.62); letter-spacing: 0.16em; text-transform: uppercase; align-items: center; gap: 10px; margin: 0px; font-size: 0.7rem; font-weight: 760; display: flex; }
.journey-heading p span { background: rgb(140, 184, 255); width: 24px; height: 1px; }
.journey-heading > span { color: rgba(255, 255, 255, 0.5); font: 400 0.86rem "Times New Roman", Poppins; }
.journey-slide { z-index: 3; opacity: 0; pointer-events: none; filter: blur(10px); transition: opacity .36s var(--ease-out), transform .48s var(--ease-out), filter .36s var(--ease-out); position: absolute; inset: 0px; transform: translateY(16px); }
.journey-slide.active { opacity: 1; pointer-events: auto; filter: blur(); transform: translate(0px); }
.journey-copy { z-index: 4; text-align: center; width: min(720px, 100% - 48px); position: absolute; top: 16%; left: 50%; transform: translate(-50%); }
.journey-copy small { color: rgb(143, 183, 255); letter-spacing: 0.18em; text-transform: uppercase; font-size: 0.7rem; font-weight: 780; }
.journey-copy h2 { letter-spacing: -0.06em; margin: 14px 0px 12px; font-family: "Times New Roman", Poppins; font-size: clamp(3.8rem, 7vw, 7.8rem); font-weight: 400; line-height: 0.9; }
.journey-copy p { color: rgba(255, 255, 255, 0.66); max-width: 580px; margin: 0px auto; font-size: 0.96rem; line-height: 1.65; }
.journey-copy > div { z-index: 7; justify-content: center; gap: 12px; margin-top: 22px; display: flex; position: relative; }
.journey-copy a { min-height: 44px; transition: transform .18s var(--ease-ui), background .18s var(--ease-ui); border-radius: 999px; justify-content: center; align-items: center; gap: 8px; padding: 0px 17px; font-size: 0.76rem; font-weight: 760; display: inline-flex; }
.journey-copy a:first-child { color: var(--navy); background: rgb(255, 255, 255); }
.journey-copy a:last-child { color: rgb(255, 255, 255); backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.2); }
.journey-copy a:hover { transform: translateY(-2px); }
.journey-product { z-index: 2; object-fit: contain; opacity: 0; filter: blur(12px) drop-shadow(rgba(0, 0, 0, 0.36) 0px 34px 32px); width: min(930px, 76vw); height: 74%; transition: opacity .36s var(--ease-out), transform .62s var(--ease-out), filter .42s var(--ease-out); position: absolute; bottom: -25%; left: 50%; transform: translate(-50%, 8%) scale(0.88); }
.journey-slide.active .journey-product { opacity: 1; filter: blur() drop-shadow(rgba(0, 0, 0, 0.36) 0px 34px 32px); transform: translate(-50%) scale(1); }
.journey-product-name { z-index: 5; color: rgba(255, 255, 255, 0.55); text-transform: uppercase; letter-spacing: 0.08em; max-width: 240px; font-size: 0.67rem; line-height: 1.5; position: absolute; bottom: 36px; left: max(5vw, -620px + 50vw); }
.journey-navigation { z-index: 7; gap: 10px; display: grid; position: absolute; top: 50%; right: max(5vw, -620px + 50vw); transform: translateY(-50%); }
.journey-navigation button { color: rgba(255, 255, 255, 0.42); text-align: left; width: 155px; transition: color .18s var(--ease-ui), transform .18s var(--ease-ui); background: 0px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.13); border-image: none; grid-template-columns: 27px 1fr; align-items: center; gap: 8px; padding: 9px 0px; display: grid; }
.journey-navigation button:hover, .journey-navigation button.active { color: rgb(255, 255, 255); transform: translate(-4px); }
.journey-navigation span { font: 400 0.72rem "Times New Roman", Poppins; }
.journey-navigation strong { text-overflow: ellipsis; white-space: nowrap; font-size: 0.68rem; font-weight: 700; overflow: hidden; }
.journey-scroll-cue { z-index: 6; color: rgba(255, 255, 255, 0.42); letter-spacing: 0.11em; text-transform: uppercase; align-items: center; gap: 7px; font-size: 0.64rem; display: flex; position: absolute; bottom: 34px; right: max(5vw, -620px + 50vw); }
.product-journey-scroll { z-index: 1; pointer-events: none; position: absolute; inset: 0px; }
.product-journey-marker { height: 100svh; }
.channel-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; }
.channel-grid article { min-height: 360px; transition: transform .26s var(--ease-ui), box-shadow .26s; background: rgb(255, 255, 255); border-radius: 24px; padding: 34px; box-shadow: rgba(11, 33, 72, 0.06) 0px 0px 0px 1px, rgba(11, 33, 72, 0.07) 0px 12px 40px; }
.channel-grid article:hover { box-shadow: var(--shadow); transform: translateY(-7px); }
.channel-grid svg { width: 34px; height: 34px; color: var(--blue); }
.channel-grid span { color: var(--blue-2); letter-spacing: 0.15em; margin-top: 64px; font-size: 0.72rem; font-weight: 850; display: block; }
.channel-grid h3 { letter-spacing: -0.035em; margin: 13px 0px; font-size: 1.6rem; }
.channel-grid p { color: var(--muted); line-height: 1.65; }
.quality-rail { border-block: 1px solid var(--line); grid-template-columns: repeat(3, 1fr); display: grid; }
.quality-rail > div { border-right: 1px solid var(--line); justify-content: center; align-items: center; gap: 16px; min-height: 126px; padding: 28px; display: flex; }
.quality-rail > div:last-child { border: 0px; }
.quality-rail svg { color: var(--blue); flex: 0 0 auto; }
.quality-rail span { color: rgb(65, 81, 107); max-width: 270px; font-size: 0.84rem; line-height: 1.5; }
.distributor-section { background: linear-gradient(135deg, rgb(10, 32, 71), rgb(32, 71, 142)); padding: 110px 32px; }
.distributor-shell { color: rgb(255, 255, 255); grid-template-columns: 0.78fr 1.22fr; align-items: center; gap: 70px; width: min(1240px, 100%); margin-inline: auto; display: grid; }
.distributor-intro .eyebrow { color: rgb(155, 192, 255); }
.distributor-intro > p:not(.eyebrow) { color: rgba(255, 255, 255, 0.68); margin-top: 28px; line-height: 1.7; }
.distributor-benefits { gap: 12px; margin-top: 36px; display: grid; }
.distributor-benefits span { color: rgba(255, 255, 255, 0.78); align-items: center; gap: 10px; font-size: 0.84rem; display: flex; }
.distributor-benefits svg { color: rgb(169, 201, 255); width: 17px; }
.distributor-form-card { color: var(--ink); background: rgb(255, 255, 255); border-radius: 28px; padding: 36px; box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 80px; }
.distributor-form .form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; display: grid; }
.distributor-form label { gap: 8px; display: grid; }
.distributor-form label.full { grid-column: 1 / -1; }
.distributor-form label span { color: rgb(67, 81, 106); font-size: 0.74rem; font-weight: 760; }
.distributor-form input, .distributor-form select, .distributor-form textarea { width: 100%; color: var(--ink); background: rgb(255, 255, 255); border: 1px solid rgb(219, 226, 238); border-radius: 11px; outline: none; transition: border-color 0.18s, box-shadow 0.18s; }
.distributor-form input, .distributor-form select { height: 48px; padding: 0px 14px; }
.distributor-form textarea { resize: vertical; padding: 13px 14px; }
.distributor-form input:focus, .distributor-form select:focus, .distributor-form textarea:focus { border-color: var(--blue); box-shadow: rgba(32, 71, 142, 0.1) 0px 0px 0px 3px; }
.honeypot { opacity: 0; pointer-events: none; width: 1px; height: 1px; overflow: hidden; position: absolute !important; }
.form-submit-row { align-items: center; gap: 20px; margin-top: 24px; display: flex; }
.form-submit-row button { color: rgb(255, 255, 255); background: var(--blue); min-height: 50px; transition: transform .18s var(--ease-ui), background .18s; border: 0px; border-radius: 999px; align-items: center; gap: 8px; padding: 0px 22px; font-weight: 800; display: flex; }
.form-submit-row button:hover { background: var(--navy); }
.form-submit-row button:disabled { opacity: 0.65; cursor: wait; }
.form-submit-row p { color: rgb(124, 135, 152); max-width: 310px; margin: 0px; font-size: 0.67rem; line-height: 1.45; }
.form-feedback { border-radius: 10px; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 14px; font-size: 0.78rem; display: flex; }
.form-feedback.success { color: rgb(23, 104, 62); background: rgb(234, 248, 240); }
.form-feedback.error { color: rgb(162, 45, 51); background: rgb(255, 240, 241); }
.spin { animation: 0.8s linear 0s infinite normal none running spin; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.inner-hero { color: rgb(255, 255, 255); background: radial-gradient(circle at 80% 20%, rgba(91, 148, 255, 0.35), rgba(0, 0, 0, 0) 34%), linear-gradient(135deg, rgb(8, 28, 64), rgb(32, 71, 142)); justify-content: space-between; align-items: center; gap: 50px; min-height: 610px; padding: 96px max(5vw, -620px + 50vw); display: flex; position: relative; overflow: hidden; }
.inner-hero::before { content: ""; opacity: 0.12; background-image: linear-gradient(rgba(255, 255, 255, 0.2) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, rgba(0, 0, 0, 0) 1px); background-size: 90px 90px; position: absolute; inset: 0px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), rgba(0, 0, 0, 0)); }
.inner-hero > * { z-index: 2; position: relative; }
.inner-hero h1 { font-size: clamp(3.6rem, 6vw, 6.5rem); }
.about-hero-number { backdrop-filter: blur(14px); background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; gap: 15px; width: 260px; height: 260px; display: flex; }
.about-hero-number strong { font: 400 6rem / 1 "Times New Roman", Poppins; }
.about-hero-number span { color: rgba(255, 255, 255, 0.65); font-size: 0.78rem; line-height: 1.45; }
.origin-section { grid-template-columns: 0.8fr 1.2fr; gap: 10vw; display: grid; }
.origin-body .lead { color: var(--ink); letter-spacing: -0.025em; margin-top: 0px; font-size: clamp(1.35rem, 2.5vw, 2.1rem); line-height: 1.45; }
.origin-body .lead span { color: var(--blue); }
.origin-body > p:not(.lead) { color: var(--muted); line-height: 1.8; }
.about-image-break { height: 660px; position: relative; overflow: hidden; }
.about-image-break img { object-fit: cover; width: 100%; height: 100%; }
.about-image-break::after { content: ""; background: linear-gradient(90deg, rgba(5, 20, 48, 0.75), rgba(0, 0, 0, 0) 58%); position: absolute; inset: 0px; }
.about-image-break > div { z-index: 2; color: rgb(255, 255, 255); position: absolute; bottom: 70px; left: max(5vw, -620px + 50vw); }
.about-image-break span { letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.65; font-size: 0.72rem; }
.about-image-break strong { margin-top: 12px; font-size: 2.2rem; line-height: 1.2; display: block; }
.story-timeline { border-top: 1px solid var(--line); gap: 0px; margin-top: 30px; display: grid; }
.story-timeline article { border-bottom: 1px solid var(--line); grid-template-columns: 180px 1fr; gap: 60px; padding: 36px 10px; display: grid; }
.story-timeline article > span { color: var(--blue); font: 400 1.4rem "Times New Roman", Poppins; }
.story-timeline h3 { letter-spacing: -0.025em; margin: 0px 0px 9px; font-size: 1.5rem; }
.story-timeline p { color: var(--muted); margin: 0px; line-height: 1.65; }
.beliefs-section { grid-template-columns: 0.72fr 1.28fr; gap: 8vw; display: grid; }
.belief-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid; }
.belief-grid article { background: var(--cloud); border-radius: 20px; min-height: 280px; padding: 30px; }
.belief-grid svg { color: var(--blue); }
.belief-grid h3 { margin: 66px 0px 10px; font-size: 1.3rem; }
.belief-grid p { color: var(--muted); line-height: 1.6; }
.about-cta { color: rgb(255, 255, 255); background: var(--blue); grid-template-columns: repeat(3, 1fr) 1.3fr; align-items: center; width: min(1240px, 100% - 64px); margin: 0px auto 120px; padding: 32px; display: grid; }
.about-cta > div { align-items: center; gap: 11px; padding: 16px; display: flex; }
.about-cta > div p { font-size: 0.78rem; line-height: 1.4; }
.about-cta > a { min-height: 70px; color: var(--navy); background: rgb(255, 255, 255); justify-content: center; align-items: center; gap: 10px; font-weight: 800; display: flex; }
.products-hero { min-height: 560px; }
.catalog-stat { backdrop-filter: blur(14px); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.2); width: 280px; padding: 28px; }
.catalog-stat strong { font: 400 5rem / 1 "Times New Roman", Poppins; }
.catalog-stat > span { color: rgba(255, 255, 255, 0.66); margin-left: 13px; font-size: 0.76rem; line-height: 1.4; display: inline-block; }
.catalog-stat a { border-top: 1px solid rgba(255, 255, 255, 0.15); align-items: center; gap: 8px; margin-top: 26px; padding-top: 20px; font-size: 0.78rem; font-weight: 760; display: flex; }
.catalog-group-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; display: grid; }
.catalog-group-grid a { background: var(--cloud); min-height: 260px; transition: transform .26s var(--ease-ui), box-shadow .26s; border-radius: 20px; grid-template-columns: 32px 1fr 160px 24px; align-items: center; gap: 18px; padding: 30px; display: grid; position: relative; overflow: hidden; box-shadow: rgba(11, 33, 72, 0.06) 0px 0px 0px 1px; }
.catalog-group-grid a:hover { box-shadow: var(--shadow); transform: translateY(-6px); }
.catalog-group-grid a > span { color: var(--blue); align-self: start; font: 400 1.15rem "Times New Roman", Poppins; }
.catalog-group-grid small { color: var(--blue); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.66rem; }
.catalog-group-grid h2 { letter-spacing: -0.045em; margin: 14px 0px 10px; font-size: 2rem; }
.catalog-group-grid p { color: var(--muted); font-size: 0.8rem; }
.catalog-group-grid img { object-fit: contain; filter: drop-shadow(rgba(11, 33, 72, 0.16) 0px 18px 18px); width: 150px; height: 190px; transition: transform .3s var(--ease-out); }
.catalog-group-grid a:hover img { transform: scale(1.05) translateY(-4px); }
.catalog-browser { padding-top: 50px; }
.catalog-browser-head { margin-bottom: 34px; }
.catalog-browser-head h2 { letter-spacing: -0.055em; margin: 0px; font-size: clamp(2.5rem, 4vw, 4.6rem); }
.catalog-browser-head > p:last-child { color: var(--muted); }
.group-tabs { flex-wrap: wrap; gap: 8px; margin-bottom: 20px; display: flex; }
.group-tabs a { color: rgb(70, 84, 107); background: rgb(237, 241, 247); border-radius: 999px; padding: 11px 16px; font-size: 0.76rem; font-weight: 750; }
.group-tabs a.active { color: rgb(255, 255, 255); background: var(--blue); }
.explorer-toolbar { border-bottom: 1px solid var(--line); grid-template-columns: 1fr 340px; align-items: center; gap: 18px; padding: 16px 0px 28px; display: grid; }
.subcategory-scroller { scrollbar-width: none; gap: 8px; display: flex; overflow-x: auto; }
.subcategory-scroller::-webkit-scrollbar { display: none; }
.subcategory-scroller button { color: rgb(85, 98, 120); background: 0px 0px; border: 0px; border-radius: 9px; flex: 0 0 auto; padding: 10px 13px; font-size: 0.72rem; font-weight: 720; transition: color 0.18s, background 0.18s; }
.subcategory-scroller button:hover, .subcategory-scroller button.active { color: var(--blue); background: var(--ice); }
.catalog-search { color: rgb(132, 144, 162); border: 1px solid rgb(220, 227, 238); border-radius: 999px; align-items: center; gap: 10px; height: 48px; padding: 0px 14px; display: flex; }
.catalog-search input { width: 100%; color: var(--ink); background: 0px 0px; border: 0px; outline: none; font-size: 0.8rem; }
.catalog-search button { color: var(--muted); background: 0px 0px; border: 0px; place-items: center; display: grid; }
.results-meta { height: 82px; color: var(--muted); align-items: center; gap: 8px; font-size: 0.8rem; display: flex; }
.results-meta strong { color: var(--ink); font-size: 1.2rem; }
.results-meta button { color: var(--blue); background: 0px 0px; border: 0px; align-items: center; gap: 5px; margin-left: 10px; font-size: 0.72rem; display: flex; }
.catalog-product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; display: grid; }
.product-card { min-height: 470px; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--index,0) * 35ms); background: rgb(255, 255, 255); border-radius: 18px; flex-direction: column; display: flex; position: relative; overflow: hidden; box-shadow: rgba(11, 33, 72, 0.07) 0px 0px 0px 1px, rgba(11, 33, 72, 0.05) 0px 8px 24px; }
.product-image { background: linear-gradient(145deg, rgb(247, 249, 252), rgb(237, 243, 251)); place-items: center; height: 320px; display: grid; position: relative; overflow: hidden; }
.product-image img { object-fit: contain; filter: drop-shadow(rgba(10, 35, 78, 0.15) 0px 18px 16px); width: 83%; height: 83%; transition: transform .42s var(--ease-out); }
.isolated-product { mix-blend-mode: multiply; }
.transparent-product { mix-blend-mode: normal; }
.product-card:hover .product-image img { transform: scale(1.055) translateY(-6px); }
.product-image > span { color: var(--blue); backdrop-filter: blur(8px); text-transform: uppercase; background: rgba(255, 255, 255, 0.86); border-radius: 999px; padding: 6px 9px; font-size: 0.6rem; font-weight: 800; position: absolute; top: 15px; left: 15px; }
.product-card-copy { flex-direction: column; flex: 1 1 0%; padding: 22px; display: flex; }
.product-card-copy small { color: var(--blue); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.65rem; font-weight: 760; }
.product-card-copy h2 { letter-spacing: -0.02em; margin: 10px 0px 18px; font-size: 1.13rem; line-height: 1.35; }
.product-card-copy span { color: var(--muted); align-items: center; gap: 7px; margin-top: auto; font-size: 0.72rem; font-weight: 720; display: flex; }
.load-more { border: 1px solid var(--line); width: min(500px, 100%); height: 58px; color: var(--ink); background: rgb(255, 255, 255); border-radius: 999px; justify-content: center; align-items: center; gap: 12px; margin: 42px auto 0px; font-weight: 780; display: flex; }
.load-more span { color: var(--muted); font-size: 0.7rem; font-weight: 500; }
.empty-catalog { text-align: center; background: var(--cloud); padding: 90px 30px; }
.empty-catalog svg { color: var(--blue); margin: 0px auto 18px; }
.empty-catalog h2 { margin: 0px; }
.empty-catalog p { color: var(--muted); }
.empty-catalog button { color: var(--blue); background: 0px 0px; border: 0px; font-weight: 750; }
.line-index { padding-top: 20px; }
.line-index-grid { border-top: 1px solid var(--line); grid-template-columns: repeat(2, 1fr); display: grid; }
.line-index-grid a { border-bottom: 1px solid var(--line); grid-template-columns: 1fr auto 20px; align-items: center; gap: 14px; padding: 22px 18px; display: grid; }
.line-index-grid a:nth-child(2n+1) { border-right: 1px solid var(--line); }
.line-index-grid span { font-weight: 720; }
.line-index-grid strong { color: var(--muted); font-size: 0.68rem; font-weight: 500; }
.line-index-grid svg { color: var(--blue); transition: transform 0.18s; }
.line-index-grid a:hover svg { transform: translate(4px); }
.back-link { color: rgba(255, 255, 255, 0.7); align-items: center; gap: 8px; margin-bottom: 38px; font-size: 0.75rem; font-weight: 730; display: inline-flex; }
.group-hero-image { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 400px; height: 400px; display: grid; position: relative; }
.group-hero-image img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 26px 20px); width: 90%; height: 90%; animation: product-arrive .7s var(--ease-out) .18s both; }
.group-hero-image span { color: var(--navy); background: rgb(255, 255, 255); border-radius: 999px; padding: 12px 16px; font-size: 0.72rem; font-weight: 800; position: absolute; bottom: 50px; right: -20px; }
.group-lines { padding-bottom: 50px; }
.group-line-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; display: grid; }
.group-line-grid a { background: var(--cloud); min-height: 160px; transition: transform .22s var(--ease-ui), background .22s; border-radius: 14px; grid-template-columns: 28px 90px 1fr 20px; align-items: center; gap: 14px; padding: 18px; display: grid; }
.group-line-grid a:hover { background: var(--ice); transform: translateY(-4px); }
.group-line-grid a > span { color: var(--blue); font: 400 0.9rem "Times New Roman", Poppins; }
.group-line-grid img { object-fit: contain; width: 90px; height: 110px; }
.group-line-grid h3 { margin: 0px 0px 7px; font-size: 0.9rem; }
.group-line-grid p { color: var(--muted); margin: 0px; font-size: 0.7rem; }
.group-line-grid svg { color: var(--blue); }
.product-breadcrumb { width: min(1240px, 100% - 64px); color: var(--muted); align-items: center; gap: 10px; margin: 0px auto; padding-top: 34px; font-size: 0.72rem; display: flex; }
.product-breadcrumb a { align-items: center; gap: 6px; display: flex; }
.product-breadcrumb a:hover { color: var(--blue); }
.product-breadcrumb svg { width: 15px; }
.product-detail { grid-template-columns: 1fr 1fr; align-items: start; gap: 80px; padding-top: 48px; display: grid; }
.product-detail-image { background: radial-gradient(circle at 50% 45%, rgb(255, 255, 255), rgb(234, 241, 251)); border-radius: 28px; place-items: center; min-height: 630px; display: grid; position: sticky; top: 120px; }
.product-detail-image > span { color: var(--blue); background: rgb(255, 255, 255); border-radius: 999px; padding: 8px 11px; font-size: 0.65rem; font-weight: 800; position: absolute; top: 24px; left: 24px; }
.product-detail-image img { object-fit: contain; filter: drop-shadow(rgba(11, 33, 72, 0.17) 0px 30px 26px); width: 86%; height: 560px; }
.product-detail-copy { padding-top: 40px; }
.product-detail-copy h1 { letter-spacing: -0.06em; margin: 0px; font-size: clamp(2.8rem, 4.4vw, 5rem); line-height: 0.98; }
.product-category { color: var(--blue); font-size: 0.75rem; font-weight: 760; }
.product-description { border-top: 1px solid var(--line); margin-top: 42px; padding-top: 28px; }
.product-description h2 { font-size: 1.05rem; }
.product-description p { color: rgb(79, 95, 120); white-space: normal; line-height: 1.8; }
.product-actions { gap: 10px; margin-top: 34px; display: flex; }
.product-trust { background: var(--cloud); border-radius: 14px; gap: 11px; margin-top: 34px; padding: 22px; display: grid; }
.product-trust span { color: var(--muted); align-items: center; gap: 9px; font-size: 0.76rem; display: flex; }
.product-trust svg { width: 17px; color: var(--blue); }
.related-products { padding-top: 30px; }
.related-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; }
.related-grid > a { box-shadow: 0 0 0 1px var(--line); border-radius: 16px; padding: 18px; }
.related-grid > a > div { background: var(--cloud); place-items: center; height: 250px; display: grid; }
.related-grid img { object-fit: contain; width: 85%; height: 85%; transition: transform .3s var(--ease-out); }
.related-grid a:hover img { transform: scale(1.05); }
.related-grid small { color: var(--blue); text-transform: uppercase; margin-top: 18px; font-size: 0.65rem; display: block; }
.related-grid h3 { margin: 8px 0px 18px; }
.related-grid span { color: var(--muted); align-items: center; gap: 8px; font-size: 0.72rem; display: flex; }
.contact-hero { min-height: 520px; }
.contact-layout { grid-template-columns: 0.9fr 1.1fr; gap: 70px; display: grid; }
.contact-details > p:not(.eyebrow) { color: var(--muted); line-height: 1.7; }
.contact-cards { gap: 10px; margin-top: 34px; display: grid; }
.contact-cards > * { background: var(--cloud); transition: transform .18s var(--ease-ui), background .18s; border-radius: 12px; align-items: center; gap: 16px; padding: 17px; display: flex; }
.contact-cards a:hover { background: var(--ice); transform: translate(5px); }
.contact-cards svg { width: 20px; color: var(--blue); flex: 0 0 auto; }
.contact-cards div { min-width: 0px; }
.contact-cards span { color: var(--muted); font-size: 0.68rem; display: block; }
.contact-cards strong { overflow-wrap: anywhere; margin-top: 3px; font-size: 0.8rem; line-height: 1.5; display: block; }
.contact-map { min-height: 620px; box-shadow: var(--shadow); border-radius: 28px; overflow: hidden; }
.contact-map iframe { filter: saturate(0.75) contrast(1.04); border: 0px; width: 100%; height: 100%; }
.contact-distributor { margin-top: 20px; }
.distributor-intro ul { color: rgba(255, 255, 255, 0.75); grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 34px 0px 0px; padding: 0px; font-size: 0.78rem; list-style: none; display: grid; }
.distributor-intro li::before { content: "✓"; color: rgb(168, 201, 255); margin-right: 8px; }
.site-footer { color: rgba(255, 255, 255, 0.65); background: rgb(6, 21, 47); padding: 74px max(5vw, -620px + 50vw) 28px; }
.footer-top { grid-template-columns: 1.4fr 0.6fr 0.8fr 1.1fr; gap: 60px; display: grid; }
.footer-brand img { object-fit: contain; filter: brightness(0) invert(); width: 95px; height: 64px; }
.footer-brand p { max-width: 290px; line-height: 1.65; }
.footer-brand a { color: rgb(169, 200, 255); align-items: center; gap: 8px; margin-top: 12px; font-size: 0.76rem; font-weight: 760; display: inline-flex; }
.footer-top > div:not(.footer-brand) { flex-direction: column; gap: 12px; display: flex; }
.footer-top strong { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px; font-size: 0.78rem; }
.footer-top a, .footer-contact span { font-size: 0.75rem; }
.footer-top a:hover { color: rgb(255, 255, 255); }
.footer-contact a, .footer-contact > span { align-items: flex-start; gap: 8px; display: flex; }
.footer-contact svg { color: rgb(142, 184, 255); flex: 0 0 auto; width: 15px; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); justify-content: space-between; margin-top: 60px; padding-top: 24px; font-size: 0.68rem; display: flex; }
.admin-login { background: rgb(243, 246, 251); grid-template-columns: 1.15fr 0.85fr; min-height: 100svh; display: grid; }
.login-visual { color: rgb(255, 255, 255); background: radial-gradient(circle at 70% 30%, rgba(81, 140, 248, 0.42), rgba(0, 0, 0, 0) 35%), linear-gradient(145deg, rgb(8, 27, 60), rgb(32, 71, 142)); flex-direction: column; justify-content: center; padding: 8vw; display: flex; }
.login-visual > span { letter-spacing: 0.18em; font-size: 0.7rem; font-weight: 800; }
.login-visual h1 { letter-spacing: -0.06em; margin: 28px 0px 20px; font-size: clamp(3rem, 5vw, 6rem); line-height: 0.93; }
.login-visual > p { color: rgba(255, 255, 255, 0.65); }
.login-visual > div { color: rgba(255, 255, 255, 0.65); border-top: 1px solid rgba(255, 255, 255, 0.16); align-items: center; gap: 12px; max-width: 440px; margin-top: 60px; padding-top: 24px; font-size: 0.75rem; display: flex; }
.login-card { width: min(430px, 100% - 50px); box-shadow: var(--shadow); background: rgb(255, 255, 255); border-radius: 24px; margin: auto; padding: 38px; }
.login-card > img { object-fit: contain; width: 90px; height: 62px; margin-bottom: 32px; }
.login-title { align-items: center; gap: 14px; display: flex; }
.login-title > svg { color: var(--blue); }
.login-title h2 { margin: 0px; font-size: 1.6rem; }
.login-title p { color: var(--muted); margin: 4px 0px 0px; font-size: 0.78rem; }
.login-error { color: rgb(165, 45, 52); background: rgb(255, 240, 241); border-radius: 8px; padding: 11px; font-size: 0.74rem; }
.login-card form { gap: 16px; margin-top: 28px; display: grid; }
.login-card form label { gap: 7px; display: grid; }
.login-card form label span { color: rgb(77, 90, 112); font-size: 0.72rem; font-weight: 740; }
.login-card input { border: 1px solid rgb(219, 226, 238); border-radius: 10px; outline: none; height: 48px; padding: 0px 13px; }
.login-card input:focus { border-color: var(--blue); box-shadow: rgba(32, 71, 142, 0.1) 0px 0px 0px 3px; }
.login-card form button { color: rgb(255, 255, 255); background: var(--blue); border: 0px; border-radius: 10px; height: 50px; font-weight: 800; }
.login-card > small { color: rgb(138, 149, 166); margin-top: 20px; line-height: 1.5; display: block; }
.admin-app { background: rgb(243, 246, 251); grid-template-columns: 250px 1fr; min-height: 100svh; display: grid; }
.admin-side { color: rgba(255, 255, 255, 0.68); background: rgb(8, 27, 60); flex-direction: column; height: 100svh; padding: 26px 18px; display: flex; position: sticky; top: 0px; }
.admin-mark { border-bottom: 1px solid rgba(255, 255, 255, 0.1); align-items: center; gap: 11px; padding: 0px 9px 26px; display: flex; }
.admin-mark > span { width: 42px; height: 42px; color: var(--navy); background: rgb(255, 255, 255); border-radius: 12px; place-items: center; font-weight: 900; display: grid; }
.admin-mark strong, .admin-mark small { display: block; }
.admin-mark strong { color: rgb(255, 255, 255); }
.admin-mark small { font-size: 0.62rem; }
.admin-side nav { gap: 7px; margin-top: 28px; display: grid; }
.admin-side nav button, .admin-side nav a { width: 100%; height: 44px; color: inherit; text-align: left; background: 0px 0px; border: 0px; border-radius: 9px; align-items: center; gap: 10px; padding: 0px 12px; font-size: 0.78rem; display: flex; }
.admin-side nav button:hover, .admin-side nav a:hover, .admin-side nav button.active { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); }
.admin-side nav svg { width: 18px; }
.admin-side nav button > span { min-width: 22px; height: 22px; color: var(--navy); background: rgb(169, 200, 255); border-radius: 999px; place-items: center; margin-left: auto; font-size: 0.65rem; font-weight: 850; display: grid; }
.admin-security { border-top: 1px solid rgba(255, 255, 255, 0.1); align-items: center; gap: 10px; margin-top: auto; padding: 15px 8px; display: flex; }
.admin-security svg { color: rgb(145, 187, 255); width: 19px; }
.admin-security strong, .admin-security small { display: block; }
.admin-security strong { color: rgb(255, 255, 255); font-size: 0.7rem; }
.admin-security small { font-size: 0.58rem; }
.admin-account { grid-template-columns: 34px 1fr 30px; align-items: center; gap: 8px; padding: 12px 8px 0px; display: grid; }
.admin-account > span { width: 34px; height: 34px; color: var(--navy); background: rgb(195, 216, 255); border-radius: 9px; place-items: center; font-weight: 850; display: grid; }
.admin-account strong, .admin-account small { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }
.admin-account strong { color: rgb(255, 255, 255); font-size: 0.68rem; }
.admin-account small { font-size: 0.55rem; }
.admin-account a { place-items: center; display: grid; }
.admin-account svg { width: 17px; }
.admin-content { min-width: 0px; padding: 36px; }
.admin-content > header { justify-content: space-between; align-items: center; display: flex; }
.admin-content > header p { color: var(--muted); margin: 0px 0px 6px; font-size: 0.7rem; }
.admin-content > header h1 { letter-spacing: -0.035em; margin: 0px; font-size: 2rem; }
.admin-live { color: rgb(35, 114, 74); align-items: center; gap: 8px; font-size: 0.7rem; font-weight: 700; display: flex; }
.admin-live i { background: rgb(62, 186, 123); border-radius: 50%; width: 7px; height: 7px; }
.admin-kpis { grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 28px; display: grid; }
.admin-kpis article { background: rgb(255, 255, 255); border-radius: 13px; align-items: center; gap: 13px; padding: 19px; display: flex; box-shadow: rgba(11, 33, 72, 0.055) 0px 0px 0px 1px; }
.admin-kpis article > svg { width: 20px; color: var(--blue); }
.admin-kpis strong, .admin-kpis span { display: block; }
.admin-kpis strong { font-size: 1.3rem; }
.admin-kpis span { color: var(--muted); font-size: 0.64rem; }
.admin-panel { background: rgb(255, 255, 255); border-radius: 16px; margin-top: 20px; overflow: hidden; box-shadow: rgba(11, 33, 72, 0.055) 0px 0px 0px 1px; }
.admin-panel-head { border-bottom: 1px solid var(--line); justify-content: space-between; align-items: center; gap: 20px; min-height: 92px; padding: 20px 24px; display: flex; }
.admin-panel-head h2 { margin: 0px; font-size: 1.1rem; }
.admin-panel-head p { color: var(--muted); margin: 4px 0px 0px; font-size: 0.68rem; }
.admin-panel-head > label { border: 1px solid rgb(220, 226, 236); border-radius: 9px; align-items: center; gap: 9px; width: 300px; height: 42px; padding: 0px 12px; display: flex; }
.admin-panel-head label svg { color: rgb(139, 150, 167); width: 17px; }
.admin-panel-head input { border: 0px; outline: 0px; width: 100%; font-size: 0.72rem; }
.admin-product-table { overflow-x: auto; }
.admin-table-row { border-bottom: 1px solid rgb(237, 240, 245); grid-template-columns: minmax(300px, 1.5fr) minmax(180px, 1fr) 150px 90px 95px; align-items: center; gap: 16px; min-width: 900px; min-height: 76px; padding: 10px 22px; transition: opacity 0.18s; display: grid; }
.admin-table-row.saving { opacity: 0.5; }
.admin-table-head { min-height: 42px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.07em; background: rgb(248, 249, 252); font-size: 0.62rem; font-weight: 760; }
.admin-table-row > span { color: rgb(86, 100, 122); font-size: 0.68rem; }
.admin-product-cell { align-items: center; gap: 12px; min-width: 0px; display: flex; }
.admin-product-cell img { object-fit: contain; background: var(--cloud); border-radius: 8px; width: 54px; height: 54px; }
.admin-product-cell strong, .admin-product-cell small { display: block; }
.admin-product-cell strong { text-overflow: ellipsis; white-space: nowrap; font-size: 0.72rem; overflow: hidden; }
.admin-product-cell small { color: var(--muted); font-size: 0.58rem; }
.admin-table-row select, .lead-top select { color: rgb(71, 85, 107); background: rgb(255, 255, 255); border: 1px solid rgb(219, 225, 235); border-radius: 8px; height: 34px; padding: 0px 9px; font-size: 0.65rem; }
.feature-switch { width: 38px; height: 22px; display: block; position: relative; }
.feature-switch input { opacity: 0; position: absolute; }
.feature-switch i { background: rgb(223, 229, 238); border-radius: 999px; transition: background 0.18s; position: absolute; inset: 0px; }
.feature-switch i::after { content: ""; width: 16px; height: 16px; transition: transform .18s var(--ease-ui); background: rgb(255, 255, 255); border-radius: 50%; position: absolute; top: 3px; left: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px; }
.feature-switch input:checked + i { background: var(--blue); }
.feature-switch input:checked + i::after { transform: translate(16px); }
.edit-product { height: 34px; color: var(--blue); background: rgb(255, 255, 255); border: 1px solid rgb(220, 226, 235); border-radius: 8px; justify-content: center; align-items: center; gap: 6px; font-size: 0.65rem; font-weight: 700; display: flex; }
.edit-product svg { width: 14px; }
.lead-count { color: var(--blue); align-items: center; gap: 7px; font-size: 0.7rem; display: flex; }
.lead-count svg { width: 17px; }
.lead-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 18px; display: grid; }
.lead-grid article { border: 1px solid rgb(226, 231, 239); border-radius: 12px; padding: 20px; }
.lead-top { grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; display: grid; }
.lead-top > span { color: rgb(255, 255, 255); background: var(--blue); border-radius: 10px; place-items: center; width: 38px; height: 38px; font-weight: 800; display: grid; }
.lead-top h3 { margin: 0px; font-size: 0.85rem; }
.lead-top p { color: var(--muted); margin: 3px 0px 0px; font-size: 0.62rem; }
.lead-data { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 17px; display: grid; }
.lead-data > * { color: rgb(77, 91, 112); text-overflow: ellipsis; white-space: nowrap; font-size: 0.64rem; overflow: hidden; }
.lead-message { color: rgb(86, 100, 122); background: var(--cloud); border-radius: 8px; padding: 10px; font-size: 0.66rem; line-height: 1.5; }
.lead-grid article > small { color: rgb(146, 156, 171); font-size: 0.58rem; }
.admin-empty { text-align: center; color: var(--muted); grid-column: 1 / -1; padding: 70px; }
.admin-empty svg { color: var(--blue); margin-inline: auto; }
.admin-empty h3 { color: var(--ink); }
.admin-modal-backdrop { z-index: 100; backdrop-filter: blur(6px); animation: fade-in .18s var(--ease-out); background: rgba(5, 18, 43, 0.66); place-items: center; padding: 24px; display: grid; position: fixed; inset: 0px; }
.admin-modal { width: min(640px, 100%); max-height: calc(-48px + 100svh); animation: modal-in .26s var(--ease-out); background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; position: relative; overflow-y: auto; }
.modal-close { background: var(--cloud); border: 0px; border-radius: 50%; place-items: center; width: 34px; height: 34px; display: grid; position: absolute; top: 18px; right: 18px; }
.modal-close svg { width: 17px; }
.modal-product { align-items: center; gap: 14px; padding-right: 45px; display: flex; }
.modal-product img { object-fit: contain; background: var(--cloud); border-radius: 11px; width: 74px; height: 74px; }
.modal-product small { color: var(--blue); font-size: 0.62rem; }
.modal-product h2 { margin: 4px 0px 0px; }
.admin-modal form { gap: 15px; margin-top: 24px; display: grid; }
.admin-modal form label { gap: 7px; display: grid; }
.admin-modal form label span { color: rgb(72, 86, 107); font-size: 0.7rem; font-weight: 740; }
.admin-modal input, .admin-modal textarea { border: 1px solid rgb(220, 226, 236); border-radius: 9px; outline: none; width: 100%; padding: 12px; }
.admin-modal input:focus, .admin-modal textarea:focus { border-color: var(--blue); box-shadow: rgba(32, 71, 142, 0.1) 0px 0px 0px 3px; }
.admin-modal form > p { color: var(--muted); margin: 0px; font-size: 0.64rem; }
.admin-modal form > button { color: rgb(255, 255, 255); background: var(--blue); border: 0px; border-radius: 9px; height: 46px; font-weight: 780; }
@keyframes fade-in { 
  0% { opacity: 0; }
}
@keyframes modal-in { 
  0% { opacity: 0; filter: blur(4px); transform: translateY(12px) scale(0.98); }
}
@media (max-width: 1100px) {
  .main-nav { gap: 18px; }
  .home-hero { grid-template-columns: 1fr 0.9fr; }
  .hero-product-stage { height: 560px; }
  .category-copy { width: 68%; }
  .distributor-shell { grid-template-columns: 1fr; }
  .featured-track { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1.2fr 0.7fr 0.8fr; }
  .footer-contact { grid-column: 1 / -1; }
  .admin-kpis { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .section { width: min(100% - 36px, 680px); padding-block: 82px; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 24px; }
  .site-header { height: 72px; }
  .header-inner { width: calc(100% - 30px); }
  .site-logo { width: 74px; }
  .main-nav, .header-cta { display: none; }
  .mobile-menu-button { background: var(--cloud); width: 42px; height: 42px; color: var(--ink); border: 0px; border-radius: 10px; place-items: center; margin-left: auto; display: grid; }
  .mobile-menu { z-index: 49; opacity: 0; filter: blur(4px); max-height: 0px; transition: max-height .32s var(--ease-out), opacity .22s, transform .26s var(--ease-out), filter .22s; background: rgb(255, 255, 255); display: grid; position: fixed; top: 72px; left: 0px; right: 0px; overflow: hidden; transform: translateY(-8px); box-shadow: rgba(11, 33, 72, 0.15) 0px 18px 40px; }
  .mobile-menu.open { opacity: 1; filter: blur(); max-height: calc(-72px + 100svh); padding: 18px; overflow-y: auto; transform: none; }
  .mobile-menu a { border-bottom: 1px solid var(--line); padding: 13px 12px; font-weight: 720; }
  .mobile-menu a:nth-child(n+4):not(:last-child) { color: var(--muted); padding-left: 28px; font-size: 0.82rem; }
  .mobile-menu .mobile-menu-cta { color: rgb(255, 255, 255); background: var(--blue); text-align: center; border: 0px; border-radius: 10px; margin-top: 10px; }
  .home-hero { grid-template-columns: 1fr; min-height: auto; padding: 80px 24px 52px; }
  .home-hero h1, .inner-hero h1 { font-size: clamp(3.15rem, 12vw, 5.3rem); }
  .hero-product-stage { height: 520px; margin-top: 20px; }
  .product-journey-stage { height: calc(-72px + 100svh); top: 72px; }
  .journey-copy { top: 15%; }
  .journey-copy h2 { font-size: clamp(3.5rem, 12vw, 6rem); }
  .journey-product { width: min(820px, 96vw); height: 66%; bottom: -17%; }
  .journey-navigation { grid-template-columns: repeat(4, 1fr); inset: auto 24px 66px; transform: none; }
  .journey-navigation button { grid-template-columns: 1fr; gap: 2px; width: auto; }
  .journey-navigation button:hover, .journey-navigation button.active { transform: translateY(-3px); }
  .journey-navigation strong { display: none; }
  .journey-scroll-cue { bottom: 25px; right: 24px; }
  .journey-product-name { bottom: 24px; left: 24px; }
  .scroll-cue { display: none; }
  .number-band { grid-template-columns: repeat(2, 1fr); width: 100%; }
  .number-band > div:nth-child(2) { border-right: 0px; }
  .number-band > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .category-grid { grid-template-columns: 1fr; }
  .brand-story { grid-template-columns: 1fr; gap: 70px; }
  .story-image > div { right: 18px; }
  .channel-grid, .quality-rail { grid-template-columns: 1fr; }
  .quality-rail > div { border-right: 0px; border-bottom: 1px solid var(--line); }
  .catalog-group-grid { grid-template-columns: 1fr; }
  .catalog-product-grid { grid-template-columns: repeat(2, 1fr); }
  .explorer-toolbar { grid-template-columns: 1fr; }
  .inner-hero { min-height: 560px; padding: 80px 24px; display: block; }
  .about-hero-number, .catalog-stat { margin-top: 50px; }
  .origin-section, .beliefs-section, .contact-layout, .product-detail { grid-template-columns: 1fr; gap: 60px; }
  .product-detail-image { position: relative; top: 0px; }
  .belief-grid { margin-top: 20px; }
  .about-cta { grid-template-columns: 1fr; width: calc(100% - 36px); }
  .about-cta > a { margin-top: 12px; }
  .group-hero { flex-direction: column; display: flex; }
  .group-hero-image { width: 320px; height: 320px; margin: 50px auto 0px; }
  .group-line-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-map { min-height: 480px; }
  .footer-top { grid-template-columns: repeat(2, 1fr); }
  .footer-brand, .footer-contact { grid-column: 1 / -1; }
  .admin-app { grid-template-columns: 76px 1fr; }
  .admin-side { padding: 18px 10px; }
  .admin-mark { padding-inline: 6px; }
  .admin-mark > div, .admin-side nav button:not(.active)::after, .admin-side nav button, .admin-side nav a, .admin-security > div, .admin-account > div { font-size: 0px; }
  .admin-side nav button, .admin-side nav a { justify-content: center; }
  .admin-side nav button > span { margin: -24px 0px 0px 28px; position: absolute; }
  .admin-security { justify-content: center; }
  .admin-account { grid-template-columns: 1fr; justify-items: center; }
  .admin-content { padding: 24px 16px; }
  .lead-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .section { width: calc(100% - 28px); padding-block: 68px; }
  .section-heading h2, .origin-title h2, .beliefs-title h2, .story-copy h2, .distributor-intro h2, .contact-details h2 { font-size: 2.75rem; }
  .home-hero { padding-inline: 18px; }
  .home-hero h1, .inner-hero h1 { font-size: 3.2rem; }
  .hero-lead { font-size: 0.95rem; }
  .hero-buttons, .product-actions { flex-direction: column; align-items: stretch; }
  .audience-tags p { display: none; }
  .hero-product-stage { height: 410px; }
  .product-journey-stage { min-height: 620px; }
  .journey-heading { top: 20px; left: 18px; right: 18px; }
  .journey-heading p { letter-spacing: 0.12em; font-size: 0.58rem; }
  .journey-copy { width: calc(100% - 30px); top: 14%; }
  .journey-copy h2 { margin-top: 10px; font-size: 3.35rem; }
  .journey-copy p { max-width: 340px; font-size: 0.82rem; }
  .journey-copy > div { flex-direction: column; width: min(280px, 100%); margin: 16px auto 0px; }
  .journey-copy a { min-height: 40px; }
  .journey-product { width: 112vw; height: 53%; bottom: -14%; }
  .journey-product-name { display: none; }
  .journey-navigation { bottom: 50px; left: 18px; right: 18px; }
  .journey-scroll-cue { bottom: 17px; right: 18px; }
  .hero-seal { width: 92px; height: 92px; }
  .hero-seal strong { font-size: 1.8rem; }
  .hero-seal span { font-size: 0.5rem; }
  .number-band > div { min-height: 118px; padding: 18px; display: block; }
  .number-band strong, .number-band span { display: block; }
  .number-band strong { font-size: 2.3rem; }
  .category-card { min-height: 420px; padding: 26px; }
  .category-copy { width: 100%; }
  .category-card::after { background: linear-gradient(rgba(246, 248, 252, 0.98) 0%, rgba(246, 248, 252, 0.84) 56%, rgba(0, 0, 0, 0) 82%); }
  .category-card img { width: 68%; height: 52%; bottom: -4%; right: -5%; }
  .story-image, .story-image > img { height: 480px; min-height: 480px; }
  .featured-track, .catalog-product-grid, .related-grid { grid-template-columns: 1fr; }
  .featured-card { min-height: 440px; }
  .distributor-section { padding: 72px 14px; }
  .distributor-shell { gap: 44px; }
  .distributor-form-card { border-radius: 18px; padding: 22px 18px; }
  .distributor-form .form-grid { grid-template-columns: 1fr; }
  .distributor-form label.full { grid-column: auto; }
  .form-submit-row { display: block; }
  .form-submit-row button { justify-content: center; width: 100%; }
  .form-submit-row p { margin-top: 12px; }
  .inner-hero { padding-inline: 18px; }
  .about-hero-number { width: 200px; height: 200px; }
  .origin-section { gap: 40px; }
  .about-image-break { height: 520px; }
  .story-timeline article { grid-template-columns: 1fr; gap: 12px; }
  .belief-grid { grid-template-columns: 1fr; }
  .catalog-group-grid a { grid-template-columns: 26px 1fr 86px; min-height: 210px; padding: 20px; }
  .catalog-group-grid a > svg { display: none; }
  .catalog-group-grid img { width: 86px; height: 150px; }
  .catalog-stat { width: 100%; }
  .line-index-grid { grid-template-columns: 1fr; }
  .line-index-grid a:nth-child(2n+1) { border-right: 0px; }
  .group-line-grid { grid-template-columns: 1fr; }
  .group-hero-image { width: 270px; height: 270px; }
  .product-breadcrumb { white-space: nowrap; width: calc(100% - 28px); overflow-x: auto; }
  .product-detail-image { min-height: 430px; }
  .product-detail-image img { height: 390px; }
  .product-detail-copy h1 { font-size: 2.8rem; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand, .footer-contact { grid-column: auto; }
  .footer-bottom { gap: 8px; display: grid; }
  .admin-login { grid-template-columns: 1fr; }
  .login-visual { min-height: 360px; padding: 45px 28px; }
  .login-visual h1 { font-size: 3rem; }
  .login-visual > div { margin-top: 30px; }
  .login-card { margin-block: 40px; }
  .admin-content > header { display: block; }
  .admin-live { margin-top: 10px; }
  .admin-kpis { grid-template-columns: 1fr; }
  .admin-panel-head { flex-direction: column; align-items: stretch; }
  .admin-panel-head > label { width: 100%; }
  .lead-data { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, ::before, ::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .reveal { opacity: 1; filter: none; transform: none; }
  .product-journey { height: auto; }
  .product-journey-stage { height: calc(-72px + 100svh); position: relative; top: auto; }
  .product-journey-scroll { display: none; }
}
@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-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@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-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.public-site { --a5-blue: #20478e; --a5-electric: #4d8dff; --a5-ink: #071a38; --a5-night: #041126; --a5-mist: #edf3fc; --a5-paper: #f8fafc; --a5-line: #071a381f; --a5-shadow: 0 28px 90px #061a3a24; --a5-ease: cubic-bezier(.22, 1, .36, 1); color: var(--a5-ink); background: var(--a5-paper); overflow: clip; }
.public-site main { min-height: 70svh; }
.public-site .section { width: min(1320px, 100% - 80px); padding-block: 144px; }
.public-site .eyebrow { color: var(--a5-blue); letter-spacing: 0.2em; margin-bottom: 22px; font-size: 0.72rem; }
.public-site .section-heading { align-items: flex-end; margin-bottom: 68px; }
.public-site .section-heading h2, .public-site .origin-title h2, .public-site .beliefs-title h2, .public-site .story-copy h2, .public-site .distributor-intro h2, .public-site .contact-details h2 { letter-spacing: -0.07em; max-width: 900px; font-size: clamp(3.2rem, 5.6vw, 6.4rem); line-height: 0.9; }
.public-site h1 em, .public-site h2 em { color: var(--a5-electric); font-family: "Times New Roman", Poppins; font-style: italic; }
.public-site .section-heading > p { max-width: 430px; font-size: 1.05rem; }
.public-site .reveal { opacity: 1; filter: none; transition: none; transform: none; }
.public-site .button { min-height: 56px; padding-inline: 25px; font-size: 0.88rem; }
.public-site :focus-visible { outline-offset: 4px; outline: rgba(77, 141, 255, 0.65) solid 3px; }
.public-site .site-header { backdrop-filter: blur(22px) saturate(160%); background: rgba(250, 252, 255, 0.86); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 18px; width: min(1360px, 100% - 36px); height: 68px; position: fixed; top: 18px; left: 50%; transform: translate(-50%); box-shadow: rgba(4, 17, 38, 0.12) 0px 12px 50px; }
.public-site .header-inner { gap: 30px; width: 100%; padding-inline: 16px; }
.public-site .site-logo { width: 76px; }
.public-site .site-logo img { filter: brightness(0) saturate() invert(28%) sepia(35%) saturate(1787%) hue-rotate(178deg) brightness(87%) contrast(94%); height: 45px; }
.public-site .main-nav { gap: 28px; height: 100%; }
.public-site .main-nav > a, .public-site .nav-products > a { color: rgb(38, 58, 87); font-size: 0.84rem; }
.public-site .main-nav > a::after, .public-site .nav-products > a::after { height: 5px; transition: left .18s var(--a5-ease), right .18s var(--a5-ease); border-radius: 50%; bottom: 10px; left: 50%; right: 50%; }
.public-site .main-nav > a:hover::after, .public-site .main-nav > a.active::after, .public-site .nav-products > a:hover::after, .public-site .nav-products > a.active::after { left: calc(50% - 2.5px); right: calc(50% - 2.5px); }
.public-site .header-cta { background: var(--a5-blue); border-radius: 12px; min-height: 42px; padding-inline: 17px; box-shadow: rgba(32, 71, 142, 0.2) 0px 10px 26px; }
.public-site .catalog-mega { border-radius: 20px; grid-template-columns: 230px minmax(0px, 1fr); gap: 28px; width: min(1220px, -48px + 100vw); max-height: calc(-104px + 100svh); top: 62px; overflow-y: auto; box-shadow: rgba(4, 17, 38, 0.22) 0px 32px 100px; }
.public-site .mega-copy { background: radial-gradient(circle at 85% 10%, #639bff80, transparent 35%), var(--a5-ink); border-radius: 14px; }
.public-site .mega-groups { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; }
.public-site .mega-groups > div { border-left: 1px solid rgba(7, 26, 56, 0.09); min-width: 0px; min-height: 245px; padding: 16px 22px; }
.public-site .mega-groups > div > a { align-items: flex-start; min-height: 46px; line-height: 1.2; }
.public-site .mega-groups ul { margin-top: 14px; margin-left: 25px; font-size: 0.78rem; line-height: 1.75; }
.public-site .home-hero { background: radial-gradient(circle at 78% 34%, rgba(65, 123, 228, 0.42), rgba(0, 0, 0, 0) 29%), radial-gradient(circle at 54% 100%, rgba(32, 71, 142, 0.38), rgba(0, 0, 0, 0) 35%), linear-gradient(135deg, rgb(2, 11, 26) 0%, rgb(6, 26, 59) 54%, rgb(18, 60, 121) 100%); grid-template-columns: minmax(0px, 0.92fr) minmax(480px, 1.08fr); min-height: 100svh; padding: 136px max(5vw, -660px + 50vw) 76px; }
.public-site .home-hero::before { content: ""; background: linear-gradient(115deg, rgba(3, 13, 31, 0.2), rgba(0, 0, 0, 0) 62%); position: absolute; inset: 0px; }
.public-site .home-hero::after { width: min(58vw, 820px); height: min(58vw, 820px); bottom: -32vw; left: auto; right: -25vw; box-shadow: rgba(255, 255, 255, 0.02) 0px 0px 0px 110px, rgba(255, 255, 255, 0.01) 0px 0px 0px 220px; }
.public-site .hero-grid-lines { opacity: 0.12; background-size: 96px 96px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), rgba(0, 0, 0, 0) 78%); }
.public-site .hero-monogram { z-index: 0; color: rgba(0, 0, 0, 0); letter-spacing: -0.14em; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.075); user-select: none; font-size: clamp(18rem, 38vw, 42rem); font-weight: 900; line-height: 0.6; position: absolute; top: 48%; right: -2vw; transform: translateY(-50%); }
.public-site .home-hero-copy { max-width: 720px; }
.public-site .home-hero h1 { max-width: 800px; font-size: clamp(4.2rem, 7vw, 8rem); line-height: 0.86; }
.public-site .hero-lead { max-width: 570px; font-size: 1.08rem; }
.public-site .hero-buttons { margin-top: 38px; }
.public-site .hero-audiences { grid-template-columns: repeat(2, minmax(0px, 210px)); gap: 1px; margin-top: 58px; display: grid; }
.public-site .hero-audiences > span { border-left: 1px solid rgba(255, 255, 255, 0.18); grid-template-columns: 30px 1fr; align-content: center; min-height: 78px; padding: 12px 18px; display: grid; }
.public-site .hero-audiences svg { color: rgb(169, 202, 255); grid-row: 1 / 3; align-self: center; }
.public-site .hero-audiences small, .public-site .hero-audiences strong { display: block; }
.public-site .hero-audiences small { color: rgba(255, 255, 255, 0.5); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.64rem; }
.public-site .hero-audiences strong { color: rgb(255, 255, 255); font-size: 0.74rem; }
.public-site .hero-product-stage { height: min(720px, 72svh); }
.public-site .hero-orbit { border-color: rgba(255, 255, 255, 0.12); inset: 3% 0px; transform: rotate(-17deg); }
.public-site .hero-orbit::after { opacity: 0.7; border-style: solid; inset: 17%; }
.public-site .hero-orbit i { background: rgb(157, 194, 255); border-radius: 50%; width: 9px; height: 9px; position: absolute; box-shadow: rgb(134, 178, 255) 0px 0px 24px; }
.public-site .hero-orbit i:first-child { top: 11%; left: 18%; }
.public-site .hero-orbit i:last-child { bottom: 20%; right: 9%; }
.public-site .hero-product { opacity: 0; pointer-events: none; filter: none; width: auto; height: auto; transition: opacity .36s var(--a5-ease), transform .56s var(--a5-ease); animation: auto ease 0s 1 normal none running none; inset: 5% 5% 13%; transform: translateY(24px) scale(0.94); }
.public-site .hero-product.active { opacity: 1; pointer-events: auto; filter: none; transform: translate(0px, 0px) scale(1); }
.public-site .hero-product img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 45px 34px); width: 100%; height: 100%; }
.public-site .hero-product:hover { transform: translateY(-8px) scale(1.012); }
.public-site .hero-product-caption { z-index: 8; color: rgb(255, 255, 255); backdrop-filter: blur(18px); background: rgba(3, 16, 38, 0.48); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; grid-template-columns: auto 1fr; gap: 3px 14px; width: min(360px, 62%); padding: 16px 18px; display: grid; position: absolute; bottom: 3%; left: 2%; }
.public-site .hero-product-caption > span { color: rgb(159, 195, 255); grid-row: 1 / 3; font: 400 1.1rem "Times New Roman", Poppins; }
.public-site .hero-product-caption strong { white-space: nowrap; text-overflow: ellipsis; font-size: 0.74rem; overflow: hidden; }
.public-site .hero-product-caption small { color: rgba(255, 255, 255, 0.55); align-items: center; gap: 5px; font-size: 0.63rem; display: flex; }
.public-site .hero-product-tabs { z-index: 9; gap: 10px; display: grid; position: absolute; top: 50%; right: 1%; transform: translateY(-50%); }
.public-site .hero-product-tabs button { color: rgba(255, 255, 255, 0.48); width: 42px; height: 42px; transition: color .18s var(--a5-ease), background .18s var(--a5-ease), transform .18s var(--a5-ease); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; padding: 0px; }
.public-site .hero-product-tabs button:hover { color: rgb(255, 255, 255); transform: scale(1.06); }
.public-site .hero-product-tabs button.active { color: var(--a5-ink); background: rgb(255, 255, 255); }
.public-site .hero-product-tabs span { font-size: 0.64rem; font-weight: 800; }
.public-site .scroll-cue { bottom: 26px; }
.public-site .number-band { color: rgb(255, 255, 255); background: var(--a5-blue); width: 100%; box-shadow: none; margin: 0px; padding: 0px max(5vw, -660px + 50vw); }
.public-site .number-band > div { border-color: rgba(255, 255, 255, 0.16); grid-template-rows: auto 1fr; grid-template-columns: auto 1fr; column-gap: 16px; min-height: 168px; display: grid; }
.public-site .number-band small { color: rgba(255, 255, 255, 0.52); letter-spacing: 0.15em; text-transform: uppercase; grid-column: 1 / -1; font-size: 0.62rem; font-weight: 800; }
.public-site .number-band strong { color: rgb(255, 255, 255); align-self: center; font-size: 3.7rem; }
.public-site .number-band span { color: rgba(255, 255, 255, 0.66); align-self: center; }
.public-site .product-journey { background: var(--a5-night); height: 400svh; }
.public-site .product-journey-stage { background: radial-gradient(circle at 73% 48%, rgba(58, 112, 216, 0.4), rgba(0, 0, 0, 0) 27%), linear-gradient(145deg, rgb(2, 11, 26), rgb(7, 28, 63) 62%, rgb(18, 61, 126)); height: 100svh; min-height: 680px; top: 0px; }
.public-site .product-journey-stage::before { width: min(1250px, 100vw); inset: auto -10vw -70vw auto; transform: none; box-shadow: rgba(255, 255, 255, 0.016) 0px 0px 0px 90px, rgba(255, 255, 255, 0.01) 0px 0px 0px 180px; }
.public-site .journey-heading { top: 118px; }
.public-site .journey-slide { filter: none; transition: opacity .32s var(--a5-ease), transform .52s var(--a5-ease); }
.public-site .journey-slide.active { filter: none; }
.public-site .journey-copy { text-align: left; width: min(560px, 42vw); top: 48%; left: max(5vw, -660px + 50vw); transform: translateY(-50%); }
.public-site .journey-copy h2 { letter-spacing: -0.065em; max-width: 100%; margin: 18px 0px; font-family: inherit; font-size: clamp(3.4rem, 3.8vw, 4.6rem); font-weight: 650; line-height: 0.92; }
.public-site .journey-copy p { max-width: 470px; margin: 0px; }
.public-site .journey-copy > div { justify-content: flex-start; margin-top: 30px; }
.public-site .journey-product { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 34px 32px); width: min(760px, 54vw); height: 76%; transition: opacity .32s var(--a5-ease), transform .56s var(--a5-ease); bottom: 3%; left: 70%; transform: translate(-50%, 4%) scale(0.9); }
.public-site .journey-slide.active .journey-product { transform: translate(-50%) scale(1); }
.public-site .journey-product-name { color: rgba(255, 255, 255, 0.72); background: rgba(3, 16, 38, 0.28); border-left: 2px solid rgb(143, 183, 255); width: min(300px, 26vw); max-width: none; padding: 12px 15px; bottom: 78px; left: auto; right: max(5vw, -660px + 50vw); }
.public-site .journey-navigation { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px; width: min(480px, 42vw); inset: auto auto 38px max(5vw, -660px + 50vw); transform: none; }
.public-site .journey-navigation button { text-align: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; grid-template-columns: 1fr; gap: 3px; width: auto; min-width: 0px; padding: 10px 8px; }
.public-site .journey-navigation button:hover, .public-site .journey-navigation button.active { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); transform: translateY(-3px); }
.public-site .journey-navigation strong { font-size: 0.64rem; }
.public-site .journey-scroll-cue { bottom: 35px; right: max(5vw, -660px + 50vw); }
.public-site .category-showcase { padding-top: 160px; }
.public-site .category-grid { grid-template-columns: 1.14fr 0.86fr; grid-auto-rows: 470px; gap: 18px; }
.public-site .category-grid > .reveal:nth-child(3), .public-site .category-grid > .reveal:nth-child(4) { grid-column: span 1; }
.public-site .category-card { height: 100%; min-height: 0px; box-shadow: none; background: rgb(234, 241, 251); border-radius: 4px; padding: 42px; }
.public-site .category-card::after { background: linear-gradient(98deg, rgba(235, 242, 252, 0.98), rgba(235, 242, 252, 0.76) 50%, rgba(0, 0, 0, 0) 78%); }
.public-site .category-card img { filter: drop-shadow(rgba(7, 26, 56, 0.18) 0px 32px 28px); width: 60%; height: 84%; bottom: -8%; right: -3%; }
.public-site .category-card i { color: rgba(32, 71, 142, 0.055); letter-spacing: -0.1em; background: 0px 0px; border-radius: 0px; width: auto; height: auto; font-size: 10rem; font-style: normal; font-weight: 900; top: auto; bottom: -8%; right: -2%; }
.public-site .category-copy { width: 53%; }
.public-site .category-copy h3 { margin-top: 34px; font-size: clamp(2.4rem, 3.8vw, 4.8rem); }
.public-site .category-2 { background: rgb(226, 237, 255); }
.public-site .category-3 { background: rgb(238, 240, 243); }
.public-site .category-4 { background: rgb(228, 240, 242); }
.public-site .audience-bridge { grid-template-columns: 0.7fr 1.3fr; align-items: start; gap: 7vw; display: grid; }
.public-site .audience-intro { position: sticky; top: 130px; }
.public-site .audience-intro h2 { letter-spacing: -0.065em; margin: 0px; font-size: clamp(3.1rem, 4.6vw, 5.8rem); line-height: 0.91; }
.public-site .audience-intro > p:last-child { color: rgb(101, 115, 137); max-width: 470px; margin-top: 30px; line-height: 1.75; }
.public-site .audience-cards { gap: 18px; display: grid; }
.public-site .audience-card { color: rgb(255, 255, 255); background: var(--a5-blue); flex-direction: column; justify-content: flex-end; min-height: 400px; padding: 42px; display: flex; position: relative; overflow: hidden; }
.public-site .audience-card.business { color: var(--a5-ink); background: rgb(220, 232, 250); }
.public-site .audience-card > span { letter-spacing: 0.12em; text-transform: uppercase; align-items: center; gap: 9px; font-size: 0.7rem; font-weight: 800; display: flex; position: absolute; top: 32px; left: 38px; }
.public-site .audience-card > span svg { width: 18px; }
.public-site .audience-card h3 { z-index: 2; letter-spacing: -0.055em; max-width: 640px; margin: 0px; font-size: clamp(2rem, 3.2vw, 4rem); line-height: 1; position: relative; }
.public-site .audience-card p { z-index: 2; color: rgba(255, 255, 255, 0.68); max-width: 520px; margin: 18px 0px 30px; line-height: 1.65; position: relative; }
.public-site .audience-card.business p { color: rgb(89, 107, 132); }
.public-site .audience-card strong { z-index: 2; align-items: center; gap: 8px; font-size: 0.78rem; display: flex; position: relative; }
.public-site .audience-card strong svg { width: 17px; transition: transform .18s var(--a5-ease); }
.public-site .audience-card:hover strong svg { transform: translate(5px); }
.public-site .audience-card i { color: rgba(255, 255, 255, 0.055); letter-spacing: -0.08em; font-size: 7.5rem; font-style: normal; font-weight: 900; position: absolute; bottom: -28px; right: -8px; }
.public-site .audience-card.business i { color: rgba(7, 26, 56, 0.055); }
.public-site .brand-story { grid-template-columns: 1.12fr 0.88fr; padding-top: 80px; }
.public-site .story-image, .public-site .story-image > img { height: 720px; }
.public-site .story-image > img { border-radius: 0px; }
.public-site .story-image::before { border-radius: 0px; inset: -16px 28px 22px -16px; }
.public-site .story-image > div { background: var(--a5-ink); bottom: 30px; right: -28px; }
.public-site .quality-rail { color: rgb(255, 255, 255); background: var(--a5-ink); padding-inline: max(5vw, -660px + 50vw); }
.public-site .quality-rail > div { border-color: rgba(255, 255, 255, 0.12); min-height: 126px; }
.public-site .quality-rail svg { color: rgb(159, 195, 255); }
.public-site .distributor-section { background: rgb(232, 240, 251); padding: 150px max(4vw, -660px + 50vw); position: relative; }
.public-site .distributor-section::before { display: none; }
.public-site .distributor-symbol { z-index: 0; opacity: 0.055; filter: invert(24%) sepia(36%) saturate(1841%) hue-rotate(179deg) brightness(89%) contrast(91%); pointer-events: none; width: clamp(260px, 34vw, 560px); height: auto; position: absolute; top: -3vw; right: -5vw; }
.public-site .distributor-shell { z-index: 2; gap: 7vw; position: relative; }
.public-site .distributor-intro { color: var(--a5-ink); }
.public-site .distributor-intro > p:not(.eyebrow) { color: rgb(91, 109, 134); }
.public-site .distributor-benefits { border-color: rgba(7, 26, 56, 0.13); }
.public-site .distributor-benefits span { color: rgb(83, 100, 124); }
.public-site .distributor-form-card { color: var(--a5-ink); box-shadow: var(--a5-shadow); background: rgb(255, 255, 255); border: 0px; border-radius: 4px; }
.public-site .distributor-form label span { color: rgb(76, 93, 117); }
.public-site .distributor-form input, .public-site .distributor-form select, .public-site .distributor-form textarea { color: var(--a5-ink); background: rgb(248, 250, 252); border-color: rgb(217, 225, 236); }
.public-site .form-submit-row p { color: rgb(116, 129, 151); }
.public-site .inner-hero { background: radial-gradient(circle at 80% 30%, rgba(73, 132, 238, 0.38), rgba(0, 0, 0, 0) 28%), linear-gradient(140deg, rgb(2, 11, 26), rgb(10, 39, 87) 66%, rgb(32, 71, 142)); min-height: 76svh; padding: 156px max(5vw, -660px + 50vw) 100px; }
.public-site .inner-hero h1 { max-width: 1050px; font-size: clamp(4rem, 7.2vw, 8.4rem); }
.public-site .about-hero-number, .public-site .catalog-stat { backdrop-filter: blur(18px); background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.18); }
.public-site .about-image-break { height: 78svh; min-height: 620px; }
.public-site .about-image-break::after { content: ""; background: linear-gradient(90deg, rgba(2, 11, 26, 0.45), rgba(0, 0, 0, 0) 55%); position: absolute; inset: 0px; }
.public-site .about-image-break > div { z-index: 2; }
.public-site .origin-section { gap: 8vw; }
.public-site .story-timeline article { border-color: var(--a5-line); }
.public-site .belief-grid article { border: 0px; border-radius: 2px; box-shadow: rgba(7, 26, 56, 0.08) 0px 18px 60px; }
.public-site .about-cta { width: 100%; padding-inline: max(5vw, -660px + 50vw); }
.public-site .catalog-overview { padding-bottom: 70px; }
.public-site .catalog-group-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
.public-site .catalog-group-grid a { min-height: 300px; box-shadow: none; background: rgb(232, 240, 251); border: 0px; border-radius: 2px; padding: 32px; }
.public-site .catalog-group-grid a:nth-child(2) { background: rgb(220, 233, 252); }
.public-site .catalog-group-grid a:nth-child(3) { background: rgb(237, 240, 244); }
.public-site .catalog-group-grid a:nth-child(4) { background: rgb(229, 240, 242); }
.public-site .catalog-group-grid img { width: 190px; height: 230px; }
.public-site .catalog-browser { background: rgb(255, 255, 255); width: 100%; max-width: none; padding-inline: max(5vw, -660px + 50vw); }
.public-site .group-tabs { background: rgb(237, 243, 252); border-radius: 14px; }
.public-site .group-tabs a { border-radius: 10px; }
.public-site .subcategory-scroller button { border-radius: 999px; }
.public-site .catalog-search { border-radius: 12px; }
.public-site .catalog-product-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.public-site .product-card { background: rgb(242, 245, 249); border: 0px; border-radius: 2px; }
.public-site .product-image { background: 0px 0px; border: 0px; height: 330px; }
.public-site .product-image img, .public-site .transparent-product, .public-site .isolated-product { mix-blend-mode: normal; filter: none; transition: transform .48s var(--a5-ease), filter .48s var(--a5-ease); }
.public-site .product-card:hover .product-image img { filter: drop-shadow(rgba(7, 26, 56, 0.2) 0px 28px 24px); transform: translateY(-9px) scale(1.045); }
.public-site .product-card-copy { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.8); }
.public-site .line-index-grid a { background: rgb(255, 255, 255); }
.public-site .group-hero-image { backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.06); }
.public-site .group-line-grid a { background: rgb(237, 243, 252); border-radius: 2px; }
.public-site .product-detail-page { padding-top: 100px; }
.public-site .product-detail-image { background: rgb(237, 243, 252); border-radius: 2px; }
.public-site .related-grid > a { background: rgb(241, 245, 250); border-radius: 2px; }
.public-site .contact-layout { gap: 8vw; }
.public-site .contact-cards a { background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(7, 26, 56, 0.08) 0px 16px 50px; }
.public-site .contact-map { box-shadow: var(--a5-shadow); border-radius: 2px; }
.public-site .site-footer { background: rgb(2, 11, 26); padding-top: 100px; }
.public-site .footer-top { width: min(1320px, 100% - 80px); }
.public-site .footer-brand p { color: rgba(255, 255, 255, 0.52); max-width: 270px; font-size: 1rem; line-height: 1.7; }
.public-site .footer-bottom { width: min(1320px, 100% - 80px); }
@media (max-width: 1100px) {
  .public-site .home-hero { grid-template-columns: 1fr 1fr; }
  .public-site .home-hero h1 { font-size: clamp(3.8rem, 6.4vw, 6rem); }
  .public-site .journey-copy { width: min(430px, 42vw); }
  .public-site .journey-product { width: 55vw; left: 73%; }
  .public-site .audience-bridge { grid-template-columns: 1fr; }
  .public-site .audience-intro { position: static; }
  .public-site .audience-cards { grid-template-columns: repeat(2, 1fr); }
  .public-site .audience-card { min-height: 460px; }
  .public-site .catalog-mega { grid-template-columns: 210px minmax(0px, 1fr); }
  .public-site .mega-groups { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .public-site .mega-groups > div { min-height: 190px; }
}
@media (max-width: 860px) {
  .public-site .section { width: calc(100% - 40px); padding-block: 96px; }
  .public-site .site-header { width: calc(100% - 20px); height: 62px; top: 10px; }
  .public-site .home-hero { min-height: auto; padding: 126px 24px 72px; display: block; }
  .public-site .home-hero-copy { max-width: 680px; }
  .public-site .hero-product-stage { height: 620px; margin-top: 28px; }
  .public-site .scroll-cue { display: none; }
  .public-site .number-band { grid-template-columns: repeat(2, 1fr); padding-inline: 20px; }
  .public-site .number-band > div { border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
  .public-site .journey-heading { top: 92px; }
  .public-site .journey-copy { text-align: center; width: calc(100% - 40px); top: 19%; left: 20px; transform: none; }
  .public-site .journey-copy h2 { font-size: clamp(3.4rem, 10vw, 5.8rem); }
  .public-site .journey-copy p { max-width: 540px; margin-inline: auto; }
  .public-site .journey-copy > div { justify-content: center; }
  .public-site .journey-product { width: min(720px, 88vw); height: 54%; bottom: -3%; left: 50%; }
  .public-site .journey-navigation { width: calc(100% - 40px); bottom: 34px; left: 20px; }
  .public-site .journey-product-name, .public-site .journey-scroll-cue { display: none; }
  .public-site .category-grid { grid-template-columns: 1fr; grid-auto-rows: 450px; }
  .public-site .audience-cards, .public-site .brand-story { grid-template-columns: 1fr; }
  .public-site .story-image, .public-site .story-image > img { height: 600px; }
  .public-site .catalog-product-grid { grid-template-columns: repeat(2, 1fr); }
  .public-site .inner-hero { min-height: 620px; padding: 132px 24px 80px; }
  .public-site .inner-hero h1 { font-size: clamp(3.6rem, 10vw, 6.4rem); }
}
@media (max-width: 560px) {
  .public-site .section { width: calc(100% - 28px); padding-block: 76px; }
  .public-site .section-heading h2, .public-site .origin-title h2, .public-site .beliefs-title h2, .public-site .story-copy h2, .public-site .distributor-intro h2, .public-site .contact-details h2 { font-size: 3rem; }
  .public-site .home-hero { padding-inline: 18px; }
  .public-site .home-hero h1 { font-size: 3.55rem; }
  .public-site .hero-audiences { grid-template-columns: 1fr 1fr; margin-top: 42px; }
  .public-site .hero-audiences > span { grid-template-columns: 24px 1fr; padding: 10px; }
  .public-site .hero-product-stage { height: 450px; margin-top: 10px; }
  .public-site .hero-product { inset: 2% 0px 14%; }
  .public-site .hero-product-caption { width: calc(100% - 56px); bottom: 0px; left: 0px; }
  .public-site .hero-product-tabs { right: 0px; }
  .public-site .number-band { padding-inline: 0px; }
  .public-site .number-band > div { min-height: 132px; padding: 20px 16px; display: block; }
  .public-site .number-band small, .public-site .number-band strong, .public-site .number-band span { display: block; }
  .public-site .number-band strong { margin-block: 5px; font-size: 2.7rem; }
  .public-site .product-journey-stage { min-height: 660px; }
  .public-site .journey-heading { top: 88px; }
  .public-site .journey-copy { top: 18%; }
  .public-site .journey-copy h2 { font-size: 3.35rem; }
  .public-site .journey-copy p { font-size: 0.86rem; }
  .public-site .journey-product { width: 108vw; height: 45%; bottom: 5%; }
  .public-site .category-grid { grid-auto-rows: 470px; }
  .public-site .category-card { padding: 28px; }
  .public-site .category-copy { width: 100%; }
  .public-site .category-card::after { background: linear-gradient(rgba(235, 242, 252, 0.98), rgba(235, 242, 252, 0.82) 60%, rgba(0, 0, 0, 0) 86%); }
  .public-site .category-card img { width: 76%; height: 54%; }
  .public-site .audience-card { min-height: 440px; padding: 30px 26px; }
  .public-site .audience-card > span { left: 26px; }
  .public-site .audience-card i { font-size: 5rem; }
  .public-site .story-image, .public-site .story-image > img { height: 500px; }
  .public-site .distributor-section { padding: 80px 14px; }
  .public-site .catalog-group-grid, .public-site .catalog-product-grid { grid-template-columns: 1fr; }
  .public-site .catalog-group-grid a { min-height: 230px; }
  .public-site .product-image { height: 360px; }
  .public-site .inner-hero h1 { font-size: 3.5rem; }
  .public-site .footer-top, .public-site .footer-bottom { width: calc(100% - 40px); }
}
@media (prefers-reduced-motion: reduce) {
  .public-site .hero-product { transition: none; }
  .public-site .hero-product-stage { transform: none !important; }
  .public-site .product-journey-stage { height: calc(-72px + 100svh); }
}
.public-site .home-campaign { isolation: isolate; background: rgb(7, 26, 56); min-height: calc(-78px + 100svh); }
.public-site .home-campaign::before { display: none; }
.public-site .home-campaign-media, .public-site .home-campaign-media img, .public-site .home-campaign-shade { position: absolute; inset: 0px; }
.public-site .home-campaign-media { z-index: -3; background: rgb(7, 26, 56); overflow: hidden; }
.public-site .home-campaign-media img { object-fit: cover; opacity: 0; width: 100%; height: 100%; transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); transform: scale(1.018); }
.public-site .home-campaign-media img.active { opacity: 1; transform: scale(1); }
.public-site .home-campaign-shade { z-index: -2; background: linear-gradient(90deg, rgba(2, 10, 24, 0.84) 0%, rgba(3, 13, 30, 0.61) 35%, rgba(3, 13, 30, 0.12) 68%, rgba(3, 13, 30, 0.2) 100%), linear-gradient(rgba(0, 0, 0, 0) 62%, rgba(2, 9, 21, 0.78) 100%); }
.public-site .home-campaign-brand { z-index: -1; opacity: 0.12; object-fit: contain; pointer-events: none; width: clamp(110px, 13vw, 220px); height: auto; position: absolute; bottom: 92px; right: clamp(28px, 4vw, 72px); }
.public-site .home-campaign-copy { z-index: 2; width: min(660px, 48vw); animation: 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running a5-campaign-copy; position: absolute; top: 45%; left: max(5vw, -660px + 50vw); transform: translateY(-50%); }
.public-site .home-campaign-copy > p { color: rgb(169, 202, 255); letter-spacing: 0.16em; text-transform: uppercase; margin: 0px 0px 20px; font-size: 0.72rem; font-weight: 850; }
.public-site .home-campaign-copy h1 { color: rgb(255, 255, 255); letter-spacing: -0.075em; text-wrap: balance; max-width: 650px; margin: 0px; font-size: clamp(4rem, 6vw, 7.2rem); font-weight: 660; line-height: 0.88; }
.public-site .home-campaign-copy > span { color: rgba(255, 255, 255, 0.78); max-width: 510px; margin-top: 26px; font-size: 1rem; line-height: 1.65; display: block; }
.public-site .home-campaign-copy > div { align-items: center; gap: 24px; margin-top: 30px; display: flex; }
.public-site .home-campaign-copy .button { color: var(--a5-ink); background: rgb(255, 255, 255); border-radius: 999px; }
.public-site .home-campaign-footer { z-index: 3; grid-template-columns: minmax(0px, 760px) auto 1fr; align-items: end; gap: 24px; display: grid; position: absolute; bottom: 22px; left: max(5vw, -660px + 50vw); right: max(5vw, -660px + 50vw); }
.public-site .home-campaign-tabs { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 7px; display: grid; }
.public-site .home-campaign-tabs button { color: rgba(255, 255, 255, 0.5); text-align: left; background: 0px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.28) currentcolor currentcolor; border-image: none; grid-template-columns: 24px minmax(0px, 1fr); align-content: start; gap: 7px; min-height: 58px; padding: 13px 4px 0px; transition: color 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); display: grid; position: relative; }
.public-site .home-campaign-tabs button::before { content: ""; transform-origin: 0px center; background: rgb(255, 255, 255); width: 100%; height: 2px; position: absolute; top: -1px; left: 0px; transform: scaleX(0); }
.public-site .home-campaign-tabs button > i { width: 100%; height: 2px; position: absolute; top: -1px; left: 0px; overflow: hidden; }
.public-site .home-campaign-tabs button > i b { transform-origin: 0px center; background: rgb(255, 255, 255); width: 100%; height: 100%; animation: 4s linear 0s 1 normal forwards running a5-progress; display: block; transform: scaleX(0); }
.public-site .home-campaign-tabs button:hover, .public-site .home-campaign-tabs button.active { color: rgb(255, 255, 255); }
.public-site .home-campaign-tabs button.active { transform: translateY(-2px); }
.public-site .home-campaign-tabs button.active::before { opacity: 0.22; transform: scaleX(1); }
.public-site .home-campaign.is-paused .home-campaign-tabs button > i b { animation-play-state: paused; }
.public-site .home-campaign-tabs span { font: 400 0.7rem "Times New Roman", Poppins; }
.public-site .home-campaign-tabs strong { text-overflow: ellipsis; white-space: nowrap; font-size: 0.64rem; line-height: 1.3; overflow: hidden; }
.public-site .home-campaign-arrows { gap: 8px; display: flex; }
.public-site .home-campaign-arrows button { color: rgb(255, 255, 255); background: rgba(4, 17, 38, 0.22); border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 50%; place-items: center; width: 44px; height: 44px; transition: color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); display: grid; }
.public-site .home-campaign-arrows button:hover { color: var(--a5-blue); background: rgb(255, 255, 255); transform: translateY(-2px); }
.public-site .home-campaign-scroll { color: rgba(255, 255, 255, 0.68); letter-spacing: 0.12em; text-transform: uppercase; justify-self: end; align-items: center; gap: 8px; font-size: 0.64rem; font-weight: 800; display: flex; }
.public-site .home-universe a { isolation: isolate; color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe-3 a, .public-site .home-universe-4 a { color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe a::after { content: ""; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(2, 10, 22, 0.86) 0%, rgba(2, 10, 22, 0.58) 42%, rgba(2, 10, 22, 0.1) 78%), linear-gradient(rgba(0, 0, 0, 0) 44%, rgba(2, 10, 22, 0.52)); position: absolute; inset: 0px; }
.public-site .home-universe img { z-index: 1; object-fit: cover; filter: none; width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.3s cubic-bezier(0.22, 1, 0.36, 1); inset: 0px; transform: scale(1); }
.public-site .home-universe-1 img { object-position: center 52%; }
.public-site .home-universe-2 img { object-position: center 55%; }
.public-site .home-universe-3 img { object-position: center 48%; }
.public-site .home-universe-4 img { object-position: center 52%; }
.public-site .home-universe a > div { z-index: 3; width: min(390px, 58%); }
.public-site .home-universe small, .public-site .home-universe-3 small, .public-site .home-universe-4 small { color: rgba(255, 255, 255, 0.68); }
.public-site .home-universe p, .public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgba(255, 255, 255, 0.72); }
.public-site .home-universe .home-universe-symbol { z-index: 3; object-fit: contain; opacity: 0.13; filter: none; pointer-events: none; width: clamp(54px, 5vw, 82px); height: auto; position: absolute; inset: auto 22px 20px auto; transform: none; }
.public-site .home-spotlight { color: rgb(255, 255, 255); isolation: isolate; background: rgb(2, 7, 15); min-height: 720px; position: relative; overflow: hidden; }
.public-site .home-spotlight-media, .public-site .home-spotlight-media img, .public-site .home-spotlight-shade { position: absolute; inset: 0px; }
.public-site .home-spotlight-media { z-index: -3; }
.public-site .home-spotlight-media img { object-fit: cover; opacity: 0; width: 100%; height: 100%; transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); transform: scale(1.015); }
.public-site .home-spotlight-media img.active { opacity: 1; transform: scale(1); }
.public-site .home-spotlight-shade { z-index: -2; background: linear-gradient(90deg, rgba(1, 6, 14, 0.9), rgba(1, 6, 14, 0.55) 38%, rgba(1, 6, 14, 0.12) 72%), linear-gradient(rgba(0, 0, 0, 0) 58%, rgba(1, 6, 14, 0.72)); }
.public-site .home-spotlight-label { color: rgb(134, 178, 255); letter-spacing: 0.14em; text-transform: uppercase; margin: 0px; font-size: 0.7rem; font-weight: 850; position: absolute; top: 42px; left: max(5vw, -660px + 50vw); }
.public-site .home-spotlight-copy { width: min(520px, 43vw); animation: 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running a5-spotlight-enter; position: absolute; bottom: 72px; left: max(5vw, -660px + 50vw); }
.public-site .home-spotlight-copy small { color: rgba(255, 255, 255, 0.66); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.68rem; font-weight: 800; }
.public-site .home-spotlight-copy h2 { letter-spacing: -0.075em; margin: 14px 0px 10px; font-size: clamp(4.5rem, 8vw, 9rem); font-weight: 650; line-height: 0.82; }
.public-site .home-spotlight-copy p { color: rgba(255, 255, 255, 0.72); max-width: 410px; line-height: 1.6; }
.public-site .home-spotlight-copy a { border-bottom: 1px solid rgba(255, 255, 255, 0.45); align-items: center; gap: 8px; margin-top: 18px; padding-bottom: 5px; font-size: 0.74rem; font-weight: 800; display: inline-flex; }
.public-site .home-spotlight-controls { align-items: center; gap: 8px; display: flex; position: absolute; bottom: 60px; right: max(5vw, -660px + 50vw); }
.public-site .home-spotlight-controls > div { gap: 5px; margin-right: 12px; display: flex; }
.public-site .home-spotlight-controls > div button { background: rgba(255, 255, 255, 0.28); border: 0px; width: 42px; height: 3px; padding: 0px; position: relative; overflow: hidden; }
.public-site .home-spotlight-controls > div button span { transform-origin: 0px center; background: rgb(255, 255, 255); animation: 4s linear 0s 1 normal forwards running a5-progress; position: absolute; inset: 0px; transform: scaleX(0); }
.public-site .home-spotlight.is-paused .home-spotlight-controls > div button span { animation-play-state: paused; }
.public-site .home-spotlight-controls > button { color: rgb(255, 255, 255); background: rgba(2, 9, 20, 0.2); border: 1px solid rgba(255, 255, 255, 0.48); border-radius: 50%; place-items: center; width: 46px; height: 46px; transition: color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); display: grid; }
.public-site .home-spotlight-controls > button:hover { color: var(--a5-blue); background: rgb(255, 255, 255); transform: translateY(-2px); }
@keyframes a5-spotlight-enter { 
  0% { opacity: 0; filter: blur(4px); transform: translateY(10px); }
  100% { opacity: 1; filter: blur(); transform: translateY(0px); }
}
@keyframes a5-progress { 
  100% { transform: scaleX(1); }
}
.public-site .category-visual-heading { margin-bottom: 42px; }
.public-site .category-visual-heading h2 { letter-spacing: -0.06em; margin: 0px; font-size: clamp(2.5rem, 4vw, 4.6rem); line-height: 0.95; }
.public-site .category-visual-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; display: grid; }
.public-site .category-visual-grid .reveal { min-width: 0px; }
.public-site .category-visual-grid a { background: rgb(247, 248, 250); border-radius: 24px; flex-direction: column; align-items: center; min-height: 360px; padding: 28px 24px 24px; transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1); display: flex; box-shadow: rgba(7, 26, 56, 0.07) 0px 0px 0px 1px, rgba(7, 26, 56, 0.04) 0px 10px 26px; }
.public-site .category-visual-grid a:hover { transform: translateY(-5px); box-shadow: rgba(32, 71, 142, 0.12) 0px 0px 0px 1px, rgba(7, 26, 56, 0.1) 0px 20px 38px; }
.public-site .category-visual-grid img { object-fit: contain; filter: drop-shadow(rgba(7, 26, 56, 0.14) 0px 18px 16px); width: 100%; height: 245px; transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), filter 0.24s cubic-bezier(0.22, 1, 0.36, 1); }
.public-site .category-visual-grid a:hover img { filter: drop-shadow(rgba(7, 26, 56, 0.2) 0px 25px 20px); transform: translateY(-5px) scale(1.018); }
.public-site .category-visual-grid strong { text-align: center; margin-top: 14px; font-size: 1.05rem; }
.public-site .category-visual-grid span { color: var(--a5-blue); align-items: center; gap: 6px; margin-top: 10px; font-size: 0.7rem; font-weight: 800; display: flex; }
@keyframes a5-campaign-copy { 
  0% { opacity: 0; filter: blur(4px); transform: translateY(calc(-50% + 10px)); }
  100% { opacity: 1; filter: blur(); transform: translateY(-50%); }
}
@media (max-width: 900px) {
  .public-site .home-campaign { min-height: 820px; }
  .public-site .home-campaign-shade { background: linear-gradient(rgba(2, 10, 24, 0.75), rgba(2, 10, 24, 0.22) 48%, rgba(2, 9, 21, 0.88) 100%); }
  .public-site .home-campaign-media img { object-position: center center; }
  .public-site .home-campaign-copy { width: calc(100% - 56px); top: 13%; left: 28px; transform: none; }
  .public-site .home-campaign-copy h1 { max-width: 720px; font-size: clamp(3.5rem, 10vw, 6rem); }
  .public-site .home-campaign-footer { grid-template-columns: 1fr auto; left: 28px; right: 28px; }
  .public-site .home-campaign-scroll { display: none; }
  .public-site .home-campaign-copy { animation-name: a5-campaign-copy-tablet; }
  .public-site .home-spotlight { min-height: 650px; }
  .public-site .home-spotlight-copy { width: min(500px, 65vw); left: 28px; }
  .public-site .home-spotlight-label { left: 28px; }
  .public-site .home-spotlight-controls { right: 28px; }
  .public-site .category-visual-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  @keyframes a5-campaign-copy-tablet { 
  0% { opacity: 0; filter: blur(4px); transform: translateY(10px); }
  100% { opacity: 1; filter: blur(); transform: translateY(0px); }
}
}
@media (max-width: 620px) {
  .public-site .home-campaign { min-height: 760px; }
  .public-site .home-campaign-media { bottom: 106px; }
  .public-site .home-campaign-media img { object-position: center 63%; }
  .public-site .home-campaign-shade { bottom: 106px; }
  .public-site .home-campaign-copy { width: calc(100% - 40px); top: 72px; left: 20px; }
  .public-site .home-campaign-copy > p { margin-bottom: 13px; }
  .public-site .home-campaign-copy h1 { max-width: 460px; font-size: clamp(2.7rem, 12vw, 4.1rem); line-height: 0.91; }
  .public-site .home-campaign-copy > span { max-width: 430px; margin-top: 17px; font-size: 0.88rem; line-height: 1.5; }
  .public-site .home-campaign-copy > div { flex-direction: column; align-items: flex-start; gap: 13px; margin-top: 20px; }
  .public-site .home-campaign-footer { display: block; bottom: 13px; left: 16px; right: 16px; }
  .public-site .home-campaign-tabs { gap: 4px; }
  .public-site .home-campaign-tabs button { grid-template-columns: 1fr; min-height: 47px; padding-top: 9px; }
  .public-site .home-campaign-tabs span { display: none; }
  .public-site .home-campaign-tabs strong { text-align: center; font-size: 0.54rem; }
  .public-site .home-campaign-arrows { position: absolute; bottom: 61px; right: 0px; }
  .public-site .home-campaign-arrows button { width: 40px; height: 40px; }
  .public-site .home-campaign-brand { opacity: 0.1; width: 96px; bottom: 122px; right: 18px; }
  .public-site .home-universe a > div { width: 82%; }
  .public-site .home-spotlight { min-height: 620px; }
  .public-site .home-spotlight-shade { background: linear-gradient(rgba(1, 6, 14, 0.45), rgba(1, 6, 14, 0.12) 42%, rgba(1, 6, 14, 0.9) 78%); }
  .public-site .home-spotlight-label { top: 28px; left: 20px; }
  .public-site .home-spotlight-copy { width: calc(100% - 40px); bottom: 90px; left: 20px; }
  .public-site .home-spotlight-copy h2 { font-size: 3.8rem; }
  .public-site .home-spotlight-controls { justify-content: flex-end; bottom: 24px; left: 20px; right: 20px; }
  .public-site .home-spotlight-controls > div { margin-right: auto; }
  .public-site .home-spotlight-controls > div button { width: 26px; }
  .public-site .category-visual-grid { grid-template-columns: 1fr; }
  .public-site .category-visual-grid a { min-height: 340px; }
}
@media (prefers-reduced-motion: reduce) {
  .public-site .home-campaign-media img, .public-site .home-campaign-copy, .public-site .home-campaign-tabs button, .public-site .home-campaign-tabs button::before, .public-site .home-campaign-tabs button > i b, .public-site .home-campaign-arrows button, .public-site .home-spotlight-media img, .public-site .home-spotlight-copy, .public-site .home-spotlight-controls button, .public-site .home-spotlight-controls button span, .public-site .category-visual-grid a, .public-site .category-visual-grid img { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.public-site .home-hero-v2 { min-height: 920px; color: var(--a5-ink); background: radial-gradient(circle at 82% 16%, rgba(83, 137, 234, 0.14), rgba(0, 0, 0, 0) 27%), linear-gradient(145deg, rgb(248, 250, 253) 0%, rgb(237, 243, 251) 64%, rgb(228, 237, 249) 100%); grid-template-columns: minmax(0px, 0.88fr) minmax(520px, 1.12fr); align-items: center; gap: clamp(42px, 6vw, 100px); padding: 128px max(5vw, -660px + 50vw) 78px; display: grid; }
.public-site .home-hero-v2::before { display: none; }
.public-site .home-hero-v2 .home-hero-copy { max-width: 650px; }
.public-site .home-hero-v2 .hero-kicker { color: rgb(95, 111, 133); }
.public-site .home-hero-v2 .hero-kicker span { background: var(--a5-blue); }
.public-site .home-hero-v2 h1 { max-width: 780px; color: var(--a5-ink); font-size: clamp(4rem, 5.5vw, 6.8rem); line-height: 0.91; }
.public-site .home-hero-v2 h1 em { color: var(--a5-blue); }
.public-site .home-hero-v2 .hero-lead { color: rgb(83, 99, 122); max-width: 590px; font-size: clamp(1rem, 1.2vw, 1.16rem); }
.public-site .home-hero-v2 .hero-buttons .button.primary { color: rgb(255, 255, 255); background: var(--a5-blue); box-shadow: rgba(32, 71, 142, 0.2) 0px 14px 34px; }
.public-site .home-hero-v2 .hero-buttons .button.outline { color: var(--a5-ink); background: rgba(255, 255, 255, 0.56); border-color: rgba(7, 26, 56, 0.15); }
.public-site .home-hero-v2 .hero-buttons .button:hover { transform: translateY(-2px); }
.public-site .hero-origin { color: rgb(100, 116, 138); flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 34px; font-size: 0.78rem; font-weight: 700; display: flex; }
.public-site .hero-origin svg { color: var(--a5-blue); }
.public-site .hero-origin i { background: rgb(154, 168, 186); border-radius: 50%; width: 4px; height: 4px; }
.public-site .hero-brand-mark { z-index: 0; opacity: 0.035; pointer-events: none; width: min(780px, 54vw); position: absolute; bottom: -12%; left: 34%; transform: rotate(-8deg); }
.public-site .hero-brand-mark img { filter: brightness(0) saturate() invert(28%) sepia(35%) saturate(1787%) hue-rotate(178deg) brightness(87%) contrast(94%); width: 100%; }
.public-site .hero-product-canvas { z-index: 2; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(10, 37, 83) 0%, rgb(32, 71, 142) 62%, rgb(55, 109, 184) 100%); border-radius: 32px; min-height: 680px; padding: 26px; position: relative; overflow: hidden; box-shadow: rgba(17, 52, 108, 0.22) 0px 36px 90px, rgba(255, 255, 255, 0.16) 0px 0px 0px 1px inset; }
.public-site .hero-product-canvas::before { content: "A5"; color: rgba(255, 255, 255, 0.055); letter-spacing: -0.14em; font-size: clamp(15rem, 24vw, 25rem); font-weight: 900; line-height: 0.6; position: absolute; top: 47%; left: -5%; transform: translateY(-50%); }
.public-site .hero-canvas-top { z-index: 3; color: rgba(255, 255, 255, 0.7); letter-spacing: 0.12em; text-transform: uppercase; justify-content: space-between; align-items: center; font-size: 0.67rem; font-weight: 800; display: flex; position: relative; }
.public-site .hero-canvas-top strong { color: rgb(255, 255, 255); align-items: center; gap: 6px; font-size: 0.65rem; display: flex; }
.public-site .hero-canvas-product { z-index: 2; place-items: center; display: grid; position: absolute; inset: 10% 5% 16%; }
.public-site .hero-canvas-product img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 35px 28px); width: 100%; height: 100%; transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), filter 0.36s cubic-bezier(0.22, 1, 0.36, 1); }
.public-site .hero-canvas-product:hover img { filter: drop-shadow(rgba(0, 0, 0, 0.36) 0px 44px 32px); transform: translateY(-8px) scale(1.018); }
.public-site .hero-canvas-caption { z-index: 4; justify-content: space-between; align-items: end; gap: 20px; display: flex; position: absolute; bottom: 24px; left: 26px; right: 26px; }
.public-site .hero-canvas-caption div { gap: 6px; display: grid; }
.public-site .hero-canvas-caption small { color: rgba(255, 255, 255, 0.6); letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.65rem; font-weight: 800; }
.public-site .hero-canvas-caption strong { max-width: 420px; font-size: clamp(1.3rem, 2vw, 2rem); line-height: 1.05; }
.public-site .hero-canvas-caption > a { width: 52px; height: 52px; color: var(--a5-ink); background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; place-items: center; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); display: grid; }
.public-site .hero-canvas-caption > a:hover { transform: translate(3px); }
.public-site .home-hero-v2 .scroll-cue { color: rgb(107, 122, 143); left: max(5vw, -660px + 50vw); }
.public-site .number-band-v2 { width: min(1320px, 100% - 80px); color: var(--a5-ink); border-bottom: 1px solid var(--a5-line); background: rgb(255, 255, 255); margin: 0px auto; padding: 34px 0px; }
.public-site .number-band-v2 > div { border-color: var(--a5-line); min-height: 112px; padding: 16px 30px; }
.public-site .number-band-v2 small { color: rgb(128, 144, 165); }
.public-site .number-band-v2 strong { color: var(--a5-blue); letter-spacing: -0.06em; font-size: clamp(2.25rem, 3.2vw, 3.6rem); }
.public-site .number-band-v2 span { color: rgb(102, 119, 142); }
.public-site .home-selection { padding-top: 145px; }
.public-site .selection-bento { grid-template-rows: repeat(3, 230px); grid-template-columns: minmax(0px, 1.08fr) minmax(360px, 0.92fr); gap: 16px; display: grid; }
.public-site .selection-cell { min-width: 0px; min-height: 0px; }
.public-site .selection-cell-1 { grid-row: 1 / 4; }
.public-site .selection-card { height: 100%; color: var(--a5-ink); background: rgb(232, 240, 251); border-radius: 26px; padding: 34px; display: block; position: relative; overflow: hidden; box-shadow: rgba(7, 26, 56, 0.04) 0px 0px 0px 1px, rgba(7, 26, 56, 0.06) 0px 18px 60px; }
.public-site .selection-cell-2 .selection-card { background: rgb(238, 241, 245); }
.public-site .selection-cell-3 .selection-card { color: rgb(255, 255, 255); background: var(--a5-blue); }
.public-site .selection-cell-4 .selection-card { background: rgb(230, 239, 242); }
.public-site .selection-index { z-index: 3; letter-spacing: 0.14em; opacity: 0.45; font-size: 0.65rem; font-weight: 900; position: absolute; top: 26px; right: 28px; }
.public-site .selection-card-copy { z-index: 4; width: 46%; position: relative; }
.public-site .selection-card-copy small { color: rgb(103, 121, 144); letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.63rem; font-weight: 800; }
.public-site .selection-cell-3 .selection-card-copy small { color: rgba(255, 255, 255, 0.58); }
.public-site .selection-card-copy h3 { letter-spacing: -0.05em; margin: 13px 0px 24px; font-size: clamp(1.35rem, 2.1vw, 2.3rem); line-height: 1.02; }
.public-site .selection-card-copy strong { align-items: center; gap: 7px; font-size: 0.76rem; display: inline-flex; }
.public-site .selection-card-copy svg { transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); }
.public-site .selection-card:hover .selection-card-copy svg { transform: translate(4px); }
.public-site .selection-card > img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(7, 26, 56, 0.18) 0px 24px 22px); width: 51%; height: 92%; transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), filter 0.36s cubic-bezier(0.22, 1, 0.36, 1); position: absolute; bottom: 1%; right: 3%; }
.public-site .selection-card:hover > img { filter: drop-shadow(rgba(7, 26, 56, 0.23) 0px 32px 25px); transform: translateY(-7px) scale(1.025); }
.public-site .selection-cell-1 .selection-card { padding: 46px; }
.public-site .selection-cell-1 .selection-card-copy { width: 74%; }
.public-site .selection-cell-1 .selection-card-copy h3 { font-size: clamp(2.3rem, 4vw, 5rem); }
.public-site .selection-cell-1 .selection-card > img { width: 88%; height: 70%; bottom: 0px; right: 3%; }
.public-site .selection-card > i { z-index: 1; color: rgba(32, 71, 142, 0.06); letter-spacing: -0.12em; font-size: clamp(7rem, 12vw, 13rem); font-style: normal; font-weight: 900; position: absolute; bottom: -10%; right: -2%; }
.public-site .selection-cell-3 .selection-card > i { color: rgba(255, 255, 255, 0.06); }
.public-site .selection-footer { justify-content: space-between; align-items: center; gap: 30px; margin-top: 30px; display: flex; }
.public-site .selection-footer p { color: rgb(102, 119, 142); max-width: 600px; margin: 0px; }
.public-site .all-lines-index { background: rgb(255, 255, 255); border-radius: 26px; grid-template-columns: 240px 1fr; gap: 42px; margin-top: 24px; padding: 38px; display: grid; box-shadow: rgba(7, 26, 56, 0.05) 0px 0px 0px 1px, rgba(7, 26, 56, 0.05) 0px 18px 60px; }
.public-site .all-lines-index > div:first-child > strong { max-width: 180px; font-size: 1.35rem; line-height: 1.15; display: block; }
.public-site .all-lines-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px 24px; display: grid; }
.public-site .all-lines-grid a { color: rgb(88, 106, 130); border-bottom: 1px solid rgb(228, 233, 240); justify-content: space-between; align-items: center; gap: 12px; min-height: 42px; font-size: 0.78rem; transition: color 0.18s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1); display: flex; }
.public-site .all-lines-grid a:hover { color: var(--a5-blue); transform: translate(3px); }
.public-site .brand-story-v2 { padding-top: 120px; }
.public-site .story-facts { grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 32px 0px; display: grid; }
.public-site .story-facts span { color: rgb(113, 129, 151); border-top: 1px solid rgb(220, 227, 237); padding: 18px 12px; font-size: 0.7rem; }
.public-site .story-facts strong { color: var(--a5-blue); letter-spacing: -0.05em; margin-bottom: 4px; font-size: 1.7rem; display: block; }
.public-site .google-proof { grid-template-columns: 0.82fr 1.18fr; gap: 18px; padding-top: 130px; display: grid; }
.public-site .google-review-card { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(7, 28, 63), rgb(32, 71, 142) 72%, rgb(57, 114, 195)); border-radius: 28px; flex-direction: column; justify-content: flex-end; min-height: 560px; padding: 46px; display: flex; }
.public-site .google-review-top { color: rgba(255, 255, 255, 0.66); text-transform: uppercase; letter-spacing: 0.1em; justify-content: space-between; align-items: center; font-size: 0.68rem; display: flex; position: absolute; top: 38px; left: 46px; right: 46px; }
.public-site .google-review-top span { color: rgb(255, 255, 255); letter-spacing: -0.02em; text-transform: none; font-size: 1rem; font-weight: 800; }
.public-site .google-score { align-items: center; gap: 20px; margin-bottom: 30px; display: flex; }
.public-site .google-score > strong { letter-spacing: -0.08em; font-size: clamp(4.5rem, 7vw, 7rem); line-height: 0.78; }
.public-site .google-score div > span { color: rgb(255, 207, 74); gap: 3px; display: flex; }
.public-site .google-score svg { fill: currentcolor; width: 19px; height: 19px; }
.public-site .google-score p { color: rgba(255, 255, 255, 0.62); margin: 8px 0px 0px; font-size: 0.78rem; }
.public-site .google-review-card h2 { letter-spacing: -0.06em; max-width: 540px; margin: 0px; font-size: clamp(2.2rem, 3.5vw, 4rem); line-height: 0.96; }
.public-site .google-review-card > p { color: rgba(255, 255, 255, 0.68); max-width: 520px; margin: 20px 0px 30px; line-height: 1.65; }
.public-site .google-review-card .button { align-self: flex-start; }
.public-site .google-map-card { background: rgb(255, 255, 255); border-radius: 28px; grid-template-rows: 1fr auto; min-height: 560px; display: grid; overflow: hidden; box-shadow: rgba(7, 26, 56, 0.05) 0px 0px 0px 1px, rgba(7, 26, 56, 0.09) 0px 20px 70px; }
.public-site .google-map-card iframe { filter: saturate(0.72) contrast(0.96); border: 0px; width: 100%; height: 100%; min-height: 490px; }
.public-site .google-map-card > a { min-height: 70px; color: var(--a5-ink); grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 16px 22px; font-size: 0.8rem; font-weight: 750; display: grid; }
.public-site .google-map-card > a svg:first-child { color: var(--a5-blue); }
.public-site .product-detail { grid-template-columns: minmax(0px, 1.08fr) minmax(400px, 0.92fr); align-items: start; gap: clamp(48px, 6vw, 100px); }
.public-site .product-detail-image { background: 0px 0px; position: sticky; top: 112px; }
.public-site .product-gallery { width: 100%; }
.public-site .product-gallery-stage { background: linear-gradient(145deg, rgb(237, 243, 251), rgb(226, 235, 247)); border-radius: 28px; place-items: center; min-height: 650px; padding: 70px; display: grid; position: relative; overflow: hidden; }
.public-site .product-gallery-stage::after { content: ""; border: 1px solid rgba(32, 71, 142, 0.07); border-radius: 50%; position: absolute; inset: 15%; }
.public-site .product-gallery-stage > img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(7, 26, 56, 0.2) 0px 30px 24px); width: 100%; height: 100%; max-height: 510px; position: relative; }
.public-site .product-gallery-stage > i { z-index: 0; color: rgba(32, 71, 142, 0.055); letter-spacing: -0.13em; font-size: clamp(11rem, 18vw, 20rem); font-style: normal; font-weight: 900; line-height: 0.8; position: absolute; bottom: -8%; right: -3%; }
.public-site .product-gallery-line { z-index: 3; color: rgb(100, 117, 140); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.65rem; font-weight: 850; position: absolute; top: 26px; left: 28px; }
.public-site .product-gallery-stage > small { z-index: 3; color: rgb(114, 130, 154); letter-spacing: 0.1em; font-size: 0.67rem; font-weight: 850; position: absolute; bottom: 24px; right: 28px; }
.public-site .product-gallery-thumbs { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; margin-top: 12px; display: grid; }
.public-site .product-gallery-thumbs button { background: rgb(238, 243, 249); border: 0px; border-radius: 15px; height: 94px; padding: 8px; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; box-shadow: rgba(7, 26, 56, 0.06) 0px 0px 0px 1px inset; }
.public-site .product-gallery-thumbs button:hover { transform: translateY(-2px); }
.public-site .product-gallery-thumbs button.active { box-shadow: inset 0 0 0 2px var(--a5-blue),0 8px 22px #20478e1f; }
.public-site .product-gallery-thumbs img { object-fit: contain; width: 100%; height: 100%; }

.public-site .product-description { border-top: 1px solid rgb(219, 226, 236); margin-top: 34px; padding-top: 28px; }
.public-site .product-description > span { color: var(--a5-blue); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.64rem; font-weight: 850; }
.public-site .product-description h2 { letter-spacing: -0.045em; max-width: 600px; margin: 12px 0px 24px; font-size: clamp(1.6rem, 2.2vw, 2.3rem); line-height: 1.05; }
.public-site .product-spec-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.public-site .product-spec-grid li { background: rgb(241, 245, 250); border-radius: 13px; flex-direction: column; justify-content: center; gap: 5px; min-height: 78px; padding: 15px; display: flex; }
.public-site .product-spec-grid small { color: rgb(113, 130, 153); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.63rem; font-weight: 800; }
.public-site .product-spec-grid strong { color: var(--a5-ink); font-size: 0.83rem; line-height: 1.35; }
@media (max-width: 1100px) {
  .public-site .home-hero-v2 { grid-template-columns: minmax(0px, 1fr) minmax(440px, 0.9fr); gap: 42px; }
  .public-site .hero-product-canvas { min-height: 600px; }
  .public-site .selection-bento { grid-template-columns: 1fr 1fr; }
  .public-site .all-lines-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .public-site .product-detail { grid-template-columns: 1fr 1fr; gap: 42px; }
}
@media (max-width: 860px) {
  .public-site .home-hero-v2 { grid-template-columns: 1fr; min-height: auto; padding: 118px 20px 76px; display: grid; }
  .public-site .home-hero-v2 h1 { font-size: clamp(3.8rem, 11vw, 6.4rem); }
  .public-site .hero-product-canvas { min-height: 570px; }
  .public-site .number-band-v2 { grid-template-columns: repeat(2, 1fr); width: calc(100% - 40px); }
  .public-site .selection-bento { grid-template-rows: 520px repeat(3, 270px); grid-template-columns: 1fr; }
  .public-site .selection-cell-1 { grid-row: auto; }
  .public-site .all-lines-index { grid-template-columns: 1fr; gap: 20px; }
  .public-site .all-lines-index > div:first-child > strong { max-width: none; }
  .public-site .google-proof { grid-template-columns: 1fr; }
  .public-site .google-review-card { min-height: 520px; }
  .public-site .product-detail { grid-template-columns: 1fr; }
  .public-site .product-detail-image { position: static; }
}
@media (max-width: 560px) {
  .public-site .home-hero-v2 { padding-inline: 14px; }
  .public-site .home-hero-v2 .home-hero-copy { padding-inline: 6px; }
  .public-site .home-hero-v2 h1 { font-size: 3.4rem; }
  .public-site .home-hero-v2 .hero-buttons { display: grid; }
  .public-site .hero-product-canvas { border-radius: 22px; min-height: 470px; padding: 20px; }
  .public-site .hero-canvas-product { inset: 12% 1% 20%; }
  .public-site .hero-canvas-caption { bottom: 18px; left: 20px; right: 20px; }
  .public-site .hero-canvas-caption strong { max-width: 230px; font-size: 1.2rem; }
  .public-site .hero-canvas-caption > a { width: 44px; height: 44px; }
  .public-site .number-band-v2 { width: 100%; padding: 0px; }
  .public-site .number-band-v2 > div { min-height: 122px; padding: 18px 16px; }
  .public-site .number-band-v2 strong { font-size: 2.35rem; }
  .public-site .selection-bento { grid-template-rows: 500px repeat(3, 310px); }
  .public-site .selection-card, .public-site .selection-cell-1 .selection-card { border-radius: 20px; padding: 26px; }
  .public-site .selection-card-copy, .public-site .selection-cell-1 .selection-card-copy { width: 78%; }
  .public-site .selection-cell-1 .selection-card-copy h3 { font-size: 2.4rem; }
  .public-site .selection-card > img { width: 65%; height: 64%; bottom: 0px; right: 0px; }
  .public-site .selection-cell-1 .selection-card > img { width: 100%; height: 67%; }
  .public-site .selection-footer { flex-direction: column; align-items: flex-start; }
  .public-site .all-lines-index { border-radius: 20px; padding: 25px 20px; }
  .public-site .all-lines-grid, .public-site .story-facts { grid-template-columns: 1fr; }
  .public-site .google-review-card { border-radius: 22px; min-height: 560px; padding: 34px 26px; }
  .public-site .google-review-top { left: 26px; right: 26px; }
  .public-site .google-score { flex-direction: column; align-items: flex-start; }
  .public-site .google-map-card { border-radius: 22px; }
  .public-site .google-map-card iframe { min-height: 390px; }
  .public-site .product-gallery-stage { border-radius: 20px; min-height: 440px; padding: 44px 24px; }
  .public-site .product-gallery-thumbs { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .public-site .product-gallery-thumbs button { height: 76px; }
  .public-site .product-spec-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .public-site .hero-canvas-product img, .public-site .selection-card > img, .public-site .selection-card-copy svg, .public-site .all-lines-grid a, .public-site .product-gallery-thumbs button { transition: none !important; }
}
.public-site .home-universes-heading > div .eyebrow { color: rgb(120, 168, 250); margin: 0px 0px 14px; }
@media (max-width: 900px) {
  .public-site .home-universes-heading { grid-template-columns: 1fr; gap: 24px; }
  .public-site .home-universes-heading > p { max-width: 600px; }
}
.public-site .site-header-v3 { width: 100%; height: 78px; box-shadow: none; backdrop-filter: blur(18px) saturate(150%); background: rgba(255, 255, 255, 0.96); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(7, 26, 56, 0.08); border-image: none; border-radius: 0px; position: sticky; top: 0px; left: auto; transform: none; }
.public-site .site-header-v3 .header-inner { gap: 24px; width: min(1400px, 100% - 48px); padding: 0px; }
.public-site .site-header-v3 .site-logo { width: 82px; }
.public-site .site-header-v3 .site-logo img { height: 50px; }
.public-site .category-nav { gap: clamp(14px, 1.7vw, 28px); }
.public-site .category-nav > a, .public-site .nav-category > a { color: rgb(29, 45, 68); white-space: nowrap; align-items: center; gap: 5px; height: 100%; font-size: 0.79rem; font-weight: 720; display: flex; position: relative; }
.public-site .category-nav > a::after, .public-site .nav-category > a::after { content: ""; background: var(--a5-blue); height: 3px; transition: left .18s var(--a5-ease),right .18s var(--a5-ease); position: absolute; bottom: 0px; left: 50%; right: 50%; }
.public-site .category-nav > a:hover::after, .public-site .category-nav > a.active::after, .public-site .nav-category > a:hover::after, .public-site .nav-category > a.active::after { left: 0px; right: 0px; }
.public-site .nav-category { align-items: stretch; height: 100%; display: flex; position: relative; }
.public-site .nav-category-menu { z-index: 70; width: min(590px, -48px + 100vw); color: var(--a5-ink); opacity: 0; pointer-events: none; transform-origin: center top; filter: blur(4px); transition: opacity .18s var(--a5-ease),transform .22s var(--a5-ease),filter .18s var(--a5-ease); background: rgb(255, 255, 255); grid-template-columns: 0.86fr 1.14fr; gap: 24px; padding: 24px; display: grid; position: absolute; top: 78px; left: 50%; transform: translate(-50%, 8px); box-shadow: rgba(4, 17, 38, 0.16) 0px 28px 70px, rgba(7, 26, 56, 0.06) 0px 0px 0px 1px; }
.public-site .nav-category:hover .nav-category-menu, .public-site .nav-category:focus-within .nav-category-menu { opacity: 1; pointer-events: auto; filter: blur(); transform: translate(-50%); }
.public-site .nav-category-menu > div { color: rgb(255, 255, 255); background: linear-gradient(145deg,#102d62,var(--a5-blue)); padding: 22px; }
.public-site .nav-category-menu > div small { color: rgba(255, 255, 255, 0.62); letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.62rem; font-weight: 800; display: block; }
.public-site .nav-category-menu > div strong { margin-top: 12px; font-size: 1.55rem; line-height: 1.05; display: block; }
.public-site .nav-category-menu > div p { color: rgba(255, 255, 255, 0.7); margin: 12px 0px 26px; font-size: 0.75rem; line-height: 1.55; }
.public-site .nav-category-menu > div a { align-items: center; gap: 7px; font-size: 0.72rem; font-weight: 800; display: inline-flex; }
.public-site .nav-category-menu ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); align-content: start; gap: 0px 18px; margin: 0px; padding: 2px 0px; list-style: none; display: grid; }
.public-site .nav-category-menu li a { color: rgb(88, 106, 130); min-height: 42px; transition: color .16s var(--a5-ease),transform .16s var(--a5-ease); border-bottom: 1px solid rgb(230, 235, 241); justify-content: space-between; align-items: center; gap: 8px; font-size: 0.72rem; display: flex; }
.public-site .nav-category-menu li a:hover { color: var(--a5-blue); transform: translate(3px); }
.public-site .site-header-v3 .header-cta { border-radius: 999px; min-height: 44px; padding-inline: 17px; font-size: 0.76rem; }
.public-site .home-cinema { color: rgb(255, 255, 255); min-height: calc(-78px + 100svh); transition: background-color .28s var(--a5-ease); background: radial-gradient(circle at 72% 38%, rgba(82, 142, 255, 0.52), rgba(0, 0, 0, 0) 30%), linear-gradient(120deg, rgb(4, 17, 38) 0%, rgb(12, 45, 99) 55%, rgb(32, 71, 142) 100%); position: relative; overflow: hidden; }
.public-site .home-cinema-2 { background: radial-gradient(circle at 72% 38%, rgba(122, 165, 245, 0.38), rgba(0, 0, 0, 0) 30%), linear-gradient(120deg, rgb(6, 22, 51), rgb(23, 57, 110) 55%, rgb(49, 89, 153) 100%); }
.public-site .home-cinema-3 { background: radial-gradient(circle at 72% 38%, rgba(96, 161, 213, 0.34), rgba(0, 0, 0, 0) 31%), linear-gradient(120deg, rgb(6, 24, 43), rgb(18, 67, 114) 56%, rgb(27, 102, 135) 100%); }
.public-site .home-cinema-4 { background: radial-gradient(circle at 72% 38%, rgba(125, 172, 255, 0.42), rgba(0, 0, 0, 0) 31%), linear-gradient(120deg, rgb(7, 21, 44), rgb(23, 60, 121) 56%, rgb(55, 109, 184) 100%); }
.public-site .home-cinema::before { content: ""; background: linear-gradient(90deg, rgba(1, 8, 20, 0.45), rgba(0, 0, 0, 0) 68%); position: absolute; inset: 0px; }
.public-site .home-cinema-brand { color: rgba(255, 255, 255, 0.05); letter-spacing: -0.14em; user-select: none; font-size: clamp(19rem, 39vw, 44rem); font-weight: 900; line-height: 0.56; position: absolute; top: 50%; right: -3vw; transform: translateY(-50%); }
.public-site .home-cinema-copy { z-index: 4; width: min(570px, 42vw); position: absolute; top: 47%; left: max(5vw, -660px + 50vw); transform: translateY(-50%); }
.public-site .home-cinema-copy > p { color: rgb(168, 201, 255); letter-spacing: 0.16em; text-transform: uppercase; margin: 0px 0px 24px; font-size: 0.72rem; font-weight: 850; }
.public-site .home-cinema-copy h1 { letter-spacing: -0.075em; margin: 0px; font-size: clamp(4rem, 6.6vw, 7.5rem); font-weight: 660; line-height: 0.87; }
.public-site .home-cinema-copy > span { color: rgba(255, 255, 255, 0.68); max-width: 520px; margin-top: 28px; font-size: 1.02rem; line-height: 1.65; display: block; }
.public-site .home-cinema-copy > div { align-items: center; gap: 24px; margin-top: 32px; display: flex; }
.public-site .home-cinema-copy .button { color: var(--a5-ink); background: rgb(255, 255, 255); border-radius: 999px; }
.public-site .home-cinema-secondary { color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: 0.78rem; font-weight: 750; }
.public-site .home-cinema-product { z-index: 3; place-items: center; width: min(57vw, 840px); height: 78%; display: grid; position: absolute; top: 6%; right: max(2vw, -750px + 50vw); }
.public-site .home-cinema-product img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.38) 0px 45px 38px); width: 100%; height: 100%; animation: a5-product-enter .44s var(--a5-ease) both; transition: transform .26s var(--a5-ease),filter .26s var(--a5-ease); }
.public-site .home-cinema-product:hover img { filter: drop-shadow(rgba(0, 0, 0, 0.44) 0px 52px 42px); transform: translateY(-6px) scale(1.012); }
@keyframes a5-product-enter { 
  0% { opacity: 0; filter: blur(5px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 35px 30px); transform: translateY(14px); }
  100% { opacity: 1; filter: blur() drop-shadow(rgba(0, 0, 0, 0.38) 0px 45px 38px); transform: none; }
}
.public-site .home-cinema-footer { z-index: 5; justify-content: space-between; align-items: end; gap: 30px; display: flex; position: absolute; bottom: 24px; left: max(5vw, -660px + 50vw); right: max(5vw, -660px + 50vw); }
.public-site .home-cinema-tabs { grid-template-columns: repeat(4, 1fr); gap: 8px; width: min(680px, 64vw); display: grid; }
.public-site .home-cinema-tabs button { color: rgba(255, 255, 255, 0.42); text-align: left; min-height: 56px; transition: color .18s var(--a5-ease),transform .18s var(--a5-ease); background: 0px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.23) currentcolor currentcolor; border-image: none; grid-template-columns: 24px 1fr; align-content: start; gap: 8px; padding: 13px 5px 0px; display: grid; position: relative; }
.public-site .home-cinema-tabs button::before { content: ""; width: 0px; height: 2px; transition: width .24s var(--a5-ease); background: rgb(255, 255, 255); position: absolute; top: -1px; left: 0px; }
.public-site .home-cinema-tabs button.active { color: rgb(255, 255, 255); transform: translateY(-2px); }
.public-site .home-cinema-tabs button.active::before { width: 100%; }
.public-site .home-cinema-tabs span { font: 400 0.7rem "Times New Roman", Poppins; }
.public-site .home-cinema-tabs strong { text-overflow: ellipsis; white-space: nowrap; font-size: 0.64rem; line-height: 1.3; overflow: hidden; }
.public-site .home-cinema-footer > a { color: rgba(255, 255, 255, 0.55); letter-spacing: 0.12em; text-transform: uppercase; align-items: center; gap: 8px; font-size: 0.65rem; font-weight: 800; display: flex; }
.public-site .home-intro { padding-top: 136px; }
.public-site .home-intro-heading { grid-template-columns: 1fr 1.1fr; align-items: end; gap: 7vw; display: grid; }
.public-site .home-intro-heading .eyebrow { grid-column: 1 / -1; margin-bottom: -10px; }
.public-site .home-intro-heading h2 { letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.5rem, 5.8vw, 6.8rem); line-height: 0.9; }
.public-site .home-intro-heading > p:last-child { color: rgb(102, 119, 142); max-width: 510px; margin: 0px 0px 8px; font-size: 1.02rem; line-height: 1.75; }
.public-site .home-intro-products { background: rgb(225, 231, 239); grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 72px; display: grid; }
.public-site .home-intro-products .reveal { min-width: 0px; }
.public-site .home-intro-products a { background: rgb(255, 255, 255); flex-direction: column; align-items: center; min-height: 470px; padding: 30px 24px; display: flex; }
.public-site .home-intro-products img { object-fit: contain; filter: drop-shadow(rgba(7, 26, 56, 0.12) 0px 20px 18px); width: 88%; height: 300px; transition: transform .26s var(--a5-ease),filter .26s var(--a5-ease); }
.public-site .home-intro-products a:hover img { filter: drop-shadow(rgba(7, 26, 56, 0.18) 0px 28px 22px); transform: translateY(-7px) scale(1.02); }
.public-site .home-intro-products small { color: rgb(113, 129, 152); letter-spacing: 0.11em; text-transform: uppercase; margin-top: 22px; font-size: 0.62rem; font-weight: 850; }
.public-site .home-intro-products h3 { text-align: center; max-width: 330px; margin: 8px 0px 18px; font-size: 1.3rem; line-height: 1.18; }
.public-site .home-intro-products span { color: var(--a5-blue); align-items: center; gap: 7px; font-size: 0.73rem; font-weight: 800; display: flex; }
.public-site .a5-metrics { color: rgb(255, 255, 255); background: var(--a5-blue); grid-template-columns: repeat(4, 1fr); width: min(1320px, 100% - 80px); margin: 0px auto 136px; display: grid; }
.public-site .a5-metrics > div { border-right: 1px solid rgba(255, 255, 255, 0.15); align-content: center; min-height: 168px; padding: 30px; display: grid; }
.public-site .a5-metrics > div:last-child { border: 0px; }
.public-site .a5-metrics small { color: rgba(255, 255, 255, 0.55); letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850; }
.public-site .a5-metrics strong { letter-spacing: -0.065em; margin: 8px 0px 4px; font-size: clamp(2.5rem, 3.6vw, 4.1rem); line-height: 0.9; }
.public-site .a5-metrics span { color: rgba(255, 255, 255, 0.64); font-size: 0.75rem; }
.public-site .home-universes { color: rgb(255, 255, 255); background: rgb(3, 11, 24); padding: 126px max(4vw, -720px + 50vw); }
.public-site .home-universes-inner { width: min(1320px, 100%); margin: 0px auto; }
.public-site .home-universes-heading { grid-template-columns: 1fr 0.8fr; align-items: end; gap: 7vw; margin-bottom: 58px; display: grid; }
.public-site .home-universes-heading .eyebrow { color: rgb(120, 168, 250); grid-column: 1 / -1; margin: 0px 0px -12px; }
.public-site .home-universes-heading h2 { letter-spacing: -0.065em; max-width: 720px; margin: 0px; font-size: clamp(3rem, 4.7vw, 5.5rem); line-height: 0.92; }
.public-site .home-universes-heading > p:last-child { color: rgba(255, 255, 255, 0.58); max-width: 470px; margin: 0px; line-height: 1.7; }
.public-site .home-universe-grid { grid-template-rows: 410px 300px; grid-template-columns: repeat(3, 1fr); gap: 16px; display: grid; }
.public-site .home-universe { min-width: 0px; min-height: 0px; }
.public-site .home-universe-1 { grid-column: 1 / -1; }
.public-site .home-universe-4 { grid-column: auto; }
.public-site .home-universe a { background: linear-gradient(145deg, rgb(16, 43, 88), rgb(32, 71, 142)); border-radius: 28px; height: 100%; padding: 32px; display: block; position: relative; overflow: hidden; }
.public-site .home-universe-2 a { background: linear-gradient(145deg, rgb(23, 51, 77), rgb(39, 95, 137)); }
.public-site .home-universe-3 a { color: var(--a5-ink); background: linear-gradient(145deg, rgb(231, 236, 243), rgb(248, 250, 252)); }
.public-site .home-universe-4 a { color: var(--a5-ink); background: linear-gradient(145deg, rgb(223, 233, 248), rgb(238, 243, 250)); }
.public-site .home-universe img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 26px 25px); width: 58%; height: 90%; transition: transform .28s var(--a5-ease),filter .28s var(--a5-ease); position: absolute; bottom: -5%; right: -1%; }
.public-site .home-universe a:hover img { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 34px 29px); transform: translateY(-7px) scale(1.018); }
.public-site .home-universe a > div { z-index: 3; width: 45%; position: relative; }
.public-site .home-universe small { color: rgba(255, 255, 255, 0.56); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850; }
.public-site .home-universe-3 small, .public-site .home-universe-4 small { color: rgb(101, 121, 145); }
.public-site .home-universe h3 { letter-spacing: -0.06em; margin: 42px 0px 13px; font-size: clamp(2rem, 3.2vw, 4rem); line-height: 0.95; }
.public-site .home-universe-1 h3 { font-size: clamp(2.8rem, 3.6vw, 4.2rem); }
.public-site .home-universe-2 h3, .public-site .home-universe-3 h3, .public-site .home-universe-4 h3 { font-size: clamp(1.8rem, 2.25vw, 2.7rem); }
.public-site .home-universe p { color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.6; }
.public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgb(102, 119, 141); }
.public-site .home-universe strong { align-items: center; gap: 7px; margin-top: 25px; font-size: 0.72rem; display: flex; }
.public-site .home-universe i { z-index: 0; color: rgba(255, 255, 255, 0.05); letter-spacing: -0.14em; font-size: 12rem; font-style: normal; font-weight: 900; position: absolute; bottom: -14%; right: -3%; }
.public-site .home-universe-3 i, .public-site .home-universe-4 i { color: rgba(32, 71, 142, 0.05); }
.public-site .home-featured-heading { justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 58px; display: flex; }
.public-site .home-featured-heading h2 { letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.4rem, 5.3vw, 6.3rem); line-height: 0.9; }
.public-site .home-featured-heading > a { color: var(--a5-blue); align-items: center; gap: 8px; font-size: 0.78rem; font-weight: 800; display: flex; }
.public-site .home-featured-grid { grid-template-rows: repeat(2, 330px); grid-template-columns: 1.15fr 0.85fr; gap: 16px; display: grid; }
.public-site .home-featured-item-1 { grid-row: 1 / 3; }
.public-site .home-featured-item, .public-site .home-featured-item a { min-width: 0px; height: 100%; min-height: 0px; }
.public-site .home-featured-item a { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(7, 26, 56), rgb(32, 71, 142)); border-radius: 28px; padding: 38px; display: block; position: relative; overflow: hidden; }
.public-site .home-featured-item-2 a { color: var(--a5-ink); background: rgb(233, 238, 245); }
.public-site .home-featured-item-3 a { color: var(--a5-ink); background: rgb(223, 234, 250); }
.public-site .home-featured-item img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.22) 0px 28px 25px); width: 60%; height: 88%; transition: transform .28s var(--a5-ease),filter .28s var(--a5-ease); position: absolute; bottom: 2%; right: 1%; }
.public-site .home-featured-item-1 img { width: 94%; height: 72%; right: 3%; }
.public-site .home-featured-item a:hover img { filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 36px 29px); transform: translateY(-7px) scale(1.02); }
.public-site .home-featured-item a > div { z-index: 3; width: 46%; position: relative; }
.public-site .home-featured-item-1 a > div { width: 70%; }
.public-site .home-featured-item small { color: rgba(255, 255, 255, 0.6); letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.62rem; font-weight: 850; }
.public-site .home-featured-item-2 small, .public-site .home-featured-item-3 small { color: rgb(102, 121, 145); }
.public-site .home-featured-item h3 { letter-spacing: -0.055em; margin: 13px 0px 24px; font-size: clamp(1.5rem, 2.6vw, 3rem); line-height: 1; }
.public-site .home-featured-item-1 h3 { font-size: clamp(2.7rem, 4.2vw, 5.2rem); }
.public-site .home-featured-item span { align-items: center; gap: 7px; font-size: 0.72rem; font-weight: 800; display: flex; }
.public-site .home-featured-item i { color: rgba(255, 255, 255, 0.05); letter-spacing: -0.13em; font-size: 10rem; font-style: normal; font-weight: 900; position: absolute; bottom: -11%; right: -2%; }
.public-site .home-featured-item-2 i, .public-site .home-featured-item-3 i { color: rgba(32, 71, 142, 0.05); }
.public-site .home-category-index { padding-top: 80px; }
.public-site .home-category-links { border-top: 1px solid rgb(220, 227, 236); grid-template-columns: repeat(2, 1fr); column-gap: 44px; display: grid; }
.public-site .home-category-links a { color: rgb(70, 89, 112); min-height: 72px; transition: color .18s var(--a5-ease),transform .18s var(--a5-ease); border-bottom: 1px solid rgb(220, 227, 236); grid-template-columns: 38px 1fr auto; align-items: center; gap: 14px; display: grid; }
.public-site .home-category-links a:hover { color: var(--a5-blue); transform: translate(4px); }
.public-site .home-category-links span { color: rgb(154, 166, 181); font: 400 0.72rem "Times New Roman", Poppins; }
.public-site .home-category-links strong { font-size: 0.88rem; }
.public-site .home-story { grid-template-columns: 1.08fr 0.92fr; align-items: center; gap: 7vw; display: grid; }
.public-site .home-story-image { min-height: 650px; position: relative; }
.public-site .home-story-image img { object-fit: cover; border-radius: 28px; width: 100%; height: 650px; }
.public-site .home-story-image > span { color: rgb(255, 255, 255); backdrop-filter: blur(12px); letter-spacing: 0.1em; text-transform: uppercase; background: rgba(3, 11, 24, 0.7); border-radius: 999px; padding: 12px 15px; font-size: 0.65rem; font-weight: 800; position: absolute; bottom: 24px; left: 24px; }
.public-site .home-story-copy h2 { letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.3rem, 4.8vw, 5.8rem); line-height: 0.9; }
.public-site .home-story-copy > p:not(.eyebrow) { color: rgb(97, 115, 138); margin-top: 28px; line-height: 1.75; }
.public-site .home-story-copy > div { grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 34px 0px; display: grid; }
.public-site .home-story-copy > div span { color: rgb(113, 129, 151); border-top: 1px solid rgb(220, 227, 236); padding: 18px 12px; font-size: 0.68rem; }
.public-site .home-story-copy > div strong { color: var(--a5-blue); margin-bottom: 4px; font-size: 1.8rem; display: block; }
.public-site .home-story-metrics span { border-radius: 14px; min-height: 104px; transition: color 0.22s cubic-bezier(0.22, 1, 0.36, 1), background 0.22s cubic-bezier(0.22, 1, 0.36, 1), transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1); position: relative; }
.public-site .home-story-metrics span:hover { color: rgb(255, 255, 255); background: var(--a5-blue); border-top-color: rgba(0, 0, 0, 0); transform: translateY(-5px); box-shadow: rgba(32, 71, 142, 0.2) 0px 18px 36px; }
.public-site .home-story-metrics span:hover strong { color: rgb(255, 255, 255); }
.public-site .home-story-copy > a { color: var(--a5-blue); align-items: center; gap: 8px; font-size: 0.78rem; font-weight: 800; display: inline-flex; }
.public-site .google-proof-v3 { padding-top: 60px; }
.public-site .home-audiences { grid-template-columns: 0.72fr 1.28fr; align-items: start; gap: 7vw; display: grid; }
.public-site .home-audiences-heading { position: sticky; top: 118px; }
.public-site .home-audiences-heading h2 { letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.2rem, 4.8vw, 5.8rem); line-height: 0.9; }
.public-site .home-audiences > div:last-child { gap: 16px; display: grid; }
.public-site .home-audience { color: rgb(255, 255, 255); background: var(--a5-blue); border-radius: 28px; flex-direction: column; justify-content: flex-end; min-height: 390px; padding: 40px; display: flex; }
.public-site .home-audience.business { color: var(--a5-ink); background: rgb(225, 234, 247); }
.public-site .home-audience > svg { position: absolute; top: 34px; left: 38px; }
.public-site .home-audience small { letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.62; font-size: 0.62rem; font-weight: 850; }
.public-site .home-audience h3 { letter-spacing: -0.06em; max-width: 640px; margin: 14px 0px; font-size: clamp(2.2rem, 3.4vw, 4rem); line-height: 0.95; }
.public-site .home-audience p { color: rgba(255, 255, 255, 0.66); max-width: 520px; line-height: 1.65; }
.public-site .home-audience.business p { color: rgb(97, 114, 138); }
.public-site .home-audience strong { align-items: center; gap: 8px; margin-top: 24px; font-size: 0.75rem; display: flex; }
.public-site .product-detail-v3 { padding-top: 0px; }
.public-site .product-local-nav { z-index: 42; min-height: 54px; color: var(--a5-ink); backdrop-filter: blur(14px); background: rgba(241, 246, 252, 0.94); border-bottom: 1px solid rgba(7, 26, 56, 0.09); justify-content: space-between; align-items: center; gap: 28px; padding: 8px max(5vw, -660px + 50vw); display: flex; position: sticky; top: 78px; }
.public-site .product-local-nav > strong { text-overflow: ellipsis; white-space: nowrap; max-width: 420px; font-size: 0.78rem; overflow: hidden; }
.public-site .product-local-nav > div { align-items: center; gap: 24px; display: flex; }
.public-site .product-local-nav a { color: rgb(82, 100, 123); font-size: 0.7rem; font-weight: 750; }
.public-site .product-local-nav div > a:last-child { color: rgb(255, 255, 255); background: var(--a5-blue); border-radius: 999px; align-items: center; gap: 7px; min-height: 36px; padding: 0px 14px; display: flex; }
.public-site .product-detail-v3 .product-breadcrumb { padding-top: 42px; }
.public-site .product-detail-v3 .product-detail { padding-top: 34px; }
.public-site .product-detail-v3 .product-detail-copy { padding-top: 50px; }
.public-site .product-detail-v3 .product-detail-copy h1 { margin: 0px; font-size: clamp(3.6rem, 5.3vw, 6.4rem); line-height: 0.91; }
.public-site .product-detail-v3 .product-category { color: rgb(108, 123, 144); }
.public-site .product-quick-specs { background: rgb(220, 228, 238); grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 32px; display: grid; }
.public-site .product-quick-specs span { background: rgb(245, 248, 251); align-content: center; gap: 6px; min-height: 88px; padding: 16px; display: grid; }
.public-site .product-quick-specs small { color: rgb(117, 134, 155); letter-spacing: 0.09em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850; }
.public-site .product-quick-specs strong { font-size: 0.8rem; line-height: 1.35; }
.public-site .product-feature-strip { background: rgb(255, 255, 255); border-block: 1px solid rgb(220, 227, 236); grid-template-columns: repeat(5, 1fr); margin-top: 20px; padding: 26px max(5vw, -660px + 50vw); display: grid; }
.public-site .product-feature-strip > div { border-right: 1px solid rgb(225, 231, 239); align-items: center; gap: 12px; min-height: 64px; padding: 10px 18px; display: flex; }
.public-site .product-feature-strip > div:last-child { border: 0px; }
.public-site .product-feature-strip svg { width: 24px; color: var(--a5-blue); flex: 0 0 auto; }
.public-site .product-feature-strip span { gap: 3px; display: grid; }
.public-site .product-feature-strip small { color: rgb(130, 144, 161); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.56rem; font-weight: 850; }
.public-site .product-feature-strip strong { font-size: 0.7rem; line-height: 1.3; }
.public-site .product-benefits { padding-top: 130px; }
.public-site .product-benefit-grid { grid-template-rows: 420px 310px; grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid; }
.public-site .product-benefit-card-1 { grid-column: 1 / -1; }
.public-site .product-benefit-card article { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(7, 26, 56), rgb(32, 71, 142)); border-radius: 28px; height: 100%; padding: 40px; position: relative; overflow: hidden; }
.public-site .product-benefit-card-2 article { color: var(--a5-ink); background: rgb(232, 238, 246); }
.public-site .product-benefit-card-3 article { color: var(--a5-ink); background: rgb(220, 232, 248); }
.public-site .product-benefit-card img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 30px 27px); width: 55%; height: 104%; position: absolute; bottom: -5%; right: 2%; }
.public-site .product-benefit-card article > span { z-index: 3; opacity: 0.55; font: 400 0.8rem "Times New Roman", Poppins; position: absolute; top: 28px; right: 30px; }
.public-site .product-benefit-card article > div { z-index: 3; width: 47%; position: relative; }
.public-site .product-benefit-card-2 article > div, .public-site .product-benefit-card-3 article > div { width: 80%; }
.public-site .product-benefit-card small { color: rgb(168, 200, 255); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.62rem; font-weight: 850; }
.public-site .product-benefit-card-2 small, .public-site .product-benefit-card-3 small { color: rgb(97, 120, 149); }
.public-site .product-benefit-card h3 { letter-spacing: -0.06em; margin: 62px 0px 16px; font-size: clamp(2.2rem, 3.5vw, 4.3rem); line-height: 0.95; }
.public-site .product-benefit-card-2 h3, .public-site .product-benefit-card-3 h3 { margin-top: 45px; font-size: clamp(1.8rem, 2.7vw, 3rem); }
.public-site .product-benefit-card p { color: rgba(255, 255, 255, 0.62); max-width: 420px; font-size: 0.78rem; line-height: 1.6; }
.public-site .product-benefit-card-2 p, .public-site .product-benefit-card-3 p { color: rgb(100, 118, 141); }
.public-site .product-benefit-card i { z-index: 0; color: rgba(255, 255, 255, 0.05); letter-spacing: -0.14em; font-size: 12rem; font-style: normal; font-weight: 900; position: absolute; bottom: -17%; right: -3%; }
.public-site .product-benefit-card-2 i, .public-site .product-benefit-card-3 i { color: rgba(32, 71, 142, 0.05); }
.public-site .product-specifications { color: rgb(255, 255, 255); background: rgb(3, 11, 24); padding: 130px max(5vw, -660px + 50vw); }
.public-site .product-specifications-inner { grid-template-columns: 0.65fr 1.35fr; gap: 8vw; width: min(1320px, 100%); margin: 0px auto; display: grid; }
.public-site .product-specifications-title { align-self: start; position: sticky; top: 160px; }
.public-site .product-specifications-title .eyebrow { color: rgb(126, 171, 248); }
.public-site .product-specifications-title h2 { letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.4rem, 5vw, 6rem); }
.public-site .product-specifications-title > p:last-child { color: rgba(255, 255, 255, 0.55); max-width: 370px; line-height: 1.7; }
.public-site .product-specification-list { border-top: 1px solid rgba(255, 255, 255, 0.16); }
.public-site .product-specification-list > div { border-bottom: 1px solid rgba(255, 255, 255, 0.13); grid-template-columns: 0.75fr 1.25fr; align-items: center; gap: 20px; min-height: 68px; display: grid; }
.public-site .product-specification-list small { color: rgba(255, 255, 255, 0.45); letter-spacing: 0.07em; text-transform: uppercase; font-size: 0.66rem; font-weight: 800; }
.public-site .product-specification-list strong { font-size: 0.82rem; line-height: 1.45; }
.public-site .related-products-v3 { padding-top: 130px; }
.public-site .related-products-v3 .related-grid > a { box-shadow: none; border-radius: 0px; padding: 0px 0px 24px; }
.public-site .related-products-v3 .related-grid > a > div { background: rgb(237, 242, 247); height: 360px; }
@media (max-width: 1180px) {
  .public-site .category-nav { gap: 14px; }
  .public-site .category-nav > a, .public-site .nav-category > a { font-size: 0.72rem; }
  .public-site .site-header-v3 .header-cta { display: none; }
  .public-site .home-cinema-copy { width: min(520px, 45vw); }
  .public-site .home-cinema-product { width: 58vw; right: -2vw; }
}
@media (max-width: 940px) {
  .public-site .site-header-v3 { height: 72px; }
  .public-site .site-header-v3 .main-nav, .public-site .site-header-v3 .header-cta { display: none; }
  .public-site .site-header-v3 .mobile-menu-button { display: grid; }
  .public-site .home-cinema { min-height: 940px; }
  .public-site .home-cinema-copy { width: calc(100% - 56px); top: 12%; left: 28px; transform: none; }
  .public-site .home-cinema-copy h1 { max-width: 760px; font-size: clamp(4rem, 10vw, 6.5rem); }
  .public-site .home-cinema-copy > span { max-width: 580px; }
  .public-site .home-cinema-product { width: 88vw; height: 45%; top: 39%; right: 3%; }
  .public-site .home-cinema-footer { left: 28px; right: 28px; }
  .public-site .home-cinema-tabs { width: 100%; }
  .public-site .home-cinema-footer > a { display: none; }
  .public-site .home-intro-heading, .public-site .home-universes-heading { grid-template-columns: 1fr; }
  .public-site .home-intro-heading .eyebrow, .public-site .home-universes-heading .eyebrow { grid-column: auto; margin-bottom: 0px; }
  .public-site .home-intro-products { grid-template-columns: 1fr; }
  .public-site .home-intro-products a { min-height: 420px; }
  .public-site .a5-metrics { grid-template-columns: repeat(2, 1fr); }
  .public-site .a5-metrics > div:nth-child(2) { border-right: 0px; }
  .public-site .a5-metrics > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .public-site .home-universe-grid { grid-template-rows: repeat(2, 390px); grid-template-columns: 1fr 1fr; }
  .public-site .home-universe-1, .public-site .home-universe-4 { grid-column: auto; }
  .public-site .home-universe a > div { width: 62%; }
  .public-site .home-featured-grid { grid-template-rows: 560px repeat(2, 330px); grid-template-columns: 1fr; }
  .public-site .home-featured-item-1 { grid-row: auto; }
  .public-site .home-category-links, .public-site .home-story, .public-site .home-audiences { grid-template-columns: 1fr; }
  .public-site .home-audiences-heading, .public-site .product-specifications-title { position: static; }
  .public-site .product-local-nav { top: 72px; }
  .public-site .product-local-nav > div a:not(:last-child) { display: none; }
  .public-site .product-feature-strip { grid-template-columns: repeat(2, 1fr); }
  .public-site .product-feature-strip > div { border-bottom: 1px solid rgb(225, 231, 239); }
  .public-site .product-benefit-grid { grid-template-rows: 440px repeat(2, 320px); grid-template-columns: 1fr; }
  .public-site .product-benefit-card-1 { grid-column: auto; }
  .public-site .product-specifications-inner { grid-template-columns: 1fr; gap: 55px; }
}
@media (max-width: 560px) {
  .public-site .site-header-v3 .header-inner { width: calc(100% - 28px); }
  .public-site .home-cinema { min-height: 820px; }
  .public-site .home-cinema-copy { width: calc(100% - 40px); top: 9%; left: 20px; }
  .public-site .home-cinema-copy > p { margin-bottom: 16px; }
  .public-site .home-cinema-copy h1 { font-size: 3.35rem; }
  .public-site .home-cinema-copy > span { margin-top: 20px; font-size: 0.9rem; }
  .public-site .home-cinema-copy > div { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 24px; }
  .public-site .home-cinema-product { width: 100vw; height: 38%; top: 45%; right: 0px; }
  .public-site .home-cinema-footer { bottom: 13px; left: 16px; right: 16px; }
  .public-site .home-cinema-tabs { gap: 4px; }
  .public-site .home-cinema-tabs button { grid-template-columns: 1fr; min-height: 50px; padding-top: 10px; }
  .public-site .home-cinema-tabs button span { display: none; }
  .public-site .home-cinema-tabs strong { font-size: 0.54rem; }
  .public-site .home-intro { padding-top: 82px; }
  .public-site .home-intro-heading h2, .public-site .home-universes-heading h2, .public-site .home-featured-heading h2 { font-size: 3.25rem; }
  .public-site .home-intro-products { margin-top: 46px; }
  .public-site .home-intro-products a { min-height: 400px; padding-inline: 16px; }
  .public-site .home-intro-products img { height: 260px; }
  .public-site .a5-metrics { width: 100%; margin-bottom: 0px; }
  .public-site .a5-metrics > div { min-height: 132px; padding: 20px 15px; }
  .public-site .home-universes { padding: 82px 14px; }
  .public-site .home-universe-grid { grid-template-rows: repeat(4, 390px); grid-template-columns: 1fr; }
  .public-site .home-universe a { border-radius: 22px; padding: 26px; }
  .public-site .home-universe a > div { width: 76%; }
  .public-site .home-universe img { width: 72%; height: 64%; }
  .public-site .home-universe h3 { margin-top: 32px; font-size: 2.4rem; }
  .public-site .home-universe p { display: none; }
  .public-site .home-featured-heading { flex-direction: column; align-items: flex-start; }
  .public-site .home-featured-grid { grid-template-rows: 500px repeat(2, 360px); }
  .public-site .home-featured-item a { border-radius: 22px; padding: 27px; }
  .public-site .home-featured-item a > div, .public-site .home-featured-item-1 a > div { width: 76%; }
  .public-site .home-featured-item img, .public-site .home-featured-item-1 img { width: 92%; height: 64%; bottom: 0px; right: 0px; }
  .public-site .home-category-links a { min-height: 68px; }
  .public-site .home-story-image, .public-site .home-story-image img { height: 430px; min-height: 430px; }
  .public-site .home-story-copy h2, .public-site .home-audiences-heading h2 { font-size: 3.2rem; }
  .public-site .home-story-copy > div { grid-template-columns: 1fr; }
  .public-site .home-audience { border-radius: 22px; min-height: 390px; padding: 28px; }
  .public-site .product-local-nav { min-height: 52px; padding-inline: 14px; }
  .public-site .product-local-nav > strong { max-width: 48%; font-size: 0.66rem; }
  .public-site .product-local-nav div > a:last-child { padding-inline: 11px; font-size: 0.62rem; }
  .public-site .product-detail-v3 .product-detail-copy h1 { font-size: 3.4rem; }
  .public-site .product-quick-specs { grid-template-columns: 1fr; }
  .public-site .product-feature-strip { grid-template-columns: 1fr; padding-inline: 14px; }
  .public-site .product-feature-strip > div { border-right: 0px; }
  .public-site .product-benefit-grid { grid-template-rows: repeat(3, 380px); }
  .public-site .product-benefit-card article { border-radius: 22px; padding: 28px; }
  .public-site .product-benefit-card img { width: 85%; height: 62%; }
  .public-site .product-benefit-card article > div, .public-site .product-benefit-card-2 article > div, .public-site .product-benefit-card-3 article > div { width: 85%; }
  .public-site .product-benefit-card h3, .public-site .product-benefit-card-2 h3, .public-site .product-benefit-card-3 h3 { margin-top: 45px; font-size: 2rem; }
  .public-site .product-specifications { padding: 90px 20px; }
  .public-site .product-specification-list > div { grid-template-columns: 1fr; gap: 5px; padding-block: 16px; }
  .public-site .related-products-v3 .related-grid > a > div { height: 320px; }
}
@media (prefers-reduced-motion: reduce) {
  .public-site .home-cinema-product img { animation: auto ease 0s 1 normal none running none !important; }
  .public-site .home-cinema-product img, .public-site .home-cinema-tabs button, .public-site .home-cinema-tabs button::before, .public-site .home-intro-products img, .public-site .home-universe img, .public-site .home-featured-item img, .public-site .home-category-links a, .public-site .nav-category-menu, .public-site .nav-category-menu li a { transition: none !important; }
}
.public-site .home-universes-heading { grid-template-columns: minmax(0px, 1.15fr) minmax(300px, 0.85fr); }
.public-site .home-universes-heading > div .eyebrow { color: rgb(120, 168, 250); grid-column: auto; margin: 0px 0px 14px; }
.public-site .home-universes-heading > div h2 { letter-spacing: -0.065em; max-width: 720px; margin: 0px; font-size: clamp(3rem, 4.7vw, 5.5rem); line-height: 0.92; }
.public-site .home-universes-heading > p { color: rgba(255, 255, 255, 0.62); align-self: end; max-width: 470px; margin: 0px 0px 5px; line-height: 1.7; }
.public-site .home-universe-1 a, .public-site .home-universe-2 a, .public-site .home-universe-3 a, .public-site .home-universe-4 a { color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe a > img:not(.home-universe-symbol) { z-index: 1; object-fit: cover; filter: none; width: 100%; height: 100%; position: absolute; inset: 0px; transform: scale(1); }
.public-site .home-universe-1 a > img:not(.home-universe-symbol) { object-position: center 52%; }
.public-site .home-universe-2 a > img:not(.home-universe-symbol) { object-position: center 55%; }
.public-site .home-universe-3 a > img:not(.home-universe-symbol) { object-position: center 48%; }
.public-site .home-universe-4 a > img:not(.home-universe-symbol) { object-position: center 52%; }
.public-site .home-universe a:hover > img:not(.home-universe-symbol) { filter: saturate(1.05); transform: scale(1.035); }
.public-site .home-universe-1 small, .public-site .home-universe-2 small, .public-site .home-universe-3 small, .public-site .home-universe-4 small, .public-site .home-universe-1 p, .public-site .home-universe-2 p, .public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgba(255, 255, 255, 0.72); }
.public-site .home-universe .home-universe-symbol { z-index: 3; object-fit: contain; opacity: 0.13; filter: none; pointer-events: none; width: clamp(54px, 5vw, 82px); height: auto; position: absolute; inset: auto 22px 20px auto; transform: none; }
.public-site .home-universe a:hover .home-universe-symbol { filter: none; transform: none; }
@media (max-width: 900px) {
  .public-site .home-universes-heading { grid-template-columns: 1fr; gap: 24px; }
  .public-site .home-universes-heading > p { max-width: 600px; }
}
@media (max-width: 560px) {
  .public-site .home-universe a > img:not(.home-universe-symbol) { width: 100%; height: 100%; }
}
.public-site .group-hero-image { padding: clamp(22px, 3vw, 44px); }
.public-site .group-hero-image img { object-fit: contain; object-position: center center; width: 100%; height: 100%; }
.public-site .group-line-grid img, .public-site .isolated-product, .public-site .product-gallery-stage > img, .public-site .product-gallery-thumbs img { mix-blend-mode: multiply; background: 0px 0px; }
.public-site .product-gallery-stage > .product-gallery-symbol { z-index: 0; object-fit: contain; opacity: 0.055; mix-blend-mode: normal; filter: none; pointer-events: none; width: clamp(180px, 18vw, 320px); height: auto; position: absolute; inset: auto -3% -8% auto; }
.public-site .product-benefit-symbol { z-index: 0; object-fit: contain; opacity: 0.055; filter: none; pointer-events: none; width: clamp(170px, 16vw, 280px); height: auto; position: absolute; bottom: -17%; right: -3%; }
.public-site .product-benefit-card-2 .product-benefit-symbol, .public-site .product-benefit-card-3 .product-benefit-symbol { filter: invert(24%) sepia(36%) saturate(1841%) hue-rotate(179deg) brightness(89%) contrast(91%); }


.public-site .product-detail-copy .product-category{margin-top:0!important;line-height:1.5}
.public-site .product-card h2{font-size:20px!important;line-height:1.3!important;letter-spacing:-.025em!important;font-weight:650!important;text-wrap:pretty}

.public-site .group-hero h1{font-size:clamp(36px,4.2vw,64px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
.public-site .group-hero h1 em{display:block;font:500 22px/1.4 Poppins!important;letter-spacing:0!important;margin-top:20px}
.public-site .catalog-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.public-site .catalog-group-grid>a{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;background:white!important;color:#0b1730!important;padding:0!important;border:1px solid #e1e7ef;border-radius:18px!important;min-height:0!important;overflow:hidden}
.public-site .catalog-group-grid>a::before,.public-site .catalog-group-grid>a::after{display:none!important}
.public-site .a5-category-photo{height:210px;flex:none;display:flex;align-items:center;justify-content:center;background:#f3f6fa;overflow:hidden}
.public-site .a5-category-photo img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .25s}
.public-site a:hover .a5-category-photo img{transform:scale(1.04)}
.public-site .a5-category-copy{padding:22px!important;position:relative!important;z-index:1}
.public-site .catalog-group-grid h2{font-size:22px!important;line-height:1.2!important;letter-spacing:-.03em!important;color:#0b1730!important;margin:8px 0 14px!important}
.public-site .catalog-group-grid small,.public-site .catalog-group-grid p{color:#627089!important;font-size:13px!important}
.public-site .home-category-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px}
.public-site .home-category-index-grid>a{padding:0!important;background:#fff!important;display:flex!important;flex-direction:column;align-items:stretch!important;color:#0b1730!important;overflow:hidden;border:1px solid #e1e7ef;border-radius:16px}
.public-site .home-category-index-grid>a strong{font-size:19px!important;line-height:1.25!important;padding:18px 18px 8px}
.public-site .home-category-index-grid>a>span{padding:0 18px 20px;font-size:13px;color:#627089}
@media(max-width:1000px){.public-site .catalog-group-grid,.public-site .home-category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.public-site .product-card h2{font-size:18px!important}.public-site .catalog-group-grid,.public-site .home-category-index-grid{gap:12px!important}.public-site .a5-category-photo{height:150px}.public-site .a5-category-copy{padding:14px!important}.public-site .catalog-group-grid h2{font-size:18px!important}.public-site .home-category-index-grid>a strong{font-size:17px!important;padding:14px 14px 8px}}

.nav-category-menu ul{max-height:65vh;overflow-y:auto}.home-category-index-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.public-site .primary-category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.public-site .primary-universe-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:20px!important}
.public-site .primary-universe-grid .home-universe{grid-column:auto!important;grid-row:auto!important;min-height:350px}
.public-site .primary-universe-grid h3{font-size:clamp(22px,2vw,32px)!important;line-height:1.12!important}
.public-site .primary-category-more{text-align:center;margin-top:32px}
.public-site .primary-footer-categories{grid-column:1/-1;order:-1;border-bottom:1px solid #ffffff26;padding-bottom:30px;margin-bottom:8px}
.public-site .primary-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:24px;align-items:center}
.public-site .primary-footer-links a{margin:0!important;line-height:1.45;font-size:14px}
.public-site .primary-footer-links .primary-footer-more{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #ffffff66;border-radius:999px;color:white;white-space:nowrap}
.public-site .all-category-heading{margin-bottom:48px}.public-site .all-category-heading h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.04em;margin-bottom:20px}
@media(max-width:900px){.public-site .primary-category-grid,.public-site .primary-universe-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;gap:16px!important}.public-site .primary-category-grid>a,.public-site .primary-universe-grid>.home-universe{flex:0 0 78%;scroll-snap-align:start}.public-site .primary-footer-links{display:flex;overflow-x:auto;gap:22px;padding-bottom:14px}.public-site .primary-footer-links>a{flex:0 0 180px}.public-site .primary-footer-links>.primary-footer-more{flex:0 0 auto}}



















































































































































































































































































































.product-breadcrumb{width: min(1240px, 100% - 64px); color: var(--muted); align-items: center; gap: 10px; margin: 0px auto; padding-top: 34px; font-size: 0.72rem; display: flex;}
.product-breadcrumb a{align-items: center; gap: 6px; display: flex;}
.product-breadcrumb a:hover{color: var(--blue);}
.product-breadcrumb svg{width: 15px;}
.product-detail{grid-template-columns: 1fr 1fr; align-items: start; gap: 80px; padding-top: 48px; display: grid;}
.product-detail-image{background: radial-gradient(circle at 50% 45%, rgb(255, 255, 255), rgb(234, 241, 251)); border-radius: 28px; place-items: center; min-height: 630px; display: grid; position: sticky; top: 120px;}
.product-detail-image > span{color: var(--blue); background: rgb(255, 255, 255); border-radius: 999px; padding: 8px 11px; font-size: 0.65rem; font-weight: 800; position: absolute; top: 24px; left: 24px;}
.product-detail-image img{object-fit: contain; filter: drop-shadow(rgba(11, 33, 72, 0.17) 0px 30px 26px); width: 86%; height: 560px;}
.product-detail-copy{padding-top: 40px;}
.product-detail-copy h1{letter-spacing: -0.06em; margin: 0px; font-size: clamp(2.8rem, 4.4vw, 5rem); line-height: 0.98;}
.product-category{color: var(--blue); font-size: 0.75rem; font-weight: 760;}



.product-actions{gap: 10px; margin-top: 34px; display: flex;}
.product-trust{background: var(--cloud); border-radius: 14px; gap: 11px; margin-top: 34px; padding: 22px; display: grid;}
.product-trust span{color: var(--muted); align-items: center; gap: 9px; font-size: 0.76rem; display: flex;}
.product-trust svg{width: 17px; color: var(--blue);}
.related-products{padding-top: 30px;}
.related-grid{grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid;}
.related-grid > a{box-shadow: 0 0 0 1px var(--line); border-radius: 16px; padding: 18px;}
.related-grid > a > div{background: var(--cloud); place-items: center; height: 250px; display: grid;}
.related-grid img{object-fit: contain; width: 85%; height: 85%; transition: transform .3s var(--ease-out);}
.related-grid a:hover img{transform: scale(1.05);}
.related-grid small{color: var(--blue); text-transform: uppercase; margin-top: 18px; font-size: 0.65rem; display: block;}
.related-grid h3{margin: 8px 0px 18px;}
.related-grid span{color: var(--muted); align-items: center; gap: 8px; font-size: 0.72rem; display: flex;}













































































































































@media (max-width: 1100px){







}
@media (max-width: 860px){







































 .product-detail{grid-template-columns: 1fr; gap: 60px;}
.product-detail-image{position: relative; top: 0px;}


















}
@media (max-width: 560px){




 .product-actions{flex-direction: column; align-items: stretch;}

























 .related-grid{grid-template-columns: 1fr;}























.product-breadcrumb{white-space: nowrap; width: calc(100% - 28px); overflow-x: auto;}
.product-detail-image{min-height: 430px;}
.product-detail-image img{height: 390px;}
.product-detail-copy h1{font-size: 2.8rem;}













}
@media (prefers-reduced-motion: reduce){




}













































































































































































































.public-site .product-detail-page{padding-top: 100px;}
.public-site .product-detail-image{background: rgb(237, 243, 252); border-radius: 2px;}
.public-site .related-grid > a{background: rgb(241, 245, 250); border-radius: 2px;}







@media (max-width: 1100px){









}
@media (max-width: 860px){




















}
@media (max-width: 560px){

































}
@media (prefers-reduced-motion: reduce){

}










































































@media (max-width: 900px){












}
@media (max-width: 620px){


























}























































































.public-site .product-detail{grid-template-columns: minmax(0px, 1.08fr) minmax(400px, 0.92fr); align-items: start; gap: clamp(48px, 6vw, 100px);}
.public-site .product-detail-image{background: 0px 0px; position: sticky; top: 112px;}
.public-site .product-gallery{width: 100%;}
.public-site .product-gallery-stage{background: linear-gradient(145deg, rgb(237, 243, 251), rgb(226, 235, 247)); border-radius: 28px; place-items: center; min-height: 650px; padding: 70px; display: grid; position: relative; overflow: hidden;}
.public-site .product-gallery-stage::after{content: ""; border: 1px solid rgba(32, 71, 142, 0.07); border-radius: 50%; position: absolute; inset: 15%;}
.public-site .product-gallery-stage > img{z-index: 2; object-fit: contain; filter: drop-shadow(rgba(7, 26, 56, 0.2) 0px 30px 24px); width: 100%; height: 100%; max-height: 510px; position: relative;}
.public-site .product-gallery-stage > i{z-index: 0; color: rgba(32, 71, 142, 0.055); letter-spacing: -0.13em; font-size: clamp(11rem, 18vw, 20rem); font-style: normal; font-weight: 900; line-height: 0.8; position: absolute; bottom: -8%; right: -3%;}
.public-site .product-gallery-line{z-index: 3; color: rgb(100, 117, 140); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.65rem; font-weight: 850; position: absolute; top: 26px; left: 28px;}
.public-site .product-gallery-stage > small{z-index: 3; color: rgb(114, 130, 154); letter-spacing: 0.1em; font-size: 0.67rem; font-weight: 850; position: absolute; bottom: 24px; right: 28px;}
.public-site .product-gallery-thumbs{grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; margin-top: 12px; display: grid;}
.public-site .product-gallery-thumbs button{background: rgb(238, 243, 249); border: 0px; border-radius: 15px; height: 94px; padding: 8px; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; box-shadow: rgba(7, 26, 56, 0.06) 0px 0px 0px 1px inset;}
.public-site .product-gallery-thumbs button:hover{transform: translateY(-2px);}
.public-site .product-gallery-thumbs button.active{box-shadow: inset 0 0 0 2px var(--a5-blue),0 8px 22px #20478e1f;}
.public-site .product-gallery-thumbs img{object-fit: contain; width: 100%; height: 100%;}
.public-site .product-detail-copy h1{font-size: clamp(3.4rem, 5vw, 6rem);}



.public-site .product-spec-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; display: grid;}
.public-site .product-spec-grid li{background: rgb(241, 245, 250); border-radius: 13px; flex-direction: column; justify-content: center; gap: 5px; min-height: 78px; padding: 15px; display: flex;}
.public-site .product-spec-grid small{color: rgb(113, 130, 153); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.63rem; font-weight: 800;}
.public-site .product-spec-grid strong{color: var(--a5-ink); font-size: 0.83rem; line-height: 1.35;}
@media (max-width: 1100px){



.public-site .product-detail{grid-template-columns: 1fr 1fr; gap: 42px;}}
@media (max-width: 860px){









.public-site .product-detail{grid-template-columns: 1fr;}
.public-site .product-detail-image{position: static;}}
@media (max-width: 560px){

























.public-site .product-gallery-stage{border-radius: 20px; min-height: 440px; padding: 44px 24px;}
.public-site .product-gallery-thumbs{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.public-site .product-gallery-thumbs button{height: 76px;}
.public-site .product-spec-grid{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce){ .public-site .product-gallery-thumbs button{transition: none !important;}}

@media (max-width: 900px){
}

















































































































































.public-site .product-detail-v3{padding-top: 0px;}
.public-site .product-local-nav{z-index: 42; min-height: 54px; color: var(--a5-ink); backdrop-filter: blur(14px); background: rgba(241, 246, 252, 0.94); border-bottom: 1px solid rgba(7, 26, 56, 0.09); justify-content: space-between; align-items: center; gap: 28px; padding: 8px max(5vw, -660px + 50vw); display: flex; position: sticky; top: 78px;}
.public-site .product-local-nav > strong{text-overflow: ellipsis; white-space: nowrap; max-width: 420px; font-size: 0.78rem; overflow: hidden;}
.public-site .product-local-nav > div{align-items: center; gap: 24px; display: flex;}
.public-site .product-local-nav a{color: rgb(82, 100, 123); font-size: 0.7rem; font-weight: 750;}
.public-site .product-local-nav div > a:last-child{color: rgb(255, 255, 255); background: var(--a5-blue); border-radius: 999px; align-items: center; gap: 7px; min-height: 36px; padding: 0px 14px; display: flex;}
.public-site .product-detail-v3 .product-breadcrumb{padding-top: 42px;}
.public-site .product-detail-v3 .product-detail{padding-top: 34px;}
.public-site .product-detail-v3 .product-detail-copy{padding-top: 50px;}
.public-site .product-detail-v3 .product-detail-copy h1{margin: 0px; font-size: clamp(3.6rem, 5.3vw, 6.4rem); line-height: 0.91;}
.public-site .product-detail-v3 .product-category{color: rgb(108, 123, 144);}
.public-site .product-quick-specs{background: rgb(220, 228, 238); grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 32px; display: grid;}
.public-site .product-quick-specs span{background: rgb(245, 248, 251); align-content: center; gap: 6px; min-height: 88px; padding: 16px; display: grid;}
.public-site .product-quick-specs small{color: rgb(117, 134, 155); letter-spacing: 0.09em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850;}
.public-site .product-quick-specs strong{font-size: 0.8rem; line-height: 1.35;}
.public-site .product-feature-strip{background: rgb(255, 255, 255); border-block: 1px solid rgb(220, 227, 236); grid-template-columns: repeat(5, 1fr); margin-top: 20px; padding: 26px max(5vw, -660px + 50vw); display: grid;}
.public-site .product-feature-strip > div{border-right: 1px solid rgb(225, 231, 239); align-items: center; gap: 12px; min-height: 64px; padding: 10px 18px; display: flex;}
.public-site .product-feature-strip > div:last-child{border: 0px;}
.public-site .product-feature-strip svg{width: 24px; color: var(--a5-blue); flex: 0 0 auto;}
.public-site .product-feature-strip span{gap: 3px; display: grid;}
.public-site .product-feature-strip small{color: rgb(130, 144, 161); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.56rem; font-weight: 850;}
.public-site .product-feature-strip strong{font-size: 0.7rem; line-height: 1.3;}
.public-site .product-benefits{padding-top: 130px;}
.public-site .product-benefit-grid{grid-template-rows: 420px 310px; grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid;}
.public-site .product-benefit-card-1{grid-column: 1 / -1;}
.public-site .product-benefit-card article{color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(7, 26, 56), rgb(32, 71, 142)); border-radius: 28px; height: 100%; padding: 40px; position: relative; overflow: hidden;}
.public-site .product-benefit-card-2 article{color: var(--a5-ink); background: rgb(232, 238, 246);}
.public-site .product-benefit-card-3 article{color: var(--a5-ink); background: rgb(220, 232, 248);}
.public-site .product-benefit-card img{z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 30px 27px); width: 55%; height: 104%; position: absolute; bottom: -5%; right: 2%;}
.public-site .product-benefit-card article > span{z-index: 3; opacity: 0.55; font: 400 0.8rem Times New Roman, Poppins; position: absolute; top: 28px; right: 30px;}
.public-site .product-benefit-card article > div{z-index: 3; width: 47%; position: relative;}
.public-site .product-benefit-card-2 article > div, .public-site .product-benefit-card-3 article > div{width: 80%;}
.public-site .product-benefit-card small{color: rgb(168, 200, 255); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.62rem; font-weight: 850;}
.public-site .product-benefit-card-2 small, .public-site .product-benefit-card-3 small{color: rgb(97, 120, 149);}
.public-site .product-benefit-card h3{letter-spacing: -0.06em; margin: 62px 0px 16px; font-size: clamp(2.2rem, 3.5vw, 4.3rem); line-height: 0.95;}
.public-site .product-benefit-card-2 h3, .public-site .product-benefit-card-3 h3{margin-top: 45px; font-size: clamp(1.8rem, 2.7vw, 3rem);}
.public-site .product-benefit-card p{color: rgba(255, 255, 255, 0.62); max-width: 420px; font-size: 0.78rem; line-height: 1.6;}
.public-site .product-benefit-card-2 p, .public-site .product-benefit-card-3 p{color: rgb(100, 118, 141);}
.public-site .product-benefit-card i{z-index: 0; color: rgba(255, 255, 255, 0.05); letter-spacing: -0.14em; font-size: 12rem; font-style: normal; font-weight: 900; position: absolute; bottom: -17%; right: -3%;}
.public-site .product-benefit-card-2 i, .public-site .product-benefit-card-3 i{color: rgba(32, 71, 142, 0.05);}
.public-site .product-specifications{color: rgb(255, 255, 255); background: rgb(3, 11, 24); padding: 130px max(5vw, -660px + 50vw);}
.public-site .product-specifications-inner{grid-template-columns: 0.65fr 1.35fr; gap: 8vw; width: min(1320px, 100%); margin: 0px auto; display: grid;}
.public-site .product-specifications-title{align-self: start; position: sticky; top: 160px;}
.public-site .product-specifications-title .eyebrow{color: rgb(126, 171, 248);}
.public-site .product-specifications-title h2{letter-spacing: -0.07em; margin: 0px; font-size: clamp(3.4rem, 5vw, 6rem);}
.public-site .product-specifications-title > p:last-child{color: rgba(255, 255, 255, 0.55); max-width: 370px; line-height: 1.7;}
.public-site .product-specification-list{border-top: 1px solid rgba(255, 255, 255, 0.16);}
.public-site .product-specification-list > div{border-bottom: 1px solid rgba(255, 255, 255, 0.13); grid-template-columns: 0.75fr 1.25fr; align-items: center; gap: 20px; min-height: 68px; display: grid;}
.public-site .product-specification-list small{color: rgba(255, 255, 255, 0.45); letter-spacing: 0.07em; text-transform: uppercase; font-size: 0.66rem; font-weight: 800;}
.public-site .product-specification-list strong{font-size: 0.82rem; line-height: 1.45;}
.public-site .related-products-v3{padding-top: 130px;}
.public-site .related-products-v3 .related-grid > a{box-shadow: none; border-radius: 0px; padding: 0px 0px 24px;}
.public-site .related-products-v3 .related-grid > a > div{background: rgb(237, 242, 247); height: 360px;}
@media (max-width: 1180px){



}
@media (max-width: 940px){























 .public-site .product-specifications-title{position: static;}
.public-site .product-local-nav{top: 72px;}
.public-site .product-local-nav > div a:not(:last-child){display: none;}
.public-site .product-feature-strip{grid-template-columns: repeat(2, 1fr);}
.public-site .product-feature-strip > div{border-bottom: 1px solid rgb(225, 231, 239);}
.public-site .product-benefit-grid{grid-template-rows: 440px repeat(2, 320px); grid-template-columns: 1fr;}
.public-site .product-benefit-card-1{grid-column: auto;}
.public-site .product-specifications-inner{grid-template-columns: 1fr; gap: 55px;}}
@media (max-width: 560px){




































.public-site .product-local-nav{min-height: 52px; padding-inline: 14px;}
.public-site .product-local-nav > strong{max-width: 48%; font-size: 0.66rem;}
.public-site .product-local-nav div > a:last-child{padding-inline: 11px; font-size: 0.62rem;}
.public-site .product-detail-v3 .product-detail-copy h1{font-size: 3.4rem;}
.public-site .product-quick-specs{grid-template-columns: 1fr;}
.public-site .product-feature-strip{grid-template-columns: 1fr; padding-inline: 14px;}
.public-site .product-feature-strip > div{border-right: 0px;}
.public-site .product-benefit-grid{grid-template-rows: repeat(3, 380px);}
.public-site .product-benefit-card article{border-radius: 22px; padding: 28px;}
.public-site .product-benefit-card img{width: 85%; height: 62%;}
.public-site .product-benefit-card article > div, .public-site .product-benefit-card-2 article > div, .public-site .product-benefit-card-3 article > div{width: 85%;}
.public-site .product-benefit-card h3, .public-site .product-benefit-card-2 h3, .public-site .product-benefit-card-3 h3{margin-top: 45px; font-size: 2rem;}
.public-site .product-specifications{padding: 90px 20px;}
.public-site .product-specification-list > div{grid-template-columns: 1fr; gap: 5px; padding-block: 16px;}
.public-site .related-products-v3 .related-grid > a > div{height: 320px;}}
@media (prefers-reduced-motion: reduce){
}














@media (max-width: 900px){
}



 .public-site .product-gallery-stage > img, .public-site .product-gallery-thumbs img{mix-blend-mode: multiply; background: 0px 0px;}
.public-site .product-gallery-stage > .product-gallery-symbol{z-index: 0; object-fit: contain; opacity: 0.055; mix-blend-mode: normal; filter: none; pointer-events: none; width: clamp(180px, 18vw, 320px); height: auto; position: absolute; inset: auto -3% -8% auto;}
.public-site .product-benefit-symbol{z-index: 0; object-fit: contain; opacity: 0.055; filter: none; pointer-events: none; width: clamp(170px, 16vw, 280px); height: auto; position: absolute; bottom: -17%; right: -3%;}
.public-site .product-benefit-card-2 .product-benefit-symbol, .public-site .product-benefit-card-3 .product-benefit-symbol{filter: invert(24%) sepia(36%) saturate(1841%) hue-rotate(179deg) brightness(89%) contrast(91%);}
.public-site .product-detail-v3 .product-quick-specs small{color:#75869b!important}.public-site .product-detail-v3 .product-quick-specs span>strong{color:#071a38!important}

.public-site .category-hero-refined{min-height:0!important;padding:clamp(98px,8vw,120px) max(40px,calc((100% - 1320px)/2)) clamp(44px,5vw,70px)!important;display:flex;align-items:center}
.public-site .category-hero-refined>div:first-of-type{flex:1;min-width:0;max-width:760px}
.public-site .category-hero-refined .category-back-top{position:absolute;top:26px;left:max(40px,calc((100% - 1320px)/2));display:inline-flex;align-items:center;padding:10px 15px!important;min-height:40px;color:#e4edff!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;margin:0!important;transition:background .2s,border-color .2s,transform .2s}
.public-site .category-hero-refined .category-back-top:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4);transform:translateX(-3px)}
.public-site .category-hero-refined .hero-kicker{margin:0 0 22px!important;font-size:11px;letter-spacing:.2em;color:#b8c9e5}
.public-site .category-hero-refined h1{font-size:clamp(34px,3.8vw,60px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0!important;max-width:760px}
.public-site .category-hero-refined h1 em{font:500 20px/1.5 Poppins!important;letter-spacing:0!important;display:block;margin-top:22px;color:#80adff}
.public-site .category-hero-refined .category-hero-description{font-size:15px;line-height:1.6;color:#bccce6;max-width:600px;margin-top:18px}
@media(max-width:900px){.public-site .category-hero-refined{padding:96px 24px 48px!important;min-height:0!important;flex-direction:column;align-items:flex-start;gap:32px}.public-site .category-hero-refined .category-back-top{left:24px;top:22px}.public-site .category-hero-refined>div:first-of-type{width:100%}.public-site .category-hero-refined h1 em{font-size:18px!important;margin-top:16px}}

.public-site .category-visual-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}.public-site .category-visual-grid>div>a{height:100%}.public-site .category-visual-grid img,.public-site .group-line-grid img{background:transparent!important;mix-blend-mode:normal!important;filter:url(#a5-product-white-bg) drop-shadow(0 12px 12px #071a381a)!important}.public-site .category-visual-grid span svg{width:15px;height:15px}.public-site .group-line-grid h3{color:#071a38}.public-site .group-line-grid p{color:#65758a}.public-site .group-lines .section-heading h2{color:#071a38}@media(max-width:700px){.public-site .category-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
.public-site .home-universe a { isolation: isolate; color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe-3 a, .public-site .home-universe-4 a { color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe a::after { content: ""; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(2, 10, 22, 0.86) 0%, rgba(2, 10, 22, 0.58) 42%, rgba(2, 10, 22, 0.1) 78%), linear-gradient(rgba(0, 0, 0, 0) 44%, rgba(2, 10, 22, 0.52)); position: absolute; inset: 0px; }
.public-site .home-universe img { z-index: 1; object-fit: cover; filter: none; width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.3s cubic-bezier(0.22, 1, 0.36, 1); inset: 0px; transform: scale(1); }
.public-site .home-universe-1 img { object-position: center 52%; }
.public-site .home-universe-2 img { object-position: center 55%; }
.public-site .home-universe-3 img { object-position: center 48%; }
.public-site .home-universe-4 img { object-position: center 52%; }
.public-site .home-universe a > div { z-index: 3; width: min(390px, 58%); }
.public-site .home-universe small, .public-site .home-universe-3 small, .public-site .home-universe-4 small { color: rgba(255, 255, 255, 0.68); }
.public-site .home-universe p, .public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgba(255, 255, 255, 0.72); }
.public-site .home-universe .home-universe-symbol { z-index: 3; object-fit: contain; opacity: 0.13; filter: none; pointer-events: none; width: clamp(54px, 5vw, 82px); height: auto; position: absolute; inset: auto 22px 20px auto; transform: none; }
@media (max-width: 620px) {.public-site .home-universe a > div { width: 82%; }}
.public-site .home-universes-heading > div .eyebrow { color: rgb(120, 168, 250); margin: 0px 0px 14px; }
@media (max-width: 900px) {.public-site .home-universes-heading { grid-template-columns: 1fr; gap: 24px; }
.public-site .home-universes-heading > p { max-width: 600px; }}
.public-site .home-universes { color: rgb(255, 255, 255); background: rgb(3, 11, 24); padding: 126px max(4vw, -720px + 50vw); }
.public-site .home-universes-inner { width: min(1320px, 100%); margin: 0px auto; }
.public-site .home-universes-heading { grid-template-columns: 1fr 0.8fr; align-items: end; gap: 7vw; margin-bottom: 58px; display: grid; }
.public-site .home-universes-heading .eyebrow { color: rgb(120, 168, 250); grid-column: 1 / -1; margin: 0px 0px -12px; }
.public-site .home-universes-heading h2 { letter-spacing: -0.065em; max-width: 720px; margin: 0px; font-size: clamp(3rem, 4.7vw, 5.5rem); line-height: 0.92; }
.public-site .home-universes-heading > p:last-child { color: rgba(255, 255, 255, 0.58); max-width: 470px; margin: 0px; line-height: 1.7; }
.public-site .home-universe-grid { grid-template-rows: 410px 300px; grid-template-columns: repeat(3, 1fr); gap: 16px; display: grid; }
.public-site .home-universe { min-width: 0px; min-height: 0px; }
.public-site .home-universe-1 { grid-column: 1 / -1; }
.public-site .home-universe-4 { grid-column: auto; }
.public-site .home-universe a { background: linear-gradient(145deg, rgb(16, 43, 88), rgb(32, 71, 142)); border-radius: 28px; height: 100%; padding: 32px; display: block; position: relative; overflow: hidden; }
.public-site .home-universe-2 a { background: linear-gradient(145deg, rgb(23, 51, 77), rgb(39, 95, 137)); }
.public-site .home-universe-3 a { color: var(--a5-ink); background: linear-gradient(145deg, rgb(231, 236, 243), rgb(248, 250, 252)); }
.public-site .home-universe-4 a { color: var(--a5-ink); background: linear-gradient(145deg, rgb(223, 233, 248), rgb(238, 243, 250)); }
.public-site .home-universe img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 26px 25px); width: 58%; height: 90%; transition: transform .28s var(--a5-ease),filter .28s var(--a5-ease); position: absolute; bottom: -5%; right: -1%; }
.public-site .home-universe a:hover img { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 34px 29px); transform: translateY(-7px) scale(1.018); }
.public-site .home-universe a > div { z-index: 3; width: 45%; position: relative; }
.public-site .home-universe small { color: rgba(255, 255, 255, 0.56); letter-spacing: 0.11em; text-transform: uppercase; font-size: 0.6rem; font-weight: 850; }
.public-site .home-universe-3 small, .public-site .home-universe-4 small { color: rgb(101, 121, 145); }
.public-site .home-universe h3 { letter-spacing: -0.06em; margin: 42px 0px 13px; font-size: clamp(2rem, 3.2vw, 4rem); line-height: 0.95; }
.public-site .home-universe-1 h3 { font-size: clamp(2.8rem, 3.6vw, 4.2rem); }
.public-site .home-universe-2 h3, .public-site .home-universe-3 h3, .public-site .home-universe-4 h3 { font-size: clamp(1.8rem, 2.25vw, 2.7rem); }
.public-site .home-universe p { color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.6; }
.public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgb(102, 119, 141); }
.public-site .home-universe strong { align-items: center; gap: 7px; margin-top: 25px; font-size: 0.72rem; display: flex; }
.public-site .home-universe i { z-index: 0; color: rgba(255, 255, 255, 0.05); letter-spacing: -0.14em; font-size: 12rem; font-style: normal; font-weight: 900; position: absolute; bottom: -14%; right: -3%; }
.public-site .home-universe-3 i, .public-site .home-universe-4 i { color: rgba(32, 71, 142, 0.05); }
@media (max-width: 940px) {.public-site .home-intro-heading, .public-site .home-universes-heading { grid-template-columns: 1fr; }
.public-site .home-intro-heading .eyebrow, .public-site .home-universes-heading .eyebrow { grid-column: auto; margin-bottom: 0px; }
.public-site .home-universe-grid { grid-template-rows: repeat(2, 390px); grid-template-columns: 1fr 1fr; }
.public-site .home-universe-1, .public-site .home-universe-4 { grid-column: auto; }
.public-site .home-universe a > div { width: 62%; }}
@media (max-width: 560px) {.public-site .home-intro-heading h2, .public-site .home-universes-heading h2, .public-site .home-featured-heading h2 { font-size: 3.25rem; }
.public-site .home-universes { padding: 82px 14px; }
.public-site .home-universe-grid { grid-template-rows: repeat(4, 390px); grid-template-columns: 1fr; }
.public-site .home-universe a { border-radius: 22px; padding: 26px; }
.public-site .home-universe a > div { width: 76%; }
.public-site .home-universe img { width: 72%; height: 64%; }
.public-site .home-universe h3 { margin-top: 32px; font-size: 2.4rem; }
.public-site .home-universe p { display: none; }}
@media (prefers-reduced-motion: reduce) {.public-site .home-cinema-product img, .public-site .home-cinema-tabs button, .public-site .home-cinema-tabs button::before, .public-site .home-intro-products img, .public-site .home-universe img, .public-site .home-featured-item img, .public-site .home-category-links a, .public-site .nav-category-menu, .public-site .nav-category-menu li a { transition: none !important; }}
.public-site .home-universes-heading { grid-template-columns: minmax(0px, 1.15fr) minmax(300px, 0.85fr); }
.public-site .home-universes-heading > div .eyebrow { color: rgb(120, 168, 250); grid-column: auto; margin: 0px 0px 14px; }
.public-site .home-universes-heading > div h2 { letter-spacing: -0.065em; max-width: 720px; margin: 0px; font-size: clamp(3rem, 4.7vw, 5.5rem); line-height: 0.92; }
.public-site .home-universes-heading > p { color: rgba(255, 255, 255, 0.62); align-self: end; max-width: 470px; margin: 0px 0px 5px; line-height: 1.7; }
.public-site .home-universe-1 a, .public-site .home-universe-2 a, .public-site .home-universe-3 a, .public-site .home-universe-4 a { color: rgb(255, 255, 255); background: rgb(10, 25, 48); }
.public-site .home-universe a > img:not(.home-universe-symbol) { z-index: 1; object-fit: cover; filter: none; width: 100%; height: 100%; position: absolute; inset: 0px; transform: scale(1); }
.public-site .home-universe-1 a > img:not(.home-universe-symbol) { object-position: center 52%; }
.public-site .home-universe-2 a > img:not(.home-universe-symbol) { object-position: center 55%; }
.public-site .home-universe-3 a > img:not(.home-universe-symbol) { object-position: center 48%; }
.public-site .home-universe-4 a > img:not(.home-universe-symbol) { object-position: center 52%; }
.public-site .home-universe a:hover > img:not(.home-universe-symbol) { filter: saturate(1.05); transform: scale(1.035); }
.public-site .home-universe-1 small, .public-site .home-universe-2 small, .public-site .home-universe-3 small, .public-site .home-universe-4 small, .public-site .home-universe-1 p, .public-site .home-universe-2 p, .public-site .home-universe-3 p, .public-site .home-universe-4 p { color: rgba(255, 255, 255, 0.72); }
.public-site .home-universe .home-universe-symbol { z-index: 3; object-fit: contain; opacity: 0.13; filter: none; pointer-events: none; width: clamp(54px, 5vw, 82px); height: auto; position: absolute; inset: auto 22px 20px auto; transform: none; }
.public-site .home-universe a:hover .home-universe-symbol { filter: none; transform: none; }
@media (max-width: 900px) {.public-site .home-universes-heading { grid-template-columns: 1fr; gap: 24px; }
.public-site .home-universes-heading > p { max-width: 600px; }}
@media (max-width: 560px) {.public-site .home-universe a > img:not(.home-universe-symbol) { width: 100%; height: 100%; }}

/* Ajustes pontuais sobre o layout original da A5. */
@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}

@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: block;
}

html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#10243c;font-family:Poppins}*{box-sizing:border-box}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5189c1;outline-offset:5px}.loading{padding:80px 24px;text-align:center}.skip-link{position:fixed;left:16px;top:-100px;z-index:10000;background:white;color:#09213d;padding:12px 20px}.skip-link:focus{top:12px}
.public-site .eyebrow{display:none!important}
.public-site .hero-kicker,.public-site .home-campaign-kicker,.public-site .home-campaign-copy>p:first-child{letter-spacing:.02em!important;text-transform:none!important;font-weight:500!important}
.public-site h1,.public-site h2,.public-site h3{letter-spacing:-.035em!important;text-wrap:balance}
.public-site .home-campaign-copy h1{font-size:clamp(40px,5.6vw,80px)!important;line-height:1.06!important;max-width:13ch}
.public-site .section h2,.public-site .home-universes-heading>div h2{font-size:clamp(30px,3.6vw,52px)!important;line-height:1.12!important}
.public-site .home-universes-heading{align-items:end!important}
.public-site .home-universe small{font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.public-site .home-universe a,.public-site .catalog-group-grid>a{border-radius:10px!important}
.public-site .product-card{transition:transform .2s ease,box-shadow .2s ease}
.public-site .product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #09213d0d}
.public-site .product-card-copy small{font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.public-site .product-gallery-stage>img:not(.product-gallery-symbol),.public-site .product-image>img,.public-site .a5-category-photo img{filter:none!important;mix-blend-mode:multiply!important}
@media(max-width:700px){.public-site .home-campaign-copy h1{font-size:clamp(38px,7.2vw,54px)!important}.public-site .home-campaign-copy{padding-inline:24px!important}.public-site .section h2{font-size:32px!important}.public-site .home-universes-heading>div h2{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.public-site .home-campaign-copy>p:first-child,.public-site .home-spotlight-copy>small,.public-site .hero-kicker{display:none!important}

.public-site .product-detail-v3 .product-detail-copy h1{font-size:clamp(32px,3.4vw,48px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.public-site .product-detail-v3 .product-feature-strip,.public-site .product-detail-v3 .product-benefits{display:none!important}
@media(max-width:600px){.public-site .product-detail-v3 .product-detail-copy h1{font-size:32px!important}.public-site .product-gallery-stage{min-height:330px!important}.public-site .product-detail-v3 .product-detail-hero{gap:32px!important}}

.public-site .original-product-summary {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 48px;
  color: #132a43;
}
.public-site .original-product-summary h2{font-size:clamp(34px,3.2vw,40px)!important;align-self:start}.public-site .original-product-summary>div{font-size:16px;line-height:1.85;max-width:780px}.public-site .original-product-summary p+p{margin-top:18px}@media(max-width:700px){.public-site .original-product-summary{grid-template-columns:1fr;gap:24px}}

.public-site .product-video {
  display: grid;
  justify-items: start;
  gap: 16px;
  padding-block: 0 clamp(48px, 7vw, 96px);
}

.public-site .product-video h2,
.public-site .product-video p {
  margin: 0;
}

.public-site .product-video iframe {
  width: min(100%, 400px);
  aspect-ratio: 9 / 16;
  border: 0;
  border-radius: 16px;
}

@media (max-width: 720px) {
  .public-site .home-campaign-media img[src*="/hero/esmaltados-a5"],
  .public-site .home-campaign-media img[src*="/hero/air-fryer-ravena"] {
    object-position: 69% center;
  }
}

/* Movimento e acabamento da interface. */
@media (prefers-reduced-motion: no-preference) {
  .public-site .is-motion-pending:not(:focus-within) {
    opacity: 0;
  }
}

.public-site .home-spotlight-label{display:none!important}
.public-site .google-review-card{position:relative}
.public-site .site-header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
.public-site .site-header.is-scrolled{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 30px #071a380c;backdrop-filter:blur(14px)}
.public-site .home-campaign-media img,.public-site .home-spotlight-media img{transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 7s linear!important;transform:scale(1.045)}
.public-site .home-campaign-media img.active,.public-site .home-spotlight-media img.active{transform:scale(1)}
.public-site .button,.public-site .home-campaign-arrows button,.public-site .home-spotlight-controls button{transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease!important}
.public-site .button svg,.public-site .home-story-copy>a svg,.public-site .product-card-copy>span{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.public-site .home-universe a>img:not(.home-universe-symbol),.public-site .a5-category-photo img,.public-site .product-image>img{transition:transform .8s cubic-bezier(.22,1,.36,1)!important}
.public-site .product-gallery-thumbs button{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}

.public-site .product-gallery-arrow {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #20478e30;
  border-radius: 50%;
  background: #fffffff2;
  color: var(--a5-ink);
  box-shadow: 0 5px 20px #071a3826;
  cursor: pointer;
  translate: 0 -50%;
}

.public-site .product-gallery-arrow:hover {
  background: #e9f1ff;
}

.public-site .product-gallery-arrow[data-gallery-step="-1"] {
  left: clamp(8px, 1.6vw, 20px);
}

.public-site .product-gallery-arrow[data-gallery-step="-1"] svg {
  rotate: 180deg;
}

.public-site .product-gallery-arrow[data-gallery-step="1"] {
  right: clamp(8px, 1.6vw, 20px);
}

.public-site .product-gallery-stage > small,
.public-site .product-gallery-stage > .product-gallery-line {
  padding: 5px 10px;
  border-radius: 999px;
  background: #fffffff2;
  color: var(--a5-ink);
}

.public-site :is(.product-image, .a5-category-photo, .related-grid > a > div) img[src*="ambient" i],
.public-site :is(.category-visual-grid, .group-line-grid) img[src*="ambient" i],
.public-site :is(.product-gallery-stage, .product-gallery-thumbs) img[src*="ambient" i] {
  object-fit: cover !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  padding: 0 !important;
}

.public-site .category-visual-grid img[src*="ambient" i] {
  border-radius: 14px;
}

.public-site .group-line-grid img[src*="ambient" i] {
  border-radius: 10px;
}

.public-site :is(.product-image, .a5-category-photo, .related-grid > a > div) img[src*="ambient" i] {
  width: 100%;
  height: 100%;
}

.public-site .catalog-product-grid .product-image:has(> img[src*="ambient" i]) {
  aspect-ratio: 1;
  height: auto;
}

.public-site .catalog-product-grid .product-image > img[src*="ambient" i] {
  position: absolute;
  inset: 0;
}

.public-site .catalog-product-grid .product-card:hover .product-image > img[src*="ambient" i] {
  transform: none;
}

.public-site .product-gallery-stage > img[src*="ambient" i] {
  position: absolute;
  inset: 0;
  max-height: none;
}

.public-site .product-gallery:has(img[src*="/thermo-plus/"]) .product-gallery-stage {
  aspect-ratio: 1;
  min-height: 0 !important;
}

/* Cenário para fotos oficiais sem ambientação própria. */
.public-site :is(.product-gallery-stage:has(> img[data-scene]), .product-gallery-thumbs button:has(img[data-scene]),
  .product-image:has(> img:not([src*="ambient" i])), .a5-category-photo:has(> img:not([src*="ambient" i])),
  .related-products-v3 .related-grid > a > div:has(> img:not([src*="ambient" i]))) {
  background:
    radial-gradient(ellipse at 28% 24%, #fff8 0%, transparent 57%),
    linear-gradient(to bottom, #e3e9ec 0 66%, #bec8ce 66.4%, #edf0f1 67.4%, #c7d1d6 100%);
}

.public-site .product-gallery-stage:has(> img[data-scene])::after,
.public-site .product-gallery-stage:has(> img[data-scene]) > .product-gallery-symbol {
  display: none;
}

.public-site .group-line-grid img:not([src*="ambient" i]) {
  background: linear-gradient(to bottom, #e9eef0 0 66%, #ced7db 66.4%, #e5eaed 67.4%) !important;
}
.public-site input,.public-site textarea,.public-site select{transition:border-color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
 .public-site .button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #071a381c}
 .public-site .button:hover svg,.public-site .home-story-copy>a:hover svg{transform:translateX(4px)}
 .public-site .product-card:hover .product-image>img{transform:scale(1.045)}
 .public-site .product-card:hover .product-card-copy>span{transform:translateX(4px)}
 .public-site .product-gallery-thumbs button:hover{transform:translateY(-3px)}
 .public-site .home-campaign-arrows button:hover,.public-site .home-spotlight-controls button:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 .public-site .home-campaign-media img,.public-site .home-spotlight-media img{transition:none!important;transform:none!important}
 .public-site *{animation:none!important;transition:none!important}
}

/* Escala dos títulos dos cards, independente dos títulos de seção. */
.public-site .catalog-group-grid .a5-category-copy h2{font-size:18px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.02em!important;margin:6px 0 12px!important;text-wrap:pretty}
.public-site .catalog-product-grid .product-card-copy h2{font-size:18px!important;line-height:1.45!important;font-weight:600!important;letter-spacing:-.015em!important;margin:0 0 16px!important;text-wrap:pretty}
.public-site .catalog-group-grid .a5-category-copy{padding:20px!important}
.public-site .catalog-group-grid .a5-category-copy>small{display:none}
.public-site .category-filter-bar{position:relative;display:flex;align-items:center;gap:12px;min-width:0;margin:20px 0 24px;padding:4px 8px;background:#edf1f6;border:1px solid #e0e6ee;border-radius:18px}
.public-site .category-filter-bar .subcategory-scroller{position:relative;flex:1;min-width:0;gap:8px;padding:2px 3px;align-items:center;overscroll-behavior-x:contain;scrollbar-width:none}
.public-site .category-filter-bar.can-scroll-right .subcategory-scroller{mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 24px),transparent)}
.public-site .category-filter-bar.can-scroll-left .subcategory-scroller{mask-image:linear-gradient(to right,transparent,#000 24px,#000 100%)}
.public-site .category-filter-bar.can-scroll-left.can-scroll-right .subcategory-scroller{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.public-site .category-filter-bar .subcategory-scroller button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px;padding:6px 17px;border:1px solid #d9e1eb;border-radius:11px;background:#fff;color:#53647a;font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.public-site .category-filter-bar .subcategory-scroller button:hover{background:#f8faff;color:#17365c;border-color:#9eafc4}
.public-site .category-filter-bar .subcategory-scroller button.active{background:#153b65;color:#fff;border-color:#153b65;box-shadow:0 3px 8px #153b6520}
.public-site .category-filter-bar .subcategory-scroller button.active::before{content:'✓';font-size:12px;color:#bddefd}
.public-site .category-filter-bar .category-scroll-arrow{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d5dee9;border-radius:50%;background:#fff;color:#173a61;cursor:pointer;box-shadow:0 2px 5px #0b223b08;transition:background .2s ease,opacity .2s ease,transform .2s ease}
.public-site .category-filter-bar .category-scroll-arrow:hover:not(:disabled){background:#153b65;color:#fff;transform:scale(1.05)}
.public-site .category-filter-bar .category-scroll-arrow:disabled{opacity:.32;cursor:default;box-shadow:none}
.public-site .category-filter-bar .category-scroll-arrow[hidden]{display:none}
@media(max-width:600px){
 .public-site .catalog-group-grid .a5-category-copy h2,.public-site .catalog-product-grid .product-card-copy h2{font-size:16px!important;line-height:1.4!important}
 .public-site .catalog-group-grid .a5-category-copy{padding:14px!important}
 .public-site .category-filter-bar{gap:6px;padding:3px 6px;border-radius:14px}
 .public-site .category-filter-bar .category-scroll-arrow{width:32px;height:32px;flex-basis:32px}
 .public-site .category-filter-bar .subcategory-scroller button{font-size:12px;min-height:36px;padding:6px 13px;border-radius:9px}
}

/* Cards: títulos legíveis e ação sempre dentro da área útil. */
.public-site .home-universe-grid .home-universe>a{display:flex!important;align-items:stretch!important;min-height:360px;padding:26px!important}
.public-site .home-universe-grid .home-universe>a>div{width:100%!important;max-width:350px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.public-site .home-universe-grid .home-universe h3{font-size:24px!important;font-weight:500!important;line-height:1.22!important;letter-spacing:-.02em!important;margin:20px 0 12px!important;max-width:20ch;overflow-wrap:normal;text-wrap:pretty}
.public-site .home-universe-grid .home-universe p{font-size:13px;line-height:1.65!important;margin:0 0 16px;max-width:36ch}
.public-site .home-universe-grid .home-universe strong{flex:none;margin-top:auto!important;padding-top:14px;line-height:1.5;font-size:12px!important}
.public-site .home-universe-grid .home-universe small{font-size:10px!important;line-height:1.5}
.public-site .home-category-index .category-visual-grid a,
.public-site .catalog-overview .catalog-group-grid > a,
.public-site .product-card,
.public-site .related-grid > a {
  border: 1px solid color-mix(in srgb, var(--a5-blue) 70%, transparent);
}

.public-site .home-category-index .category-visual-grid a,
.public-site .catalog-overview .catalog-group-grid > a,
.public-site .product-card,
.public-site .related-grid > a {
  border-radius: 24px !important;
}

.public-site .related-products-v3 .related-grid > a {
  overflow: hidden;
  padding-bottom: 22px;
}

.public-site .related-products-v3 .related-grid > a > div {
  position: relative;
  overflow: hidden;
}

.public-site .related-products-v3 .related-grid > a > div > img[src*="ambient" i] {
  position: absolute;
  inset: 0;
}

.public-site .related-products-v3 .related-grid > a > :is(small, h3, span) {
  padding-inline: 22px;
}

.public-site .related-products-v3 .related-grid > a > small {
  margin-top: 22px;
}
.public-site .category-visual-grid a>strong,.public-site .home-category-index-grid>a>strong{font-size:18px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.015em!important;white-space:normal!important}
.public-site .group-line-grid h3,.public-site .related-grid h3,.public-site .related-grid h2,.public-site .product-card .product-card-copy h2{font-size:18px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.015em!important;text-wrap:pretty}

.public-site .group-lines {
  padding-bottom: clamp(16px, 2.5vw, 32px);
}

.public-site .group-line-grid a {
  --collection-photo-size: clamp(112px, 10vw, 144px);
  grid-template-columns: 18px var(--collection-photo-size) minmax(0, 1fr) 18px;
  gap: 10px;
  padding: 12px;
}

.public-site .group-line-grid img {
  width: var(--collection-photo-size);
  height: var(--collection-photo-size);
}

@media (max-width: 420px) {
  .public-site .group-line-grid a {
    grid-template-columns: var(--collection-photo-size) minmax(0, 1fr) 18px;
    gap: 8px;
    padding: 10px;
  }

  .public-site .group-line-grid a > span {
    display: none;
  }
}

@media (max-width: 360px) {
  .public-site .group-line-grid a {
    grid-template-columns: var(--collection-photo-size) minmax(0, 1fr);
  }

  .public-site .group-line-grid a > svg {
    display: none;
  }
}

.public-site .group-lines + .catalog-browser {
  padding-top: clamp(16px, 2.5vw, 32px);
}

.public-site .catalog-browser-head {
  margin-bottom: 20px;
}

.public-site .catalog-browser .explorer-toolbar {
  padding-top: 0;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.public-site .catalog-browser .category-filter-bar {
  margin: 0;
}

.public-site .catalog-browser .catalog-search {
  height: auto;
  min-height: 48px;
}

/* Títulos sobre imagens: Poppins leve com o itálico azul já usado na história. */
.public-site .home-campaign-copy h1.editorial-title{font-size:clamp(36px,4.5vw,64px)!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.035em!important;max-width:17ch!important}
.public-site .editorial-title>span{display:block;font-weight:400}
.public-site .editorial-title>em{display:block;color:#9dc6ff!important;font-family:"Times New Roman",Poppins!important;font-style:italic;font-weight:400!important;letter-spacing:-.035em;line-height:1.12}
.public-site .home-campaign-copy h1.editorial-title em{margin-top:4px}
.public-site .home-story-copy h2{font-weight:400!important}

/* Segundo carrossel: conteúdo centralizado, controles separados no rodapé. */
.public-site .home-spotlight{display:grid;place-items:center;min-height:620px!important;padding:96px 24px 140px!important}
.public-site .home-spotlight .home-spotlight-copy{position:relative!important;inset:auto!important;width:min(640px,100%)!important;margin:auto!important;text-align:center;animation:none!important}
.public-site .home-spotlight .home-spotlight-copy h2{font-size:clamp(34px,4vw,54px)!important;line-height:1.15!important;font-weight:400!important;letter-spacing:-.03em!important;margin:0 0 20px!important}
.public-site .home-spotlight .home-spotlight-copy p{max-width:430px;margin:0 auto!important;color:#f0f4fa!important;font-size:15px;line-height:1.75}
.public-site .home-spotlight .home-spotlight-copy a{justify-content:center;margin-top:26px!important;padding:12px 20px;border:1px solid #ffffff65;border-radius:999px;background:#071a3840;backdrop-filter:blur(5px);font-size:13px;font-weight:500;transition:background .25s ease,border-color .25s ease}
.public-site .home-spotlight .home-spotlight-copy a:hover{background:#ffffff20;border-color:#ffffffb3}
.public-site .home-spotlight-shade{background:linear-gradient(90deg,#030b1880,#030b1880),linear-gradient(0deg,#030b18b3,transparent 45%)!important}
.public-site .home-spotlight-controls{left:0!important;right:0!important;bottom:32px!important;justify-content:center!important;flex-wrap:wrap;max-width:calc(100% - 32px);margin:auto}
@media(max-width:700px){
 .public-site .home-universe-grid .home-universe>a{padding:22px!important;min-height:360px}
 .public-site .home-universe-grid .home-universe h3{font-size:22px!important}
 .public-site .home-campaign-copy h1.editorial-title{font-size:clamp(34px,6.5vw,46px)!important;max-width:17ch!important}
 .public-site .home-spotlight{min-height:580px!important;padding:72px 24px 120px!important}
 .public-site .home-spotlight .home-spotlight-copy h2{font-size:38px!important}
 .public-site .category-visual-grid a>strong,.public-site .home-category-index-grid>a>strong,.public-site .group-line-grid h3,.public-site .related-grid h3,.public-site .related-grid h2,.public-site .product-card .product-card-copy h2{font-size:16px!important}
}
@media(max-width:400px){.public-site .home-spotlight .home-spotlight-copy h2{font-size:34px!important}}
.public-site .home-spotlight{padding:100px 24px!important}
@media(max-width:700px){.public-site .home-spotlight{padding:100px 24px!important}}

/* Abas e setas da hero compartilham a mesma linha em todas as telas. */
.public-site .home-campaign-footer{display:grid!important;align-items:center!important}
.public-site .home-campaign-arrows{position:static!important;align-items:center;align-self:center}
.public-site .home-campaign-tabs button{align-content:center;min-height:44px;padding:8px 4px}
.public-site .home-campaign-tabs button.active{transform:none}
.public-site .home-campaign-scroll{align-self:center}
@media(max-width:700px){
 .public-site .home-campaign-footer{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 .public-site .home-campaign-arrows{gap:6px}
 .public-site .home-campaign-arrows button{width:34px;height:34px}
 .public-site .home-campaign-tabs button{min-height:40px;padding:8px 0}
 .public-site .home-campaign-tabs strong{font-size:8px}
}

/* Header integrado ao banner, com superfície sólida durante a rolagem. */
.public-site.is-home .site-header-v3{position:fixed;inset:0 0 auto;width:100%}
.public-site.is-home .site-header-v3:not(.is-scrolled){background:transparent!important;backdrop-filter:none;border-color:transparent;box-shadow:none}
.public-site.is-home .site-header-v3:not(.is-scrolled) .site-logo img{filter:brightness(0) invert(1)}
.public-site.is-home .site-header-v3:not(.is-scrolled) .category-nav>a,
.public-site.is-home .site-header-v3:not(.is-scrolled) .nav-category>a{color:#fff;text-shadow:0 1px 12px #071a3866}
.public-site.is-home .site-header-v3:not(.is-scrolled) .mobile-menu-button{color:#fff;background:#ffffff18;border:1px solid #ffffff40}
.public-site.is-home .home-campaign{min-height:100svh}
.public-site.is-home .home-campaign::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#04112699,transparent);z-index:1;pointer-events:none}
@media(max-width:1100px){.public-site.is-home .home-campaign{min-height:max(820px,100svh)}.public-site.is-home .home-campaign-copy{top:130px}}
@media (max-width: 900px) {
  .public-site.is-home .home-campaign-copy {
    top: 50%;
    translate: 0 -50%;
  }
}
@media(max-width:700px){.public-site.is-home .home-campaign{min-height:max(760px,100svh)}}

.public-site .home-light-sections {
  position: relative;
  isolation: isolate;
}

.public-site .home-light-sections > .home-category-index {
  padding-bottom: clamp(20px, 3vw, 40px);
}

.public-site .home-light-sections > .home-category-index + .home-story {
  padding-top: clamp(20px, 3vw, 40px);
}

@media (max-width: 700px) {
  .public-site .home-category-index .category-visual-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .public-site .home-category-index .category-visual-grid a {
    min-height: 0;
  }

  .public-site .home-category-index .category-visual-grid img {
    height: auto;
    object-fit: contain !important;
  }
}

.public-site .home-story-metrics > span {
  background-color: #e5edf9;
}

.public-site .home-light-sections::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(to right, #20478e20 1px, transparent 1px),
    linear-gradient(to bottom, #20478e20 1px, transparent 1px);
  background-size: clamp(48px, 6vw, 80px) clamp(48px, 6vw, 80px);
  background-position: center top;
  mask-image:
    radial-gradient(ellipse 44% 15% at 100% 3%, #000c, transparent),
    radial-gradient(ellipse 40% 17% at 0% 31%, #000d, transparent),
    radial-gradient(ellipse 42% 17% at 100% 62%, #000c, transparent),
    radial-gradient(ellipse 48% 15% at 0% 98%, #000d, transparent),
    linear-gradient(to right, #000a, #0001 24%, #0001 76%, #000a),
    linear-gradient(to bottom, #0006, transparent 8%, transparent 92%, #0006);
}

.public-site .instagram-section {
  padding-block: clamp(32px, 5vw, 68px) clamp(56px, 7vw, 96px);
  scroll-margin-top: 88px;
}

.public-site .instagram-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px 28px;
  margin-bottom: 28px;
}

.public-site .instagram-heading h2 {
  margin: 0;
}

.public-site .social-brand-icon {
  height: auto;
  flex-shrink: 0;
}

.public-site .instagram-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 26px);
}

.public-site .instagram-card {
  display: block;
  overflow: hidden;
  color: var(--a5-blue);
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--a5-blue) 70%, transparent);
  border-radius: 24px;
  text-decoration: none;
  transition: box-shadow .25s ease, transform .25s ease;
}

.public-site .instagram-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: #f0f4fb;
}

.public-site .instagram-card-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 12px;
  padding: 14px 18px;
  font-size: .875rem;
}

.public-site .instagram-caption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  line-height: 1.45;
  min-height: 2lh;
}

.public-site .instagram-card-copy time {
  grid-area: 2 / 1;
  font-size: .75rem;
}

.public-site .instagram-card-copy [aria-hidden] {
  grid-area: 1 / 2 / span 2;
  font-size: 1.25rem;
}

@media (hover: hover) {
  .public-site .instagram-card:hover {
    box-shadow: 0 12px 24px #12234b1a;
    transform: translateY(-3px);
  }
}

@media (max-width: 640px) {
  .public-site .instagram-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Cabeçalho, seções e rodapé usam as mesmas margens laterais. */
.public-site {
  --a5-page-max: 1320px;
  --a5-page-gutter: clamp(20px, 3vw, 40px);
  --a5-page-inset: max(var(--a5-page-gutter), (100% - var(--a5-page-max)) / 2);
}

.public-site .site-header-v3 .header-inner,
.public-site .section:not(.catalog-browser),
.public-site .product-breadcrumb {
  width: min(var(--a5-page-max), 100% - 2 * var(--a5-page-gutter));
  margin-inline: auto;
}

.public-site .site-header-v3 .nav-category {
  position: static;
}

.public-site .site-header-v3 .nav-category-menu {
  top: 100%;
  width: min(800px, 100% - 2 * var(--a5-page-gutter));
  grid-template-columns: 200px minmax(0, 1fr);
  border-radius: 18px;
}

.public-site .nav-category-menu > div {
  border-radius: 14px;
}

.public-site .category-nav > a,
.public-site .nav-category > a,
.public-site .mobile-menu a {
  font-weight: 500;
}

.public-site .site-header-v3 {
  --a5-nav-highlight: #20478e10;
  --a5-nav-focus: var(--a5-blue);
}

.public-site.is-home .site-header-v3:not(.is-scrolled) {
  --a5-nav-highlight: #ffffff26;
  --a5-nav-focus: #fff;
}

.public-site .site-header-v3 .category-nav {
  gap: 6px;
}

.public-site .site-header-v3 :is(.category-nav > a, .nav-category > a) {
  height: 42px;
  margin-block: auto;
  padding-inline: 12px;
  border-radius: 10px;
  transition: background-color .18s ease;
}

.public-site .site-header-v3 :is(.category-nav > a, .nav-category > a)::after {
  content: none;
}

.public-site .site-header-v3 :is(.category-nav > a, .nav-category > a):is(.active, :hover, :focus-visible),
.public-site .site-header-v3 .nav-category:hover > a {
  background-color: var(--a5-nav-highlight);
}

.public-site .site-header-v3 :is(.category-nav > a, .nav-category > a, .header-cta, .mobile-menu-button):focus-visible {
  outline: 2px solid var(--a5-nav-focus);
  outline-offset: 2px;
}

.public-site .nav-category-menu li a {
  padding-inline: 8px;
  border-radius: 8px;
  transition: background-color .18s ease, color .18s ease;
}

.public-site .nav-category-menu li a:is(:hover, :focus-visible),
.public-site .mobile-menu a:not(.mobile-menu-cta):is(:hover, :focus-visible, .active) {
  background-color: #20478e10;
  color: var(--a5-blue);
  transform: none;
}

.public-site :is(.nav-category-menu li a, .mobile-menu a):focus-visible {
  outline: 2px solid var(--a5-blue);
  outline-offset: -2px;
}

.public-site .mobile-menu .mobile-menu-cta:focus-visible {
  outline-color: #fff;
}

.public-site .mobile-menu a:not(.mobile-menu-cta) {
  border-radius: 8px;
}

.public-site button,
.public-site .button,
.public-site .site-header-v3 .header-cta,
.public-site .mobile-menu .mobile-menu-cta,
.public-site .form-submit-row button,
.public-site .category-filter-bar .subcategory-scroller button,
.public-site .home-spotlight .home-spotlight-copy a,
.public-site .home-cinema-secondary,
.public-site .home-campaign-scroll,
.public-site .about-cta > a,
.public-site .primary-footer-links > .primary-footer-more {
  font-weight: 600;
}

.public-site .home-campaign-tabs button strong {
  font-weight: inherit;
}

.public-site .inner-hero,
.public-site .catalog-browser,
.public-site .home-universes,
.public-site .distributor-section,
.public-site .product-specifications,
.public-site .about-cta,
.public-site .site-footer {
  padding-inline: var(--a5-page-inset);
}

.public-site .catalog-browser {
  width: 100%;
}

.public-site .about-cta {
  margin-bottom: 0;
}

.public-site .about-hero,
.public-site .contact-hero,
.public-site .products-hero {
  min-height: 0;
  padding-block: clamp(48px, 6vw, 96px);
}

.public-site .about-hero h1,
.public-site .contact-hero h1,
.public-site .products-hero h1 {
  font-size: clamp(2.125rem, 5.4vw, 4.5rem);
  line-height: 1.08;
}

.public-site .site-header-v3 .header-cta,
.public-site .about-cta > a {
  border-radius: 999px;
}

.public-site .about-cta > a {
  padding-inline: 18px;
  text-align: center;
}

.public-site .contact-cards a {
  border-radius: 12px;
}

.public-site .home-spotlight-controls > div button {
  border-radius: 999px;
}

.public-site .category-hero-refined {
  padding-inline: var(--a5-page-inset) !important;
}

.public-site .site-footer .footer-top,
.public-site .site-footer .footer-bottom,
.public-site .distributor-shell {
  width: 100%;
}

.public-site .distributor-section {
  padding-block: clamp(44px, 6vw, 88px);
  scroll-margin-top: 80px;
}

.public-site .distributor-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
}

.public-site .distributor-intro h2 {
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.public-site .distributor-intro > p:not(.eyebrow) {
  max-width: 48ch;
  margin-block: 16px 0;
}

.public-site .distributor-intro :is(.distributor-benefits, ul) {
  margin-top: 20px;
  gap: 8px 18px;
}

@media (min-width: 560px) {
  .public-site .distributor-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.public-site .distributor-form-card {
  border-radius: 24px;
  padding: clamp(20px, 3vw, 36px);
}

.public-site .distributor-form .form-submit-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-top: 20px;
}

.public-site .distributor-form .form-submit-row p {
  flex: 1 1 170px;
  margin: 0;
}

.public-site .interest-form-status {
  margin: 0;
  color: var(--a5-ink);
  font-size: .85rem;
}

.public-site .interest-form-status:not(:empty) {
  margin-top: 12px;
}

@media (max-width: 850px) {
  .public-site .distributor-shell {
    grid-template-columns: minmax(0, 1fr);
  }
}

.public-site .site-footer .footer-top strong {
  text-transform: none;
  letter-spacing: normal;
}

.public-site .site-footer .footer-top > div:not(.footer-brand) a {
  font-size: 13px;
  line-height: 1.5;
}

.public-site .site-footer .footer-brand img {
  box-sizing: content-box;
  padding-bottom: 10px;
}

.public-site .footer-bottom {
  flex-wrap: wrap;
  gap: 12px 24px;
}

.public-site .footer-bottom a:hover,
.public-site .privacy-content a:hover {
  text-decoration-thickness: 2px;
}

.public-site :is(.footer-bottom, .privacy-content) a,
.public-site .form-privacy-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.public-site .form-privacy-link {
  display: inline-block;
  color: var(--a5-blue);
}

.site-loader {
  --loader-blue: #09213d;
  --loader-tail: clamp(112px, 17vh, 164px);
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: grid;
  place-items: center;
  height: 100svh;
  background: var(--loader-blue);
  color: #fff;
  cursor: wait;
  text-align: center;
}

body:has(.site-loader) {
  overflow: hidden;
}

.site-loader-logo {
  display: block;
  width: clamp(110px, 16vw, 200px);
  height: auto;
  filter: brightness(0) invert(1);
  animation: site-loader-logo-in .58s cubic-bezier(.22, 1, .36, 1) .08s both;
}

.site-loader-stripes {
  position: absolute;
  inset: calc(100% - 1px) 0 auto;
  height: var(--loader-tail);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.site-loader-stripes span {
  height: var(--stripe);
  background: var(--loader-blue);
}

.site-loader.is-leaving {
  animation: site-loader-reveal .92s cubic-bezier(.76, 0, .24, 1) both;
}

@keyframes site-loader-logo-in {
  from { opacity: 0; transform: translateY(14px) scale(.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes site-loader-reveal {
  to { transform: translateY(calc(-100% - var(--loader-tail))); }
}

.site-loader:not(.has-error) .site-loader-message {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.site-loader.has-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 24px;
  cursor: auto;
}

.site-loader-message p {
  margin: 0 0 12px;
}

.site-loader-retry {
  color: inherit;
  text-underline-offset: 4px;
}

.site-script-notice {
  margin: 0;
  padding: 32px;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .site-loader-logo,
  .site-loader.is-leaving {
    animation: none;
  }
}

.public-site .utility-page {
  padding-block: clamp(48px, 8vw, 112px);
  background: #f6f8fc;
}

.public-site .utility-page h1 {
  margin: 0;
  color: var(--a5-ink);
  font-size: clamp(32px, 5vw, 62px);
  font-weight: 500;
  line-height: 1.08;
}

.public-site .utility-page p {
  color: #495c76;
  line-height: 1.75;
}

.public-site .utility-page .privacy-content {
  max-width: 780px;
}

.public-site .privacy-content > section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid #dce4ef;
}

.public-site .privacy-content > section h2 {
  margin: 0;
  font-size: clamp(20px, 3vw, 27px) !important;
  font-weight: 600;
}

.public-site .privacy-content a {
  color: var(--a5-blue);
  overflow-wrap: anywhere;
}

.public-site .not-found-page {
  min-height: min(570px, 75svh);
  display: grid;
  align-items: center;
  background: radial-gradient(ellipse at 50% 12%, #e1ebfa, #f6f8fc 64%);
  text-align: center;
}

.public-site .not-found-content .not-found-code {
  margin: 0 0 14px;
  color: #2453a0;
  font: italic clamp(74px, 13vw, 148px) / .88 "Times New Roman";
}

.public-site .not-found-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.public-site .category-hero-refined .category-back-top,
.public-site .about-image-break > div,
.public-site .home-campaign-copy {
  left: var(--a5-page-inset);
}

.public-site .home-campaign-footer {
  inset-inline: var(--a5-page-inset);
}

@media (max-width: 1100px) {
  .public-site .home-campaign-copy {
    width: calc(100% - 2 * var(--a5-page-gutter));
    padding-inline: 0 !important;
  }
}

.a5-product-filter-defs{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.public-site .product-image>img,.public-site .product-gallery-stage>img:not(.product-gallery-symbol),.public-site .product-gallery-thumbs img,.public-site .a5-category-photo img,.public-site .group-hero-image>img,.public-site .related-grid img,.public-site .product-benefit-card article>img:not(.product-benefit-symbol){background:transparent!important;box-shadow:none!important;mix-blend-mode:normal!important;filter:url(#a5-product-white-bg) drop-shadow(0 16px 16px rgba(7,26,56,.12))!important}
.public-site .group-hero-image>img{border-radius:0!important}

.public-site .primary-footer-categories{grid-column:auto!important;order:0!important;border:0!important;padding:0!important;margin:0!important;align-self:start}
.public-site .primary-footer-links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;overflow:visible!important;padding:0!important}
.public-site .primary-footer-links>a{flex:0 0 auto!important;margin:0!important}
.public-site .primary-footer-links>.primary-footer-more{margin-top:8px!important;width:fit-content}

/* Contraste dos blocos com fundo claro */
.public-site .product-quick-specs span>strong,.public-site .product-detail-copy .product-quick-specs strong{color:#0b1730!important}
.public-site .product-quick-specs small{color:#526176!important}
.public-site .distributor-intro li,.public-site .distributor-intro li span{color:#29415f!important}
.public-site .distributor-intro li::before{color:#20478e!important}

:root{display:block;width:100%;overflow:visible!important;font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased} .public-site .reveal{opacity:1;transform:none;filter:none} .a5-empty{text-align:center;padding:60px}