@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400&family=Noto+Sans+JP:wght@300;400;500;700&family=Roboto+Mono:wght@400;500;700&display=swap";
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after,::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-duration:initial;
      --tw-ease:initial
    }
  }
}

@layer theme {
  :root,:host {
    --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-md:28rem;
    --container-3xl:48rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1 / .75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25 / .875);
    --text-base:1rem;
    --text-base--line-height: 1.5 ;
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75 / 1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75 / 1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2 / 1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height: 1.2 ;
    --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-normal:0em;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-in-out:cubic-bezier(.4, 0, .2, 1);
    --aspect-video:16 / 9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }
}

@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }

  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }

  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }

  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }

  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }

  b,strong {
    font-weight:bolder
  }

  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }

  small {
    font-size:80%
  }

  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }

  sub {
    bottom:-.25em
  }

  sup {
    top:-.5em
  }

  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }

  :-moz-focusring {
    outline:auto
  }

  progress {
    vertical-align:baseline
  }

  summary {
    display:list-item
  }

  ol,ul,menu {
    list-style:none
  }

  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }

  img,video {
    max-width:100%;
    height:auto
  }

  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }

  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }

  ::file-selector-button {
    margin-inline-end:4px
  }

  ::placeholder {
    opacity:1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }

    @supports (color:color-mix(in lab,red,red)) {
      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }

  textarea {
    resize:vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance:none
  }

  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }

  ::-webkit-datetime-edit {
    display:inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }

  ::-webkit-datetime-edit {
    padding-block:0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }

  ::-webkit-calendar-picker-indicator {
    line-height:1
  }

  :-moz-ui-invalid {
    box-shadow:none
  }

  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button
  }

  ::file-selector-button {
    appearance:button
  }

  ::-webkit-inner-spin-button {
    height:auto
  }

  ::-webkit-outer-spin-button {
    height:auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }

  img {
    max-width:100%;
    height:auto;
    display:block
  }
}

@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events:none
  }

  .collapse {
    visibility:collapse
  }

  .visible {
    visibility:visible
  }

  .absolute {
    position:absolute
  }

  .fixed {
    position:fixed
  }

  .relative {
    position:relative
  }

  .static {
    position:static
  }

  .sticky {
    position:sticky
  }

  .inset-0 {
    inset:calc(var(--spacing) * 0)
  }

  .inset-x-0 {
    inset-inline:calc(var(--spacing) * 0)
  }

  .inset-y-0 {
    inset-block:calc(var(--spacing) * 0)
  }

  .start {
    inset-inline-start:var(--spacing)
  }

  .end {
    inset-inline-end:var(--spacing)
  }

  .-top-1 {
    top:calc(var(--spacing) * -1)
  }

  .-top-\[7px\] {
    top:-7px
  }

  .-top-\[22px\] {
    top:-22px
  }

  .-top-\[26px\] {
    top:-26px
  }

  .top-0 {
    top:calc(var(--spacing) * 0)
  }

  .top-1\/2 {
    top:50%
  }

  .top-3 {
    top:calc(var(--spacing) * 3)
  }

  .top-4 {
    top:calc(var(--spacing) * 4)
  }

  .top-6 {
    top:calc(var(--spacing) * 6)
  }

  .top-\[-5\%\] {
    top:-5%
  }

  .top-\[3px\] {
    top:3px
  }

  .top-px {
    top:1px
  }

  .-right-1 {
    right:calc(var(--spacing) * -1)
  }

  .right-0 {
    right:calc(var(--spacing) * 0)
  }

  .right-3 {
    right:calc(var(--spacing) * 3)
  }

  .right-4 {
    right:calc(var(--spacing) * 4)
  }

  .right-5 {
    right:calc(var(--spacing) * 5)
  }

  .right-\[-8px\] {
    right:-8px
  }

  .right-\[-12px\] {
    right:-12px
  }

  .right-\[-26\%\] {
    right:-26%
  }

  .bottom-0 {
    bottom:calc(var(--spacing) * 0)
  }

  .bottom-4 {
    bottom:calc(var(--spacing) * 4)
  }

  .bottom-\[-6px\] {
    bottom:-6px
  }

  .left-0 {
    left:calc(var(--spacing) * 0)
  }

  .left-1\/2 {
    left:50%
  }

  .left-2 {
    left:calc(var(--spacing) * 2)
  }

  .left-3 {
    left:calc(var(--spacing) * 3)
  }

  .left-4 {
    left:calc(var(--spacing) * 4)
  }

  .left-\[-26\%\] {
    left:-26%
  }

  .isolate {
    isolation:isolate
  }

  .z-10 {
    z-index:10
  }

  .z-20 {
    z-index:20
  }

  .z-40 {
    z-index:40
  }

  .z-50 {
    z-index:50
  }

  .z-\[80\] {
    z-index:80
  }

  .order-1 {
    order:1
  }

  .order-2 {
    order:2
  }

  .order-3 {
    order:3
  }

  .container {
    width:100%
  }

  @media(min-width:40rem) {
    .container {
      max-width:40rem
    }
  }

  @media(min-width:48rem) {
    .container {
      max-width:48rem
    }
  }

  @media(min-width:64rem) {
    .container {
      max-width:64rem
    }
  }

  @media(min-width:80rem) {
    .container {
      max-width:80rem
    }
  }

  @media(min-width:96rem) {
    .container {
      max-width:96rem
    }
  }

  .m-0 {
    margin:calc(var(--spacing) * 0)
  }

  .mx-4 {
    margin-inline:calc(var(--spacing) * 4)
  }

  .mx-auto {
    margin-inline:auto
  }

  .my-4 {
    margin-block:calc(var(--spacing) * 4)
  }

  .-mt-1 {
    margin-top:calc(var(--spacing) * -1)
  }

  .-mt-2 {
    margin-top:calc(var(--spacing) * -2)
  }

  .mt-0\.5 {
    margin-top:calc(var(--spacing) * .5)
  }

  .mt-1 {
    margin-top:calc(var(--spacing) * 1)
  }

  .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-12 {
    margin-top:calc(var(--spacing) * 12)
  }

  .mt-28 {
    margin-top:calc(var(--spacing) * 28)
  }

  .mt-\[44px\] {
    margin-top:44px
  }

  .mr-2 {
    margin-right:calc(var(--spacing) * 2)
  }

  .mb-0 {
    margin-bottom:calc(var(--spacing) * 0)
  }

  .mb-1 {
    margin-bottom:calc(var(--spacing) * 1)
  }

  .mb-2 {
    margin-bottom:calc(var(--spacing) * 2)
  }

  .mb-3 {
    margin-bottom:calc(var(--spacing) * 3)
  }

  .mb-4 {
    margin-bottom:calc(var(--spacing) * 4)
  }

  .mb-5 {
    margin-bottom:calc(var(--spacing) * 5)
  }

  .mb-6 {
    margin-bottom:calc(var(--spacing) * 6)
  }

  .mb-7 {
    margin-bottom:calc(var(--spacing) * 7)
  }

  .mb-8 {
    margin-bottom:calc(var(--spacing) * 8)
  }

  .mb-10 {
    margin-bottom:calc(var(--spacing) * 10)
  }

  .mb-12 {
    margin-bottom:calc(var(--spacing) * 12)
  }

  .mb-14 {
    margin-bottom:calc(var(--spacing) * 14)
  }

  .mb-16 {
    margin-bottom:calc(var(--spacing) * 16)
  }

  .ml-1 {
    margin-left:calc(var(--spacing) * 1)
  }

  .ml-3 {
    margin-left:calc(var(--spacing) * 3)
  }

  .block {
    display:block
  }

  .contents {
    display:contents
  }

  .flex {
    display:flex
  }

  .grid {
    display:grid
  }

  .hidden {
    display:none
  }

  .inline {
    display:inline
  }

  .inline-block {
    display:inline-block
  }

  .inline-flex {
    display:inline-flex
  }

  .table {
    display:table
  }

  .aspect-\[16\/9\] {
    aspect-ratio:16/9
  }

  .aspect-video {
    aspect-ratio:var(--aspect-video)
  }

  .h-1 {
    height:calc(var(--spacing) * 1)
  }

  .h-1\.5 {
    height:calc(var(--spacing) * 1.5)
  }

  .h-2 {
    height:calc(var(--spacing) * 2)
  }

  .h-3\.5 {
    height:calc(var(--spacing) * 3.5)
  }

  .h-4 {
    height:calc(var(--spacing) * 4)
  }

  .h-5 {
    height:calc(var(--spacing) * 5)
  }

  .h-6 {
    height:calc(var(--spacing) * 6)
  }

  .h-7 {
    height:calc(var(--spacing) * 7)
  }

  .h-8 {
    height:calc(var(--spacing) * 8)
  }

  .h-9 {
    height:calc(var(--spacing) * 9)
  }

  .h-11 {
    height:calc(var(--spacing) * 11)
  }

  .h-14 {
    height:calc(var(--spacing) * 14)
  }

  .h-\[0\.9em\] {
    height:.9em
  }

  .h-\[4px\] {
    height:4px
  }

  .h-\[10px\] {
    height:10px
  }

  .h-\[17px\] {
    height:17px
  }

  .h-\[18px\] {
    height:18px
  }

  .h-\[22px\] {
    height:22px
  }

  .h-\[23px\] {
    height:23px
  }

  .h-\[24px\] {
    height:24px
  }

  .h-\[32px\] {
    height:32px
  }

  .h-\[38px\] {
    height:38px
  }

  .h-\[48px\] {
    height:48px
  }

  .h-\[54px\] {
    height:54px
  }

  .h-\[56px\] {
    height:56px
  }

  .h-\[72px\] {
    height:72px
  }

  .h-\[88px\] {
    height:88px
  }

  .h-\[96px\] {
    height:96px
  }

  .h-\[110\%\] {
    height:110%
  }

  .h-\[130vh\] {
    height:130vh
  }

  .h-\[140px\] {
    height:140px
  }

  .h-\[200px\] {
    height:200px
  }

  .h-\[236px\] {
    height:236px
  }

  .h-full {
    height:100%
  }

  .max-h-\[120px\] {
    max-height:120px
  }

  .min-h-11 {
    min-height:calc(var(--spacing) * 11)
  }

  .min-h-\[32px\] {
    min-height:32px
  }

  .min-h-\[72px\] {
    min-height:72px
  }

  .min-h-\[92px\] {
    min-height:92px
  }

  .min-h-\[112px\] {
    min-height:112px
  }

  .min-h-\[260px\] {
    min-height:260px
  }

  .min-h-screen {
    min-height:100vh
  }

  .w-2 {
    width:calc(var(--spacing) * 2)
  }

  .w-3\.5 {
    width:calc(var(--spacing) * 3.5)
  }

  .w-4 {
    width:calc(var(--spacing) * 4)
  }

  .w-5 {
    width:calc(var(--spacing) * 5)
  }

  .w-6 {
    width:calc(var(--spacing) * 6)
  }

  .w-7 {
    width:calc(var(--spacing) * 7)
  }

  .w-8 {
    width:calc(var(--spacing) * 8)
  }

  .w-9 {
    width:calc(var(--spacing) * 9)
  }

  .w-11 {
    width:calc(var(--spacing) * 11)
  }

  .w-12 {
    width:calc(var(--spacing) * 12)
  }

  .w-16 {
    width:calc(var(--spacing) * 16)
  }

  .w-24 {
    width:calc(var(--spacing) * 24)
  }

  .w-60 {
    width:calc(var(--spacing) * 60)
  }

  .w-\[3px\] {
    width:3px
  }

  .w-\[18px\] {
    width:18px
  }

  .w-\[22\%\] {
    width:22%
  }

  .w-\[24px\] {
    width:24px
  }

  .w-\[32\%\] {
    width:32%
  }

  .w-\[34\%\] {
    width:34%
  }

  .w-\[46\%\] {
    width:46%
  }

  .w-\[48\%\] {
    width:48%
  }

  .w-\[52\%\] {
    width:52%
  }

  .w-\[54px\] {
    width:54px
  }

  .w-\[64\%\] {
    width:64%
  }

  .w-\[80vw\] {
    width:80vw
  }

  .w-\[92px\] {
    width:92px
  }

  .w-\[94\%\] {
    width:94%
  }

  .w-\[96px\] {
    width:96px
  }

  .w-\[113px\] {
    width:113px
  }

  .w-\[138px\] {
    width:138px
  }

  .w-\[168px\] {
    width:168px
  }

  .w-\[252px\] {
    width:252px
  }

  .w-auto {
    width:auto
  }

  .w-fit {
    width:fit-content
  }

  .w-full {
    width:100%
  }

  .w-px {
    width:1px
  }

  .max-w-3xl {
    max-width:var(--container-3xl)
  }

  .max-w-\[82\%\] {
    max-width:82%
  }

  .max-w-\[160px\] {
    max-width:160px
  }

  .max-w-\[360px\] {
    max-width:360px
  }

  .max-w-\[520px\] {
    max-width:520px
  }

  .max-w-\[540px\] {
    max-width:540px
  }

  .max-w-\[760px\] {
    max-width:760px
  }

  .max-w-\[857px\] {
    max-width:857px
  }

  .max-w-\[860px\] {
    max-width:860px
  }

  .max-w-\[1120px\] {
    max-width:1120px
  }

  .max-w-\[1376px\] {
    max-width:1376px
  }

  .max-w-full {
    max-width:100%
  }

  .max-w-md {
    max-width:var(--container-md)
  }

  .max-w-none {
    max-width:none
  }

  .min-w-0 {
    min-width:calc(var(--spacing) * 0)
  }

  .min-w-7 {
    min-width:calc(var(--spacing) * 7)
  }

  .flex-1 {
    flex:1
  }

  .flex-shrink {
    flex-shrink:1
  }

  .flex-shrink-0,.shrink-0 {
    flex-shrink:0
  }

  .basis-full {
    flex-basis:100%
  }

  .origin-top-left {
    transform-origin:0 0
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50% ;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-0\.5 {
    --tw-translate-y:calc(var(--spacing) * -.5);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50% ;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-1\.5 {
    --tw-translate-y:calc(var(--spacing) * 1.5);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-4 {
    --tw-translate-y:calc(var(--spacing) * 4);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-\[0\.03em\] {
    --tw-translate-y:.03em;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-\[3px\] {
    --tw-translate-y:3px;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }

  .scale-\[1\.03\] {
    scale:1.03
  }

  .rotate-45 {
    rotate:45deg
  }

  .rotate-90 {
    rotate:90deg
  }

  .skew-x-\[-10deg\] {
    --tw-skew-x:skewX(-10deg);
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }

  .skew-x-\[10deg\] {
    --tw-skew-x:skewX(10deg);
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }

  .transform {
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }

  .cursor-pointer {
    cursor:pointer
  }

  .resize {
    resize:both
  }

  .scroll-mt-20 {
    scroll-margin-top:calc(var(--spacing) * 20)
  }

  .scroll-mt-24 {
    scroll-margin-top:calc(var(--spacing) * 24)
  }

  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns:auto 1fr
  }

  .flex-col {
    flex-direction:column
  }

  .flex-col-reverse {
    flex-direction:column-reverse
  }

  .flex-nowrap {
    flex-wrap:nowrap
  }

  .flex-wrap {
    flex-wrap:wrap
  }

  .items-baseline {
    align-items:baseline
  }

  .items-center {
    align-items:center
  }

  .items-end {
    align-items:flex-end
  }

  .items-start {
    align-items:flex-start
  }

  .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:calc(var(--spacing) * 0)
  }

  .gap-0\.5 {
    gap:calc(var(--spacing) * .5)
  }

  .gap-1 {
    gap:calc(var(--spacing) * 1)
  }

  .gap-1\.5 {
    gap:calc(var(--spacing) * 1.5)
  }

  .gap-2 {
    gap:calc(var(--spacing) * 2)
  }

  .gap-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-16 {
    gap:calc(var(--spacing) * 16)
  }

  .gap-\[5px\] {
    gap:5px
  }

  .gap-x-1 {
    column-gap:calc(var(--spacing) * 1)
  }

  .gap-x-1\.5 {
    column-gap:calc(var(--spacing) * 1.5)
  }

  .gap-x-2 {
    column-gap:calc(var(--spacing) * 2)
  }

  .gap-x-3 {
    column-gap:calc(var(--spacing) * 3)
  }

  .gap-x-4 {
    column-gap:calc(var(--spacing) * 4)
  }

  .gap-x-5 {
    column-gap:calc(var(--spacing) * 5)
  }

  .gap-x-6 {
    column-gap:calc(var(--spacing) * 6)
  }

  .gap-y-0\.5 {
    row-gap:calc(var(--spacing) * .5)
  }

  .gap-y-1 {
    row-gap:calc(var(--spacing) * 1)
  }

  .gap-y-1\.5 {
    row-gap:calc(var(--spacing) * 1.5)
  }

  .gap-y-2 {
    row-gap:calc(var(--spacing) * 2)
  }

  .gap-y-3 {
    row-gap:calc(var(--spacing) * 3)
  }

  .gap-y-5 {
    row-gap:calc(var(--spacing) * 5)
  }

  .self-center {
    align-self:center
  }

  .self-stretch {
    align-self:stretch
  }

  .justify-self-center {
    justify-self:center
  }

  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }

  .overflow-hidden {
    overflow:hidden
  }

  .overflow-y-auto {
    overflow-y:auto
  }

  .rounded {
    border-radius:.25rem
  }

  .rounded-2xl {
    border-radius:var(--radius-2xl)
  }

  .rounded-\[4px\] {
    border-radius:4px
  }

  .rounded-\[8px\] {
    border-radius:8px
  }

  .rounded-\[9px\] {
    border-radius:9px
  }

  .rounded-\[10px\] {
    border-radius:10px
  }

  .rounded-full {
    border-radius:3.40282e38px
  }

  .rounded-lg {
    border-radius:var(--radius-lg)
  }

  .rounded-md {
    border-radius:var(--radius-md)
  }

  .rounded-sm {
    border-radius:var(--radius-sm)
  }

  .rounded-xl {
    border-radius:var(--radius-xl)
  }

  .rounded-l-lg {
    border-top-left-radius:var(--radius-lg);
    border-bottom-left-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-y {
    border-block-style:var(--tw-border-style);
    border-block-width:1px
  }

  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }

  .border-r {
    border-right-style:var(--tw-border-style);
    border-right-width:1px
  }

  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }

  .border-l {
    border-left-style:var(--tw-border-style);
    border-left-width:1px
  }

  .border-\[\#3c3c3c\] {
    border-color:#3c3c3c
  }

  .border-\[\#8fcaff\] {
    border-color:#8fcaff
  }

  .border-\[\#9bd8ff\] {
    border-color:#9bd8ff
  }

  .border-\[\#9be3ff\] {
    border-color:#9be3ff
  }

  .border-\[\#48c7ff\] {
    border-color:#48c7ff
  }

  .border-\[\#b9ddff\] {
    border-color:#b9ddff
  }

  .border-\[\#c7d2e0\] {
    border-color:#c7d2e0
  }

  .border-\[\#cfe7ff\] {
    border-color:#cfe7ff
  }

  .border-\[\#dce2eb\] {
    border-color:#dce2eb
  }

  .border-\[\#dce7f5\] {
    border-color:#dce7f5
  }

  .border-\[\#e1edf8\] {
    border-color:#e1edf8
  }

  .border-\[\#e3e6eb\] {
    border-color:#e3e6eb
  }

  .border-\[\#e3edf8\] {
    border-color:#e3edf8
  }

  .border-\[\#e4eaf3\] {
    border-color:#e4eaf3
  }

  .border-\[\#eee\] {
    border-color:#eee
  }

  .border-white\/10 {
    border-color:#ffffff1a
  }

  @supports (color:color-mix(in lab,red,red)) {
    .border-white\/10 {
      border-color:color-mix(in oklab,var(--color-white) 10%,transparent)
    }
  }

  .border-white\/12 {
    border-color:#ffffff1f
  }

  @supports (color:color-mix(in lab,red,red)) {
    .border-white\/12 {
      border-color:color-mix(in oklab,var(--color-white) 12%,transparent)
    }
  }

  .border-white\/25 {
    border-color:#ffffff40
  }

  @supports (color:color-mix(in lab,red,red)) {
    .border-white\/25 {
      border-color:color-mix(in oklab,var(--color-white) 25%,transparent)
    }
  }

  .bg-\[\#0c0c0c\] {
    background-color:#0c0c0c
  }

  .bg-\[\#111827\] {
    background-color:#111827
  }

  .bg-\[\#f0f8ff\] {
    background-color:#f0f8ff
  }

  .bg-\[\#f3f3f3\] {
    background-color:#f3f3f3
  }

  .bg-\[\#f5f9ff\] {
    background-color:#f5f9ff
  }

  .bg-\[\#f7f8fa\] {
    background-color:#f7f8fa
  }

  .bg-\[\#ffffff\] {
    background-color:#fff
  }

  .bg-black\/40 {
    background-color:#0006
  }

  @supports (color:color-mix(in lab,red,red)) {
    .bg-black\/40 {
      background-color:color-mix(in oklab,var(--color-black) 40%,transparent)
    }
  }

  .bg-white {
    background-color:var(--color-white)
  }

  .bg-white\/5 {
    background-color:#ffffff0d
  }

  @supports (color:color-mix(in lab,red,red)) {
    .bg-white\/5 {
      background-color:color-mix(in oklab,var(--color-white) 5%,transparent)
    }
  }

  .bg-white\/10 {
    background-color:#ffffff1a
  }

  @supports (color:color-mix(in lab,red,red)) {
    .bg-white\/10 {
      background-color:color-mix(in oklab,var(--color-white) 10%,transparent)
    }
  }

  .bg-white\/72 {
    background-color:#ffffffb8
  }

  @supports (color:color-mix(in lab,red,red)) {
    .bg-white\/72 {
      background-color:color-mix(in oklab,var(--color-white) 72%,transparent)
    }
  }

  .bg-\[linear-gradient\(90deg\,\#fff176_0\%\,\#ffd21f_62\%\,rgba\(255\,210\,31\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#fff176,#ffd21f 62%,#ffd21f00)
  }

  .bg-\[linear-gradient\(90deg\,\#fff176_0\%\,\#ffd21f_78\%\,rgba\(255\,210\,31\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#fff176,#ffd21f 78%,#ffd21f00)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(0\,18\,58\,0\.58\)_0\%\,rgba\(0\,18\,58\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#00123a94,#00123a00)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(0\,18\,58\,0\.78\)_0\%\,rgba\(0\,64\,152\,0\.52\)_46\%\,rgba\(0\,195\,255\,0\.42\)_100\%\)\] {
    background-image:linear-gradient(90deg,#00123ac7,#00409885 46%,#00c3ff6b)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(10\,10\,14\,0\)_0\%\,rgba\(16\,17\,22\,0\.72\)_78\%\,rgba\(16\,17\,22\,0\.98\)_100\%\)\] {
    background-image:linear-gradient(90deg,#0a0a0e00,#101116b8 78%,#101116fa)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.74\)_0\%\,rgba\(255\,255\,255\,0\.54\)_35\%\,rgba\(255\,255\,255\,0\.18\)_58\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#ffffffbd,#ffffff8a 35%,#ffffff2e 58%,#fff0)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.78\)_0\%\,rgba\(255\,255\,255\,0\.34\)_42\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#ffffffc7,#ffffff57 42%,#fff0)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.82\)_0\%\,rgba\(255\,255\,255\,0\.42\)_22\%\,rgba\(255\,255\,255\,0\.05\)_48\%\,rgba\(255\,255\,255\,0\)_76\%\)\] {
    background-image:linear-gradient(90deg,#ffffffd1,#ffffff6b 22%,#ffffff0d 48%,#fff0 76%)
  }

  .bg-\[linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.90\)_0\%\,rgba\(255\,255\,255\,0\.48\)_36\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
    background-image:linear-gradient(90deg,#ffffffe6,#ffffff7a 36%,#fff0)
  }

  .bg-\[linear-gradient\(135deg\,\#002a72_0\%\,\#0066cc_58\%\,\#00aeea_100\%\)\] {
    background-image:linear-gradient(135deg,#002a72,#06c 58%,#00aeea)
  }

  .bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f3f9ff_100\%\)\] {
    background-image:linear-gradient(135deg,#fff,#f3f9ff)
  }

  .bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f4fbff_52\%\,\#e5f6ff_100\%\)\] {
    background-image:linear-gradient(135deg,#fff,#f4fbff 52%,#e5f6ff)
  }

  .bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#fbfcfd_56\%\,\#f4f6f8_100\%\)\] {
    background-image:linear-gradient(135deg,#fff,#fbfcfd 56%,#f4f6f8)
  }

  .bg-\[linear-gradient\(135deg\,rgba\(0\,103\,210\,0\.22\)_0\%\,rgba\(0\,195\,255\,0\.16\)_100\%\)\] {
    background-image:linear-gradient(135deg,#0067d238,#00c3ff29)
  }

  .bg-\[linear-gradient\(180deg\,\#002a72_0\%\,\#0066cc_58\%\,\#00bfe8_100\%\)\] {
    background-image:linear-gradient(#002a72,#06c 58%,#00bfe8)
  }

  .bg-\[linear-gradient\(180deg\,\#8fcaff_0\%\,\#cfe7ff_100\%\)\] {
    background-image:linear-gradient(#8fcaff,#cfe7ff)
  }

  .bg-\[linear-gradient\(180deg\,\#07358f_0\%\,\#001b60_100\%\)\] {
    background-image:linear-gradient(#07358f,#001b60)
  }

  .bg-\[linear-gradient\(180deg\,\#c7d2e0_0\%\,\#dce2eb_100\%\)\] {
    background-image:linear-gradient(#c7d2e0,#dce2eb)
  }

  .bg-\[linear-gradient\(180deg\,\#ffffff_0\%\,\#f8fafc_100\%\)\] {
    background-image:linear-gradient(#fff,#f8fafc)
  }

  .bg-\[linear-gradient\(270deg\,rgba\(0\,195\,255\,0\.24\)_0\%\,rgba\(0\,195\,255\,0\)_100\%\)\] {
    background-image:linear-gradient(270deg,#00c3ff3d,#00c3ff00)
  }

  .bg-\[radial-gradient\(circle_at_18\%_50\%\,rgba\(255\,255\,255\,0\.42\)_0\%\,rgba\(255\,255\,255\,0\.12\)_34\%\,rgba\(255\,255\,255\,0\)_68\%\)\] {
    background-image:radial-gradient(circle at 18%,#ffffff6b,#ffffff1f,#fff0 68%)
  }

  .bg-\[radial-gradient\(circle_at_50\%_48\%\,rgba\(255\,255\,255\,0\.14\)_0\%\,rgba\(255\,255\,255\,0\.04\)_34\%\,rgba\(0\,18\,58\,0\.28\)_100\%\)\] {
    background-image:radial-gradient(circle at 50% 48%,#ffffff24,#ffffff0a 34%,#00123a47)
  }

  .bg-clip-text {
    -webkit-background-clip:text;
    background-clip:text
  }

  .object-contain {
    object-fit:contain
  }

  .object-cover {
    object-fit:cover
  }

  .object-center {
    object-position:center
  }

  .object-left {
    object-position:left
  }

  .p-1 {
    padding:calc(var(--spacing) * 1)
  }

  .p-2 {
    padding:calc(var(--spacing) * 2)
  }

  .p-3 {
    padding:calc(var(--spacing) * 3)
  }

  .p-4 {
    padding:calc(var(--spacing) * 4)
  }

  .p-5 {
    padding:calc(var(--spacing) * 5)
  }

  .p-6 {
    padding:calc(var(--spacing) * 6)
  }

  .p-\[1\.5px\] {
    padding:1.5px
  }

  .px-1 {
    padding-inline:calc(var(--spacing) * 1)
  }

  .px-2 {
    padding-inline:calc(var(--spacing) * 2)
  }

  .px-3 {
    padding-inline:calc(var(--spacing) * 3)
  }

  .px-4 {
    padding-inline:calc(var(--spacing) * 4)
  }

  .px-5 {
    padding-inline:calc(var(--spacing) * 5)
  }

  .px-6 {
    padding-inline:calc(var(--spacing) * 6)
  }

  .px-7 {
    padding-inline:calc(var(--spacing) * 7)
  }

  .py-0 {
    padding-block:calc(var(--spacing) * 0)
  }

  .py-0\.5 {
    padding-block:calc(var(--spacing) * .5)
  }

  .py-1 {
    padding-block:calc(var(--spacing) * 1)
  }

  .py-1\.5 {
    padding-block:calc(var(--spacing) * 1.5)
  }

  .py-2 {
    padding-block:calc(var(--spacing) * 2)
  }

  .py-2\.5 {
    padding-block:calc(var(--spacing) * 2.5)
  }

  .py-3 {
    padding-block:calc(var(--spacing) * 3)
  }

  .py-4 {
    padding-block:calc(var(--spacing) * 4)
  }

  .py-5 {
    padding-block:calc(var(--spacing) * 5)
  }

  .py-6 {
    padding-block:calc(var(--spacing) * 6)
  }

  .py-7 {
    padding-block:calc(var(--spacing) * 7)
  }

  .py-8 {
    padding-block:calc(var(--spacing) * 8)
  }

  .py-10 {
    padding-block:calc(var(--spacing) * 10)
  }

  .py-\[2px\] {
    padding-block:2px
  }

  .pt-0 {
    padding-top:calc(var(--spacing) * 0)
  }

  .pt-2 {
    padding-top:calc(var(--spacing) * 2)
  }

  .pt-3 {
    padding-top:calc(var(--spacing) * 3)
  }

  .pt-4 {
    padding-top:calc(var(--spacing) * 4)
  }

  .pt-5 {
    padding-top:calc(var(--spacing) * 5)
  }

  .pt-6 {
    padding-top:calc(var(--spacing) * 6)
  }

  .pt-8 {
    padding-top:calc(var(--spacing) * 8)
  }

  .pt-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)
  }

  .pr-2 {
    padding-right:calc(var(--spacing) * 2)
  }

  .pr-3 {
    padding-right:calc(var(--spacing) * 3)
  }

  .pr-4 {
    padding-right:calc(var(--spacing) * 4)
  }

  .pb-1\.5 {
    padding-bottom:calc(var(--spacing) * 1.5)
  }

  .pb-2 {
    padding-bottom:calc(var(--spacing) * 2)
  }

  .pb-3 {
    padding-bottom:calc(var(--spacing) * 3)
  }

  .pb-4 {
    padding-bottom:calc(var(--spacing) * 4)
  }

  .pb-5 {
    padding-bottom:calc(var(--spacing) * 5)
  }

  .pb-6 {
    padding-bottom:calc(var(--spacing) * 6)
  }

  .pb-10 {
    padding-bottom:calc(var(--spacing) * 10)
  }

  .pb-16 {
    padding-bottom:calc(var(--spacing) * 16)
  }

  .pb-20 {
    padding-bottom:calc(var(--spacing) * 20)
  }

  .pl-2 {
    padding-left:calc(var(--spacing) * 2)
  }

  .pl-4 {
    padding-left:calc(var(--spacing) * 4)
  }

  .pl-7 {
    padding-left:calc(var(--spacing) * 7)
  }

  .pl-9 {
    padding-left:calc(var(--spacing) * 9)
  }

  .text-center {
    text-align:center
  }

  .text-left {
    text-align:left
  }

  .text-right {
    text-align:right
  }

  .align-baseline {
    vertical-align:baseline
  }

  .text-2xl {
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height))
  }

  .text-base {
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }

  .text-lg {
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height))
  }

  .text-sm {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }

  .text-xl {
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height))
  }

  .text-xs {
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))
  }

  .text-\[0\.55em\] {
    font-size:.55em
  }

  .text-\[0\.72em\] {
    font-size:.72em
  }

  .text-\[1\.04em\] {
    font-size:1.04em
  }

  .text-\[10px\] {
    font-size:10px
  }

  .text-\[11px\] {
    font-size:11px
  }

  .text-\[12px\] {
    font-size:12px
  }

  .text-\[13px\] {
    font-size:13px
  }

  .text-\[14px\] {
    font-size:14px
  }

  .text-\[15px\] {
    font-size:15px
  }

  .text-\[16px\] {
    font-size:16px
  }

  .text-\[17px\] {
    font-size:17px
  }

  .text-\[18px\] {
    font-size:18px
  }

  .text-\[19px\] {
    font-size:19px
  }

  .text-\[20px\] {
    font-size:20px
  }

  .text-\[22px\] {
    font-size:22px
  }

  .text-\[23px\] {
    font-size:23px
  }

  .text-\[24px\] {
    font-size:24px
  }

  .text-\[28px\] {
    font-size:28px
  }

  .text-\[30px\] {
    font-size:30px
  }

  .text-\[31px\] {
    font-size:31px
  }

  .text-\[38px\] {
    font-size:38px
  }

  .text-\[40px\] {
    font-size:40px
  }

  .text-\[52px\] {
    font-size:52px
  }

  .text-\[56px\] {
    font-size:56px
  }

  .text-\[72px\] {
    font-size:72px
  }

  .text-\[clamp\(18px\,4\.2vw\,34px\)\] {
    font-size:clamp(18px,4.2vw,34px)
  }

  .text-\[clamp\(20px\,4\.7vw\,36px\)\] {
    font-size:clamp(20px,4.7vw,36px)
  }

  .text-\[clamp\(22px\,5\.2vw\,56px\)\] {
    font-size:clamp(22px,5.2vw,56px)
  }

  .text-\[clamp\(24px\,6\.5vw\,48px\)\] {
    font-size:clamp(24px,6.5vw,48px)
  }

  .text-\[clamp\(28px\,3\.1vw\,46px\)\] {
    font-size:clamp(28px,3.1vw,46px)
  }

  .text-\[clamp\(28px\,7vw\,64px\)\] {
    font-size:clamp(28px,7vw,64px)
  }

  .text-\[clamp\(34px\,7vw\,68px\)\] {
    font-size:clamp(34px,7vw,68px)
  }

  .text-\[clamp\(42px\,10vw\,86px\)\] {
    font-size:clamp(42px,10vw,86px)
  }

  .leading-\[0\.96\] {
    --tw-leading:.96;
    line-height:.96
  }

  .leading-\[1\.2\] {
    --tw-leading:1.2;
    line-height:1.2
  }

  .leading-\[1\.04\] {
    --tw-leading:1.04;
    line-height:1.04
  }

  .leading-\[1\.4\] {
    --tw-leading:1.4;
    line-height:1.4
  }

  .leading-\[1\.6\] {
    --tw-leading:1.6;
    line-height:1.6
  }

  .leading-\[1\.7\] {
    --tw-leading:1.7;
    line-height:1.7
  }

  .leading-\[1\.08\] {
    --tw-leading:1.08;
    line-height:1.08
  }

  .leading-\[1\.8\] {
    --tw-leading:1.8;
    line-height:1.8
  }

  .leading-\[1\.9\] {
    --tw-leading:1.9;
    line-height:1.9
  }

  .leading-\[1\.14\] {
    --tw-leading:1.14;
    line-height:1.14
  }

  .leading-\[1\.18\] {
    --tw-leading:1.18;
    line-height:1.18
  }

  .leading-\[1\.22\] {
    --tw-leading:1.22;
    line-height:1.22
  }

  .leading-\[1\.25\] {
    --tw-leading:1.25;
    line-height:1.25
  }

  .leading-\[1\.26\] {
    --tw-leading:1.26;
    line-height:1.26
  }

  .leading-\[1\.28\] {
    --tw-leading:1.28;
    line-height:1.28
  }

  .leading-\[1\.32\] {
    --tw-leading:1.32;
    line-height:1.32
  }

  .leading-\[1\.34\] {
    --tw-leading:1.34;
    line-height:1.34
  }

  .leading-\[1\.35\] {
    --tw-leading:1.35;
    line-height:1.35
  }

  .leading-\[1\.38\] {
    --tw-leading:1.38;
    line-height:1.38
  }

  .leading-\[1\.45\] {
    --tw-leading:1.45;
    line-height:1.45
  }

  .leading-\[1\.46\] {
    --tw-leading:1.46;
    line-height:1.46
  }

  .leading-none {
    --tw-leading:1;
    line-height:1
  }

  .font-black {
    --tw-font-weight:var(--font-weight-black);
    font-weight:var(--font-weight-black)
  }

  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }

  .font-extrabold {
    --tw-font-weight:var(--font-weight-extrabold);
    font-weight:var(--font-weight-extrabold)
  }

  .font-light {
    --tw-font-weight:var(--font-weight-light);
    font-weight:var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  .tracking-normal {
    --tw-tracking:var(--tracking-normal);
    letter-spacing:var(--tracking-normal)
  }

  .whitespace-nowrap {
    white-space:nowrap
  }

  .text-\[\#1f2937\] {
    color:#1f2937
  }

  .text-\[\#003db5\] {
    color:#003db5
  }

  .text-\[\#4b5563\] {
    color:#4b5563
  }

  .text-\[\#5d6b7b\] {
    color:#5d6b7b
  }

  .text-\[\#6b7280\] {
    color:#6b7280
  }

  .text-\[\#061b57\] {
    color:#061b57
  }

  .text-\[\#0066cc\] {
    color:#06c
  }

  .text-\[\#111\] {
    color:#111
  }

  .text-\[\#222\] {
    color:#222
  }

  .text-\[\#555\] {
    color:#555
  }

  .text-\[\#777\] {
    color:#777
  }

  .text-\[\#111827\] {
    color:#111827
  }

  .text-\[\#263445\] {
    color:#263445
  }

  .text-\[\#374151\] {
    color:#374151
  }

  .text-black {
    color:var(--color-black)
  }

  .text-transparent {
    color:#0000
  }

  .text-white {
    color:var(--color-white)
  }

  .text-white\/78 {
    color:#ffffffc7
  }

  @supports (color:color-mix(in lab,red,red)) {
    .text-white\/78 {
      color:color-mix(in oklab,var(--color-white) 78%,transparent)
    }
  }

  .text-white\/80 {
    color:#fffc
  }

  @supports (color:color-mix(in lab,red,red)) {
    .text-white\/80 {
      color:color-mix(in oklab,var(--color-white) 80%,transparent)
    }
  }

  .text-white\/82 {
    color:#ffffffd1
  }

  @supports (color:color-mix(in lab,red,red)) {
    .text-white\/82 {
      color:color-mix(in oklab,var(--color-white) 82%,transparent)
    }
  }

  .text-white\/85 {
    color:#ffffffd9
  }

  @supports (color:color-mix(in lab,red,red)) {
    .text-white\/85 {
      color:color-mix(in oklab,var(--color-white) 85%,transparent)
    }
  }

  .text-white\/88 {
    color:#ffffffe0
  }

  @supports (color:color-mix(in lab,red,red)) {
    .text-white\/88 {
      color:color-mix(in oklab,var(--color-white) 88%,transparent)
    }
  }

  .italic {
    font-style:italic
  }

  .underline {
    text-decoration-line:underline
  }

  .opacity-35 {
    opacity:.35
  }

  .opacity-40 {
    opacity:.4
  }

  .opacity-50 {
    opacity:.5
  }

  .opacity-75 {
    opacity:.75
  }

  .opacity-100 {
    opacity:1
  }

  .opacity-\[0\.9\] {
    opacity:.9
  }

  .opacity-\[0\.74\] {
    opacity:.74
  }

  .opacity-\[0\.78\] {
    opacity:.78
  }

  .mix-blend-overlay {
    mix-blend-mode:overlay
  }

  .shadow-\[0_4px_10px_rgba\(255\,210\,31\,0\.35\)\] {
    --tw-shadow:0 4px 10px var(--tw-shadow-color,#ffd21f59);
    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_8px_18px_rgba\(0\,42\,114\,0\.24\)\] {
    --tw-shadow:0 8px 18px var(--tw-shadow-color,#002a723d);
    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_10px_24px_rgba\(0\,103\,210\,0\.20\)\] {
    --tw-shadow:0 10px 24px var(--tw-shadow-color,#0067d233);
    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_10px_24px_rgba\(0\,103\,210\,0\.22\)\] {
    --tw-shadow:0 10px 24px var(--tw-shadow-color,#0067d238);
    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_14px_34px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow:0 14px 34px var(--tw-shadow-color,#0f172a14);
    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_18px_48px_rgba\(0\,103\,210\,0\.18\)\,0_0_0_6px_rgba\(0\,195\,255\,0\.06\)\] {
    --tw-shadow:0 18px 48px var(--tw-shadow-color,#0067d22e), 0 0 0 6px var(--tw-shadow-color,#00c3ff0f);
    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_18px_50px_rgba\(0\,42\,114\,0\.08\)\] {
    --tw-shadow:0 18px 50px var(--tw-shadow-color,#002a7214);
    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_18px_52px_rgba\(0\,42\,114\,0\.08\)\] {
    --tw-shadow:0 18px 52px var(--tw-shadow-color,#002a7214);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-\[inset_0_0_0_1px_rgba\(185\,221\,255\,0\.9\)\] {
    --tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#b9ddffe6);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#ffffff0d);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.75\)\] {
    --tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#ffffffbf);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .shadow-lg {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .outline {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }

  .blur {
    --tw-blur:blur(8px);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }

  .blur-\[7px\] {
    --tw-blur:blur(7px);
    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\.9\] {
    --tw-brightness:brightness(.9);
    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\.96\] {
    --tw-brightness:brightness(.96);
    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\.98\] {
    --tw-brightness:brightness(.98);
    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,)
  }

  .contrast-\[1\.06\] {
    --tw-contrast:contrast(1.06);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }

  .drop-shadow-\[0_1px_0_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-drop-shadow-size:drop-shadow(0 1px 0 var(--tw-drop-shadow-color,#00000038));
    --tw-drop-shadow:var(--tw-drop-shadow-size);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }

  .drop-shadow-\[0_2px_0_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-drop-shadow-size:drop-shadow(0 2px 0 var(--tw-drop-shadow-color,#00000047));
    --tw-drop-shadow:var(--tw-drop-shadow-size);
    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,)
  }

  .saturate-\[0\.82\] {
    --tw-saturate:saturate(.82);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }

  .filter {
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }

  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition\! {
    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!important;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;
    transition-duration:var(--tw-duration,var(--default-transition-duration))!important
  }

  .transition-\[transform\,box-shadow\,filter\,border-color\] {
    transition-property:transform,box-shadow,filter,border-color;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-\[width\] {
    transition-property:width;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-colors {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-transform {
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .duration-200 {
    --tw-duration:.2s;
    transition-duration:.2s
  }

  .ease-in-out {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)
  }

  @media(hover:hover) {
    .group-hover\/link\:translate-x-1:is(:where(.group\/link):hover *) {
      --tw-translate-x:calc(var(--spacing) * 1);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y:calc(var(--spacing) * -.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .hover\:border-\[\#c8eeff\]:hover {
      border-color:#c8eeff
    }

    .hover\:text-white:hover {
      color:var(--color-white)
    }

    .hover\:shadow-\[0_14px_30px_rgba\(0\,103\,210\,0\.28\)\]:hover {
      --tw-shadow:0 14px 30px var(--tw-shadow-color,#0067d247);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .hover\:shadow-sm:hover {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .hover\:brightness-\[1\.04\]:hover {
      --tw-brightness:brightness(1.04);
      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,)
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  @media(min-width:360px) {
    .min-\[360px\]\:basis-\[47\%\] {
      flex-basis:47%
    }

    .min-\[360px\]\:text-\[11px\] {
      font-size:11px
    }

    .min-\[360px\]\:text-\[21px\] {
      font-size:21px
    }

    .min-\[360px\]\:text-\[26px\] {
      font-size:26px
    }

    .min-\[360px\]\:text-\[80px\] {
      font-size:80px
    }
  }

  @media(min-width:380px) {
    .min-\[380px\]\:text-\[13px\] {
      font-size:13px
    }
  }

  @media(min-width:520px) {
    .min-\[520px\]\:right-\[-8\%\] {
      right:-8%
    }

    .min-\[520px\]\:left-\[-8\%\] {
      left:-8%
    }
  }

  @media(min-width:40rem) {
    .sm\:flex {
      display:flex
    }

    .sm\:hidden {
      display:none
    }

    .sm\:inline {
      display:inline
    }

    .sm\:w-\[146px\] {
      width:146px
    }

    .sm\:w-\[238px\] {
      width:238px
    }

    .sm\:w-\[420px\] {
      width:420px
    }

    .sm\:w-auto {
      width:auto
    }

    .sm\:min-w-\[470px\] {
      min-width:470px
    }

    .sm\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-5 {
      grid-template-columns:repeat(5,minmax(0,1fr))
    }

    .sm\:flex-row {
      flex-direction:row
    }

    .sm\:items-center {
      align-items:center
    }

    .sm\:justify-between {
      justify-content:space-between
    }

    .sm\:gap-3 {
      gap:calc(var(--spacing) * 3)
    }

    .sm\:gap-x-6 {
      column-gap:calc(var(--spacing) * 6)
    }

    .sm\:p-6 {
      padding:calc(var(--spacing) * 6)
    }

    .sm\:px-4 {
      padding-inline:calc(var(--spacing) * 4)
    }

    .sm\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }

    .sm\:px-12 {
      padding-inline:calc(var(--spacing) * 12)
    }
  }

  @media(min-width:48rem) {
    .md\:top-5 {
      top:calc(var(--spacing) * 5)
    }

    .md\:top-8 {
      top:calc(var(--spacing) * 8)
    }

    .md\:top-\[4px\] {
      top:4px
    }

    .md\:right-5 {
      right:calc(var(--spacing) * 5)
    }

    .md\:right-8 {
      right:calc(var(--spacing) * 8)
    }

    .md\:right-\[6\%\] {
      right:6%
    }

    .md\:bottom-5 {
      bottom:calc(var(--spacing) * 5)
    }

    .md\:bottom-\[-7px\] {
      bottom:-7px
    }

    .md\:left-5 {
      left:calc(var(--spacing) * 5)
    }

    .md\:left-\[6\%\] {
      left:6%
    }

    .md\:mx-8 {
      margin-inline:calc(var(--spacing) * 8)
    }

    .md\:my-6 {
      margin-block:calc(var(--spacing) * 6)
    }

    .md\:-mt-2 {
      margin-top:calc(var(--spacing) * -2)
    }

    .md\:mt-0 {
      margin-top:calc(var(--spacing) * 0)
    }

    .md\:mt-3 {
      margin-top:calc(var(--spacing) * 3)
    }

    .md\:mt-4 {
      margin-top:calc(var(--spacing) * 4)
    }

    .md\:mt-5 {
      margin-top:calc(var(--spacing) * 5)
    }

    .md\:mt-6 {
      margin-top:calc(var(--spacing) * 6)
    }

    .md\:mt-14 {
      margin-top:calc(var(--spacing) * 14)
    }

    .md\:mt-36 {
      margin-top:calc(var(--spacing) * 36)
    }

    .md\:mt-\[80px\] {
      margin-top:80px
    }

    .md\:mb-3 {
      margin-bottom:calc(var(--spacing) * 3)
    }

    .md\:mb-4 {
      margin-bottom:calc(var(--spacing) * 4)
    }

    .md\:mb-5 {
      margin-bottom:calc(var(--spacing) * 5)
    }

    .md\:mb-6 {
      margin-bottom:calc(var(--spacing) * 6)
    }

    .md\:mb-7 {
      margin-bottom:calc(var(--spacing) * 7)
    }

    .md\:mb-8 {
      margin-bottom:calc(var(--spacing) * 8)
    }

    .md\:mb-9 {
      margin-bottom:calc(var(--spacing) * 9)
    }

    .md\:mb-10 {
      margin-bottom:calc(var(--spacing) * 10)
    }

    .md\:mb-12 {
      margin-bottom:calc(var(--spacing) * 12)
    }

    .md\:mb-16 {
      margin-bottom:calc(var(--spacing) * 16)
    }

    .md\:mb-20 {
      margin-bottom:calc(var(--spacing) * 20)
    }

    .md\:mb-24 {
      margin-bottom:calc(var(--spacing) * 24)
    }

    .md\:mb-40 {
      margin-bottom:calc(var(--spacing) * 40)
    }

    .md\:ml-2 {
      margin-left:calc(var(--spacing) * 2)
    }

    .md\:block {
      display:block
    }

    .md\:hidden {
      display:none
    }

    .md\:inline {
      display:inline
    }

    .md\:inline-block {
      display:inline-block
    }

    .md\:table {
      display:table
    }

    .md\:aspect-\[2\/1\] {
      aspect-ratio:2
    }

    .md\:h-8 {
      height:calc(var(--spacing) * 8)
    }

    .md\:h-9 {
      height:calc(var(--spacing) * 9)
    }

    .md\:h-10 {
      height:calc(var(--spacing) * 10)
    }

    .md\:h-12 {
      height:calc(var(--spacing) * 12)
    }

    .md\:h-\[11px\] {
      height:11px
    }

    .md\:h-\[18px\] {
      height:18px
    }

    .md\:h-\[28px\] {
      height:28px
    }

    .md\:h-\[30px\] {
      height:30px
    }

    .md\:h-\[36px\] {
      height:36px
    }

    .md\:h-\[62px\] {
      height:62px
    }

    .md\:h-\[84px\] {
      height:84px
    }

    .md\:h-\[108px\] {
      height:108px
    }

    .md\:h-\[140px\] {
      height:140px
    }

    .md\:h-\[190vh\] {
      height:190vh
    }

    .md\:h-\[240px\] {
      height:240px
    }

    .md\:h-auto {
      height:auto
    }

    .md\:max-h-\[110px\] {
      max-height:110px
    }

    .md\:min-h-\[80px\] {
      min-height:80px
    }

    .md\:min-h-\[122px\] {
      min-height:122px
    }

    .md\:min-h-\[132px\] {
      min-height:132px
    }

    .md\:min-h-\[238px\] {
      min-height:238px
    }

    .md\:min-h-\[380px\] {
      min-height:380px
    }

    .md\:w-1\/2 {
      width:50%
    }

    .md\:w-8 {
      width:calc(var(--spacing) * 8)
    }

    .md\:w-9 {
      width:calc(var(--spacing) * 9)
    }

    .md\:w-10 {
      width:calc(var(--spacing) * 10)
    }

    .md\:w-12 {
      width:calc(var(--spacing) * 12)
    }

    .md\:w-16 {
      width:calc(var(--spacing) * 16)
    }

    .md\:w-\[28px\] {
      width:28px
    }

    .md\:w-\[78\%\] {
      width:78%
    }

    .md\:w-\[96px\] {
      width:96px
    }

    .md\:w-\[108px\] {
      width:108px
    }

    .md\:w-\[136px\] {
      width:136px
    }

    .md\:w-\[188px\] {
      width:188px
    }

    .md\:w-\[280px\] {
      width:280px
    }

    .md\:w-\[326px\] {
      width:326px
    }

    .md\:w-auto {
      width:auto
    }

    .md\:max-w-\[140px\] {
      max-width:140px
    }

    .md\:min-w-0 {
      min-width:calc(var(--spacing) * 0)
    }

    .md\:min-w-\[640px\] {
      min-width:640px
    }

    .md\:flex-1 {
      flex:1
    }

    .md\:flex-\[0_1_500px\] {
      flex:0 500px
    }

    .md\:flex-\[0_1_540px\] {
      flex:0 540px
    }

    .md\:basis-0 {
      flex-basis:calc(var(--spacing) * 0)
    }

    .md\:-translate-y-1 {
      --tw-translate-y:calc(var(--spacing) * -1);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .md\:rotate-0 {
      rotate:0deg
    }

    .md\:scroll-mt-24 {
      scroll-margin-top:calc(var(--spacing) * 24)
    }

    .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-\[minmax\(0\,0\.86fr\)_minmax\(260px\,1fr\)\] {
      grid-template-columns:minmax(0,.86fr) minmax(260px,1fr)
    }

    .md\:flex-row {
      flex-direction:row
    }

    .md\:flex-row-reverse {
      flex-direction:row-reverse
    }

    .md\:flex-wrap {
      flex-wrap:wrap
    }

    .md\:items-baseline {
      align-items:baseline
    }

    .md\:items-center {
      align-items:center
    }

    .md\:items-end {
      align-items:flex-end
    }

    .md\:items-stretch {
      align-items:stretch
    }

    .md\:justify-between {
      justify-content:space-between
    }

    .md\:justify-center {
      justify-content:center
    }

    .md\:justify-end {
      justify-content:flex-end
    }

    .md\:justify-start {
      justify-content:flex-start
    }

    .md\:gap-0 {
      gap:calc(var(--spacing) * 0)
    }

    .md\:gap-2 {
      gap:calc(var(--spacing) * 2)
    }

    .md\:gap-2\.5 {
      gap:calc(var(--spacing) * 2.5)
    }

    .md\:gap-3 {
      gap:calc(var(--spacing) * 3)
    }

    .md\:gap-4 {
      gap:calc(var(--spacing) * 4)
    }

    .md\:gap-5 {
      gap:calc(var(--spacing) * 5)
    }

    .md\:gap-6 {
      gap:calc(var(--spacing) * 6)
    }

    .md\:gap-8 {
      gap:calc(var(--spacing) * 8)
    }

    .md\:gap-10 {
      gap:calc(var(--spacing) * 10)
    }

    .md\:gap-24 {
      gap:calc(var(--spacing) * 24)
    }

    .md\:gap-x-3 {
      column-gap:calc(var(--spacing) * 3)
    }

    .md\:gap-x-4 {
      column-gap:calc(var(--spacing) * 4)
    }

    .md\:gap-x-7 {
      column-gap:calc(var(--spacing) * 7)
    }

    .md\:gap-x-8 {
      column-gap:calc(var(--spacing) * 8)
    }

    .md\:gap-x-10 {
      column-gap:calc(var(--spacing) * 10)
    }

    .md\:gap-y-2 {
      row-gap:calc(var(--spacing) * 2)
    }

    .md\:gap-y-3 {
      row-gap:calc(var(--spacing) * 3)
    }

    .md\:gap-y-8 {
      row-gap:calc(var(--spacing) * 8)
    }

    .md\:self-stretch {
      align-self:stretch
    }

    .md\:overflow-x-auto {
      overflow-x:auto
    }

    .md\:border-t-0 {
      border-top-style:var(--tw-border-style);
      border-top-width:0
    }

    .md\:border-l {
      border-left-style:var(--tw-border-style);
      border-left-width:1px
    }

    .md\:object-cover {
      object-fit:cover
    }

    .md\:p-3 {
      padding:calc(var(--spacing) * 3)
    }

    .md\:p-4 {
      padding:calc(var(--spacing) * 4)
    }

    .md\:p-5 {
      padding:calc(var(--spacing) * 5)
    }

    .md\:p-6 {
      padding:calc(var(--spacing) * 6)
    }

    .md\:p-7 {
      padding:calc(var(--spacing) * 7)
    }

    .md\:p-8 {
      padding:calc(var(--spacing) * 8)
    }

    .md\:p-12 {
      padding:calc(var(--spacing) * 12)
    }

    .md\:px-2 {
      padding-inline:calc(var(--spacing) * 2)
    }

    .md\:px-3 {
      padding-inline:calc(var(--spacing) * 3)
    }

    .md\:px-4 {
      padding-inline:calc(var(--spacing) * 4)
    }

    .md\:px-5 {
      padding-inline:calc(var(--spacing) * 5)
    }

    .md\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }

    .md\:px-7 {
      padding-inline:calc(var(--spacing) * 7)
    }

    .md\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }

    .md\:py-2 {
      padding-block:calc(var(--spacing) * 2)
    }

    .md\:py-2\.5 {
      padding-block:calc(var(--spacing) * 2.5)
    }

    .md\:py-3 {
      padding-block:calc(var(--spacing) * 3)
    }

    .md\:py-4 {
      padding-block:calc(var(--spacing) * 4)
    }

    .md\:py-6 {
      padding-block:calc(var(--spacing) * 6)
    }

    .md\:py-8 {
      padding-block:calc(var(--spacing) * 8)
    }

    .md\:py-10 {
      padding-block:calc(var(--spacing) * 10)
    }

    .md\:pt-0 {
      padding-top:calc(var(--spacing) * 0)
    }

    .md\:pt-1 {
      padding-top:calc(var(--spacing) * 1)
    }

    .md\:pt-3 {
      padding-top:calc(var(--spacing) * 3)
    }

    .md\:pt-4 {
      padding-top:calc(var(--spacing) * 4)
    }

    .md\:pt-6 {
      padding-top:calc(var(--spacing) * 6)
    }

    .md\:pt-12 {
      padding-top:calc(var(--spacing) * 12)
    }

    .md\:pt-16 {
      padding-top:calc(var(--spacing) * 16)
    }

    .md\:pt-20 {
      padding-top:calc(var(--spacing) * 20)
    }

    .md\:pt-24 {
      padding-top:calc(var(--spacing) * 24)
    }

    .md\:pt-32 {
      padding-top:calc(var(--spacing) * 32)
    }

    .md\:pr-4 {
      padding-right:calc(var(--spacing) * 4)
    }

    .md\:pr-6 {
      padding-right:calc(var(--spacing) * 6)
    }

    .md\:pr-\[32\%\] {
      padding-right:32%
    }

    .md\:pb-4 {
      padding-bottom:calc(var(--spacing) * 4)
    }

    .md\:pb-5 {
      padding-bottom:calc(var(--spacing) * 5)
    }

    .md\:pb-6 {
      padding-bottom:calc(var(--spacing) * 6)
    }

    .md\:pb-10 {
      padding-bottom:calc(var(--spacing) * 10)
    }

    .md\:pb-12 {
      padding-bottom:calc(var(--spacing) * 12)
    }

    .md\:pb-16 {
      padding-bottom:calc(var(--spacing) * 16)
    }

    .md\:pb-24 {
      padding-bottom:calc(var(--spacing) * 24)
    }

    .md\:pb-32 {
      padding-bottom:calc(var(--spacing) * 32)
    }

    .md\:pl-4 {
      padding-left:calc(var(--spacing) * 4)
    }

    .md\:pl-7 {
      padding-left:calc(var(--spacing) * 7)
    }

    .md\:pl-9 {
      padding-left:calc(var(--spacing) * 9)
    }

    .md\:text-left {
      text-align:left
    }

    .md\:text-2xl {
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }

    .md\:text-3xl {
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }

    .md\:text-base {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }

    .md\:text-lg {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }

    .md\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }

    .md\:text-xl {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }

    .md\:text-xs {
      font-size:var(--text-xs);
      line-height:var(--tw-leading,var(--text-xs--line-height))
    }

    .md\:text-\[11px\] {
      font-size:11px
    }

    .md\:text-\[12px\] {
      font-size:12px
    }

    .md\:text-\[13px\] {
      font-size:13px
    }

    .md\:text-\[14px\] {
      font-size:14px
    }

    .md\:text-\[15px\] {
      font-size:15px
    }

    .md\:text-\[16px\] {
      font-size:16px
    }

    .md\:text-\[17px\] {
      font-size:17px
    }

    .md\:text-\[18px\] {
      font-size:18px
    }

    .md\:text-\[20px\] {
      font-size:20px
    }

    .md\:text-\[22px\] {
      font-size:22px
    }

    .md\:text-\[24px\] {
      font-size:24px
    }

    .md\:text-\[25px\] {
      font-size:25px
    }

    .md\:text-\[27px\] {
      font-size:27px
    }

    .md\:text-\[28px\] {
      font-size:28px
    }

    .md\:text-\[32px\] {
      font-size:32px
    }

    .md\:text-\[34px\] {
      font-size:34px
    }

    .md\:text-\[38px\] {
      font-size:38px
    }

    .md\:text-\[40px\] {
      font-size:40px
    }

    .md\:text-\[42px\] {
      font-size:42px
    }

    .md\:text-\[52px\] {
      font-size:52px
    }

    .md\:text-\[64px\] {
      font-size:64px
    }

    .md\:text-\[82px\] {
      font-size:82px
    }

    .md\:text-\[108px\] {
      font-size:108px
    }

    .md\:leading-\[1\.38\] {
      --tw-leading:1.38;
      line-height:1.38
    }

    .md\:leading-\[1\.45\] {
      --tw-leading:1.45;
      line-height:1.45
    }

    @media not all and (min-width:80rem) {
      .md\:max-xl\:col-span-3 {
        grid-column:span 3/span 3
      }

      .md\:max-xl\:col-start-1 {
        grid-column-start:1
      }

      .md\:max-xl\:col-start-2 {
        grid-column-start:2
      }

      .md\:max-xl\:row-start-1 {
        grid-row-start:1
      }

      .md\:max-xl\:row-start-3 {
        grid-row-start:3
      }

      .md\:max-xl\:row-start-4 {
        grid-row-start:4
      }

      .md\:max-xl\:flex-none {
        flex:none
      }

      .md\:max-xl\:rotate-0 {
        rotate:0deg
      }

      .md\:max-xl\:rotate-90 {
        rotate:90deg
      }

      .md\:max-xl\:grid-cols-\[minmax\(0\,0\.88fr\)_42px_minmax\(0\,1\.12fr\)\] {
        grid-template-columns:minmax(0,.88fr) 42px minmax(0,1.12fr)
      }

      .md\:max-xl\:grid-cols-\[minmax\(0\,1fr\)_32px_minmax\(0\,1fr\)\] {
        grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)
      }

      .md\:max-xl\:flex-col {
        flex-direction:column
      }
    }
  }

  @media(min-width:64rem) {
    .lg\:order-none {
      order:0
    }

    .lg\:mx-10 {
      margin-inline:calc(var(--spacing) * 10)
    }

    .lg\:-mt-2 {
      margin-top:calc(var(--spacing) * -2)
    }

    .lg\:mt-3 {
      margin-top:calc(var(--spacing) * 3)
    }

    .lg\:mt-5 {
      margin-top:calc(var(--spacing) * 5)
    }

    .lg\:mt-16 {
      margin-top:calc(var(--spacing) * 16)
    }

    .lg\:mt-\[112px\] {
      margin-top:112px
    }

    .lg\:mt-\[192px\] {
      margin-top:192px
    }

    .lg\:mb-6 {
      margin-bottom:calc(var(--spacing) * 6)
    }

    .lg\:mb-8 {
      margin-bottom:calc(var(--spacing) * 8)
    }

    .lg\:mb-9 {
      margin-bottom:calc(var(--spacing) * 9)
    }

    .lg\:mb-10 {
      margin-bottom:calc(var(--spacing) * 10)
    }

    .lg\:mb-12 {
      margin-bottom:calc(var(--spacing) * 12)
    }

    .lg\:mb-20 {
      margin-bottom:calc(var(--spacing) * 20)
    }

    .lg\:mb-\[40px\] {
      margin-bottom:40px
    }

    .lg\:mb-\[48px\] {
      margin-bottom:48px
    }

    .lg\:mb-\[70px\] {
      margin-bottom:70px
    }

    .lg\:mb-\[120px\] {
      margin-bottom:120px
    }

    .lg\:mb-\[180px\] {
      margin-bottom:180px
    }

    .lg\:block {
      display:block
    }

    .lg\:flex {
      display:flex
    }

    .lg\:grid {
      display:grid
    }

    .lg\:hidden {
      display:none
    }

    .lg\:h-16 {
      height:calc(var(--spacing) * 16)
    }

    .lg\:h-\[18px\] {
      height:18px
    }

    .lg\:h-\[21px\] {
      height:21px
    }

    .lg\:h-\[32px\] {
      height:32px
    }

    .lg\:h-\[34px\] {
      height:34px
    }

    .lg\:h-\[40px\] {
      height:40px
    }

    .lg\:h-\[66\.66\%\] {
      height:66.66%
    }

    .lg\:h-\[72px\] {
      height:72px
    }

    .lg\:h-\[104px\] {
      height:104px
    }

    .lg\:h-\[200px\] {
      height:200px
    }

    .lg\:h-\[240vh\] {
      height:240vh
    }

    .lg\:h-\[290px\] {
      height:290px
    }

    .lg\:max-h-\[165px\] {
      max-height:165px
    }

    .lg\:min-h-\[140px\] {
      min-height:140px
    }

    .lg\:w-16 {
      width:calc(var(--spacing) * 16)
    }

    .lg\:w-\[32px\] {
      width:32px
    }

    .lg\:w-\[55\%\] {
      width:55%
    }

    .lg\:w-\[66\.66\%\] {
      width:66.66%
    }

    .lg\:w-\[84px\] {
      width:84px
    }

    .lg\:w-\[98px\] {
      width:98px
    }

    .lg\:w-\[104px\] {
      width:104px
    }

    .lg\:w-\[162px\] {
      width:162px
    }

    .lg\:w-\[204px\] {
      width:204px
    }

    .lg\:w-\[332px\] {
      width:332px
    }

    .lg\:w-\[378px\] {
      width:378px
    }

    .lg\:w-\[400px\] {
      width:400px
    }

    .lg\:w-\[548px\] {
      width:548px
    }

    .lg\:w-\[633px\] {
      width:633px
    }

    .lg\:w-\[696px\] {
      width:696px
    }

    .lg\:w-full {
      width:100%
    }

    .lg\:max-w-\[218px\] {
      max-width:218px
    }

    .lg\:max-w-\[260px\] {
      max-width:260px
    }

    .lg\:max-w-\[360px\] {
      max-width:360px
    }

    .lg\:max-w-\[420px\] {
      max-width:420px
    }

    .lg\:min-w-0 {
      min-width:calc(var(--spacing) * 0)
    }

    .lg\:basis-auto {
      flex-basis:auto
    }

    .lg\:-translate-y-1\.5 {
      --tw-translate-y:calc(var(--spacing) * -1.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .lg\:scale-\[1\.5\] {
      scale:1.5
    }

    .lg\:rotate-0 {
      rotate:0deg
    }

    .lg\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-\[auto_1fr\] {
      grid-template-columns:auto 1fr
    }

    .lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(320px\,0\.62fr\)\] {
      grid-template-columns:minmax(0,.95fr) minmax(320px,.62fr)
    }

    .lg\:grid-cols-\[minmax\(0\,260px\)_104px_minmax\(0\,260px\)\] {
      grid-template-columns:minmax(0,260px) 104px minmax(0,260px)
    }

    .lg\:flex-row {
      flex-direction:row
    }

    .lg\:flex-nowrap {
      flex-wrap:nowrap
    }

    .lg\:items-center {
      align-items:center
    }

    .lg\:items-start {
      align-items:flex-start
    }

    .lg\:justify-between {
      justify-content:space-between
    }

    .lg\:justify-start {
      justify-content:flex-start
    }

    .lg\:gap-0 {
      gap:calc(var(--spacing) * 0)
    }

    .lg\:gap-5 {
      gap:calc(var(--spacing) * 5)
    }

    .lg\:gap-6 {
      gap:calc(var(--spacing) * 6)
    }

    .lg\:gap-8 {
      gap:calc(var(--spacing) * 8)
    }

    .lg\:gap-10 {
      gap:calc(var(--spacing) * 10)
    }

    .lg\:gap-12 {
      gap:calc(var(--spacing) * 12)
    }

    .lg\:gap-14 {
      gap:calc(var(--spacing) * 14)
    }

    .lg\:gap-\[45px\] {
      gap:45px
    }

    .lg\:gap-\[120px\] {
      gap:120px
    }

    .lg\:gap-x-10 {
      column-gap:calc(var(--spacing) * 10)
    }

    .lg\:gap-x-12 {
      column-gap:calc(var(--spacing) * 12)
    }

    .lg\:p-5 {
      padding:calc(var(--spacing) * 5)
    }

    .lg\:p-7 {
      padding:calc(var(--spacing) * 7)
    }

    .lg\:p-8 {
      padding:calc(var(--spacing) * 8)
    }

    .lg\:p-10 {
      padding:calc(var(--spacing) * 10)
    }

    .lg\:px-0 {
      padding-inline:calc(var(--spacing) * 0)
    }

    .lg\:px-2\.5 {
      padding-inline:calc(var(--spacing) * 2.5)
    }

    .lg\:px-4 {
      padding-inline:calc(var(--spacing) * 4)
    }

    .lg\:px-5 {
      padding-inline:calc(var(--spacing) * 5)
    }

    .lg\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }

    .lg\:px-7 {
      padding-inline:calc(var(--spacing) * 7)
    }

    .lg\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }

    .lg\:px-9 {
      padding-inline:calc(var(--spacing) * 9)
    }

    .lg\:px-10 {
      padding-inline:calc(var(--spacing) * 10)
    }

    .lg\:px-12 {
      padding-inline:calc(var(--spacing) * 12)
    }

    .lg\:px-\[66px\] {
      padding-inline:66px
    }

    .lg\:px-\[80px\] {
      padding-inline:80px
    }

    .lg\:px-\[100px\] {
      padding-inline:100px
    }

    .lg\:py-2\.5 {
      padding-block:calc(var(--spacing) * 2.5)
    }

    .lg\:py-4 {
      padding-block:calc(var(--spacing) * 4)
    }

    .lg\:py-10 {
      padding-block:calc(var(--spacing) * 10)
    }

    .lg\:py-12 {
      padding-block:calc(var(--spacing) * 12)
    }

    .lg\:py-\[25px_111px\] {
      padding-block:25px 111px
    }

    .lg\:py-\[60px\] {
      padding-block:60px
    }

    .lg\:pt-1 {
      padding-top:calc(var(--spacing) * 1)
    }

    .lg\:pt-2 {
      padding-top:calc(var(--spacing) * 2)
    }

    .lg\:pt-4 {
      padding-top:calc(var(--spacing) * 4)
    }

    .lg\:pt-8 {
      padding-top:calc(var(--spacing) * 8)
    }

    .lg\:pt-16 {
      padding-top:calc(var(--spacing) * 16)
    }

    .lg\:pt-\[64px\] {
      padding-top:64px
    }

    .lg\:pt-\[88px\] {
      padding-top:88px
    }

    .lg\:pt-\[120px\] {
      padding-top:120px
    }

    .lg\:pt-\[160px\] {
      padding-top:160px
    }

    .lg\:pr-4 {
      padding-right:calc(var(--spacing) * 4)
    }

    .lg\:pr-\[27px\] {
      padding-right:27px
    }

    .lg\:pr-\[30\%\] {
      padding-right:30%
    }

    .lg\:pb-4 {
      padding-bottom:calc(var(--spacing) * 4)
    }

    .lg\:pb-12 {
      padding-bottom:calc(var(--spacing) * 12)
    }

    .lg\:pb-\[72px\] {
      padding-bottom:72px
    }

    .lg\:pb-\[121px\] {
      padding-bottom:121px
    }

    .lg\:pb-\[160px\] {
      padding-bottom:160px
    }

    .lg\:pb-\[197px\] {
      padding-bottom:197px
    }

    .lg\:pb-\[224px\] {
      padding-bottom:224px
    }

    .lg\:pl-3 {
      padding-left:calc(var(--spacing) * 3)
    }

    .lg\:pl-\[27px\] {
      padding-left:27px
    }

    .lg\:text-2xl {
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }

    .lg\:text-lg {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }

    .lg\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }

    .lg\:text-\[11px\] {
      font-size:11px
    }

    .lg\:text-\[12px\] {
      font-size:12px
    }

    .lg\:text-\[14px\] {
      font-size:14px
    }

    .lg\:text-\[15px\] {
      font-size:15px
    }

    .lg\:text-\[16px\] {
      font-size:16px
    }

    .lg\:text-\[17px\] {
      font-size:17px
    }

    .lg\:text-\[18px\] {
      font-size:18px
    }

    .lg\:text-\[21px\] {
      font-size:21px
    }

    .lg\:text-\[22px\] {
      font-size:22px
    }

    .lg\:text-\[24px\] {
      font-size:24px
    }

    .lg\:text-\[25px\] {
      font-size:25px
    }

    .lg\:text-\[28px\] {
      font-size:28px
    }

    .lg\:text-\[29px\] {
      font-size:29px
    }

    .lg\:text-\[32px\] {
      font-size:32px
    }

    .lg\:text-\[34px\] {
      font-size:34px
    }

    .lg\:text-\[36px\] {
      font-size:36px
    }

    .lg\:text-\[40px\] {
      font-size:40px
    }

    .lg\:text-\[42px\] {
      font-size:42px
    }

    .lg\:text-\[54px\] {
      font-size:54px
    }

    .lg\:text-\[58px\] {
      font-size:58px
    }

    .lg\:text-\[72px\] {
      font-size:72px
    }

    .lg\:text-\[88px\] {
      font-size:88px
    }

    .lg\:text-\[124px\] {
      font-size:124px
    }

    .lg\:font-light {
      --tw-font-weight:var(--font-weight-light);
      font-weight:var(--font-weight-light)
    }
  }

  @media(min-width:80rem) {
    .xl\:static {
      position:static
    }

    .xl\:left-\[132px\] {
      left:132px
    }

    .xl\:col-span-3 {
      grid-column:span 3/span 3
    }

    .xl\:ml-6 {
      margin-left:calc(var(--spacing) * 6)
    }

    .xl\:block {
      display:block
    }

    .xl\:h-\[96px\] {
      height:96px
    }

    .xl\:h-\[190px\] {
      height:190px
    }

    .xl\:w-\[184px\] {
      width:184px
    }

    .xl\:w-\[330px\] {
      width:330px
    }

    .xl\:w-\[480px\] {
      width:480px
    }

    .xl\:w-auto {
      width:auto
    }

    .xl\:flex-\[0_0_500px\] {
      flex:0 0 500px
    }

    .xl\:rotate-0 {
      rotate:0deg
    }

    .xl\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .xl\:grid-cols-\[minmax\(0\,0\.74fr\)_52px_minmax\(460px\,1\.34fr\)\] {
      grid-template-columns:minmax(0,.74fr) 52px minmax(460px,1.34fr)
    }

    .xl\:grid-cols-\[minmax\(0\,0\.78fr\)_40px_minmax\(0\,0\.78fr\)_40px_minmax\(520px\,1\.55fr\)\] {
      grid-template-columns:minmax(0,.78fr) 40px minmax(0,.78fr) 40px minmax(520px,1.55fr)
    }

    .xl\:flex-row {
      flex-direction:row
    }

    .xl\:flex-nowrap {
      flex-wrap:nowrap
    }

    .xl\:items-center {
      align-items:center
    }

    .xl\:items-end {
      align-items:flex-end
    }

    .xl\:items-start {
      align-items:flex-start
    }

    .xl\:justify-between {
      justify-content:space-between
    }

    .xl\:gap-0 {
      gap:calc(var(--spacing) * 0)
    }

    .xl\:gap-5 {
      gap:calc(var(--spacing) * 5)
    }

    .xl\:gap-6 {
      gap:calc(var(--spacing) * 6)
    }

    .xl\:gap-7 {
      gap:calc(var(--spacing) * 7)
    }

    .xl\:gap-10 {
      gap:calc(var(--spacing) * 10)
    }

    .xl\:p-0 {
      padding:calc(var(--spacing) * 0)
    }

    .xl\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }

    .xl\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }

    .xl\:px-10 {
      padding-inline:calc(var(--spacing) * 10)
    }

    .xl\:py-0 {
      padding-block:calc(var(--spacing) * 0)
    }

    .xl\:pr-6 {
      padding-right:calc(var(--spacing) * 6)
    }

    .xl\:pr-8 {
      padding-right:calc(var(--spacing) * 8)
    }

    .xl\:pb-0 {
      padding-bottom:calc(var(--spacing) * 0)
    }

    .xl\:pl-9 {
      padding-left:calc(var(--spacing) * 9)
    }

    .xl\:text-left {
      text-align:left
    }

    .xl\:text-\[13px\] {
      font-size:13px
    }

    .xl\:text-\[17px\] {
      font-size:17px
    }

    .xl\:text-\[18px\] {
      font-size:18px
    }

    .xl\:text-\[19px\] {
      font-size:19px
    }

    .xl\:text-\[20px\] {
      font-size:20px
    }

    .xl\:text-\[32px\] {
      font-size:32px
    }

    .xl\:whitespace-nowrap {
      white-space:nowrap
    }
  }

  @media(min-width:96rem) {
    .\32xl\:text-\[24px\] {
      font-size:24px
    }
  }
}

:root {
  --color-primary-dark:#002a72;
  --color-primary-light:#00c3ff;
  --color-bg-dark:#111;
  --color-bg-darker:#0c0c0c;
  --color-border-dark:#3c3c3c;
  --color-text-light:#e4e4ed;
  --color-text-muted:#aaa
}

html {
  scroll-behavior:smooth;
  background-color:#0e0e0e;
  position:relative;
  overflow-x:clip
}

body {
  color:#e4e4ed;
  -webkit-font-smoothing:antialiased;
  background-color:#0000;
  margin:0;
  font-family:Noto Sans JP,sans-serif;
  overflow-x:clip
}

.hellas-intro-lock {
  overflow:hidden
}

.hellas-intro-loader {
  z-index:9999;
  color:#fff;
  isolation:isolate;
  background:radial-gradient(circle at 50% 42%,#0067d22e,#0067d20a 32%,#0000 58%),linear-gradient(#05070c,#0b0d12 52%,#050506);
  place-items:center;
  display:grid;
  position:fixed;
  inset:0
}

.hellas-intro-loader:before {
  content:"";
  z-index:-1;
  opacity:.26;
  background-image:radial-gradient(circle,#ffffff1f 0 .7px,#0000 .8px);
  background-position:50%;
  background-size:9px 9px;
  position:absolute;
  inset:0
}

.hellas-intro-loader:after {
  content:"";
  z-index:-1;
  opacity:.72;
  background:linear-gradient(90deg,#00c3ff00,#00c3ff1f,#00c3ff00),radial-gradient(circle,#ffffff0f,#fff0 44%);
  position:absolute;
  inset:0
}

.hellas-intro-loader-inner {
  flex-direction:column;
  align-items:center;
  gap:18px;
  width:min(72vw,360px);
  display:flex;
  transform:translateY(-2vh)
}

.hellas-intro-loader-logo {
  filter:drop-shadow(0 12px 32px #0000007a);
  width:min(42vw,168px);
  height:auto
}

.hellas-intro-loader-line {
  background:#ffffff29;
  width:100%;
  height:1px;
  position:relative;
  overflow:hidden
}

.hellas-intro-loader-line:before {
  content:"";
  background:linear-gradient(90deg,#002a7200,#00c3fffa,#ffffffc7,#002a7200);
  width:42%;
  animation:1.25s ease-in-out infinite hellas-intro-loader-line;
  position:absolute;
  inset:0
}

.hellas-intro-loader-caption {
  color:#ffffff8c;
  letter-spacing:.12em;
  text-align:center;
  font-family:Roboto Mono,monospace;
  font-size:11px;
  line-height:1.5
}

.hero-bottom-bar {
  opacity:0;
  filter:blur(8px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1) 1.25s,transform .72s cubic-bezier(.22,.61,.36,1) 1.25s,filter .72s cubic-bezier(.22,.61,.36,1) 1.25s;
  transform:translateY(12px)
}

.hellas-hero-intro-ready .hero-bottom-bar {
  opacity:1;
  filter:blur();
  transform:translateY(0)
}

.hellas-intro-lock .hero-bottom-bar {
  pointer-events:none
}

@keyframes hellas-intro-loader-line {
  0% {
    opacity:0;
    transform:translate(-120%)
  }

  22% {
    opacity:1
  }

  76% {
    opacity:1
  }

  to {
    opacity:0;
    transform:translate(260%)
  }
}

.hero-catch {
  text-shadow:0 12px 32px #00000075;
  max-width:min(92vw,560px);
  margin:0 0 clamp(8px,1.5vw,18px);
  padding-left:0;
  display:inline-block
}

@media(max-width:767px) {
  .hero-catch {
    max-width:320px;
    margin-bottom:10px;
    padding-left:0
  }
}

.dot-grid-canvas {
  z-index:-1;
  pointer-events:none;
  background-position:0 0;
  background-size:9px 9px;
  width:100vw;
  height:100vh;
  position:fixed;
  inset:0
}

.dot-grid-canvas-local {
  z-index:0;
  pointer-events:none;
  background-position:0 0;
  background-size:9px 9px;
  width:100%;
  height:100vh;
  margin-bottom:-100vh;
  position:sticky;
  top:0;
  left:0
}

.dot-grid-canvas-light {
  background-image:radial-gradient(circle,#ffffff1c 0 .7px,#0000 .8px)
}

.dot-grid-canvas-dark {
  background-image:radial-gradient(circle,#00000024 0 .7px,#0000 .8px)
}

section {
  width:100%
}

a {
  color:inherit;
  text-decoration:none
}

button {
  font-family:inherit
}

.nav-link {
  transition:filter .24s,opacity .24s;
  position:relative
}

.nav-link:hover {
  -webkit-text-fill-color:transparent;
  color:#0000;
  filter:brightness(1.08);
  background-image:linear-gradient(100deg,#fff 0% 35%,#a0a0a099 50%,#fff 65% 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:1s linear infinite nav-link-shimmer
}

@keyframes nav-link-shimmer {
  0% {
    background-position:120% 0
  }

  to {
    background-position:-120% 0
  }
}

.cta-pill {
  transition:transform .25s,box-shadow .25s;
  box-shadow:0 0 #00c3ff00
}

.cta-pill:hover {
  transform:translateY(-1px)scale(1.03);
  box-shadow:0 8px 28px #00c3ff73!important
}

.feature-card {
  transition:border-color .35s,box-shadow .35s,filter .35s
}

.cost-section-heading {
  font-size:clamp(19px,6vw,28px);
  line-height:1.2
}

.cost-section-heading-line {
  white-space:nowrap
}

@media(min-width:768px) {
  .cost-section-heading {
    font-size:42px
  }
}

@media(min-width:1024px) {
  .cost-section-heading {
    font-size:56px
  }
}

.feature-headline-emphasis {
  -webkit-text-fill-color:transparent;
  color:#fff;
  filter:drop-shadow(0 1px #ffffff38)drop-shadow(0 -1px #0006)drop-shadow(0 10px 22px #0000005c);
  will-change:background-position;
  background-color:#fff;
  background-image:linear-gradient(105deg,#fff 0% 42%,#f7f8fb 48%,#c6ced8,#f7f8fb 56%,#fff 64% 100%);
  background-repeat:no-repeat;
  background-size:300% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:3.2s ease-in-out infinite feature-headline-text-sheen;
  display:inline-block
}

.feature-headline-emphasis-dark {
  -webkit-text-fill-color:transparent;
  color:#111;
  filter:drop-shadow(0 1px #ffffff29)drop-shadow(0 10px 22px #0024600f);
  will-change:background-position;
  background-color:#111;
  background-image:linear-gradient(105deg,#111 0% 44%,#2f343c 49%,#515a66,#2c3138 55%,#111 61% 100%);
  background-repeat:no-repeat;
  background-size:300% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:3.2s ease-in-out infinite feature-headline-text-sheen;
  display:inline-block
}

.feature-headline-emphasis-no-shadow {
  filter:none
}

.logo-shimmer {
  isolation:isolate;
  display:inline-block;
  position:relative;
  overflow:hidden
}

.logo-shimmer>img {
  display:block
}

.logo-shimmer:after {
  content:"";
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
  background:linear-gradient(105deg,#0000 38%,#ffffff0f 45%,#ffffff8f,#c6ced847 55%,#0000 62%);
  animation:3.2s ease-in-out infinite logo-shimmer-sweep;
  position:absolute;
  inset:-14% -36%;
  transform:translate(-72%)skew(-12deg)
}

.cost-pricing-shimmer {
  isolation:isolate
}

.cost-pricing-shimmer:after {
  content:"";
  z-index:18;
  pointer-events:none;
  mix-blend-mode:screen;
  background:linear-gradient(105deg,#0000 38%,#ffffff0a 45%,#ffffff52 50%,#c6deff33 54%,#0000 62%);
  animation:3.2s ease-in-out infinite cost-pricing-shimmer-sweep;
  position:absolute;
  inset:-26% -42%;
  transform:translate(-76%)skew(-14deg)
}

.hero-logo-emboss {
  isolation:isolate;
  display:block;
  position:relative;
  overflow:hidden
}

.hero-logo-emboss>img {
  opacity:0;
  display:block
}

.hero-logo-emboss:before,.hero-logo-emboss:after {
  content:"";
  z-index:2;
  pointer-events:none;
  position:absolute;
  inset:0;
  -webkit-mask:url(/assets/hero/logo-large.svg) 50%/contain no-repeat;
  mask:url(/assets/hero/logo-large.svg) 50%/contain no-repeat
}

.hero-logo-emboss:before {
  filter:drop-shadow(0 1px #ffffff2e)drop-shadow(0 -1px #0000004d)drop-shadow(0 16px 30px #0000004d);
  background:linear-gradient(145deg,#fff,#fbfcff 36%,#e7ebf1,#cfd5df)
}

.hero-logo-emboss:after {
  opacity:.72;
  background:linear-gradient(145deg,#ffffff85,#ffffff2e 24%,#fff0 46%),linear-gradient(315deg,#0000 42%,#0000002e 72%,#00000057),linear-gradient(#ffffff1f,#0000001f)
}

@keyframes logo-shimmer-sweep {
  0%,30% {
    opacity:0;
    transform:translate(-72%)skew(-12deg)
  }

  42% {
    opacity:1
  }

  68%,to {
    opacity:0;
    transform:translate(72%)skew(-12deg)
  }
}

@keyframes cost-pricing-shimmer-sweep {
  0%,24% {
    opacity:0;
    transform:translate(-76%)skew(-14deg)
  }

  36% {
    opacity:.9
  }

  66%,to {
    opacity:0;
    transform:translate(76%)skew(-14deg)
  }
}

@keyframes feature-headline-text-sheen {
  0% {
    background-position:-20%
  }

  to {
    background-position:120%
  }
}

.arrow-link {
  transition:opacity .2s
}

.arrow-link svg,.arrow-link .arrow-link-icon {
  transition:transform .25s
}

.arrow-link:hover svg,.arrow-link:hover .arrow-link-icon {
  transform:translate(6px)
}

.gradient-cta-wrap {
  background:linear-gradient(90deg,#004884,#6d0034,#004884) 0 0/200% 100%
}

.gradient-cta-inner {
  background:#111;
  transition:background-color .35s
}

.gradient-cta-wrap:hover .gradient-cta-inner {
  background:0 0
}

.gradient-cta-wrap:hover {
  animation:3.2s linear infinite gradient-cta-flow
}

@keyframes gradient-cta-flow {
  0% {
    background-position:0 0
  }

  to {
    background-position:200% 0
  }
}

.arrow-link-text {
  -webkit-background-clip:text;
  background-clip:text
}

.arrow-link:hover .arrow-link-text {
  -webkit-text-fill-color:transparent;
  color:#0000;
  background-image:linear-gradient(100deg,#fff 0% 35%,#a0a0a099 50%,#fff 65% 100%);
  background-size:220% 100%;
  animation:1.6s linear infinite arrow-link-shimmer
}

@keyframes arrow-link-shimmer {
  0% {
    background-position:120% 0
  }

  to {
    background-position:-120% 0
  }
}

.demo-actions-band {
  z-index:0;
  padding:clamp(24px,3vw,36px) 0 clamp(28px,3.4vw,44px);
  position:relative
}

.demo-actions-band:before {
  content:"";
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(90deg,#0000,#8fc6ff09 14% 86%,#0000),linear-gradient(#8fc6ff08,#ffffff03);
  border-top:1px solid #8fc6ff1a;
  border-bottom:1px solid #8fc6ff1a;
  width:100vw;
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translate(-50%)
}

.demo-video-cta {
  color:#fff;
  cursor:pointer;
  background:#ffffff0b;
  border:1px solid #8fc6ff47;
  padding:15px 24px 15px 20px;
  font-family:Noto Sans JP,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.2;
  text-decoration:none;
  transition:transform .24s,background-color .24s,border-color .24s;
  position:relative;
  box-shadow:inset 0 1px #ffffff14
}

.demo-video-cta:hover {
  background:#ffffff16;
  border-color:#8fc6ff7a;
  transform:translateY(-1px)
}

.demo-video-cta-icon {
  background:#8fc6ff29;
  border-radius:999px;
  flex:0 0 28px;
  justify-content:center;
  align-items:center;
  width:28px;
  height:28px;
  display:inline-flex;
  position:relative
}

.demo-video-cta-icon:before {
  content:"";
  border-top:6px solid #0000;
  border-bottom:6px solid #0000;
  border-left:9px solid #fff;
  width:0;
  height:0;
  margin-left:2px;
  display:block
}

.product-link-cta {
  color:#fff;
  text-align:center;
  background:linear-gradient(135deg,#004884,#6d0034);
  border:1px solid #ffffff47;
  max-width:min(100%,680px);
  padding:16px 30px;
  font-family:Noto Sans JP,sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  transition:transform .24s,box-shadow .24s,filter .24s;
  box-shadow:0 18px 42px #6d00343d,inset 0 1px #ffffff47
}

.product-link-cta:hover {
  filter:brightness(1.03);
  transform:translateY(-1px);
  box-shadow:0 22px 54px #6d003457,inset 0 1px #ffffff57
}

.product-link-cta-icon {
  color:#fff;
  background:#ffffff24;
  border-radius:999px;
  flex:0 0 34px;
  justify-content:center;
  align-items:center;
  width:34px;
  height:34px;
  font-size:16px;
  line-height:1;
  transition:transform .24s;
  display:inline-flex
}

.product-link-cta:hover .product-link-cta-icon {
  transform:translate(2px,-2px)
}

.contact-card-image {
  transition:transform .35s,box-shadow .35s,filter .35s;
  position:relative
}

.contact-card-image:after {
  content:"";
  opacity:0;
  pointer-events:none;
  mix-blend-mode:overlay;
  z-index:5;
  background:linear-gradient(110deg,#0000 30%,#ffffff38,#0000 70%) 100% 0/220% 100%;
  transition:opacity .3s;
  position:absolute;
  inset:0
}

.contact-card-image:hover {
  filter:brightness(1.06);
  transform:translateY(-2px);
  box-shadow:0 12px 32px #00000052
}

.contact-card-image-consult:before {
  content:"";
  opacity:0;
  pointer-events:none;
  mix-blend-mode:screen;
  z-index:4;
  background:radial-gradient(circle at 78% 28%,#ffffff42,#fff0 34%),linear-gradient(115deg,#002a7200 18%,#00c3ff3d 52%,#002a7200 82%);
  transition:opacity .35s;
  position:absolute;
  inset:0
}

.contact-card-image-consult:hover:before {
  opacity:1
}

.contact-card-consult-video {
  filter:saturate()contrast();
  transform:scale(1);
  transition:opacity .6s linear,transform .55s,filter .35s!important
}

.contact-card-image-consult:hover .contact-card-consult-video {
  filter:saturate(1.24)contrast(1.06)brightness(1.06);
  transform:scale(1.06)
}

.contact-card-image:hover:after {
  opacity:1;
  animation:1.6s linear infinite contact-card-sheen
}

@keyframes contact-card-sheen {
  0% {
    background-position:100% 0
  }

  to {
    background-position:-100% 0
  }
}

.gradient-border-hover {
  transition:none
}

.feature-badge {
  transition:none;
  box-shadow:0 3px 14px #0000001f
}

.footer-link {
  transition:filter .24s,opacity .24s;
  position:relative
}

.footer-link:hover {
  -webkit-text-fill-color:transparent;
  color:#0000;
  filter:brightness(1.08);
  background-image:linear-gradient(100deg,#fff 0% 35%,#787878b3 50%,#fff 65% 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:1s linear infinite nav-link-shimmer
}

.glass-card {
  -webkit-backdrop-filter:blur(10px);
  background:#11112899;
  border:1px solid #00e5ff26;
  border-radius:12px;
  box-shadow:0 4px 24px #0000004d
}

.glass-card.feature-badge {
  box-shadow:0 3px 14px #0000001f;
  transition:none!important
}

.glass-card-on-light {
  -webkit-backdrop-filter:blur(10px);
  background:#0a0a1673;
  border:1px solid #00e5ff2e;
  border-radius:12px;
  box-shadow:0 4px 24px #0000002e
}

.parallax-y {
  will-change:transform;
  backface-visibility:hidden;
  transform:translateZ(0)
}

.development-cases-heading-lead {
  gap:16px
}

@media(max-width:767px) {
  .development-cases-heading {
    flex-wrap:wrap;
    max-width:100%;
    white-space:normal!important;
    gap:2px 0!important
  }

  .development-cases-heading-lead {
    flex:none;
    gap:10px
  }

  .development-cases-heading-text {
    flex:none
  }
}

@media(max-width:340px) {
  .development-cases-heading {
    gap:10px 0!important
  }

  .development-cases-logo {
    height:30px!important
  }

  .development-cases-heading-text {
    font-size:22px!important
  }

  .development-case-demo-link {
    gap:4px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:12px!important
  }

  .development-case-demo-link>span {
    white-space:nowrap;
    min-width:0
  }

  .achievement-result-copy {
    width:calc(100% - 24px)!important;
    bottom:14px!important;
    left:12px!important
  }

  .achievement-result-label {
    font-size:16px!important;
    line-height:1.25!important
  }

  .achievement-result-amount {
    gap:2px!important
  }

  .achievement-result-prefix {
    font-size:17px!important
  }

  .achievement-result-number,.achievement-result-denominator {
    font-size:48px!important
  }

  .achievement-result-suffix {
    font-size:14px!important
  }
}

.achievement-result-copy--wide {
  width:calc(100% - 40px)!important
}

.achievement-flow-arrow--emphasis svg {
  color:#64748b;
  stroke-width:2px;
  width:34px;
  height:34px
}

.achievement-flow-panel--mixed-before {
  padding:18px
}

.achievement-flow-panel--mixed-before>p:first-child {
  font-size:17px;
  line-height:1.3
}

.achievement-flow-panel--mixed-before .achievement-flow-metric-label {
  background:linear-gradient(#6b7280,#374151);
  border:1px solid #4b55632e;
  border-radius:4px;
  align-self:flex-start;
  max-width:100%;
  padding:7px 13px;
  display:inline-flex;
  transform:skew(-10deg);
  box-shadow:0 8px 18px #11182729;
  color:#fff!important
}

.achievement-flow-panel--mixed-before .achievement-flow-metric-label-inner {
  white-space:nowrap;
  display:inline-block;
  transform:skew(10deg)
}

.achievement-flow-panel--mixed-before .achievement-flow-image {
  transform-origin:50%;
  transform:scale(1.022)
}

.achievement-flow-mobile-text,.achievement-flow-detail-mobile-text,.achievement-result-mobile-outcome,.achievement-result-lead-tablet {
  display:none
}

.achievement-reason-hellas-full {
  padding:12px 18px 13px!important
}

.achievement-reason-hellas-full .achievement-reason-badges-title {
  top:0!important
}

.achievement-reason-hellas-full .achievement-reason-badge {
  gap:8px
}

.achievement-reason-hellas-full .achievement-reason-badge img {
  width:26px;
  height:26px
}

.achievement-reason-hellas-full .achievement-reason-badge-text {
  font-size:18px;
  line-height:1.36
}

.achievement-result-panel--mixed {
  height:auto
}

.achievement-result-panel--mixed .achievement-result-visual {
  min-height:236px
}

.achievement-result-panel--mixed .achievement-result-image {
  object-fit:contain;
  object-position:100% 50%;
  transform:none;
  -webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000047 16%,#000000eb 34%,#000 100%);
  mask-image:linear-gradient(90deg,#0000,#00000047 16%,#000000eb 34%,#000)
}

.achievement-result-panel--mixed .achievement-result-wash {
  background:linear-gradient(90deg,#fffffff5,#ffffffeb 28%,#ffffff8a 50%,#ffffff14 74%,#fff0)
}

.achievement-result-panel--mixed .achievement-result-badge {
  max-width:74%;
  padding:7px 13px
}

.achievement-result-panel--mixed .achievement-result-badge img {
  width:31px;
  height:31px
}

.achievement-result-panel--mixed .achievement-result-badge-label {
  font-size:23px
}

.achievement-result-panel--mixed .achievement-result-badge-sub {
  font-size:11px
}

.achievement-result-panel--mixed .achievement-result-copy {
  width:72%;
  bottom:16px;
  left:28px
}

.achievement-result-panel--mixed .achievement-result-label {
  font-size:22px;
  line-height:1.28
}

.achievement-result-panel--mixed .achievement-result-inline-label {
  color:#061b57;
  text-shadow:0 2px #fff,0 8px 16px #002a7224;
  margin-right:5px;
  font-size:28px;
  line-height:1
}

.achievement-result-panel--mixed .achievement-result-prefix {
  font-size:32px
}

.achievement-result-panel--mixed .achievement-result-number,.achievement-result-panel--mixed .achievement-result-denominator {
  font-size:120px
}

.achievement-result-panel--mixed .achievement-result-number--fraction,.achievement-result-panel--mixed .achievement-result-fraction-suffix .achievement-result-denominator {
  font-size:106px
}

.achievement-result-panel--mixed .achievement-result-fraction-of {
  font-size:1.3em
}

.achievement-result-panel--mixed .achievement-result-suffix {
  font-size:32px
}

.achievement-result-panel--mixed .achievement-result-suffix--large {
  font-size:42px
}

.achievement-result-panel--mixed .achievement-result-plus {
  font-size:.82em;
  display:inline-block;
  transform:translateY(-.03em)
}

.achievement-result-panel--mixed .achievement-result-underline {
  border-radius:999px
}

@media(max-width:767px) {
  .achievement-case-header--mixed-mobile {
    margin-bottom:12px
  }

  .achievement-impact-flow--mixed {
    gap:10px!important;
    margin-top:10px!important
  }

  .achievement-case-header--mixed-mobile .achievement-case-header-main {
    grid-template-columns:minmax(118px,.4fr) minmax(0,1fr);
    align-items:stretch;
    min-height:0;
    display:grid
  }

  .achievement-case-header--mixed-mobile .achievement-problem-badge {
    grid-column:1;
    width:100%;
    min-height:88px;
    padding:10px 14px
  }

  .achievement-case-header--mixed-mobile .achievement-problem-badge-main {
    font-size:clamp(22px,6.3vw,25px);
    line-height:.98
  }

  .achievement-case-header--mixed-mobile .achievement-problem-badge-suffix {
    margin-top:6px;
    font-size:clamp(14px,4vw,16px)
  }

  .achievement-case-header--mixed-mobile .achievement-case-mobile-image--inline {
    grid-column:2;
    min-height:88px;
    display:block!important
  }

  .achievement-case-header--mixed-mobile .achievement-case-mobile-image img {
    -webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b8 5%,#000 10% 90%,#000000b8 95%,#0000 100%);
    mask-image:linear-gradient(90deg,#0000,#000000b8 5%,#000 10% 90%,#000000b8 95%,#0000)
  }

  .achievement-case-header--mixed-mobile .achievement-case-headline {
    background:#fffffff0;
    border-top:1px solid #e5edf7;
    grid-column:1/-1;
    justify-content:flex-start;
    align-items:center;
    gap:3px 4px;
    min-height:58px;
    padding:10px 10px 12px;
    flex-wrap:nowrap!important;
    display:flex!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-value {
    font-size:clamp(20px,5.55vw,22px)!important;
    line-height:1!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-support {
    font-size:clamp(9.5px,2.55vw,10.5px)!important;
    line-height:1.12!important;
    transform:translateY(1px)!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-arrow {
    width:14px!important;
    height:14px!important;
    margin-bottom:0!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-merit-inner {
    gap:3px!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-merit-underline {
    height:4px!important;
    bottom:-4px!important
  }

  .achievement-flow-panel--mixed-before {
    justify-content:flex-start;
    gap:7px;
    min-height:0;
    padding:12px;
    overflow:hidden;
    display:flex!important
  }

  .achievement-flow-panel--mixed-before .achievement-flow-metric-label {
    z-index:2;
    width:fit-content;
    max-width:100%;
    padding:6px 10px;
    font-size:13px;
    line-height:1.25;
    display:inline-flex;
    position:relative
  }

  .achievement-flow-panel--mixed-before .achievement-flow-mobile-text,.achievement-flow-panel--mixed-before .achievement-flow-detail-mobile-text {
    display:none!important
  }

  .achievement-flow-panel--mixed-before .achievement-flow-image-frame {
    z-index:1;
    aspect-ratio:16/7.4;
    border-radius:6px;
    margin-top:7px;
    box-shadow:inset 0 0 0 1px #b9ddffe6;
    display:block!important;
    position:relative!important;
    inset:auto!important
  }

  .achievement-flow-panel--mixed-before .achievement-flow-image {
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    opacity:1;
    width:82.18%;
    max-width:100%;
    height:100%;
    margin-inline:auto;
    -webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b8 5%,#000 10% 90%,#000000b8 95%,#0000 100%);
    mask-image:linear-gradient(90deg,#0000,#000000b8 5%,#000 10% 90%,#000000b8 95%,#0000)
  }

  .achievement-flow-panel--mixed-before .achievement-flow-image-frame:after {
    content:none
  }

  .achievement-flow-panel--mixed-before .achievement-flow-detail-text--has-mobile,.achievement-flow-panel--mixed-before .achievement-flow-detail-text {
    display:block!important
  }

  .achievement-flow-panel--mixed-before>div:last-child {
    margin-top:0;
    position:static
  }

  .achievement-flow-panel--mixed-before>div:last-child>p {
    margin-top:9px;
    font-size:13px;
    line-height:1.38
  }

  .achievement-flow-connector--mixed {
    padding:0;
    display:flex!important
  }

  .achievement-flow-connector--mixed .achievement-flow-arrow--emphasis svg {
    width:24px;
    height:24px
  }

  .achievement-result-panel--mixed .achievement-result-visual {
    min-height:226px;
    height:226px!important
  }

  .achievement-result-panel--mixed .achievement-result-image {
    z-index:1;
    width:auto;
    max-width:none;
    height:100%;
    box-shadow:none;
    object-fit:contain;
    object-position:right center;
    opacity:.42;
    background:0 0;
    border:0;
    border-radius:0;
    -webkit-mask-image:linear-gradient(90deg,#0000 0%,#0009 5%,#000 12% 100%);
    mask-image:linear-gradient(90deg,#0000,#0009 5%,#000 12% 100%);
    inset:0 0 0 auto!important
  }

  .achievement-result-panel--mixed .achievement-result-wash {
    z-index:2;
    pointer-events:none;
    background:0 0
  }

  .achievement-result-panel--mixed .achievement-result-badge {
    z-index:3;
    max-width:88%;
    padding:6px 11px;
    position:relative
  }

  .achievement-result-panel--mixed .achievement-result-badge img {
    width:24px;
    height:24px
  }

  .achievement-result-panel--mixed .achievement-result-badge-label {
    font-size:17px
  }

  .achievement-result-panel--mixed .achievement-result-copy {
    z-index:3;
    width:calc(100% - 24px)!important;
    bottom:12px!important;
    left:12px!important
  }

  .achievement-result-panel--mixed .achievement-result-label {
    line-break:strict;
    overflow-wrap:normal;
    word-break:normal;
    font-size:14px!important;
    line-height:1.34!important
  }

  .achievement-result-panel--mixed .achievement-result-mobile-outcome {
    display:none!important
  }

  .achievement-result-panel--mixed .achievement-result-amount-wrap {
    margin-top:5px;
    display:inline-block
  }

  .achievement-result-panel--mixed .achievement-result-amount {
    align-items:baseline;
    text-shadow:0 2px #fff,0 7px 16px #002a7229!important;
    -webkit-text-stroke:.2px #001b602e!important;
    gap:3px!important;
    line-height:.98!important
  }

  .achievement-result-panel--mixed .achievement-result-inline-label {
    margin-right:3px!important;
    font-size:15px!important;
    line-height:1.12!important
  }

  .achievement-result-panel--mixed .achievement-result-prefix {
    font-size:16px!important;
    line-height:1!important
  }

  .achievement-result-panel--mixed .achievement-result-number,.achievement-result-panel--mixed .achievement-result-denominator {
    font-size:clamp(42px,12vw,50px)!important;
    line-height:.95!important
  }

  .achievement-result-panel--mixed .achievement-result-number--fraction,.achievement-result-panel--mixed .achievement-result-fraction-suffix .achievement-result-denominator {
    font-size:clamp(39px,11vw,46px)!important
  }

  .achievement-result-panel--mixed .achievement-result-fraction-of {
    font-size:1.12em
  }

  .achievement-result-panel--mixed .achievement-result-suffix {
    font-size:17px!important;
    line-height:1.05!important
  }

  .achievement-result-panel--mixed .achievement-result-suffix--large {
    font-size:18px!important
  }

  .achievement-result-panel--mixed .achievement-result-underline {
    width:100%;
    height:5px
  }
}

@media(min-width:1280px) {
  .achievement-result-panel--mixed {
    height:100%
  }

  .achievement-result-panel--mixed .achievement-result-visual {
    aspect-ratio:auto;
    height:100%;
    min-height:0
  }
}

@media(min-width:768px)and (max-width:1023px) {
  .hiring-burden-label {
    overflow-wrap:anywhere;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.25!important
  }
}

@media(min-width:768px)and (max-width:1279px) {
  .achievement-result-lead-default {
    display:none
  }

  .achievement-result-lead-tablet {
    display:inline
  }

  .achievement-case-header--mixed-mobile .achievement-case-header-main {
    padding-right:clamp(70px,12vw,130px)!important
  }

  .achievement-case-header--mixed-mobile .achievement-case-headline {
    flex-wrap:nowrap!important;
    gap:clamp(4px,.75vw,8px)!important;
    padding-left:clamp(16px,2vw,22px)!important;
    padding-right:8px!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-value {
    font-size:clamp(26px,3.75vw,42px)!important;
    line-height:1!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-support {
    font-size:clamp(12px,1.85vw,17px)!important;
    line-height:1.08!important;
    transform:translateY(3px)!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-arrow {
    width:clamp(17px,2.1vw,23px)!important;
    height:clamp(17px,2.1vw,23px)!important;
    margin-bottom:0!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-merit-inner {
    gap:clamp(4px,.7vw,7px)!important
  }

  .achievement-case-header--mixed-mobile .achievement-header-merit-underline {
    height:5px!important;
    bottom:-5px!important
  }

  .achievement-flow-panel--mixed-before .achievement-flow-image-frame {
    display:block!important
  }

  .achievement-result-visual {
    aspect-ratio:auto!important;
    height:clamp(292px,32vw,352px)!important;
    min-height:0!important
  }

  .achievement-result-image {
    object-position:center 50%!important
  }

  .achievement-result-badge {
    max-width:74%!important;
    padding:7px 14px!important
  }

  .achievement-result-badge img {
    width:34px!important;
    height:34px!important
  }

  .achievement-result-badge-label {
    font-size:24px!important
  }

  .achievement-result-badge-sub {
    font-size:13px!important
  }

  .achievement-result-copy {
    width:58%!important;
    bottom:20px!important;
    left:22px!important
  }

  .achievement-result-copy--wide {
    width:calc(100% - 44px)!important
  }

  .achievement-result-label {
    font-size:20px!important;
    line-height:1.28!important
  }

  .achievement-result-prefix {
    font-size:22px!important
  }

  .achievement-result-number {
    font-size:clamp(64px,8vw,78px)!important
  }

  .achievement-result-suffix {
    font-size:22px!important
  }

  .achievement-result-panel--mixed {
    height:100%!important
  }

  .achievement-result-panel--mixed .achievement-result-visual {
    height:100%!important;
    min-height:clamp(230px,28vw,310px)!important
  }

  .achievement-result-panel--mixed .achievement-result-image {
    object-fit:contain!important;
    object-position:right center!important
  }

  .achievement-result-panel--mixed .achievement-result-badge {
    max-width:calc(100% - 10px)!important;
    padding:6px 12px!important
  }

  .achievement-result-panel--mixed .achievement-result-badge img {
    width:28px!important;
    height:28px!important
  }

  .achievement-result-panel--mixed .achievement-result-badge-label {
    max-width:100%;
    font-size:clamp(17px,2.15vw,19px)!important
  }

  .achievement-result-panel--mixed .achievement-result-badge-sub {
    font-size:11px!important
  }

  .achievement-result-panel--mixed .achievement-result-copy {
    width:calc(100% - 32px)!important;
    bottom:14px!important;
    left:16px!important
  }

  .achievement-result-panel--mixed .achievement-result-label {
    font-size:17px!important;
    line-height:1.28!important
  }

  .achievement-result-panel--mixed .achievement-result-inline-label {
    margin-right:4px!important;
    font-size:20px!important
  }

  .achievement-result-panel--mixed .achievement-result-prefix {
    font-size:22px!important
  }

  .achievement-result-panel--mixed .achievement-result-number,.achievement-result-panel--mixed .achievement-result-denominator {
    font-size:clamp(64px,7vw,86px)!important
  }

  .achievement-result-panel--mixed .achievement-result-number--fraction,.achievement-result-panel--mixed .achievement-result-fraction-suffix .achievement-result-denominator {
    font-size:clamp(58px,6.2vw,76px)!important
  }

  .achievement-result-panel--mixed .achievement-result-fraction-of {
    font-size:1.24em
  }

  .achievement-result-panel--mixed .achievement-result-suffix {
    font-size:22px!important
  }

  .achievement-result-panel--mixed .achievement-result-suffix--large {
    font-size:27px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-visual {
    height:232px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-image {
    object-position:center 48%!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-badge {
    max-width:78%!important;
    padding:6px 12px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-badge img {
    width:28px!important;
    height:28px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-badge-label {
    font-size:21px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-badge-sub {
    font-size:12px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-copy {
    width:72%!important;
    bottom:16px!important;
    left:18px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-copy--wide {
    width:calc(100% - 36px)!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-label {
    font-size:17px!important;
    line-height:1.24!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-prefix {
    font-size:18px!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-number,.achievement-result-panel--tablet-compact .achievement-result-denominator {
    font-size:clamp(54px,6vw,64px)!important
  }

  .achievement-result-panel--tablet-compact .achievement-result-suffix {
    font-size:17px!important
  }
}

@media(prefers-reduced-motion:reduce) {
  *,:before,:after {
    transition-duration:.001ms!important;
    animation-duration:.001ms!important
  }
}

@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}

@property --tw-skew-x {
  syntax:"*";
  inherits:false
}

@property --tw-skew-y {
  syntax:"*";
  inherits:false
}

@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-leading {
  syntax:"*";
  inherits:false
}

@property --tw-font-weight {
  syntax:"*";
  inherits:false
}

@property --tw-tracking {
  syntax:"*";
  inherits:false
}

@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}

@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}

@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}

@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-blur {
  syntax:"*";
  inherits:false
}

@property --tw-brightness {
  syntax:"*";
  inherits:false
}

@property --tw-contrast {
  syntax:"*";
  inherits:false
}

@property --tw-grayscale {
  syntax:"*";
  inherits:false
}

@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}

@property --tw-invert {
  syntax:"*";
  inherits:false
}

@property --tw-opacity {
  syntax:"*";
  inherits:false
}

@property --tw-saturate {
  syntax:"*";
  inherits:false
}

@property --tw-sepia {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}

@property --tw-duration {
  syntax:"*";
  inherits:false
}

@property --tw-ease {
  syntax:"*";
  inherits:false
}