/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "Geist Mono", ui-monospace, monospace;
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-white: oklch(1 0 0);
    --spacing: 0.25rem;
    --breakpoint-md: 900px;
    --container-2xl: 42rem;
    --container-7xl: 80rem;
    --text-sm: 16px;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 18px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 27px;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 32px;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 38px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 42px;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 58px;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-accent-purple: oklch(0.6239 0.210253 283.394);
    --color-accent-aqua: oklch(0.787 0.1238 185.75);
    --color-accent-fuschia: oklch(0.6743 0.1654 322.56);
    --color-blue-applat: oklch(0.6402 0.117 273.75);
    --color-dark-blue: oklch(0.5383 0.1981 282.49);
    --color-black-blue: oklch(0.2569 0.0438 254.66);
    --color-gray: oklch(0.4251 0.0189 257.25);
    --color-frost-gray: oklch(0.7107 0.0351 256.79);
    --color-off-white: oklch(0.9842 0.0034 247.86);
    --color-primary: var(--color-accent-purple);
    --color-dark: var(--color-black-blue);
    --color-foreground: var(--color-gray);
    --color-muted: var(--color-frost-gray);
    --font-primary: "Roboto", system-ui, sans-serif;
    --font-secondary: "Nunito", system-ui, sans-serif;
    --text-display-xl: 80px;
    --text-display-lg: 64px;
    --text-display-md: 48px;
    --text-h3: 30px;
    --text-h5: 20px;
    --text-h3-lg: 42px;
    --text-h4-lg: 28px;
    --text-h5-lg: 22px;
    --text-body-lg: 18px;
    --text-body: 16px;
    --text-body-sm: 14px;
    --text-caption: 12px;
    --color-light-purple: #cdd0fb;
    --color-frost-grey: #94A3B8;
    --color-text-muted: #6b7280;
    --color-border: #d6dce7;
    --font-inter: "Inter", system-ui, sans-serif;
    --color-primary-strong: #6652ff;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-\[-15\.67\%\] {
    inset: -15.67%;
  }
  .inset-\[-46\.42\%_-46\.12\%\] {
    inset: -46.42% -46.12%;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .-top-\[6px\] {
    top: calc(6px * -1);
  }
  .-top-\[80px\] {
    top: calc(80px * -1);
  }
  .-top-\[100px\] {
    top: calc(100px * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-\[-3px\] {
    top: -3px;
  }
  .top-\[-46\.19\%\] {
    top: -46.19%;
  }
  .top-\[-170px\] {
    top: -170px;
  }
  .top-\[-173px\] {
    top: -173px;
  }
  .top-\[-192px\] {
    top: -192px;
  }
  .top-\[5\%\] {
    top: 5%;
  }
  .top-\[33px\] {
    top: 33px;
  }
  .top-\[43px\] {
    top: 43px;
  }
  .top-\[51px\] {
    top: 51px;
  }
  .top-\[104px\] {
    top: 104px;
  }
  .top-\[152px\] {
    top: 152px;
  }
  .top-\[171px\] {
    top: 171px;
  }
  .top-\[350px\] {
    top: 350px;
  }
  .top-\[calc\(var\(--header-h\)\+24px\)\] {
    top: calc(var(--header-h) + 24px);
  }
  .top-full {
    top: 100%;
  }
  .-right-\[200px\] {
    right: calc(200px * -1);
  }
  .right-0 {
    right: 0px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .-left-\[150px\] {
    left: calc(150px * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-\[-43\%\] {
    left: -43%;
  }
  .left-\[-71\.27\%\] {
    left: -71.27%;
  }
  .left-\[-255px\] {
    left: -255px;
  }
  .left-\[-299px\] {
    left: -299px;
  }
  .left-\[3px\] {
    left: 3px;
  }
  .left-\[16px\] {
    left: 16px;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[25px\] {
    left: 25px;
  }
  .left-\[45\%\] {
    left: 45%;
  }
  .left-\[49\%\] {
    left: 49%;
  }
  .left-\[110px\] {
    left: 110px;
  }
  .left-\[181px\] {
    left: 181px;
  }
  .left-\[275px\] {
    left: 275px;
  }
  .left-\[1077px\] {
    left: 1077px;
  }
  .left-\[calc\(75\%-15px\)\] {
    left: calc(75% - 15px);
  }
  .left-auto {
    left: auto;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 900px) {
      max-width: 900px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-\[27px\] {
    margin-bottom: 27px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .ml-\[44px\] {
    margin-left: 44px;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-\[341\/141\] {
    aspect-ratio: 341/141;
  }
  .aspect-\[354\/263\] {
    aspect-ratio: 354/263;
  }
  .aspect-\[413\/200\] {
    aspect-ratio: 413/200;
  }
  .aspect-\[413\/550\] {
    aspect-ratio: 413/550;
  }
  .aspect-\[592\/366\] {
    aspect-ratio: 592/366;
  }
  .aspect-\[600\/203\] {
    aspect-ratio: 600/203;
  }
  .aspect-\[738\/458\] {
    aspect-ratio: 738/458;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-\[10px\] {
    width: 10px;
    height: 10px;
  }
  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[19px\] {
    width: 19px;
    height: 19px;
  }
  .size-\[21px\] {
    width: 21px;
    height: 21px;
  }
  .size-\[23px\] {
    width: 23px;
    height: 23px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[31px\] {
    width: 31px;
    height: 31px;
  }
  .size-\[35px\] {
    width: 35px;
    height: 35px;
  }
  .size-\[41px\] {
    width: 41px;
    height: 41px;
  }
  .size-\[45px\] {
    width: 45px;
    height: 45px;
  }
  .size-\[49px\] {
    width: 49px;
    height: 49px;
  }
  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-\[1\.74cqw\] {
    height: 1.74cqw;
  }
  .h-\[6\.69cqw\] {
    height: 6.69cqw;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[39px\] {
    height: 39px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[41px\] {
    height: 41px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[86px\] {
    height: 86px;
  }
  .h-\[110\%\] {
    height: 110%;
  }
  .h-\[114px\] {
    height: 114px;
  }
  .h-\[141px\] {
    height: 141px;
  }
  .h-\[157\.58\%\] {
    height: 157.58%;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[246px\] {
    height: 246px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[288px\] {
    height: 288px;
  }
  .h-\[323px\] {
    height: 323px;
  }
  .h-\[386px\] {
    height: 386px;
  }
  .h-\[392px\] {
    height: 392px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[422px\] {
    height: 422px;
  }
  .h-\[540\.441px\] {
    height: 540.441px;
  }
  .h-\[613px\] {
    height: 613px;
  }
  .h-\[638px\] {
    height: 638px;
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[40px\] {
    max-height: 40px;
  }
  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }
  .min-h-\[242px\] {
    min-height: 242px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-\[1\.74cqw\] {
    width: 1.74cqw;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[6\.69cqw\] {
    width: 6.69cqw;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[41px\] {
    width: 41px;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[86\.76\%\] {
    width: 86.76%;
  }
  .w-\[107px\] {
    width: 107px;
  }
  .w-\[135px\] {
    width: 135px;
  }
  .w-\[171\.31\%\] {
    width: 171.31%;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[215px\] {
    width: 215px;
  }
  .w-\[270\.51\%\] {
    width: 270.51%;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[307px\] {
    width: 307px;
  }
  .w-\[311px\] {
    width: 311px;
  }
  .w-\[323px\] {
    width: 323px;
  }
  .w-\[325px\] {
    width: 325px;
  }
  .w-\[421px\] {
    width: 421px;
  }
  .w-\[471px\] {
    width: 471px;
  }
  .w-\[544px\] {
    width: 544px;
  }
  .w-\[636px\] {
    width: 636px;
  }
  .w-\[638px\] {
    width: 638px;
  }
  .w-\[802px\] {
    width: 802px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[307px\] {
    max-width: 307px;
  }
  .max-w-\[362px\] {
    max-width: 362px;
  }
  .max-w-\[376px\] {
    max-width: 376px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[413px\] {
    max-width: 413px;
  }
  .max-w-\[416px\] {
    max-width: 416px;
  }
  .max-w-\[453px\] {
    max-width: 453px;
  }
  .max-w-\[592px\] {
    max-width: 592px;
  }
  .max-w-\[630px\] {
    max-width: 630px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[661px\] {
    max-width: 661px;
  }
  .max-w-\[662px\] {
    max-width: 662px;
  }
  .max-w-\[704px\] {
    max-width: 704px;
  }
  .max-w-\[756px\] {
    max-width: 756px;
  }
  .max-w-\[847px\] {
    max-width: 847px;
  }
  .max-w-\[923px\] {
    max-width: 923px;
  }
  .max-w-\[949px\] {
    max-width: 949px;
  }
  .max-w-\[1054px\] {
    max-width: 1054px;
  }
  .max-w-\[1062px\] {
    max-width: 1062px;
  }
  .max-w-\[1064px\] {
    max-width: 1064px;
  }
  .max-w-\[1102px\] {
    max-width: 1102px;
  }
  .max-w-\[1274px\] {
    max-width: 1274px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[107px\] {
    min-width: 107px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-\[270px\] {
    flex-basis: 270px;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[5\%\] {
    --tw-translate-y: 5%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[158\.4deg\] {
    rotate: 158.4deg;
  }
  .rotate-\[158\.405deg\] {
    rotate: 158.405deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-\[0\.5cqw\] {
    gap: 0.5cqw;
  }
  .gap-\[0\.72cqw\] {
    gap: 0.72cqw;
  }
  .gap-\[1\.16cqw\] {
    gap: 1.16cqw;
  }
  .gap-\[1\.95cqw\] {
    gap: 1.95cqw;
  }
  .gap-\[2\.79cqw\] {
    gap: 2.79cqw;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4\.46cqw\] {
    gap: 4.46cqw;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[17px\] {
    gap: 17px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[19px\] {
    gap: 19px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[21px\] {
    gap: 21px;
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .gap-\[27px\] {
    gap: 27px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[31px\] {
    gap: 31px;
  }
  .gap-\[33px\] {
    gap: 33px;
  }
  .gap-\[35px\] {
    gap: 35px;
  }
  .gap-\[38px\] {
    gap: 38px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[45px\] {
    gap: 45px;
  }
  .gap-\[60px\] {
    gap: 60px;
  }
  .gap-\[70px\] {
    gap: 70px;
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-\[47px\] {
    column-gap: 47px;
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1\.45cqw\] {
    border-radius: 1.45cqw;
  }
  .rounded-\[5\.57cqw\] {
    border-radius: 5.57cqw;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11\.7px\] {
    border-radius: 11.7px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[20\.667px\] {
    border-radius: 20.667px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[544px\] {
    border-radius: 544px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[0\.689px\] {
    border-style: var(--tw-border-style);
    border-width: 0.689px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-\[\#7c6cff\]\/30 {
    border-color: color-mix(in oklab, #7c6cff 30%, transparent);
  }
  .border-\[\#d6dce7\] {
    border-color: #d6dce7;
  }
  .border-\[\#dfe1e1\] {
    border-color: #dfe1e1;
  }
  .border-\[\#e6e8f0\] {
    border-color: #e6e8f0;
  }
  .border-\[\#eceef4\] {
    border-color: #eceef4;
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-border {
    border-color: var(--color-border);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary-strong {
    border-color: var(--color-primary-strong);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, oklch(1 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/60 {
    border-color: color-mix(in srgb, oklch(1 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-\[\#e6e8ff\] {
    background-color: #e6e8ff;
  }
  .bg-\[\#e8e9ff\] {
    background-color: #e8e9ff;
  }
  .bg-\[\#f1efff\] {
    background-color: #f1efff;
  }
  .bg-\[\#f2f4f9\] {
    background-color: #f2f4f9;
  }
  .bg-\[\#f7f9fc\] {
    background-color: #f7f9fc;
  }
  .bg-\[rgba\(91\,81\,179\,0\.34\)\] {
    background-color: rgba(91,81,179,0.34);
  }
  .bg-\[rgba\(124\,108\,255\,0\.11\)\] {
    background-color: rgba(124,108,255,0.11);
  }
  .bg-black-blue\/20 {
    background-color: color-mix(in srgb, oklch(0.2569 0.0438 254.66) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black-blue) 20%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-strong {
    background-color: var(--color-primary-strong);
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, oklch(0.6239 0.210253 283.394) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-text-muted {
    background-color: var(--color-text-muted);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, oklch(1 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/40 {
    background-color: color-mix(in srgb, oklch(1 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, oklch(1 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(195\.48deg\,\#fbf7ff_59\.045\%\,\#7c6cff_136\.09\%\)\] {
    background-image: linear-gradient(195.48deg,#fbf7ff 59.045%,#7c6cff 136.09%);
  }
  .bg-\[url\(\/themes\/custom\/panop\/assets\/images\/panop_wave_1\.png\)\] {
    background-image: url(/themes/custom/panop/assets/images/panop_wave_1.png);
  }
  .from-primary-strong {
    --tw-gradient-from: var(--color-primary-strong);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-light-purple {
    --tw-gradient-to: var(--color-light-purple);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[center_30\%\] {
    object-position: center 30%;
  }
  .object-center {
    object-position: center;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-\[7px\] {
    padding: 7px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .p-\[50px\] {
    padding: 50px;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[40px\] {
    padding-block: 40px;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[30px\] {
    padding-top: 30px;
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-inter {
    font-family: var(--font-inter);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-secondary {
    font-family: var(--font-secondary);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[0\.87cqw\] {
    font-size: 0.87cqw;
  }
  .text-\[1\.16cqw\] {
    font-size: 1.16cqw;
  }
  .text-\[3\.34cqw\] {
    font-size: 3.34cqw;
  }
  .text-\[4\.46cqw\] {
    font-size: 4.46cqw;
  }
  .text-\[10rem\] {
    font-size: 10rem;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34\.667px\] {
    font-size: 34.667px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-body {
    font-size: var(--text-body);
  }
  .text-body-lg {
    font-size: var(--text-body-lg);
  }
  .text-body-sm {
    font-size: var(--text-body-sm);
  }
  .text-caption {
    font-size: var(--text-caption);
  }
  .text-display-md {
    font-size: var(--text-display-md);
  }
  .text-h3 {
    font-size: var(--text-h3);
  }
  .text-h4-lg {
    font-size: var(--text-h4-lg);
  }
  .text-h5 {
    font-size: var(--text-h5);
  }
  .text-h5-lg {
    font-size: var(--text-h5-lg);
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[2\.33\] {
    --tw-leading: 2.33;
    line-height: 2.33;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-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-\[0\.145cqw\] {
    --tw-tracking: 0.145cqw;
    letter-spacing: 0.145cqw;
  }
  .tracking-\[0\.557cqw\] {
    --tw-tracking: 0.557cqw;
    letter-spacing: 0.557cqw;
  }
  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#3e4bb5\] {
    color: #3e4bb5;
  }
  .text-black-blue {
    color: var(--color-black-blue);
  }
  .text-border {
    color: var(--color-border);
  }
  .text-dark {
    color: var(--color-dark);
  }
  .text-foreground {
    color: var(--color-foreground);
  }
  .text-frost-grey {
    color: var(--color-frost-grey);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-strong {
    color: var(--color-primary-strong);
  }
  .text-text-muted {
    color: var(--color-text-muted);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/50 {
    color: color-mix(in srgb, oklch(1 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, oklch(1 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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\.3cqw_1\.7cqw_rgba\(18\,40\,95\,0\.06\)\] {
    --tw-shadow: 0 0.3cqw 1.7cqw var(--tw-shadow-color, rgba(18,40,95,0.06));
    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\.3cqw_1\.65cqw_rgba\(15\,16\,19\,0\.1\)\] {
    --tw-shadow: 0 0.3cqw 1.65cqw var(--tw-shadow-color, rgba(15,16,19,0.1));
    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_110px_15px_rgba\(255\,255\,255\,0\.3\)\] {
    --tw-shadow: 0 0 110px 15px var(--tw-shadow-color, rgba(255,255,255,0.3));
    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_1\.1cqw_6\.3cqw_rgba\(15\,16\,19\,0\.1\)\] {
    --tw-shadow: 0 1.1cqw 6.3cqw var(--tw-shadow-color, rgba(15,16,19,0.1));
    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_1\.1cqw_6\.7cqw_rgba\(18\,40\,95\,0\.06\)\] {
    --tw-shadow: 0 1.1cqw 6.7cqw var(--tw-shadow-color, rgba(18,40,95,0.06));
    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_20px_60px_-15px_rgba\(102\,82\,255\,0\.25\)\] {
    --tw-shadow: 0 20px 60px -15px var(--tw-shadow-color, rgba(102,82,255,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_29px_13px_rgba\(124\,108\,255\,0\.2\)\] {
    --tw-shadow: 0px 0px 29px 13px var(--tw-shadow-color, rgba(124,108,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_5px_4px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 5px 4px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_5px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 5px 8px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[10px_10px_49px_13px_rgba\(124\,108\,255\,0\.1\)\] {
    --tw-shadow: 10px 10px 49px 13px var(--tw-shadow-color, rgba(124,108,255,0.1));
    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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur-\[75px\] {
    --tw-blur: blur(75px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[11px\] {
    --tw-backdrop-blur: blur(11px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  .group-open\/sub\:rotate-180:is(:where(.group\/sub):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-aria-pressed\:bg-primary:is(:where(.group)[aria-pressed="true"] *) {
    background-color: var(--color-primary);
  }
  .group-aria-pressed\:text-black-blue:is(:where(.group)[aria-pressed="true"] *) {
    color: var(--color-black-blue);
  }
  .last\:border-b:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:bg-\[\#cdd0fb\]:hover {
      background-color: #cdd0fb;
    }
    .hover\:bg-\[\#eef0f8\]:hover {
      background-color: #eef0f8;
    }
    .hover\:bg-blue-500:hover {
      background-color: var(--color-blue-500);
    }
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }
    .hover\:bg-dark-blue:hover {
      background-color: var(--color-dark-blue);
    }
    .hover\:bg-light-purple:hover {
      background-color: var(--color-light-purple);
    }
    .hover\:bg-primary:hover {
      background-color: var(--color-primary);
    }
    .hover\:bg-primary-strong:hover {
      background-color: var(--color-primary-strong);
    }
    .hover\:bg-primary-strong\/80:hover {
      background-color: color-mix(in srgb, #6652ff 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-strong\/80:hover {
        background-color: color-mix(in oklab, var(--color-primary-strong) 80%, transparent);
      }
    }
    .hover\:bg-primary-strong\/85:hover {
      background-color: color-mix(in srgb, #6652ff 85%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-strong\/85:hover {
        background-color: color-mix(in oklab, var(--color-primary-strong) 85%, transparent);
      }
    }
    .hover\:bg-primary\/80:hover {
      background-color: color-mix(in srgb, oklch(0.6239 0.210253 283.394) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
      }
    }
    .hover\:bg-white\/90:hover {
      background-color: color-mix(in srgb, oklch(1 0 0) 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-primary-strong:hover {
      color: var(--color-primary-strong);
    }
    .hover\:text-primary\/80:hover {
      color: color-mix(in srgb, oklch(0.6239 0.210253 283.394) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--color-primary) 80%, transparent);
      }
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:text-white\/80:hover {
      color: color-mix(in srgb, oklch(1 0 0) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/80:hover {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--color-primary);
  }
  .focus-visible\:outline-primary-strong:focus-visible {
    outline-color: var(--color-primary-strong);
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-30:disabled {
    opacity: 30%;
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
    .disabled\:hover\:text-primary:disabled:hover {
      color: var(--color-primary);
    }
    .disabled\:hover\:text-primary-strong:disabled:hover {
      color: var(--color-primary-strong);
    }
  }
  .aria-\[current\]\:font-semibold[aria-current] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .aria-\[current\]\:text-primary-strong[aria-current] {
    color: var(--color-primary-strong);
  }
  @media (width >= 640px) {
    .sm\:w-\[calc\(\(100\%-1rem\)\/2\)\] {
      width: calc((100% - 1rem) / 2);
    }
    .sm\:w-\[calc\(\(100\%-20px\)\/2\)\] {
      width: calc((100% - 20px) / 2);
    }
    .sm\:max-w-none {
      max-width: none;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:text-\[32px\] {
      font-size: 32px;
    }
    .sm\:text-\[42px\] {
      font-size: 42px;
    }
    .sm\:text-\[52px\] {
      font-size: 52px;
    }
    .sm\:text-\[56px\] {
      font-size: 56px;
    }
    .sm\:text-display-md {
      font-size: var(--text-display-md);
    }
  }
  @media (width >= 801px) {
    .min-\[801px\]\:mx-0 {
      margin-inline: 0px;
    }
    .min-\[801px\]\:w-auto {
      width: auto;
    }
    .min-\[801px\]\:max-w-\[50rem\] {
      max-width: 50rem;
    }
    .min-\[801px\]\:flex-row {
      flex-direction: row;
    }
    .min-\[801px\]\:text-left {
      text-align: left;
    }
  }
  @media (width >= 900px) {
    .md\:sticky {
      position: sticky;
    }
    .md\:-top-\[84px\] {
      top: calc(84px * -1);
    }
    .md\:-top-\[251px\] {
      top: calc(251px * -1);
    }
    .md\:top-24 {
      top: calc(var(--spacing) * 24);
    }
    .md\:top-32 {
      top: calc(var(--spacing) * 32);
    }
    .md\:top-\[23px\] {
      top: 23px;
    }
    .md\:right-auto {
      right: auto;
    }
    .md\:-left-\[77px\] {
      left: calc(77px * -1);
    }
    .md\:-left-\[379px\] {
      left: calc(379px * -1);
    }
    .md\:left-\[997px\] {
      left: 997px;
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:mx-0 {
      margin-inline: 0px;
    }
    .md\:my-auto {
      margin-block: auto;
    }
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .md\:mt-\[30px\] {
      margin-top: 30px;
    }
    .md\:mt-\[35px\] {
      margin-top: 35px;
    }
    .md\:-mr-px {
      margin-right: -1px;
    }
    .md\:mb-\[62px\] {
      margin-bottom: 62px;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:aspect-\[847\/292\] {
      aspect-ratio: 847/292;
    }
    .md\:aspect-auto {
      aspect-ratio: auto;
    }
    .md\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
    .md\:h-\[120px\] {
      height: 120px;
    }
    .md\:h-\[420px\] {
      height: 420px;
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:min-h-\[246px\] {
      min-height: 246px;
    }
    .md\:min-h-\[792px\] {
      min-height: 792px;
    }
    .md\:w-1\/2 {
      width: calc(1 / 2 * 100%);
    }
    .md\:w-\[40\%\] {
      width: 40%;
    }
    .md\:w-\[50\%\] {
      width: 50%;
    }
    .md\:w-\[54\%\] {
      width: 54%;
    }
    .md\:w-\[161px\] {
      width: 161px;
    }
    .md\:w-\[422px\] {
      width: 422px;
    }
    .md\:w-\[430px\] {
      width: 430px;
    }
    .md\:w-\[517px\] {
      width: 517px;
    }
    .md\:w-\[520px\] {
      width: 520px;
    }
    .md\:w-\[521px\] {
      width: 521px;
    }
    .md\:w-\[533px\] {
      width: 533px;
    }
    .md\:w-\[592px\] {
      width: 592px;
    }
    .md\:w-\[602px\] {
      width: 602px;
    }
    .md\:w-\[629px\] {
      width: 629px;
    }
    .md\:w-\[738px\] {
      width: 738px;
    }
    .md\:max-w-\[300px\] {
      max-width: 300px;
    }
    .md\:max-w-\[414px\] {
      max-width: 414px;
    }
    .md\:max-w-\[517px\] {
      max-width: 517px;
    }
    .md\:min-w-0 {
      min-width: 0px;
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:flex-\[0_0_calc\(\(100\%-34px\)\/3\)\] {
      flex: 0 0 calc((100% - 34px) / 3);
    }
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }
    .md\:grid-cols-\[404px_1fr\] {
      grid-template-columns: 404px 1fr;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:gap-0 {
      gap: 0px;
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .md\:gap-\[10px\] {
      gap: 10px;
    }
    .md\:gap-\[30px\] {
      gap: 30px;
    }
    .md\:gap-\[50px\] {
      gap: 50px;
    }
    .md\:gap-\[60px\] {
      gap: 60px;
    }
    .md\:gap-\[97px\] {
      gap: 97px;
    }
    .md\:gap-\[120px\] {
      gap: 120px;
    }
    .md\:gap-\[128px\] {
      gap: 128px;
    }
    .md\:gap-\[129px\] {
      gap: 129px;
    }
    .md\:gap-\[302px\] {
      gap: 302px;
    }
    .md\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }
    .md\:gap-x-\[30px\] {
      column-gap: 30px;
    }
    .md\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .md\:gap-y-\[30px\] {
      row-gap: 30px;
    }
    .md\:rounded-\[29px\] {
      border-radius: 29px;
    }
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .md\:border-black-blue\/20 {
      border-color: color-mix(in srgb, oklch(0.2569 0.0438 254.66) 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .md\:border-black-blue\/20 {
        border-color: color-mix(in oklab, var(--color-black-blue) 20%, transparent);
      }
    }
    .md\:bg-green-300 {
      background-color: var(--color-green-300);
    }
    .md\:bg-none {
      background-image: none;
    }
    .md\:object-cover {
      object-fit: cover;
    }
    .md\:p-20 {
      padding: calc(var(--spacing) * 20);
    }
    .md\:p-\[40px\] {
      padding: 40px;
    }
    .md\:px-0 {
      padding-inline: 0px;
    }
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .md\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }
    .md\:px-\[30px\] {
      padding-inline: 30px;
    }
    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }
    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .md\:py-\[20px\] {
      padding-block: 20px;
    }
    .md\:py-\[60px\] {
      padding-block: 60px;
    }
    .md\:py-\[73px\] {
      padding-block: 73px;
    }
    .md\:py-\[100px\] {
      padding-block: 100px;
    }
    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .md\:pt-\[10px\] {
      padding-top: 10px;
    }
    .md\:pt-\[60px\] {
      padding-top: 60px;
    }
    .md\:pt-\[87px\] {
      padding-top: 87px;
    }
    .md\:pt-\[97px\] {
      padding-top: 97px;
    }
    .md\:pt-\[108px\] {
      padding-top: 108px;
    }
    .md\:pr-0 {
      padding-right: 0px;
    }
    .md\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }
    .md\:pr-\[30px\] {
      padding-right: 30px;
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .md\:pb-\[60px\] {
      padding-bottom: 60px;
    }
    .md\:pb-\[87px\] {
      padding-bottom: 87px;
    }
    .md\:pl-0 {
      padding-left: 0px;
    }
    .md\:pl-20 {
      padding-left: calc(var(--spacing) * 20);
    }
    .md\:pl-\[35px\] {
      padding-left: 35px;
    }
    .md\:pl-\[calc\(16\.67\%\+57px\)\] {
      padding-left: calc(16.67% + 57px);
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .md\:text-\[14rem\] {
      font-size: 14rem;
    }
    .md\:text-\[42px\] {
      font-size: 42px;
    }
    .md\:text-display-lg {
      font-size: var(--text-display-lg);
    }
    .md\:text-display-xl {
      font-size: var(--text-display-xl);
    }
    .md\:text-h3-lg {
      font-size: var(--text-h3-lg);
    }
    .md\:text-h4-lg {
      font-size: var(--text-h4-lg);
    }
  }
  @media (width >= 1024px) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-\[calc\(var\(--header-h\)\+24px\)\] {
      top: calc(var(--header-h) + 24px);
    }
    .lg\:block {
      display: block;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:w-\[413px\] {
      width: 413px;
    }
    .lg\:w-\[414px\] {
      width: 414px;
    }
    .lg\:w-\[440px\] {
      width: 440px;
    }
    .lg\:w-\[517px\] {
      width: 517px;
    }
    .lg\:w-\[523px\] {
      width: 523px;
    }
    .lg\:w-\[629px\] {
      width: 629px;
    }
    .lg\:w-\[634px\] {
      width: 634px;
    }
    .lg\:w-\[calc\(\(100\%-2\.5rem\)\/3\)\] {
      width: calc((100% - 2.5rem) / 3);
    }
    .lg\:w-\[calc\(\(100\%-40px\)\/3\)\] {
      width: calc((100% - 40px) / 3);
    }
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[197px_1fr\] {
      grid-template-columns: 197px 1fr;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .lg\:gap-\[60px\] {
      gap: 60px;
    }
    .lg\:gap-\[100px\] {
      gap: 100px;
    }
    .lg\:gap-\[127px\] {
      gap: 127px;
    }
    .lg\:gap-\[129px\] {
      gap: 129px;
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:bg-blue-300 {
      background-color: var(--color-blue-300);
    }
  }
  @media (width >= 1280px) {
    .xl\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .xl\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
    .xl\:block {
      display: block;
    }
    .xl\:flex {
      display: flex;
    }
    .xl\:hidden {
      display: none;
    }
    .xl\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .xl\:h-\[510px\] {
      height: 510px;
    }
    .xl\:h-\[535px\] {
      height: 535px;
    }
    .xl\:w-\[413px\] {
      width: 413px;
    }
    .xl\:w-\[523px\] {
      width: 523px;
    }
    .xl\:max-w-\[519px\] {
      max-width: 519px;
    }
    .xl\:min-w-\[165px\] {
      min-width: 165px;
    }
    .xl\:flex-1 {
      flex: 1;
    }
    .xl\:cursor-default {
      cursor: default;
    }
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:justify-center {
      justify-content: center;
    }
    .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .xl\:gap-\[60px\] {
      gap: 60px;
    }
    .xl\:gap-\[127px\] {
      gap: 127px;
    }
    .xl\:gap-\[128px\] {
      gap: 128px;
    }
    .xl\:rounded-none {
      border-radius: 0;
    }
    .xl\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .xl\:bg-transparent {
      background-color: transparent;
    }
    .xl\:p-0 {
      padding: 0px;
    }
    .xl\:px-\[30px\] {
      padding-inline: 30px;
    }
    .xl\:py-0 {
      padding-block: 0px;
    }
    .xl\:pb-0 {
      padding-bottom: 0px;
    }
    .xl\:text-display-lg {
      font-size: var(--text-display-lg);
    }
    .xl\:whitespace-nowrap {
      white-space: nowrap;
    }
    .xl\: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);
    }
  }
  @media (width >= 1400px) {
    .min-\[1400px\]\:block {
      display: block;
    }
    .min-\[1400px\]\:hidden {
      display: none;
    }
  }
  .\[\&_p\]\:m-0 p {
    margin: 0px;
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}
@layer theme;
html {
  scroll-behavior: smooth;
}
[id]:target {
  scroll-margin-top: 4rem;
}
#block-panop-main-menu ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-panop-main-menu ul li {
  list-style: none;
}
#block-panop-main-menu ul li a {
  display: inline-flex;
  align-items: center;
  padding-block: 0.375rem;
  padding-inline: 0.75rem;
  text-decoration: none;
  color: var(--color-base-content);
  border-radius: var(--radius-field);
  transition: background-color 0.2s;
}
#block-panop-main-menu ul li a:hover {
  background-color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
#block-panop-main-menu ul li a.is-active {
  font-weight: 600;
}
@media (width < 900px) {
  #block-panop-main-menu ul {
    flex-direction: column;
    gap: 1.5rem;
  }
  #block-panop-main-menu ul li a {
    width: 100%;
    padding-block: 0.625rem;
    padding-inline: 1rem;
    text-align: center;
    font-weight: 600;
    font-size: var(--text-2xl);
    text-decoration: underline;
    text-decoration-color: var(--color-primary);
    text-decoration-thickness: 4px;
    text-underline-offset: 0.25em;
  }
  #mobile-nav {
    position: fixed;
    top: 3.5rem;
    left: 0;
    right: 0;
    border-top: 1px solid var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-base-content) 12%, transparent);
    }
    padding-block: 0.5rem;
  }
}
#block-panop-breadcrumbs nav {
  max-width: 100%;
  padding-block: 0.5rem;
  overflow-x: auto;
}
#block-panop-breadcrumbs nav ol {
  white-space: nowrap;
  align-items: center;
  min-height: min-content;
  list-style: none;
  padding: 0;
  display: flex;
}
#block-panop-breadcrumbs nav ol li {
  align-items: center;
  display: flex;
}
#block-panop-breadcrumbs nav ol li a {
  text-decoration: none;
  color: var(--color-base-content);
}
#block-panop-breadcrumbs nav ol li a:hover {
  text-decoration: underline;
}
#block-panop-breadcrumbs nav ol li + li:before {
  content: "";
  opacity: 0.4;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 0.375rem;
  height: 0.375rem;
  margin-inline: 0.5rem 0.75rem;
  display: block;
  rotate: 45deg;
}
.messages {
  padding: 1rem;
  border-radius: var(--radius-box);
  margin-bottom: 1rem;
  border: 1px solid;
}
.messages--status {
  background: #f0fdf4;
  border-color: #4ade80;
  color: #166534;
}
.messages--warning {
  background: #fefce8;
  border-color: #facc15;
  color: #854d0e;
}
.messages--error {
  background: #fef2f2;
  border-color: #f87171;
  color: #991b1b;
}
#block-panop-primary-local-tasks ul, #block-panop-secondary-local-tasks ul {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--color-base-300);
  margin-bottom: 1rem;
  list-style: none;
  padding: 0;
}
#block-panop-primary-local-tasks ul li, #block-panop-secondary-local-tasks ul li {
  list-style: none;
}
#block-panop-primary-local-tasks ul li a, #block-panop-secondary-local-tasks ul li a {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
  }
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
#block-panop-primary-local-tasks ul li a:hover, #block-panop-secondary-local-tasks ul li a:hover {
  color: var(--color-base-content);
}
#block-panop-primary-local-tasks ul li a[aria-current="page"], #block-panop-primary-local-tasks ul li a.is-active, #block-panop-secondary-local-tasks ul li a[aria-current="page"], #block-panop-secondary-local-tasks ul li a.is-active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.node {
  margin-bottom: 2rem;
}
.node__title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.block {
  margin-bottom: 1rem;
}
.block-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
#block-panop-home h2 a {
  color: inherit;
  text-decoration: none;
}
.panop-webform-wrapper .webform-flexbox {
  gap: calc(var(--spacing) * 5);
}
.panop-webform-wrapper .webform-flex--container {
  min-width: 0px;
  flex: 1;
}
.panop-webform-wrapper .form-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
.panop-webform-wrapper label {
  font-family: var(--font-secondary);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-dark);
}
.panop-webform-wrapper label.form-required::after {
  content: '*';
  margin-left: var(--spacing);
  color: var(--color-accent-fuschia);
}
.panop-webform-wrapper input[type='text'], .panop-webform-wrapper input[type='email'] {
  width: 100%;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-dark);
  --tw-outline-style: none;
  outline-style: none;
  &::placeholder {
    color: var(--color-frost-gray);
  }
  &: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 {
    --tw-ring-color: color-mix(in srgb, oklch(0.6239 0.210253 283.394) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
}
.panop-webform-wrapper select {
  width: 100%;
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-dark);
  --tw-outline-style: none;
  outline-style: none;
  &: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 {
    --tw-ring-color: color-mix(in srgb, oklch(0.6239 0.210253 283.394) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
}
.panop-webform-wrapper input[type='checkbox'] {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 0.25rem;
  border-color: var(--color-primary);
  accent-color: var(--color-primary);
}
.panop-webform-wrapper .form-type-checkbox label {
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-dark);
}
.panop-webform-wrapper .form-type-checkbox {
  flex-direction: row;
  align-items: flex-start;
  gap: calc(var(--spacing) * 3);
}
.panop-webform-wrapper .form-type-checkbox label a {
  color: var(--color-accent-purple);
  text-decoration-line: underline;
}
.panop-webform-wrapper .form-actions {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
}
.panop-webform-wrapper .form-actions .button--primary {
  width: 100%;
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 4);
  font-family: var(--font-secondary);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  white-space: normal;
  color: var(--color-white);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.panop-webform-wrapper .webform-mandatory-note {
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-accent-fuschia);
}
.panop-webform-wrapper .form-managed-file {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
}
.panop-webform-wrapper input[type='file'].form-file {
  width: 100%;
  cursor: pointer;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-frost-gray);
  --tw-outline-style: none;
  outline-style: none;
}
.panop-webform-wrapper input[type='file'].form-file::file-selector-button {
  display: none;
}
.panop-webform-wrapper .form-managed-file input[type='submit'] {
  display: none;
}
.panop-webform-wrapper .form-type-webform-document-file .description {
  display: none;
}
.panop-webform-wrapper .form-item--error input, .panop-webform-wrapper .form-item--error select {
  border-color: var(--color-accent-fuschia);
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(0.6743 0.1654 322.56) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-accent-fuschia) 30%, transparent);
    }
  }
}
.panop-webform-wrapper .form-item--error-message {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-accent-fuschia);
}
.panop-webform-wrapper .webform-counter-error {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-accent-fuschia);
}
.panop-webform-wrapper .text-count-message {
  display: none !important;
}
.paragraph--type--career :is(p, h1, h2, h3, ul):not(:last-child) {
  margin-block-end: 1rem;
}
:root {
  --swiper-navigation-color: var(--color-primary);
  --swiper-pagination-color: var(--color-primary);
}
@media (width >= 900px) {
  .md\:w-lead {
    width: 55% !important;
  }
  .md\:w-follow {
    width: 40% !important;
  }
}
:where(body:not(.v2)) * {
  font-family: var(--font-primary);
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
:where(body:not(.v2)) main :is(h2, h3, h4, h5, h6) {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
:where(body:not(.v2)) main :is(h1, h2, h3) > strong {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
:where(body:not(.v2)) main :is(h4, h5, h6) > strong {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.card :is(h1, h2, h3, h4, h5, h6) {
  text-align: left;
}
.card-plain {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.card-plain * {
  color: var(--color-white);
}
.main-menu {
  display: none;
  flex-direction: row;
  gap: calc(var(--spacing) * 16);
  @media (width >= 900px) {
    display: flex;
  }
}
.main-menu li {
  list-style-type: none;
}
:where(body:not(.v2)) main h1 {
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
:where(body:not(.v2)) main h2 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:where(body:not(.v2)) main h3 {
  font-family: var(--font-primary);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:where(body:not(.v2)) main h4 {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-primary);
}
:where(body:not(.v2)) main h5 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:where(body:not(.v2)) main h6 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
:where(body:not(.v2)) main strong {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
:where(body:not(.v2)) main p {
  font-family: var(--font-secondary);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-foreground);
}
:where(body:not(.v2)) main .card p {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:where(body:not(.v2)) main .card-gradient {
  background: linear-gradient(233.51deg, var(--color-off-white) 70.8%, var(--color-accent-purple) 204.45%);
}
:where(body:not(.v2)) main .card.card-gradient h4 + p > strong {
  color: var(--color-primary);
}
:where(body:not(.v2)) main .stylized-list > ul {
  margin-left: calc(var(--spacing) * 4);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
}
:where(body:not(.v2)) main .stylized-list > ul > li {
  list-style-image: url(/themes/custom/panop/assets/images/list-bullet.svg);
  font-family: var(--font-secondary);
  color: var(--color-foreground);
}
:where(body:not(.v2)) main .list > ul {
  margin-left: calc(var(--spacing) * 4);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
:where(body:not(.v2)) main li {
  list-style-position: inside;
  list-style-type: disc;
  font-family: var(--font-secondary);
  color: var(--color-foreground);
}
@layer components {
  .page-container {
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 1rem;
  }
  @media (min-width: 900px) {
    .page-container {
      padding-inline: 5rem;
    }
  }
  .bg-gradient-hero {
    background-image: linear-gradient(178.8deg, #f2f4f9 57.877%, #ffffff 98.683%);
  }
  .hero-glow {
    width: 350px;
    height: 348px;
    border-radius: 9999px;
    transform: rotate(158.4deg);
    pointer-events: none;
  }
  @media (min-width: 900px) {
    .hero-glow {
      width: 544px;
      height: 540px;
    }
  }
  .hero-glow-white {
    background: white;
    filter: blur(150px);
  }
  .hero-glow-purple-strong {
    background: linear-gradient(220deg, rgba(31,10,185,0.6) -80.88%, rgba(124,108,255,0.6) 88.08%);
    filter: blur(75px);
  }
  .hero-glow-purple-soft {
    background: linear-gradient(220deg, rgba(31,10,185,0.2) -80.88%, rgba(124,108,255,0.2) 88.08%);
    filter: blur(75px);
  }
  .sem-hero-row {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 40px;
    width: min(100%, 1500px);
    margin-inline: auto;
    box-sizing: border-box;
  }
  .sem-hero-copy {
    min-width: 0;
  }
  .sem-hero-visual-column {
    width: 100%;
    max-width: 100%;
    justify-self: center;
    overflow: hidden;
  }
  @media (min-width: 801px) {
    .sem-hero-row {
      gap: clamp(32px, 3.5vw, 56px);
    }
    .sem-hero-row:not(.sem-hero-row--no-visual) {
      grid-template-columns: minmax(0, 1fr) minmax(420px, 52%);
    }
    .sem-hero-visual-column {
      max-width: min(52vw, 580px);
      justify-self: end;
      overflow: visible;
    }
    .hero-title-with-visual {
      font-size: clamp(4.25rem, 3.1rem + 3vw, 5.75rem);
      line-height: 1.05;
      font-weight: 700;
      max-width: 50rem;
    }
    .sem-hero-copy .hero-ctas {
      align-items: flex-start;
      justify-content: flex-start;
    }
  }
  .sem-visual {
    --sem-u: 0.9;
    --sem-cu: calc(var(--sem-u) * 0.8);
    --sem-purple: #7c6cff;
    --sem-node: #7474cc;
    --sem-line: rgba(107, 107, 200, 0.3);
    --sem-pink: #fa0072;
    --sem-orange: #ff8b45;
    --sem-ink: #142438;
    position: relative;
    width: calc(310px * var(--sem-u));
    height: calc(325px * var(--sem-u));
    overflow: visible;
    font-family: Inter, Arial, sans-serif;
    box-sizing: border-box;
  }
  .sem-visual *,
  .sem-visual *::before,
  .sem-visual *::after {
    box-sizing: border-box;
  }
  .sem-visual svg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }
  .sem-visual .sem-link {
    fill: none !important;
    stroke: var(--sem-line) !important;
    stroke-width: 1.2px !important;
  }
  .sem-visual .sem-link-dashed {
    stroke-dasharray: 4 6;
    animation: semDash 24s linear infinite;
  }
  .sem-visual .sem-attack {
    fill: none !important;
    stroke: var(--sem-pink) !important;
    stroke-width: 2.2px !important;
    stroke-linecap: round;
    stroke-dasharray: 620;
    stroke-dashoffset: 620;
    filter: drop-shadow(0 0 4px rgba(250, 0, 114, 0.55));
    animation: semAttack 8s ease-in-out infinite;
  }
  .sem-visual .sem-node {
    fill: var(--sem-node) !important;
    stroke: none !important;
    animation: semPulse 4s ease-in-out infinite;
  }
  .sem-visual .sem-node-hot {
    fill: var(--sem-orange) !important;
    filter: drop-shadow(0 0 6px rgba(255, 139, 69, 0.8));
  }
  .sem-visual .sem-label {
    fill: #7771aa !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: calc(9px * var(--sem-u)) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .sem-visual .sem-hub-ring {
    fill: none !important;
    stroke: var(--sem-purple) !important;
    stroke-width: 1.7px !important;
    transform-box: fill-box;
    transform-origin: center;
    animation: semRing 3.2s ease-out infinite;
  }
  .sem-visual .sem-hub-ring-2 {
    animation-delay: 1.6s;
  }
  .sem-visual .sem-hub-core {
    fill: var(--sem-purple) !important;
    stroke: none !important;
    filter: drop-shadow(0 0 8px rgba(124, 108, 255, 0.8));
  }
  .sem-visual .sem-hub-text {
    fill: #ffffff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: calc(9px * var(--sem-u)) !important;
    font-weight: 700 !important;
  }
  .sem-card {
    position: absolute;
    right: 0;
    z-index: 2;
    width: calc(132px * var(--sem-cu));
    padding: calc(7px * var(--sem-cu)) calc(8px * var(--sem-cu));
    border: 1px solid #edeaf8;
    border-radius: calc(9px * var(--sem-cu));
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 18px -10px rgba(20, 36, 56, 0.28);
    animation: semCardFloat 5s ease-in-out infinite;
  }
  .sem-card-1 {
    top: calc(8px * var(--sem-u));
  }
  .sem-card-2 {
    top: calc(108px * var(--sem-u));
    animation-delay: -1.5s;
  }
  .sem-card-3 {
    top: calc(218px * var(--sem-u));
    animation-delay: -3s;
  }
  .sem-card-header {
    display: flex;
    align-items: center;
    gap: calc(4px * var(--sem-cu));
    margin-bottom: calc(4px * var(--sem-cu));
  }
  .sem-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: calc(15px * var(--sem-cu));
    height: calc(15px * var(--sem-cu));
    border-radius: 50%;
    background: var(--sem-pink);
    color: #ffffff;
    font-family: Inter, Arial, sans-serif;
    font-size: calc(8px * var(--sem-cu));
    font-weight: 700;
    line-height: 1;
  }
  .sem-card-2 .sem-step {
    background: var(--sem-purple);
  }
  .sem-card-3 .sem-step {
    background: var(--sem-orange);
  }
  .sem-badge {
    display: inline-block;
    padding: calc(2px * var(--sem-cu)) calc(5px * var(--sem-cu));
    border-radius: calc(4px * var(--sem-cu));
    background: #ffe4f0;
    color: var(--sem-pink);
    font-family: Inter, Arial, sans-serif;
    font-size: calc(6px * var(--sem-cu));
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .sem-card-2 .sem-badge {
    background: #efedff;
    color: var(--sem-purple);
  }
  .sem-card-3 .sem-badge {
    background: #fff1e7;
    color: #e8732b;
  }
  .sem-card-copy {
    color: var(--sem-ink) !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: calc(8px * var(--sem-cu)) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
  }
  @keyframes semDash {
    to {
      stroke-dashoffset: -180;
    }
  }
  @keyframes semAttack {
    0% {
      stroke-dashoffset: 620;
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    42%,
    80% {
      stroke-dashoffset: 0;
      opacity: 1;
    }
    100% {
      stroke-dashoffset: 0;
      opacity: 0;
    }
  }
  @keyframes semPulse {
    0%,
    100% {
      opacity: 0.7;
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes semRing {
    from {
      transform: scale(0.5);
      opacity: 0.9;
    }
    to {
      transform: scale(2.4);
      opacity: 0;
    }
  }
  @keyframes semCardFloat {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-2px);
    }
  }
  @media (min-width: 801px) {
    .sem-visual {
      --sem-u: 1.4;
    }
  }
  @media (min-width: 1200px) {
    .sem-visual {
      --sem-u: 1.46;
    }
  }
  @media (min-width: 1440px) {
    .sem-visual {
      --sem-u: 1.52;
    }
  }
  @media (max-width: 800px) {
    .sem-hero-copy {
      text-align: center;
    }
    .sem-hero-copy #hero-title {
      margin-inline: auto;
    }
    .sem-hero-copy .hero-ctas {
      align-items: center;
      justify-content: center;
    }
    .sem-visual {
      margin-inline: auto;
      max-width: 100%;
    }
  }
  @media (max-width: 360px) {
    .sem-visual {
      --sem-u: 0.85;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .sem-visual * {
      animation: none !important;
    }
    .sem-visual .sem-attack {
      stroke-dashoffset: 0;
      opacity: 1;
    }
  }
  .logo-marquee {
    display: flex;
    width: max-content;
    gap: 80px;
    animation: logo-marquee-scroll 40s linear infinite;
  }
  .logo-marquee > div img {
    opacity: 0.5;
    filter: grayscale(100%) brightness(1.55) sepia(0.1) hue-rotate(215deg) saturate(0.45);
    transition: filter 0.3s ease, opacity 0.3s ease;
  }
  .logo-marquee > div:hover img {
    opacity: 1;
    filter: grayscale(0%) brightness(1) sepia(0) hue-rotate(0deg) saturate(1);
  }
  .logo-marquee:hover {
    animation-play-state: paused;
  }
  @keyframes logo-marquee-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-50% - 40px));
    }
  }
  .tab-progress {
    width: 0;
    height: 2px;
    background: var(--color-primary-strong);
  }
  .tab-progress.is-progressing {
    width: 100%;
    transition: width 10s linear;
  }
  .bg-gradient-tab-panel {
    background-image: linear-gradient(180deg, #6652ff 0%, #cdd0fb 100%);
  }
  .bg-gradient-feature-card-ai {
    background-image: linear-gradient(180deg, #cdd0fb 0%, #e8e9ff 100%);
  }
  .bg-gradient-use-cases {
    background-image: linear-gradient(110.87deg, #f7f9fc 51.846%, #e5e6ff 67.577%);
  }
  .bg-feature-card-third-party {
    background: radial-gradient(ellipse 80% 80% at 100% 100%, rgba(173,163,255,0.82) 0%, rgba(173,163,255,0) 100%),
      radial-gradient(ellipse 80% 80% at 0% 0%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 100%),
      #e8e9ff;
  }
  .bg-feature-card-security {
    background: radial-gradient(ellipse 80% 80% at 0% 50%, rgba(173,163,255,0.82) 0%, rgba(173,163,255,0) 100%),
      radial-gradient(ellipse 80% 80% at 100% 0%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 100%),
      #e8e9ff;
  }
  .bg-manifesto-card {
    background: radial-gradient(ellipse 60% 50% at 100% 100%, rgba(173,163,255,0.5) 0%, rgba(173,163,255,0) 100%),
      radial-gradient(ellipse 80% 60% at 0% 50%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%),
      radial-gradient(ellipse 80% 80% at 100% 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%),
      #e8e9ff;
  }
  .manifesto-content strong {
    font-weight: 500;
  }
  .home-v2 h1 strong,
  .home-v2 h2 strong,
  .home-v2 h3 strong {
    background-image: linear-gradient(194deg, #F69CDE -2.25%, #6652FF 103.18%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--color-primary);
    font-weight: inherit;
  }
  .flip-card {
    perspective: 1000px;
    cursor: pointer;
  }
  .flip-card-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card-front,
  .flip-card-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .flip-card-back {
    transform: rotateY(180deg);
  }
  .testimonials-viewport[data-enhanced] {
    overflow: hidden;
  }
  .testimonials-viewport[data-enhanced] .testimonials-track {
    transition: transform 0.5s ease-out;
    will-change: transform;
  }
  .testimonials-viewport[data-enhanced] {
    scrollbar-width: none;
  }
  .testimonials-viewport[data-enhanced]::-webkit-scrollbar {
    display: none;
  }
  .bg-gradient-hero {
    background-image: linear-gradient(178.8deg, #f2f4f9 57.877%, #ffffff 98.683%);
  }
  .bg-gradient-promoblocks {
    background-image: radial-gradient(ellipse 60% 70% at 0% 0%, rgba(244,185,233,0.4) 0%, rgba(173,134,244,0.2) 45%, rgba(102,82,255,0) 78%),
      linear-gradient(126.23deg, #f7f9fc 68.27%, #cdd0fb 99.23%);
  }
  .bg-gradient-flip-verso {
    background-image: linear-gradient(204.77deg, #7c6cff 20.75%, #b186fc 103%);
  }
  .bg-gradient-pin {
    background-image: linear-gradient(133.7deg, #6652ff 44%, #f4b9e9 134%);
  }
  .bg-gradient-ellipse {
    background-image: linear-gradient(220deg, rgba(31,10,185,1) -80.88%, rgba(124,108,255,1) 88.08%);
  }
  .bg-gradient-industries {
    background-image: linear-gradient(127.64deg, #f7f9fc 22.21%, #cdd0fb 82.59%);
  }
  .bg-gradient-diagram {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 42%),
      radial-gradient(58% 68% at 50% 52%, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0) 72%),
      linear-gradient(180deg, #dcdffd 0%, #7d7afd 100%);
  }
  .bg-evidence-card {
    background: radial-gradient(ellipse 80% 80% at 100% 100%, rgba(173,163,255,0.82) 0%, rgba(173,163,255,0) 100%),
      radial-gradient(ellipse 80% 80% at 0% 0%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 100%),
      #e8e9ff;
  }
  .bg-gradient-security-bottom {
    background-image: linear-gradient(168deg, #f7f9fc 60.44%, #e5e6ff 87.75%);
  }
  .bg-gradient-solutions-hero {
    background: radial-gradient(90.02% 77.42% at 80.14% 123.96%, #fff 56.49%, rgba(255,255,255,0) 100%),
      radial-gradient(85.92% 115.77% at -24.17% 58.93%, #fff 7.45%, rgba(255,255,255,0) 100%),
      radial-gradient(52.66% 52.53% at 47.22% 20.67%, #cdd0fb 9.12%, rgba(244,239,253,0) 93.02%),
      radial-gradient(18.11% 28.71% at 0% 114.06%, rgba(246,156,222,0.2) 24.55%, rgba(102,82,255,0.2) 100%),
      url('/themes/custom/panop/assets/images/solutions-hero-bg.png') 50% / cover no-repeat,
      radial-gradient(54.52% 47.59% at 105.69% -8.73%, #f69cde 0%, #cccffb 100%);
    background-blend-mode: normal, normal, normal, normal, multiply, normal;
  }
  @media (min-width: 900px) {
    .bg-gradient-solutions-hero {
      background: radial-gradient(83.43% 121.59% at 80.14% 123.96%, #fff 56.49%, rgba(255,255,255,0) 100%),
        radial-gradient(129.7% 63.9% at 3.89% 9.58%, #fff 28.81%, rgba(255,255,255,0) 100%),
        radial-gradient(91.69% 122.07% at 25% 100%, #6652ff 9.12%, rgba(124,108,255,0.1) 93.02%),
        radial-gradient(52.66% 52.53% at 47.22% 20.67%, #cdd0fb 9.12%, rgba(244,239,253,0) 93.02%),
        radial-gradient(18.11% 28.71% at 0% 114.06%, rgba(246,156,222,0.2) 24.55%, rgba(102,82,255,0.2) 100%),
        url('/themes/custom/panop/assets/images/solutions-hero-bg.png') 50% / cover no-repeat,
        radial-gradient(54.52% 47.59% at 105.69% -8.73%, #f69cde 0%, #cccffb 100%);
      background-blend-mode: normal, normal, normal, normal, normal, multiply, normal;
    }
  }
  .text-gradient-accent {
    background-image: linear-gradient(90deg, #6652ff 0%, #935bf2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .bg-gradient-solutions-hero h1 strong {
    color: var(--color-primary-strong);
    background-image: linear-gradient(90deg, #6652ff 0%, #935bf2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: inherit;
  }
  .bg-gradient-level-overlay {
    background-image: linear-gradient(-5.42deg, #3e4bb5 5.56%, rgba(124,108,255,0) 91.88%);
  }
  .bg-gradient-footer {
    background-image: linear-gradient(0deg, rgba(255,255,255,0.01), rgba(255,255,255,0.01)),
      linear-gradient(20.21deg, #aca2fe -66.68%, #5d5cda 53.2%);
  }
  .v2 .corporate-intro h1 strong {
    color: var(--color-primary);
    background-image: linear-gradient(182.37deg, #f69cde 2.25%, #6652ff 103.18%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .v2 .corporate-founder-statement blockquote strong {
    color: var(--color-primary);
    background-image: linear-gradient(to right, #6652ff 34.137%, #cf8ec3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .mask-fade-r {
    -webkit-mask-image: linear-gradient(to right, black 0%, black 60%, transparent 100%);
    mask-image: linear-gradient(to right, black 0%, black 60%, transparent 100%);
  }
  .mask-fade-b {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 55%, transparent 95%);
    mask-image: linear-gradient(to bottom, black 0%, black 55%, transparent 95%);
  }
}
.unstyled-content,
.unstyled-content * {
  all: revert;
}
.unstyled-content {
  padding: 1rem;
}
@media (min-width: 900px) {
  .hero-icon-shift {
    transform: translateX(min(calc(50vw - 718.5px), calc(25vw - 358.5px)));
    width: clamp(200px, calc((100vw - 900px) * 0.357 + 200px), 275px);
  }
}
@media (min-width: 1280px) {
  .footer-column > *:not(summary) {
    display: block !important;
  }
  .footer-column.accordion-animate::details-content {
    block-size: auto;
  }
}
:root {
  interpolate-size: allow-keywords;
}
.accordion-animate::details-content {
  block-size: 0;
  overflow: clip;
  transition: block-size 0.28s ease, content-visibility 0.28s allow-discrete;
}
.accordion-animate[open]::details-content {
  block-size: auto;
}
.footer-no-anim .accordion-animate::details-content {
  transition: none;
}
@media (max-width: 1279.98px) {
  .footer-subgroup.accordion-animate::details-content {
    block-size: auto;
  }
}
.klaro-theme-panop {
  --font-family: "Inter", system-ui, sans-serif;
  --title-font-family: "Inter", system-ui, sans-serif;
  --font-size: 15px;
  --klaro-primary-color: #6652ff;
  --green1: #6652ff;
  --green2: #6652ff;
  --green3: #6652ff;
  --klaro-button-bg: #6652ff;
  --klaro-button-text-color: #fff;
  --klaro-button-border: 1.5px solid #6652ff;
  --klaro-button-border-radius: 30px;
  --klaro-button-padding: 11px 26px;
  --klaro-button-font-weight: 600;
  --klaro-button-bg-hover: rgba(102, 82, 255, 0.82);
  --klaro-button-text-color-hover: #fff;
  --klaro-button-border-hover: 1.5px solid rgba(102, 82, 255, 0.82);
  --klaro-slider-bg-active: #6652ff;
  --klaro-slider-bg-required: #6652ff;
}
.klaro-theme-panop .cookie-notice:not(.cookie-modal-notice) {
  background: #fff;
  color: var(--color-black-blue, #20304f);
  font-family: "Inter", system-ui, sans-serif;
  border: 1px solid #ececff;
  border-radius: 16px;
  box-shadow: 0 12px 44px rgba(18, 40, 95, 0.18);
  max-width: 440px;
}
.klaro-theme-panop .cookie-modal .cm-modal {
  font-family: "Inter", system-ui, sans-serif;
  border-radius: 16px;
  overflow: hidden;
}
.klaro-theme-panop h1.title {
  color: var(--color-black-blue, #20304f);
  font-weight: 700;
  font-size: 18px;
}
.klaro-theme-panop .cn-body p,
.klaro-theme-panop .cm-modal .cm-body p {
  color: var(--color-text-muted, #6b7280);
}
.klaro-theme-panop .cookie-notice .cm-btn.cn-decline,
.klaro-theme-panop .cookie-notice .cm-btn.cm-btn-danger,
.klaro-theme-panop .cookie-modal .cm-btn.cn-decline,
.klaro-theme-panop .cookie-modal .cm-btn.cm-btn-danger {
  background: #fff;
  color: #6652ff;
  border: 1.5px solid #6652ff;
}
.klaro-theme-panop .cookie-notice .cm-btn.cn-decline:hover,
.klaro-theme-panop .cookie-notice .cm-btn.cm-btn-danger:hover,
.klaro-theme-panop .cookie-modal .cm-btn.cn-decline:hover,
.klaro-theme-panop .cookie-modal .cm-btn.cm-btn-danger:hover {
  background: #6652ff;
  color: #fff;
}
.klaro.learn-more-as-button.klaro-theme-panop .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  color: var(--color-text-muted, #6b7280);
  text-decoration: underline;
  font-weight: 500;
}
.klaro.learn-more-as-button.klaro-theme-panop .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:hover {
  background: transparent;
  color: #6652ff;
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus-within {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}
:root {
  --header-h: 72px;
}
@media (min-width: 1280px) {
  :root {
    --header-h: 80px;
  }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h) + 16px);
}
@media (max-width: 1023.98px) {
  body:has(details[data-toc-dropdown][open]) {
    overflow: hidden;
  }
}
.toc-panel-scroll {
  scrollbar-width: none;
}
.toc-panel-scroll::-webkit-scrollbar {
  display: none;
}
.fp-prose ul:not([class]),
.fp-prose ol:not([class]) {
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fp-prose ul:not([class]) {
  list-style: disc;
}
.fp-prose ol:not([class]) {
  list-style: decimal;
}
.fp-prose ul:not([class]) > li,
.fp-prose ol:not([class]) > li {
  list-style-position: outside;
}
.fp-rte ul:not([class]) {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  padding-left: 0;
}
.fp-rte ul:not([class]) > li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fp-rte ul:not([class]) > li::before {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: url('/themes/custom/panop/assets/images/icon-check-circle.svg') center / contain no-repeat;
}
main {
  padding-top: var(--header-h);
}
.bleed-under-header {
  margin-top: calc(-1 * var(--header-h));
  padding-top: var(--header-h);
}
[data-header] {
  top: var(--gin-toolbar-y-offset, var(--drupal-displace-offset-top, 0px));
}
.gin-secondary-toolbar.gin-secondary-toolbar--frontend {
  margin-top: var(--header-h);
  z-index: 30;
}
[data-header]:has([data-mobile-panel].is-open) {
  z-index: 2000;
}
@media (min-width: 1280px) {
  .header-band {
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
  }
}
[data-mobile-panel] {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
[data-mobile-panel].is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.dropdown-panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-trigger svg {
  transition: transform .2s ease;
}
.dropdown-trigger[aria-expanded="true"] {
  color: var(--color-primary);
}
.dropdown-trigger[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
@layer components {
  .bg-gradient-legal-hero {
    background: radial-gradient(60% 75% at 50% -5%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 60%),
      radial-gradient(55% 80% at 100% 125%, #6652ff 0%, rgba(124, 108, 255, 0) 70%),
      linear-gradient(205deg, #fbf7ff 21%, #cccffb 89%);
  }
  .legal-prose {
    color: var(--color-text-muted);
    font-size: 1rem;
    line-height: 1.6;
  }
  .legal-prose > :first-child {
    margin-top: 0;
  }
  .legal-prose h2 {
    margin-top: 3.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-black-blue);
  }
  .legal-prose h3 {
    margin-top: 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-black-blue);
  }
  .legal-prose p {
    margin-top: 1.25rem;
  }
  .legal-prose ul,
  .legal-prose ol {
    margin-top: 1.25rem;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .legal-prose ul {
    list-style: disc;
  }
  .legal-prose ol {
    list-style: decimal;
  }
  .legal-prose a {
    color: var(--color-primary-strong);
    text-decoration: underline;
  }
  .legal-prose strong {
    font-weight: 600;
    color: var(--color-black-blue);
  }
  .legal-prose .legal-meta {
    margin-top: 2rem;
    font-size: 0.875rem;
    font-style: italic;
    color: var(--color-text-muted);
  }
  .legal-closing a {
    color: var(--color-primary-strong);
    text-decoration: underline;
  }
}
@media (min-width: 768px) {
  .legal-prose h2 {
    font-size: 2rem;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-outline-style: solid;
    }
  }
}