*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Poppins, system-ui, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

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

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.ty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #c9462a 0%, #da684f 100%);
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  transition: opacity 200ms;
}

.ty-btn:hover {
  opacity: 0.9;
}

.ty-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #0e0c0a;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1.5px solid #0e0c0a;
  transition: background 220ms, color 220ms;
}

.ty-btn-outline:hover {
  background: linear-gradient(135deg, #c9462a 0%, #da684f 100%);
  color: #ffffff;
  border-color: #0e0c0a;
}

.ty-btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #c9462a 0%, #da684f 100%);
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(201,70,42,0.28);
  transition: background 200ms, color 200ms, box-shadow 200ms;
}

.ty-btn-cta:hover {
  background: #ffffff;
  color: #0e0c0a;
  box-shadow: 0 8px 24px rgba(201,70,42,0.18);
}

.ty-btn-accent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #0e0c0a;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  transition: opacity 200ms;
}

.ty-btn-accent:hover {
  opacity: 0.9;
}

/* Gradient background for CTA buttons that also need a Tailwind
     hover: utility (e.g. hover:bg-white) to invert on hover — lives in
     @layer components so utilities always win the cascade on :hover,
     unlike an inline style="" which would out-specificity any class. */

.ty-cta-btn {
  background: #fff;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-10 {
  bottom: -2.5rem;
}

.-bottom-14 {
  bottom: -3.5rem;
}

.-bottom-16 {
  bottom: -4rem;
}

.-bottom-24 {
  bottom: -6rem;
}

.-bottom-32 {
  bottom: -8rem;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-left-14 {
  left: -3.5rem;
}

.-left-16 {
  left: -4rem;
}

.-left-24 {
  left: -6rem;
}

.-left-6 {
  left: -1.5rem;
}

.-right-10 {
  right: -2.5rem;
}

.-right-14 {
  right: -3.5rem;
}

.-right-16 {
  right: -4rem;
}

.-right-24 {
  right: -6rem;
}

.-right-3 {
  right: -0.75rem;
}

.-top-10 {
  top: -2.5rem;
}

.-top-14 {
  top: -3.5rem;
}

.-top-16 {
  top: -4rem;
}

.-top-24 {
  top: -6rem;
}

.-top-7 {
  top: -1.75rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-\[-190px\] {
  bottom: -190px;
}

.left-0 {
  left: 0px;
}

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

.left-1\/4 {
  left: 25%;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-\[16\%\] {
  left: 16%;
}

.left-\[7px\] {
  left: 7px;
}

.left-\[8\%\] {
  left: 8%;
}

.right-0 {
  right: 0px;
}

.right-1\/4 {
  right: 25%;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-\[16\%\] {
  right: 16%;
}

.right-\[8\%\] {
  right: 8%;
}

.top-0 {
  top: 0px;
}

.top-0\.5 {
  top: 0.125rem;
}

.top-1 {
  top: 0.25rem;
}

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

.top-28 {
  top: 7rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-\[58\%\] {
  top: 58%;
}

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

.top-\[82px\] {
  top: 82px;
}

.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}

.isolate {
  isolation: isolate;
}

.-z-10 {
  z-index: -10;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[1\] {
  z-index: 1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-mt-14 {
  margin-top: -3.5rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-\[24\%\] {
  margin-left: 24%;
}

.ml-auto {
  margin-left: auto;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-\[1413\/1944\] {
  aspect-ratio: 1413/1944;
}

.aspect-\[1647\/955\] {
  aspect-ratio: 1647/955;
}

.aspect-\[1920\/892\] {
  aspect-ratio: 1920/892;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.aspect-\[5700\/2601\] {
  aspect-ratio: 5700/2601;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-1\/3 {
  height: 33.333333%;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-2\/5 {
  height: 40%;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-3\/5 {
  height: 60%;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-52 {
  height: 13rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

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

.h-\[26px\] {
  height: 26px;
}

.h-\[360px\] {
  height: 360px;
}

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

.h-\[3px\] {
  height: 3px;
}

.h-\[4\.5rem\] {
  height: 4.5rem;
}

.h-\[420px\] {
  height: 420px;
}

.h-\[440px\] {
  height: 440px;
}

.h-\[460px\] {
  height: 460px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[600px\] {
  height: 600px;
}

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

.h-\[78\%\] {
  height: 78%;
}

.h-\[86\%\] {
  height: 86%;
}

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

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-0 {
  max-height: 0px;
}

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

.max-h-\[calc\(100vh-82px\)\] {
  max-height: calc(100vh - 82px);
}

.max-h-full {
  max-height: 100%;
}

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

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

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

.min-h-\[22rem\] {
  min-height: 22rem;
}

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

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

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

.min-h-full {
  min-height: 100%;
}

.w-0 {
  width: 0px;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

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

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

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

.w-\[190px\] {
  width: 190px;
}

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

.w-\[220px\] {
  width: 220px;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[26\%\] {
  width: 26%;
}

.w-\[26px\] {
  width: 26px;
}

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

.w-\[380px\] {
  width: 380px;
}

.w-\[4\.5rem\] {
  width: 4.5rem;
}

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

.w-\[68\%\] {
  width: 68%;
}

.w-\[71\.43\%\] {
  width: 71.43%;
}

.w-\[72px\] {
  width: 72px;
}

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

.w-\[88\%\] {
  width: 88%;
}

.w-\[92\%\] {
  width: 92%;
}

.w-\[96\%\] {
  width: 96%;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}

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

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

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

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

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

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

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

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

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

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

.max-w-\[75rem\] {
  max-width: 75rem;
}

.max-w-\[87\.5rem\] {
  max-width: 87.5rem;
}

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

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

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

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

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

.shrink {
  flex-shrink: 1;
}

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

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[6\.75\%\] {
  --tw-translate-y: 6.75%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[4deg\] {
  --tw-rotate: 4deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize {
  resize: both;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

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

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

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

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

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

.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}

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

.flex-wrap {
  flex-wrap: wrap;
}

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

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

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-\[\#E2E8F0\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-\[\#F0F2F7\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 242 247 / var(--tw-divide-opacity, 1));
}

.divide-\[rgba\(201\2c 70\2c 42\2c 0\.06\)\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(201,70,42,0.06);
}

.divide-\[rgba\(201\2c 70\2c 42\2c 0\.1\)\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(201,70,42,0.1);
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1);
}

.divide-white\/25 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.25);
}

.self-start {
  align-self: flex-start;
}

.self-stretch {
  align-self: stretch;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

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

.overflow-x-hidden {
  overflow-x: hidden;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

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

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}

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

.rounded-\[2rem\] {
  border-radius: 2rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-br-\[40px\] {
  border-bottom-right-radius: 40px;
}

.rounded-tl-\[40px\] {
  border-top-left-radius: 40px;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-dashed {
  border-style: dashed;
}

.border-\[\#0e0c0a\] {
  --tw-border-opacity: 1;
  border-color: rgb(14 12 10 / var(--tw-border-opacity, 1));
}

.border-\[\#0e0c0a\]\/20 {
  border-color: rgb(14 12 10 / 0.2);
}

.border-\[\#234BA2\]\/30 {
  border-color: rgb(35 75 162 / 0.3);
}

.border-\[\#2a2019\]\/10 {
  border-color: rgb(42 32 25 / 0.1);
}

.border-\[\#CBD5E1\] {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-\[\#D1FAE5\] {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}

.border-\[\#E2E8F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-\[\#E8B84B\]\/20 {
  border-color: rgb(232 184 75 / 0.2);
}

.border-\[\#E8EDF2\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 237 242 / var(--tw-border-opacity, 1));
}

.border-\[\#E8EDF3\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 237 243 / var(--tw-border-opacity, 1));
}

.border-\[\#ECE9E3\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 227 / var(--tw-border-opacity, 1));
}

.border-\[\#F0F2F7\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 242 247 / var(--tw-border-opacity, 1));
}

.border-\[\#F1F5F9\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-\[\#F3D2D2\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 210 210 / var(--tw-border-opacity, 1));
}

.border-\[rgba\(201\2c 70\2c 42\2c 0\.06\)\] {
  border-color: rgba(201,70,42,0.06);
}

.border-\[rgba\(201\2c 70\2c 42\2c 0\.07\)\] {
  border-color: rgba(201,70,42,0.07);
}

.border-\[rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
  border-color: rgba(201,70,42,0.08);
}

.border-\[rgba\(201\2c 70\2c 42\2c 0\.14\)\] {
  border-color: rgba(201,70,42,0.14);
}

.border-\[rgba\(201\2c 70\2c 42\2c 0\.18\)\] {
  border-color: rgba(201,70,42,0.18);
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}

.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}

.border-white\/70 {
  border-color: rgb(255 255 255 / 0.7);
}

.border-white\/80 {
  border-color: rgb(255 255 255 / 0.8);
}

.bg-\[\#031336\] {
  --tw-bg-opacity: 1;
  background-color: rgb(3 19 54 / var(--tw-bg-opacity, 1));
}

.bg-\[\#031336\]\/20 {
  background-color: rgb(3 19 54 / 0.2);
}

.bg-\[\#050B18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 11 24 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0A0A0A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0A1B3D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 27 61 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0B4C8C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 76 140 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0B4C8C\]\/10 {
  background-color: rgb(11 76 140 / 0.1);
}

.bg-\[\#0D9488\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0F766E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

.bg-\[\#12B76A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity, 1));
}

.bg-\[\#15803D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1D4ED8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.bg-\[\#234BA2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 75 162 / var(--tw-bg-opacity, 1));
}

.bg-\[\#234BA2\]\/10 {
  background-color: rgb(35 75 162 / 0.1);
}

.bg-\[\#234BA2\]\/30 {
  background-color: rgb(35 75 162 / 0.3);
}

.bg-\[\#28C840\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 200 64 / var(--tw-bg-opacity, 1));
}

.bg-\[\#29C2F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 194 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#29C2F0\]\/20 {
  background-color: rgb(41 194 240 / 0.2);
}

.bg-\[\#29C2F0\]\/25 {
  background-color: rgb(41 194 240 / 0.25);
}

.bg-\[\#2DD4BF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2DD4BF\]\/20 {
  background-color: rgb(45 212 191 / 0.2);
}

.bg-\[\#2a2019\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 32 25 / var(--tw-bg-opacity, 1));
}

.bg-\[\#34D399\]\/35 {
  background-color: rgb(52 211 153 / 0.35);
}

.bg-\[\#3ECF8E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 207 142 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4ADE80\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4ADE80\]\/20 {
  background-color: rgb(74 222 128 / 0.2);
}

.bg-\[\#5B21B6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(91 33 182 / var(--tw-bg-opacity, 1));
}

.bg-\[\#61CDFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(97 205 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#61CDFF\]\/25 {
  background-color: rgb(97 205 255 / 0.25);
}

.bg-\[\#61CDFF\]\/30 {
  background-color: rgb(97 205 255 / 0.3);
}

.bg-\[\#959191\] {
  --tw-bg-opacity: 1;
  background-color: rgb(149 145 145 / var(--tw-bg-opacity, 1));
}

.bg-\[\#A78BFA\]\/35 {
  background-color: rgb(167 139 250 / 0.35);
}

.bg-\[\#B0C9E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(176 201 232 / var(--tw-bg-opacity, 1));
}

.bg-\[\#B0C9E8\]\/15 {
  background-color: rgb(176 201 232 / 0.15);
}

.bg-\[\#B0C9E8\]\/20 {
  background-color: rgb(176 201 232 / 0.2);
}

.bg-\[\#B0C9E8\]\/35 {
  background-color: rgb(176 201 232 / 0.35);
}

.bg-\[\#CBD5E1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D6F1FC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(214 241 252 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E2E8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E4EAF4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 234 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E8B84B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 184 75 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E8B84B\]\/10 {
  background-color: rgb(232 184 75 / 0.1);
}

.bg-\[\#E8EDF2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 237 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EAF2FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EAF8FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 248 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ECE9E3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 227 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ECFDF5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEF2F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F0FDF4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F0FDFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F4F6FC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 252 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5F3EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 239 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5F3FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F7F8FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F8FAFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F9FAFB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAFBFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FCF4F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 244 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FDECEC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 236 236 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FEBC2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 188 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FEF3E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 231 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF5F57\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF7A6E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 122 110 / var(--tw-bg-opacity, 1));
}

.bg-\[\#c9462a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 70 42 / var(--tw-bg-opacity, 1));
}

.bg-\[\#c9462a\]\/10 {
  background-color: rgb(201 70 42 / 0.1);
}

.bg-\[\#c9462a\]\/15 {
  background-color: rgb(201 70 42 / 0.15);
}

.bg-\[\#c9462a\]\/30 {
  background-color: rgb(201 70 42 / 0.3);
}

.bg-\[\#da684f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(218 104 79 / var(--tw-bg-opacity, 1));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-current {
  background-color: currentColor;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}

.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}

.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}

.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}

.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}

.bg-\[linear-gradient\(rgba\(255\2c 255\2c 255\2c 0\.08\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\.08\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(rgba(255,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.08) 1px,transparent 1px);
}

.bg-\[linear-gradient\(rgba\(255\2c 255\2c 255\2c 0\.09\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\.09\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(rgba(255,255,255,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.09) 1px,transparent 1px);
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#020712\] {
  --tw-gradient-from: #020712 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 7 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#031336\] {
  --tw-gradient-from: #031336 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 19 54 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#050B18\] {
  --tw-gradient-from: #050B18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 11 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0B0B0F\] {
  --tw-gradient-from: #0B0B0F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(11 11 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0B3B36\] {
  --tw-gradient-from: #0B3B36 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(11 59 54 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0e0c0a\] {
  --tw-gradient-from: #0e0c0a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 12 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#29C2F0\] {
  --tw-gradient-from: #29C2F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 194 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#2DD4BF\] {
  --tw-gradient-from: #2DD4BF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#2a2019\] {
  --tw-gradient-from: #2a2019 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 32 25 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4ADE80\] {
  --tw-gradient-from: #4ADE80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#61CDFF\] {
  --tw-gradient-from: #61CDFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(97 205 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#B0C9E8\] {
  --tw-gradient-from: #B0C9E8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(176 201 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EAF7FF\] {
  --tw-gradient-from: #EAF7FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 247 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EAF8FF\] {
  --tw-gradient-from: #EAF8FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 248 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EEF2F6\] {
  --tw-gradient-from: #EEF2F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FAFBFD\] {
  --tw-gradient-from: #FAFBFD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 251 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#c9462a\] {
  --tw-gradient-from: #c9462a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(201 70 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#da684f\] {
  --tw-gradient-from: #da684f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(218 104 79 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/20 {
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/95 {
  --tw-gradient-from: rgb(0 0 0 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white\/95 {
  --tw-gradient-from: rgb(255 255 255 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#050F26\] {
  --tw-gradient-to: rgb(5 15 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #050F26 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#234BA2\] {
  --tw-gradient-to: rgb(35 75 162 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #234BA2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#2a2019\]\/50 {
  --tw-gradient-to: rgb(42 32 25 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(42 32 25 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/55 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/55 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#031336\] {
  --tw-gradient-to: #031336 var(--tw-gradient-to-position);
}

.to-\[\#0A211D\] {
  --tw-gradient-to: #0A211D var(--tw-gradient-to-position);
}

.to-\[\#0B1F4D\] {
  --tw-gradient-to: #0B1F4D var(--tw-gradient-to-position);
}

.to-\[\#0B4C8C\] {
  --tw-gradient-to: #0B4C8C var(--tw-gradient-to-position);
}

.to-\[\#0F766E\] {
  --tw-gradient-to: #0F766E var(--tw-gradient-to-position);
}

.to-\[\#0e0c0a\] {
  --tw-gradient-to: #0e0c0a var(--tw-gradient-to-position);
}

.to-\[\#14532D\] {
  --tw-gradient-to: #14532D var(--tw-gradient-to-position);
}

.to-\[\#15803D\] {
  --tw-gradient-to: #15803D var(--tw-gradient-to-position);
}

.to-\[\#234BA2\] {
  --tw-gradient-to: #234BA2 var(--tw-gradient-to-position);
}

.to-\[\#2a2019\]\/5 {
  --tw-gradient-to: rgb(42 32 25 / 0.05) var(--tw-gradient-to-position);
}

.to-\[\#9a3620\] {
  --tw-gradient-to: #9a3620 var(--tw-gradient-to-position);
}

.to-\[\#BFE7FF\] {
  --tw-gradient-to: #BFE7FF var(--tw-gradient-to-position);
}

.to-\[\#D6F1FC\] {
  --tw-gradient-to: #D6F1FC var(--tw-gradient-to-position);
}

.to-\[\#DCE6EE\] {
  --tw-gradient-to: #DCE6EE var(--tw-gradient-to-position);
}

.to-\[\#EEF2F7\] {
  --tw-gradient-to: #EEF2F7 var(--tw-gradient-to-position);
}

.to-\[\#da684f\] {
  --tw-gradient-to: #da684f var(--tw-gradient-to-position);
}

.to-black\/10 {
  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
}

.to-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-\[length\:72px_72px\] {
  background-size: 72px 72px;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[2\.5\%\] {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.px-\[5\%\] {
  padding-left: 5%;
  padding-right: 5%;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-3\.5 {
  padding-left: 0.875rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[3\.75rem\] {
  padding-left: 3.75rem;
}

.pl-\[5\%\] {
  padding-left: 5%;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.font-sans {
  font-family: Poppins, system-ui, sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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-\[21px\] {
  font-size: 21px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

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

.leading-\[1\.55\] {
  line-height: 1.55;
}

.leading-\[1\.65\] {
  line-height: 1.65;
}

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

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}

.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}

.tracking-\[-1\.5px\] {
  letter-spacing: -1.5px;
}

.tracking-\[-1px\] {
  letter-spacing: -1px;
}

.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}

.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}

.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}

.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}

.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}

.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}

.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}

.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}

.tracking-\[0\.24em\] {
  letter-spacing: 0.24em;
}

.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-\[\#031336\]\/80 {
  color: rgb(3 19 54 / 0.8) !important;
}

.\!text-\[\#3d4f62\] {
  --tw-text-opacity: 1 !important;
  color: rgb(61 79 98 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[\#61CDFF\] {
  --tw-text-opacity: 1 !important;
  color: rgb(97 205 255 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[\#B0C9E8\] {
  --tw-text-opacity: 1 !important;
  color: rgb(176 201 232 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}

.\!text-white\/85 {
  color: rgb(255 255 255 / 0.85) !important;
}

.text-\[\#031336\] {
  --tw-text-opacity: 1;
  color: rgb(3 19 54 / var(--tw-text-opacity, 1));
}

.text-\[\#04060B\] {
  --tw-text-opacity: 1;
  color: rgb(4 6 11 / var(--tw-text-opacity, 1));
}

.text-\[\#067647\] {
  --tw-text-opacity: 1;
  color: rgb(6 118 71 / var(--tw-text-opacity, 1));
}

.text-\[\#0B4C8C\] {
  --tw-text-opacity: 1;
  color: rgb(11 76 140 / var(--tw-text-opacity, 1));
}

.text-\[\#0D9488\] {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-\[\#0F766E\] {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.text-\[\#0F9D58\] {
  --tw-text-opacity: 1;
  color: rgb(15 157 88 / var(--tw-text-opacity, 1));
}

.text-\[\#0e0c0a\] {
  --tw-text-opacity: 1;
  color: rgb(14 12 10 / var(--tw-text-opacity, 1));
}

.text-\[\#0e0c0a\]\/70 {
  color: rgb(14 12 10 / 0.7);
}

.text-\[\#234BA2\] {
  --tw-text-opacity: 1;
  color: rgb(35 75 162 / var(--tw-text-opacity, 1));
}

.text-\[\#2a2019\] {
  --tw-text-opacity: 1;
  color: rgb(42 32 25 / var(--tw-text-opacity, 1));
}

.text-\[\#323232\] {
  --tw-text-opacity: 1;
  color: rgb(50 50 50 / var(--tw-text-opacity, 1));
}

.text-\[\#323232\]\/70 {
  color: rgb(50 50 50 / 0.7);
}

.text-\[\#323232\]\/80 {
  color: rgb(50 50 50 / 0.8);
}

.text-\[\#32323D\] {
  --tw-text-opacity: 1;
  color: rgb(50 50 61 / var(--tw-text-opacity, 1));
}

.text-\[\#32323D\]\/75 {
  color: rgb(50 50 61 / 0.75);
}

.text-\[\#34D399\] {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-\[\#3d4f62\] {
  --tw-text-opacity: 1;
  color: rgb(61 79 98 / var(--tw-text-opacity, 1));
}

.text-\[\#4ADE80\] {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}

.text-\[\#5B21B6\] {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-\[\#64748B\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-\[\#68605b\] {
  --tw-text-opacity: 1;
  color: rgb(104 96 91 / var(--tw-text-opacity, 1));
}

.text-\[\#7DD8F5\] {
  --tw-text-opacity: 1;
  color: rgb(125 216 245 / var(--tw-text-opacity, 1));
}

.text-\[\#94A3B8\] {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-\[\#A78BFA\] {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.text-\[\#B0C9E8\] {
  --tw-text-opacity: 1;
  color: rgb(176 201 232 / var(--tw-text-opacity, 1));
}

.text-\[\#B42318\] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}

.text-\[\#B54708\] {
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity, 1));
}

.text-\[\#B7791F\] {
  --tw-text-opacity: 1;
  color: rgb(183 121 31 / var(--tw-text-opacity, 1));
}

.text-\[\#C7CCD6\] {
  --tw-text-opacity: 1;
  color: rgb(199 204 214 / var(--tw-text-opacity, 1));
}

.text-\[\#EEF0F4\] {
  --tw-text-opacity: 1;
  color: rgb(238 240 244 / var(--tw-text-opacity, 1));
}

.text-\[\#c9462a\] {
  --tw-text-opacity: 1;
  color: rgb(201 70 42 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/25 {
  color: rgb(255 255 255 / 0.25);
}

.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}

.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}

.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}

.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}

.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-\[0\.05\] {
  opacity: 0.05;
}

.opacity-\[0\.07\] {
  opacity: 0.07;
}

.opacity-\[0\.09\] {
  opacity: 0.09;
}

.opacity-\[0\.13\] {
  opacity: 0.13;
}

.opacity-\[0\.14\] {
  opacity: 0.14;
}

.opacity-\[0\.16\] {
  opacity: 0.16;
}

.opacity-\[0\.1\] {
  opacity: 0.1;
}

.mix-blend-screen {
  mix-blend-mode: screen;
}

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

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_5px_rgba\(13\2c 148\2c 136\2c 0\.14\)\] {
  --tw-shadow: 0 0 0 5px rgba(13,148,136,0.14);
  --tw-shadow-colored: 0 0 0 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_5px_rgba\(91\2c 33\2c 182\2c 0\.14\)\] {
  --tw-shadow: 0 0 0 5px rgba(91,33,182,0.14);
  --tw-shadow-colored: 0 0 0 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_24px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 10px 24px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_24px_rgba\(3\2c 19\2c 54\2c 0\.18\)\] {
  --tw-shadow: 0 10px 24px rgba(3,19,54,0.18);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_25px_rgba\(3\2c 19\2c 54\2c 0\.18\)\] {
  --tw-shadow: 0 10px 25px rgba(3,19,54,0.18);
  --tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_rgba\(3\2c 19\2c 54\2c 0\.08\)\] {
  --tw-shadow: 0 10px 30px rgba(3,19,54,0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_rgba\(3\2c 19\2c 54\2c 0\.45\)\] {
  --tw-shadow: 0 10px 30px rgba(3,19,54,0.45);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_14px_32px_rgba\(3\2c 19\2c 54\2c 0\.16\)\] {
  --tw-shadow: 0 14px 32px rgba(3,19,54,0.16);
  --tw-shadow-colored: 0 14px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_15px_35px_rgba\(3\2c 19\2c 54\2c 0\.22\)\] {
  --tw-shadow: 0 15px 35px rgba(3,19,54,0.22);
  --tw-shadow-colored: 0 15px 35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_15px_40px_rgba\(3\2c 19\2c 54\2c 0\.08\)\] {
  --tw-shadow: 0 15px 40px rgba(3,19,54,0.08);
  --tw-shadow-colored: 0 15px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 16px 40px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgba\(3\2c 19\2c 54\2c 0\.10\)\] {
  --tw-shadow: 0 20px 50px rgba(3,19,54,0.10);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgba\(3\2c 19\2c 54\2c 0\.14\)\] {
  --tw-shadow: 0 20px 50px rgba(3,19,54,0.14);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgba\(3\2c 19\2c 54\2c 0\.25\)\] {
  --tw-shadow: 0 20px 50px rgba(3,19,54,0.25);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgba\(8\2c 32\2c 62\2c 0\.25\)\] {
  --tw-shadow: 0 20px 50px rgba(8,32,62,0.25);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_60px_rgba\(201\2c 70\2c 42\2c 0\.14\)\] {
  --tw-shadow: 0 20px 60px rgba(201,70,42,0.14);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_60px_rgba\(201\2c 70\2c 42\2c 0\.18\)\] {
  --tw-shadow: 0 20px 60px rgba(201,70,42,0.18);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_60px_rgba\(3\2c 19\2c 54\2c 0\.06\)\] {
  --tw-shadow: 0 20px 60px rgba(3,19,54,0.06);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_25px_60px_rgba\(3\2c 19\2c 54\2c 0\.16\)\] {
  --tw-shadow: 0 25px 60px rgba(3,19,54,0.16);
  --tw-shadow-colored: 0 25px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_12px_rgba\(201\2c 70\2c 42\2c 0\.06\)\] {
  --tw-shadow: 0 2px 12px rgba(201,70,42,0.06);
  --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_16px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
  --tw-shadow: 0 2px 16px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 2px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_16px_rgba\(201\2c 70\2c 42\2c 0\.07\)\] {
  --tw-shadow: 0 2px 16px rgba(201,70,42,0.07);
  --tw-shadow-colored: 0 2px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_16px_rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 2px 16px rgba(201,70,42,0.08);
  --tw-shadow-colored: 0 2px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_16px_rgba\(201\2c 70\2c 42\2c 0\.10\)\] {
  --tw-shadow: 0 2px 16px rgba(201,70,42,0.10);
  --tw-shadow-colored: 0 2px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_8px_rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 2px 8px rgba(201,70,42,0.08);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_8px_rgba\(201\2c 70\2c 42\2c 0\.15\)\] {
  --tw-shadow: 0 2px 8px rgba(201,70,42,0.15);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_14px_rgba\(201\2c 70\2c 42\2c 0\.25\)\] {
  --tw-shadow: 0 4px 14px rgba(201,70,42,0.25);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_20px_rgba\(3\2c 19\2c 54\2c 0\.06\)\] {
  --tw-shadow: 0 4px 20px rgba(3,19,54,0.06);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 4px 24px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_24px_rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 4px 24px rgba(201,70,42,0.08);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_24px_rgba\(201\2c 70\2c 42\2c 0\.10\)\] {
  --tw-shadow: 0 4px 24px rgba(201,70,42,0.10);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_24px_rgba\(201\2c 70\2c 42\2c 0\.12\)\] {
  --tw-shadow: 0 4px 24px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_28px_rgba\(201\2c 70\2c 42\2c 0\.10\)\] {
  --tw-shadow: 0 4px 28px rgba(201,70,42,0.10);
  --tw-shadow-colored: 0 4px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_32px_rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 4px 32px rgba(201,70,42,0.08);
  --tw-shadow-colored: 0 4px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_6px_16px_rgba\(3\2c 19\2c 54\2c 0\.08\)\] {
  --tw-shadow: 0 6px 16px rgba(3,19,54,0.08);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_6px_24px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 6px 24px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 6px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_20px_rgba\(201\2c 70\2c 42\2c 0\.28\)\] {
  --tw-shadow: 0 8px 20px rgba(201,70,42,0.28);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_28px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 8px 28px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_28px_rgba\(201\2c 70\2c 42\2c 0\.12\)\] {
  --tw-shadow: 0 8px 28px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_40px_rgba\(201\2c 70\2c 42\2c 0\.12\)\] {
  --tw-shadow: 0 8px 40px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 8px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_rgba\(201\2c 70\2c 42\2c 0\.5\)\2c 0_10px_28px_rgba\(201\2c 70\2c 42\2c 0\.15\)\] {
  --tw-shadow: inset 0 1px 0 rgba(201,70,42,0.5),0 10px 28px rgba(201,70,42,0.15);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[\#FAFBFD\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 251 253 / var(--tw-ring-opacity, 1));
}

.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-3xl {
  --tw-blur: blur(64px);
  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-\[100px\] {
  --tw-blur: blur(100px);
  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-200 {
  --tw-contrast: contrast(2);
  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 {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.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_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 10px rgba(0,0,0,0.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);
}

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

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

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

.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-150 {
  transition-delay: 150ms;
}

.delay-\[220ms\] {
  transition-delay: 220ms;
}

.delay-\[290ms\] {
  transition-delay: 290ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.\[letter-spacing\:-1px\] {
  letter-spacing: -1px;
}

.\[text-shadow\:0_2px_12px_rgba\(3\2c 13\2c 28\2c 0\.5\)\] {
  text-shadow: 0 2px 12px rgba(3,13,28,0.5);
}

.\[text-shadow\:0_4px_24px_rgba\(3\2c 13\2c 28\2c 0\.55\)\] {
  text-shadow: 0 4px 24px rgba(3,13,28,0.55);
}

/* ============================================
   DESIGN TOKENS — Weathervane x Clay Brown
   Single source of truth for brand colour. Inline `style="..."` attributes
   across the codebase (which can't use Tailwind's bg-dubai-clay-style
   utility classes) should reference these via var(--dubai-*) instead of
   hardcoding hex, so the next palette change is a one-line edit here
   instead of another sitewide sweep. See CLAUDE.md "Brand — Colours".

   Text stays black (--dubai-stout) on light backgrounds or white on dark
   ones for the vast majority of the site. These accent tokens are for
   backgrounds, buttons, and sparing icon/decorative touches — NOT a
   wholesale text-colour replacement.
   ============================================ */

:root {
  --dubai-weathervane: #2a2019;
  /* primary dark bg — hero, footer, dark sections */
  --dubai-clay: #c9462a;
  /* buttons / CTAs */
  --dubai-bonanza: #da684f;
  /* icon chips + decorative accents, used sparingly */
  --dubai-waiting: #9c9d9d;
  /* muted/disabled, very limited use */
  --dubai-brood: #68605b;
  /* secondary dark surface */
  --dubai-stout: #0e0c0a;
  /* near-black ink text on light backgrounds */
  --dubai-ivory: #F5F3EF;
  /* primary light background */
  --dubai-white: #FFFFFF;
  /* cards, forms, clean sections */
  --dubai-light-grey: #ECE9E3;
  /* alternating sections, borders, subtle surfaces */
}

body {
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.ty-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ty-scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* ============================================
   TYPOGRAPHY SYSTEM
   ============================================ */

.ty-h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 55px;
  font-weight: 600;
  color: #2a2019;
  letter-spacing: -2.5px;
  line-height: 1.2;
}

.ty-h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  font-weight: 500;
  color: #2a2019;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.ty-h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #2a2019;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .ty-h1 {
    font-size: 32px;
    letter-spacing: -1px;
  }

  .ty-h2 {
    font-size: 26px;
    letter-spacing: -0.01em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .ty-h1 {
    font-size: 42px;
    letter-spacing: -1.5px;
  }

  .ty-h2 {
    font-size: 32px;
  }
}

.ty-h3-dark {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.ty-body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3d4f62;
  line-height: 1.6;
}

.ty-body-sm {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #3d4f62;
  line-height: 1.5;
}

.ty-label {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #0e0c0a;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ============================================
   PILL BADGE
   ============================================ */

.ty-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid rgba(201,70,42, 0.18);
  border-radius: 100px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #0e0c0a;
  letter-spacing: 0.2px;
  box-shadow: 0 2px 8px rgba(201,70,42, 0.08);
}

.ty-pill-dot {
  width: 6px;
  height: 6px;
  background: #c9462a;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(201,70,42, 0.5);
  flex-shrink: 0;
  animation: pillPulse 1.8s ease-in-out infinite;
}

@keyframes pillPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}

/* ============================================
   SECTION SPACING
   ============================================ */

.ty-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ty-section-sm {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  .ty-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ty-section-sm {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

/* ============================================
   ORB GRAPHIC
   ============================================ */

.ty-orb {
  position: relative;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  aspect-ratio: 600 / 520;
}

.ty-orb-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* ============================================
   HERO ORBIT HUB
   ============================================ */

@keyframes tyHubPulse {
  0%,100% {
    box-shadow: 0 0 0 0 rgba(201,70,42,.18);
  }

  50%      {
    box-shadow: 0 0 0 20px rgba(201,70,42,0);
  }
}

.ty-hero-orb {
  position: relative;
  width: 340px;
  height: 340px;
  flex-shrink: 0;
  margin: 0 auto;
}

.ty-hero-orb-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ty-hero-orb-ring {
  animation: ty-orbit-rotate 24s linear infinite;
  transform-origin: 170px 170px;
}

.ty-hero-hub {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(201,70,42,.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 3px;
  padding: 8px;
  box-sizing: border-box;
  animation: tyHubPulse 3.5s ease-in-out infinite;
  z-index: 5;
}

.ty-hero-hub-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #da684f 0%, #c9462a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ty-hero-hub-title {
  font-family: 'Poppins', sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: #0e0c0a;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
}

.ty-hero-hub-sub {
  font-family: 'Poppins', sans-serif;
  font-size: 8px;
  font-weight: 400;
  color: #0e0c0a;
  line-height: 1.2;
}

/* Icon pills positioned around the orbit */

.ty-hp {
  position: absolute;
  z-index: 2;
}

.ty-hp-1 {
  top: 14%;
  left: 50%;
}

/* 12 o'clock */

.ty-hp-2 {
  top: 32%;
  left: 81%;
}

/* 2 o'clock  */

.ty-hp-3 {
  top: 68%;
  left: 81%;
}

/* 4 o'clock  */

.ty-hp-4 {
  top: 86%;
  left: 50%;
}

/* 6 o'clock  */

.ty-hp-5 {
  top: 68%;
  left: 19%;
}

/* 8 o'clock  */

.ty-hp-6 {
  top: 32%;
  left: 19%;
}

/* 10 o'clock */

.ty-hpill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px 7px 8px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(201,70,42,.14);
  border-radius: 100px;
  box-shadow: 0 6px 18px rgba(201,70,42,.13);
  transform: translate(-50%, -50%);
  animation: ty-pulse 4s ease-in-out infinite;
  white-space: nowrap;
}

.ty-hp-1 .ty-hpill {
  animation-delay: 0s;
}

.ty-hp-2 .ty-hpill {
  animation-delay: 0.65s;
}

.ty-hp-3 .ty-hpill {
  animation-delay: 1.3s;
}

.ty-hp-4 .ty-hpill {
  animation-delay: 1.95s;
}

.ty-hp-5 .ty-hpill {
  animation-delay: 2.6s;
}

.ty-hp-6 .ty-hpill {
  animation-delay: 3.25s;
}

.ty-hpill-ico {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ty-hpill-lbl {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #0f172a;
  letter-spacing: .01em;
}

.ty-tx {
  position: absolute;
  z-index: 2;
}

.ty-tx-n  {
  top: 8%;
  left: 50%;
}

.ty-tx-ne {
  top: 19.3%;
  left: 81.1%;
}

.ty-tx-e  {
  top: 50%;
  left: 94%;
}

.ty-tx-se {
  top: 80.7%;
  left: 81.1%;
}

.ty-tx-s  {
  top: 92%;
  left: 50%;
}

.ty-tx-sw {
  top: 80.7%;
  left: 18.9%;
}

.ty-tx-w  {
  top: 50%;
  left: 6%;
}

.ty-tx-nw {
  top: 19.3%;
  left: 18.9%;
}

.ty-tc {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 14px 7px 9px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 100px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15), 0 2px 6px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translate(-50%, -50%);
  animation: ty-pulse 4s ease-in-out infinite;
  will-change: transform, box-shadow;
  transition: box-shadow 280ms, border-color 280ms;
}

.ty-tc:hover {
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.25), 0 4px 14px rgba(15, 23, 42, 0.15);
  border-color: rgba(255, 255, 255, 0.95);
}

.ty-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  animation: ty-dot-blink 2.5s ease-in-out infinite;
}

.ty-tx-n  .ty-dot {
  animation-delay: 0s;
}

.ty-tx-ne .ty-dot {
  animation-delay: 0.3s;
}

.ty-tx-e  .ty-dot {
  animation-delay: 0.6s;
}

.ty-tx-se .ty-dot {
  animation-delay: 0.9s;
}

.ty-tx-s  .ty-dot {
  animation-delay: 1.2s;
}

.ty-tx-sw .ty-dot {
  animation-delay: 1.5s;
}

.ty-tx-w  .ty-dot {
  animation-delay: 1.8s;
}

.ty-tx-nw .ty-dot {
  animation-delay: 2.1s;
}

@keyframes ty-dot-blink {
  0%, 100% {
    opacity: 0.7;
    transform: scale(1);
  }

  50%      {
    opacity: 1;
    transform: scale(1.2);
  }
}

.ty-tx-n  .ty-tc {
  animation-delay: 0s;
}

.ty-tx-ne .ty-tc {
  animation-delay: 0.5s;
}

.ty-tx-e  .ty-tc {
  animation-delay: 1.0s;
}

.ty-tx-se .ty-tc {
  animation-delay: 1.5s;
}

.ty-tx-s  .ty-tc {
  animation-delay: 2.0s;
}

.ty-tx-sw .ty-tc {
  animation-delay: 2.5s;
}

.ty-tx-w  .ty-tc {
  animation-delay: 3.0s;
}

.ty-tx-nw .ty-tc {
  animation-delay: 3.5s;
}

@keyframes ty-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15), 0 2px 6px rgba(15, 23, 42, 0.08);
  }

  50% {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22), 0 4px 12px rgba(255, 255, 255, 0.2),
                0 0 24px rgba(255, 255, 255, 0.35);
  }
}

.ty-ti {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.ty-ti svg {
  width: 20px;
  height: 20px;
  display: block;
}

.ty-tl {
  font-size: 12px;
  font-weight: 500;
  color: #0f172a;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.ty-power-halo-1 {
  animation: ty-power-1 5s ease-in-out infinite;
  transform-origin: 300px 260px;
}

.ty-power-halo-2 {
  animation: ty-power-2 5s ease-in-out infinite;
  transform-origin: 300px 260px;
  animation-delay: 1s;
}

@keyframes ty-power-1 {
  0%, 100% {
    opacity: 0.12;
    transform: scale(1);
  }

  50% {
    opacity: 0.22;
    transform: scale(1.05);
  }
}

@keyframes ty-power-2 {
  0%, 100% {
    opacity: 0.18;
    transform: scale(1);
  }

  50% {
    opacity: 0.28;
    transform: scale(1.08);
  }
}

.ty-main-orbit {
  animation: none;
}

.ty-nodes circle {
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.9));
  animation: ty-node-pulse 2.5s ease-in-out infinite;
}

.node.n1 {
  animation-delay: 0s;
}

.node.n2 {
  animation-delay: 0.3s;
}

.node.n3 {
  animation-delay: 0.6s;
}

.node.n4 {
  animation-delay: 0.9s;
}

.node.n5 {
  animation-delay: 1.2s;
}

.node.n6 {
  animation-delay: 1.5s;
}

.node.n7 {
  animation-delay: 1.8s;
}

.node.n8 {
  animation-delay: 2.1s;
}

@keyframes ty-node-pulse {
  0%, 100% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }
}

.ty-signals circle {
  opacity: 0;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.9));
}

.signal {
  animation: ty-signal 4s ease-out infinite;
}

.s1 {
  animation-delay: 0s;
  --tx: 0px;
  --ty: -200px;
}

.s2 {
  animation-delay: 0.5s;
  --tx: 195px;
  --ty: -120px;
}

.s3 {
  animation-delay: 1.0s;
  --tx: 250px;
  --ty: 0px;
}

.s4 {
  animation-delay: 1.5s;
  --tx: 195px;
  --ty: 120px;
}

.s5 {
  animation-delay: 2.0s;
  --tx: 0px;
  --ty: 200px;
}

.s6 {
  animation-delay: 2.5s;
  --tx: -195px;
  --ty: 120px;
}

.s7 {
  animation-delay: 3.0s;
  --tx: -250px;
  --ty: 0px;
}

.s8 {
  animation-delay: 3.5s;
  --tx: -195px;
  --ty: -120px;
}

@keyframes ty-signal {
  0%   {
    transform: translate(300px, 260px);
    opacity: 0;
  }

  15%  {
    opacity: 1;
  }

  85%  {
    opacity: 1;
  }

  100% {
    transform: translate(calc(300px + var(--tx)), calc(260px + var(--ty)));
    opacity: 0;
  }
}

.ty-core-body {
  animation: ty-core-breathe 3.2s ease-in-out infinite;
  transform-origin: 300px 260px;
  filter: drop-shadow(0 4px 16px rgba(255,255,255,0.35));
}

@keyframes ty-core-breathe {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
  }
}

.ty-core-chip {
  animation: ty-chip-glow 3.2s ease-in-out infinite;
  transform-origin: 300px 260px;
}

@keyframes ty-chip-glow {
  0%, 100% {
    filter: drop-shadow(0 0 0px rgba(62,123,184,0));
  }

  50% {
    filter: drop-shadow(0 0 6px rgba(62,123,184,0.5));
  }
}

.ty-core-arc {
  animation: ty-arc-spin 8s linear infinite;
  transform-origin: 300px 260px;
}

@keyframes ty-arc-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.ty-core-halo {
  animation: ty-halo-breathe 4s ease-in-out infinite;
  transform-origin: 300px 260px;
}

@keyframes ty-halo-breathe {
  0%, 100% {
    opacity: 0.55;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

.ty-core-r1 {
  animation: ty-spin 40s linear infinite;
  transform-origin: 300px 260px;
}

.ty-core-r2 {
  animation: ty-spin 28s linear infinite reverse;
  transform-origin: 300px 260px;
}

@keyframes ty-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.ty-chip-pin {
  animation: ty-chip-pin-pulse 2s ease-in-out infinite;
}

.ty-chip-p1 {
  animation-delay: 0s;
}

.ty-chip-p2 {
  animation-delay: 0.5s;
}

.ty-chip-p3 {
  animation-delay: 1s;
}

.ty-chip-p4 {
  animation-delay: 1.5s;
}

@keyframes ty-chip-pin-pulse {
  0%, 100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.ty-orb-rings ellipse:not(.ty-main-orbit) {
  animation: ty-ring-breathe 6s ease-in-out infinite;
}

.ty-orb-rings ellipse:nth-child(2) {
  animation-delay: 2s;
}

.ty-orb-rings ellipse:nth-child(3) {
  animation-delay: 4s;
}

@keyframes ty-ring-breathe {
  0%, 100% {
    opacity: 0.55;
  }

  50% {
    opacity: 1;
  }
}

.ty-beams .beam {
  stroke-dasharray: 6 10;
  animation: ty-beam-flow 3.5s linear infinite;
}

.ty-beams .b1 {
  animation-delay: 0s;
}

.ty-beams .b2 {
  animation-delay: 0.4s;
}

.ty-beams .b3 {
  animation-delay: 0.8s;
}

.ty-beams .b4 {
  animation-delay: 1.2s;
}

.ty-beams .b5 {
  animation-delay: 1.6s;
}

.ty-beams .b6 {
  animation-delay: 2.0s;
}

.ty-beams .b7 {
  animation-delay: 2.4s;
}

.ty-beams .b8 {
  animation-delay: 2.8s;
}

@keyframes ty-beam-flow {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -16;
  }
}

.tp {
  transform-origin: 300px 260px;
  opacity: 0;
}

.tp1 {
  animation: ty-tp1 14s linear infinite;
}

.tp2 {
  animation: ty-tp2 20s linear infinite;
}

.tp3 {
  animation: ty-tp3 26s linear infinite;
}

.tp4 {
  animation: ty-tp4 32s linear infinite;
}

@keyframes ty-tp1 {
  0% {
    transform: rotate(0deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }

  10%,90% {
    opacity:1;
  }

  100% {
    transform: rotate(360deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }
}

@keyframes ty-tp2 {
  0% {
    transform: rotate(90deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }

  10%,90% {
    opacity:1;
  }

  100% {
    transform: rotate(450deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }
}

@keyframes ty-tp3 {
  0% {
    transform: rotate(180deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }

  10%,90% {
    opacity:1;
  }

  100% {
    transform: rotate(540deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }
}

@keyframes ty-tp4 {
  0% {
    transform: rotate(270deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }

  10%,90% {
    opacity:1;
  }

  100% {
    transform: rotate(630deg) translate(185px,0) scale(1,.84);
    opacity:0;
  }
}

@media (max-width: 520px) {
  .ty-tc {
    padding: 6px 11px 6px 7px;
    gap: 7px;
  }

  .ty-tl {
    font-size: 11px;
  }

  .ty-ti {
    width: 24px;
    height: 24px;
  }

  .ty-ti svg {
    width: 16px;
    height: 16px;
  }

  .ty-dot {
    width: 6px;
    height: 6px;
  }

  .ty-orb {
    max-width: 320px;
  }

  .ty-tx-e {
    left: 82%;
  }

  .ty-tx-w {
    left: 18%;
  }
}

/* ============================================
   GLOBAL BUTTONS
   ============================================ */

/* ============================================
   AGENTIC FLOW GRAPHIC
   ============================================ */

.ty-flow {
  --tf-circle-size: 110px;
  --tf-circle-bg: #ffffff;
  --tf-circle-border: 1px solid rgba(14,12,10,0.14);
  --tf-circle-border-active: 1px solid transparent;
  --tf-circle-shadow: 0 8px 24px rgba(201,70,42,0.08);
  --tf-circle-shadow-hover: 0 20px 50px rgba(201,70,42,0.25);
  --tf-circle-gradient: linear-gradient(135deg, #da684f 0%, #c9462a 100%);
  --tf-icon-size: 44px;
  --tf-icon-color: #0e0c0a;
  --tf-icon-color-active: #ffffff;
  --tf-badge-size: 32px;
  --tf-badge-bg: #ffffff;
  --tf-badge-color: #0e0c0a;
  --tf-badge-border: none;
  --tf-badge-bg-active: #0e0c0a;
  --tf-badge-color-active: #ffffff;
  --tf-line-color: rgba(14,12,10,0.14);
  --tf-line-progress: #c9462a;
  --tf-title-size: 17px;
  --tf-title-weight: 600;
  --tf-title-color: #0e0c0a;
  --tf-desc-size: 13px;
  --tf-desc-color: #0e0c0a;
  --tf-stage-gap: 20px;
  --tf-transition: 0.4s cubic-bezier(0.25,0.1,0.25,1);
  position: relative;
}

.ty-flow-track {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tf-stage-gap);
  position: relative;
}

.ty-flow-line {
  position: absolute;
  top: calc(var(--tf-circle-size)/2);
  left: calc(var(--tf-circle-size)/2);
  right: calc(var(--tf-circle-size)/2);
  height: 2px;
  background: var(--tf-line-color);
  z-index: 0;
}

.ty-flow-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--tf-line-progress);
  transition: width 1.2s cubic-bezier(0.25,0.1,0.25,1);
}

.ty-flow.in-view .ty-flow-line::after {
  width: 100%;
}

.ty-flow-stage {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: default;
}

.ty-flow-circle {
  width: var(--tf-circle-size);
  height: var(--tf-circle-size);
  border-radius: 50%;
  background: var(--tf-circle-bg);
  border: var(--tf-circle-border);
  box-shadow: var(--tf-circle-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tf-transition);
  position: relative;
  z-index: 2;
  color: var(--tf-icon-color);
}

.ty-flow-circle svg {
  width: var(--tf-icon-size);
  height: var(--tf-icon-size);
  transition: all var(--tf-transition);
}

.ty-flow-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  width: var(--tf-badge-size);
  height: var(--tf-badge-size);
  border-radius: 50%;
  background: var(--tf-badge-bg);
  border: var(--tf-badge-border);
  color: var(--tf-badge-color);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tf-transition);
  box-shadow: 0 4px 14px rgba(14,12,10,0.14);
  font-family: 'Poppins', sans-serif;
}

.ty-flow-stage:hover .ty-flow-circle {
  background: var(--tf-circle-gradient);
  border: var(--tf-circle-border-active);
  box-shadow: var(--tf-circle-shadow-hover);
  color: var(--tf-icon-color-active);
  transform: translateY(-6px);
}

.ty-flow-stage:hover .ty-flow-badge {
  background: var(--tf-badge-bg-active);
  color: var(--tf-badge-color-active);
  transform: scale(1.1);
}

.ty-flow-info {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 180px;
}

.ty-flow-title {
  font-family: 'Poppins', sans-serif;
  font-size: var(--tf-title-size);
  font-weight: var(--tf-title-weight);
  color: var(--tf-title-color);
  margin: 0;
  line-height: 1.3;
  transition: color var(--tf-transition);
}

.ty-flow-desc {
  font-family: 'Poppins', sans-serif;
  font-size: var(--tf-desc-size);
  color: var(--tf-desc-color);
  margin: 0;
  line-height: 1.5;
}

.ty-flow-stage:hover .ty-flow-title {
  color: #0e0c0a;
}

@media (max-width: 1024px) {
  .ty-flow {
    --tf-circle-size: 90px;
    --tf-icon-size: 36px;
    --tf-badge-size: 28px;
    --tf-title-size: 15px;
    --tf-desc-size: 12px;
    --tf-stage-gap: 12px;
  }
}

@media (max-width: 768px) {
  .ty-flow-track {
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }

  .ty-flow-line {
    top: 0;
    bottom: 0;
    left: calc(var(--tf-circle-size)/2);
    right: auto;
    width: 2px;
    height: auto;
    transform: translateX(-50%);
  }

  .ty-flow-line::after {
    width: 100%;
    height: 0;
    transition: height 1.2s cubic-bezier(0.25,0.1,0.25,1);
  }

  .ty-flow.in-view .ty-flow-line::after {
    height: 100%;
    width: 100%;
  }

  .ty-flow-stage {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 20px;
    width: 100%;
    max-width: 400px;
  }

  .ty-flow-info {
    margin-top: 0;
    max-width: none;
    flex: 1;
  }
}

/* ============================================
   SECURITY HERO — Feature pills
   ============================================ */

.ty-feature-pill {
  position: relative;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 4px 20px rgba(0,0,0,0.10);
  overflow: hidden;
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.ty-feature-pill:hover, .ty-feature-pill:active {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.45);
  box-shadow: 0 8px 28px rgba(0,0,0,0.16);
}

.ty-fp-shield-default {
  opacity: 0;
}

.ty-fp-shield-white   {
  opacity: 1;
}

.ty-fp-label {
  color: #ffffff;
}

/* ============================================
   CONTACT — Trust strip
   ============================================ */

.ty-trust-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  contain: layout style;
  font-family: 'Poppins', -apple-system, sans-serif;
}

.ty-trust-container .ty-contact-trust-strip {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
}

.ty-trust-container .ty-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #323232;
}

.ty-trust-container .ty-trust-item svg {
  stroke: #323232;
  flex-shrink: 0;
  display: block;
}

.ty-trust-container .ty-trust-item span {
  white-space: nowrap;
  letter-spacing: 0.2px;
  color: #323232;
  font-weight: 500;
}

.ty-trust-container .ty-trust-divider {
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #323232;
  opacity: 0.3;
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .ty-trust-container .ty-contact-trust-strip {
    gap: 10px;
    font-size: 12px;
    padding: 12px 0;
  }
}

/* ============================================
   TABS (SmartAssistants)
   ============================================ */

.ty-tabs-list {
  display: flex;
  overflow-x: auto;
  gap: 4px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  scrollbar-width: none;
  margin-bottom: 0;
}

.ty-tabs-list::-webkit-scrollbar {
  display: none;
}

.ty-tabs-trigger {
  flex: 1;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 13px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  background: transparent;
  border: none;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  transition: color 200ms, background 200ms;
  white-space: nowrap;
}

.ty-tabs-trigger.active {
  color: #ffffff;
  font-weight: 600;
  background: #c9462a;
}

.ty-tabs-panel {
  display: none;
}

.ty-tabs-panel.active {
  display: block;
}

/* Pill/segmented variant — used by the VRTek case study's "How We
   Delivered It" tabs. Scoped so it never touches the shared .ty-tabs
   styles used elsewhere. */

.vrtek-solution-tabs .ty-tabs-list {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  justify-content: center;
  gap: 4px;
  background: #F5F3EF;
  padding: 6px;
  border-radius: 100px;
}

.vrtek-solution-tabs .ty-tabs-trigger {
  flex: none;
  padding: 11px 22px;
  border-radius: 100px;
  color: #0e0c0a;
}

.vrtek-solution-tabs .ty-tabs-trigger.active {
  background: #ffffff;
  color: #0e0c0a;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(201,70,42,0.10);
}

/* Same pill/segmented skin as above, generalised into a reusable class so
   future portfolio project pages don't need a new page-scoped clone —
   see html-build/PORTFOLIO-DESIGN-SYSTEM.md. Visually identical, no
   accent colour baked in, so it works with any project's accent. */

.ty-pill-tabs .ty-tabs-list {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  justify-content: center;
  gap: 4px;
  background: #F5F3EF;
  padding: 6px;
  border-radius: 100px;
}

.ty-pill-tabs .ty-tabs-trigger {
  flex: none;
  padding: 11px 22px;
  border-radius: 100px;
  color: #0e0c0a;
}

.ty-pill-tabs .ty-tabs-trigger.active {
  background: #ffffff;
  color: #0e0c0a;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(201,70,42,0.10);
}

/* Mobile — a pill tab bar (wrapped or scrolling) is still a tab bar: it
   hides two-thirds of the content behind a click, which is unnecessary
   friction for what's a modest amount of content per panel, and a
   wrapped/centered pill row breaks down once 3+ pills don't fit one line
   anyway. Below 640px, drop tabs entirely — hide the trigger bar and show
   every panel's content stacked in one scroll, each separated by a
   divider. Desktop keeps the tab interaction unchanged. */

@media (max-width: 639px) {
  .vrtek-solution-tabs .ty-tabs-list,
  .ty-pill-tabs .ty-tabs-list {
    display: none;
  }

  .vrtek-solution-tabs .ty-tabs-panel,
  .ty-pill-tabs .ty-tabs-panel {
    display: block !important;
  }

  .vrtek-solution-tabs .ty-tabs-panel + .ty-tabs-panel,
  .ty-pill-tabs .ty-tabs-panel + .ty-tabs-panel {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #E2E8F0;
  }
}

/* Timesheet Automation — "Who It Helps" expanding image-panel row.
   Pure CSS accordion: panels sit at equal flex-basis by default, the
   hovered panel widens via flex-grow (revealing its detail cards,
   handled by max-height/opacity utilities in the markup) while its
   siblings narrow. This width-accordion effect is intentionally
   scoped to this section only — the "How It Works" step cards above
   use a different (non-width-changing) pop-out hover instead. */

.ts-sectors-row {
  display: flex;
  gap: 4px;
  height: 460px;
}

.ts-sectors-row .ts-sector {
  flex: 1 1 0%;
  min-width: 0;
  position: relative;
  overflow: hidden;
  transition: flex-grow 600ms ease;
}

.ts-sectors-row .ts-sector:hover {
  flex-grow: 3;
}

@media (max-width: 767px) {
  .ts-sectors-row {
    flex-direction: column;
    height: auto;
    gap: 4px;
  }

  /* Tall enough that the background photo itself reads as a real image
     (most of a phone screen, not a sliver), with room below it for the
     now-permanently-visible title + 3 stacked benefit cards. Viewport-
     relative so it scales with the device instead of a guessed px value.
     Same rule for every .ts-sector keeps all three visually equal
     regardless of how much their own text happens to wrap. */

  /* flex-basis:0% from the base .ts-sector rule wins over height on the
     main axis in a column-direction flex container, silently defeating
     the height/max-height below unless flex-basis is reset to auto here. */

  .ts-sectors-row .ts-sector {
    flex: 0 0 auto;
    height: 80vh;
    max-height: 620px;
  }

  .ts-sectors-row .ts-sector:hover {
    flex-grow: 0;
  }
}

/* Content gated behind :hover/group-hover (this sectors row above, and the
   "pop out on hover" step/feature card grids used across the case study
   pages) never reveals on a touch device — there's no persistent hover
   state, so a tap does nothing and the content just looks permanently
   collapsed/empty. Below 640px, force every one of these reveal utilities
   to their "hovered" state unconditionally, so mobile always shows the
   full content with no interaction required. Purely decorative hover
   flourishes (translate/scale/color-shift on already-visible content,
   e.g. the extraction-schema grid) are untouched — this only targets
   utilities that hide real content until hover. */

@media (max-width: 639px) {
  [class*="group-hover:opacity-100"] {
    opacity: 1 !important;
  }

  [class*="group-hover:opacity-30"] {
    opacity: 0.3 !important;
  }

  [class*="group-hover:max-h-32"] {
    max-height: 8rem !important;
  }

  [class*="group-hover:mb-2.5"] {
    margin-bottom: 0.625rem !important;
  }

  [class*="group-hover:grid-rows-[1fr]"] {
    grid-template-rows: 1fr !important;
  }
}

/* Diagonal "beams" background (VRTek Challenge & Solution section) — pure
   CSS, no JS/canvas. A diagonal repeating-linear-gradient in brand blues
   is animated via background-position on an oversized background-size,
   which loops seamlessly since the gradient itself already tiles
   infinitely along its own axis. Heavily blurred to read as soft light
   beams sweeping left to right rather than hard stripes. */

.ty-beams-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.ty-beams-bg::before {
  content: '';
  position: absolute;
  inset: -30% -10%;
  background-image: repeating-linear-gradient(
    100deg,
    transparent 0%, transparent 5%,
    rgba(201,70,42,0.22) 10%,
    rgba(201,70,42,0.22) 14%, transparent 20%,
    transparent 28%,
    rgba(201,70,42,0.18) 34%,
    rgba(201,70,42,0.18) 38%, transparent 44%,
    transparent 52%,
    rgba(201,70,42,0.2) 58%,
    rgba(201,70,42,0.2) 62%, transparent 68%,
    transparent 76%
  );
  background-size: 200% 200%;
  filter: blur(45px);
  mix-blend-mode: screen;
  animation: ty-beams-sweep 20s linear infinite;
}

@keyframes ty-beams-sweep {
  from {
    background-position: 0% 0%;
  }

  to {
    background-position: 100% 0%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ty-beams-bg::before {
    animation: none;
  }
}

/* Auto-scrolling logo strip (VRTek tech stack). The mask fades each card out
   well before it reaches the true edge (not just a hard clip at the edge),
   so the point where the duplicated set loops back is never visible. */

.ty-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 4%, #000 22%, #000 78%, transparent 96%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, transparent 4%, #000 22%, #000 78%, transparent 96%, transparent 100%);
}

.ty-marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  gap: 20px;
  padding: 0 2.5%;
  animation: ty-marquee-scroll 34s linear infinite;
}

.ty-marquee:hover .ty-marquee-track {
  animation-play-state: paused;
}

@keyframes ty-marquee-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ty-marquee-track {
    animation: none;
  }
}

/* Waveform backdrop (AI Voice Agent Notifier, dark card-stepper
   section) — see src/js/waveform-bg.js. Dense, fine bars forming one
   smooth windowed pulse envelope, softly glowing, shimmering gently
   in place (small scaleY range, staggered per-bar delay so the
   motion reads as a slow ripple rather than chaotic flicker). */

[data-waveform] {
  overflow: hidden;
  align-items: center;
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.18)) drop-shadow(0 0 28px rgba(52,211,153,0.16));
}

.ty-wavebar {
  width: 2px;
  border-radius: 9999px;
  background: linear-gradient(180deg, transparent 0%, #ffffff 50%, transparent 100%);
  flex-shrink: 0;
  transform-origin: center;
  animation: ty-wavebar-shimmer 3.6s ease-in-out infinite;
}

@keyframes ty-wavebar-shimmer {
  0%, 100% {
    transform: scaleY(0.94);
    opacity: 0.85;
  }

  50% {
    transform: scaleY(1.06);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ty-wavebar {
    animation: none;
  }
}

/* ============================================
   PORTFOLIO — editorial grid of case study cards
   Each card is a single link; its .ty-portfolio-image is a framed
   preview image. Clicking clones .ty-portfolio-image and expands it
   to fill the viewport before navigating (see main.js).
   ============================================ */

.ty-portfolio-card {
  will-change: box-shadow;
}

.ty-portfolio-image {
  will-change: transform;
}

.ty-portfolio-expand-overlay {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
}

/* Premium showcase background — soft aurora glow + fine dot grid over
   a navy base. Used behind product shots that have transparent margins
   (e.g. device mockups), so it reads through the cutout. Shared between
   the portfolio card panel and the project hero so the same backdrop
   carries across the expand transition. */

.ty-showcase-bg {
  position: relative;
}

.ty-showcase-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1.4px) 0 0/26px 26px,
    radial-gradient(38% 45% at 20% 25%, rgba(201,70,42, 0.45), transparent 70%),
    radial-gradient(42% 48% at 85% 15%, rgba(201,70,42, 0.28), transparent 70%),
    radial-gradient(55% 55% at 78% 92%, rgba(201,70,42, 0.4), transparent 70%),
    linear-gradient(160deg, #0d2c50 0%, #2a2019 55%, #051428 100%);
  pointer-events: none;
}

/* Aurora background — one smooth soft vertical gradient: white top,
   sky blue #0e0c0a mid, deep blue #0e0c0a bottom, no hard edges, no
   shapes. White is pinned to 0% and deep blue is pinned to 100% at all
   times (so both ends always stay fully visible, exactly matching the
   reference) — only the transition zone between them (--ty-stop-1/2)
   animates, which is what gives the "breathing" motion without ever
   clipping either end color off screen (the previous background-size/
   pan approach did exactly that — it overshot so far the deep blue
   stop never actually panned into view). Falls back to a static
   gradient in browsers without @property support. Shared between the
   VRTek Consulting card panel and project hero so the backdrop carries
   across the expand transition. */

@property --ty-stop-1 {
  syntax: '<percentage>';

  inherits: false;

  initial-value: 12%;
}

@property --ty-stop-2 {
  syntax: '<percentage>';

  inherits: false;

  initial-value: 32%;
}

.ty-aurora-bg {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg, #ffffff 0%, #ffffff var(--ty-stop-1), #2a2019 var(--ty-stop-2), #0e0c0a 100%);
  animation: ty-aurora-drift 14s ease-in-out infinite;
}

@keyframes ty-aurora-drift {
  0%, 100% {
    --ty-stop-1: 8%;
    --ty-stop-2: 28%;
  }

  50%      {
    --ty-stop-1: 18%;
    --ty-stop-2: 40%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ty-aurora-bg {
    animation: none;
  }
}

/* Gentle vertical bob for the decorative glass accents on the VRTek hero */

@keyframes ty-float {
  0%, 100% {
    transform: translateY(0);
  }

  50%      {
    transform: translateY(-14px);
  }
}

@media (prefers-reduced-motion: reduce) {
  [class*="animate-[ty-float"] {
    animation: none !important;
  }
}

/* ============================================
   PORTFOLIO — 3D floating card carousel
   Cards hold in place, then smoothly slide one step left on a timer.
   Each card's transform / filter (rotateY, translateZ, scale,
   brightness, blur) is recomputed every animation frame in main.js
   based on its live distance from center — cards never go transparent,
   they recede via size/brightness/blur instead. These rules only set
   up the static 3D shell.
   ============================================ */

.ty-3d-wrap {
  position: relative;
  perspective: 1400px;
  cursor: grab;
}

.ty-3d-wrap:active {
  cursor: grabbing;
}

.ty-3d-stage {
  position: relative;
}

.ty-3d-card {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 24px 48px rgba(2, 10, 25, 0.35);
  will-change: transform, filter;
  transition: box-shadow 250ms ease;
  /* The active card is the only one with pointer-events: auto (set in JS),
     which re-enables the browser's native drag-and-drop on the <a> itself
     (links are natively draggable, e.g. "drag to bookmark") and on its
     <img>. That native drag grabs the mouse/touch sequence the instant it
     starts, before our JS ever sees a pointermove past the commit
     threshold — so a swipe starting on the front card does nothing, on
     desktop and mobile alike. Side cards never hit this because
     pointer-events: none on them (inherited by their <img> too) means the
     pointerdown never targets a draggable element in the first place. */
  touch-action: pan-y;
  -webkit-user-drag: none;
  user-drag: none;
}

.ty-3d-card:hover {
  box-shadow: 0 24px 48px rgba(2, 10, 25, 0.35), 0 0 0 1.5px rgba(201,70,42, 0.7), 0 0 34px rgba(201,70,42, 0.45);
}

.ty-3d-card img {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

/* ============================================
   SERVICES — Cards
   ============================================ */

.sc-card {
  background: #ffffff;
  border: 1px solid rgba(201,70,42,.1);
  border-radius: 18px;
  padding: 26px 24px;
  position: relative;
  overflow: hidden;
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(201,70,42,.06);
}

.sc-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #2a2019 0%, #2a2019 72%, #da684f 100%);
  opacity: 0;
  transition: opacity .38s ease;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}

.sc-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(201,70,42,.16);
  border-color: transparent;
}

.sc-card:hover::before {
  opacity: 1;
}

.sc-card:focus-within {
  outline: 2px solid #0e0c0a;
  outline-offset: 2px;
}

.sc-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sc-top  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sc-icon {
  flex-shrink: 0;
  color: #0e0c0a;
  transition: color .38s ease;
}

.sc-card:hover .sc-icon {
  color: #ffffff;
}

.sc-title {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0e0c0a;
  line-height: 1.35;
  transition: color .38s ease;
}

.sc-card:hover .sc-title {
  color: #ffffff;
}

.sc-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #323232;
  line-height: 1.65;
  transition: color .38s ease;
}

.sc-card:hover .sc-desc {
  color: #ffffff;
}

.sc-bullets {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.sc-bullet {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.45;
  transition: color .38s ease;
}

.sc-card:hover .sc-bullet {
  color: #ffffff;
}

.sc-arr {
  flex-shrink: 0;
  margin-top: 2px;
  color: #0e0c0a;
  transition: color .38s ease;
}

.sc-card:hover .sc-arr {
  color: #ffffff;
}

.sc-learn-more {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0e0c0a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  transition: color .38s ease, opacity .2s ease;
}

.sc-learn-more::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

.sc-learn-more:hover {
  opacity: 0.75;
}

.sc-learn-more .sc-arr {
  transition: transform .28s ease, color .38s ease;
}

.sc-learn-more:hover .sc-arr {
  transform: translateX(3px);
}

.sc-card:hover .sc-learn-more {
  color: #0e0c0a;
}

/* Industry pages — solution cards (icon left, text right) */

.ind-sol-card {
  background: #ffffff;
  border: 1px solid rgba(201,70,42,.1);
  border-radius: 16px;
  padding: 22px 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  box-shadow: 0 2px 12px rgba(201,70,42,.06);
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.ind-sol-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #2a2019 0%, #2a2019 72%, #da684f 100%);
  opacity: 0;
  transition: opacity .38s ease;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}

.ind-sol-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(201,70,42,.16);
  border-color: transparent;
}

.ind-sol-card:hover::before {
  opacity: 1;
}

.ind-sol-icon-wrap {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #da684f;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition: background .38s ease;
}

.ind-sol-card:hover .ind-sol-icon-wrap {
  background: #ffffff;
}

.ind-sol-icon {
  color: #ffffff;
}

.ind-sol-card:hover .ind-sol-icon {
  color: #0e0c0a;
}

.ind-sol-card:hover .ind-sol-icon svg path,
.ind-sol-card:hover .ind-sol-icon svg circle,
.ind-sol-card:hover .ind-sol-icon svg rect,
.ind-sol-card:hover .ind-sol-icon svg line,
.ind-sol-card:hover .ind-sol-icon svg polyline,
.ind-sol-card:hover .ind-sol-icon svg polygon {
  stroke: url(#ind-icon-hover-grad) #da684f;
}

.ind-sol-body {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ind-sol-title {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0e0c0a;
  line-height: 1.35;
  transition: color .38s ease;
}

.ind-sol-card:hover .ind-sol-title {
  color: #ffffff;
}

.ind-sol-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #555;
  line-height: 1.65;
  transition: color .38s ease;
}

.ind-sol-card:hover .ind-sol-desc {
  color: rgba(255,255,255,.85);
}

/* FAQ accordion */

.ty-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.ty-faq-answer.open {
  max-height: 500px;
}

/* Blog article prose typography */

.blog-prose p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 1.85;
  margin-bottom: 1.4rem;
}

.blog-prose h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #2a2019;
  line-height: 1.3;
  margin-top: 2.75rem;
  margin-bottom: 1rem;
}

.blog-prose h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2a2019;
  line-height: 1.3;
  margin-top: 2.25rem;
  margin-bottom: 0.75rem;
}

.blog-prose h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #2a2019;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}

.blog-prose ul, .blog-prose ol {
  padding-left: 1.6rem;
  margin-bottom: 1.4rem;
}

.blog-prose ul {
  list-style-type: disc;
}

.blog-prose ol {
  list-style-type: decimal;
}

.blog-prose li {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 1.85;
  margin-bottom: 0.4rem;
}

.blog-prose strong {
  font-weight: 600;
  color: #2a2019;
}

.blog-prose em {
  font-style: italic;
}

.blog-prose a {
  color: #0e0c0a;
  font-weight: 500;
  text-decoration: underline;
}

.blog-prose a:hover {
  color: #0e0c0a;
}

/* Override for CTA buttons nested inside blog-prose */

.blog-prose a.ty-cta-dark {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

.blog-prose blockquote {
  border-left: 3px solid #0e0c0a;
  padding-left: 1.25rem;
  margin: 2rem 0;
  font-style: italic;
  color: #0e0c0a;
}

.blog-prose hr {
  border: none;
  border-top: 1px solid #E2E8F0;
  margin: 2.5rem 0;
}

/* ============================================
   AI AGENTS ACCORDION
   ============================================ */

.agents-accordion {
  height: 300px;
  gap: 10px;
  align-items: stretch;
}

.agent-card {
  flex: 0 0 72px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: flex 0.65s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 4px 20px rgba(201,70,42,0.14), 0 1px 4px rgba(201,70,42,0.08);
  border: 1px solid rgba(201,70,42,0.1);
}

.agent-card.active {
  flex: 1 1 auto;
  cursor: default;
  background: #ffffff;
  box-shadow: 0 8px 40px rgba(201,70,42,0.22), 0 2px 8px rgba(201,70,42,0.1);
}

/* Large faded number fills empty right space in active card */

.agent-card.active::after {
  content: attr(data-num);
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Poppins', sans-serif;
  font-size: 200px;
  font-weight: 800;
  color: rgba(201,70,42,0.045);
  line-height: 1;
  letter-spacing: -12px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}

.agent-card:focus-visible {
  outline: 3px solid #0e0c0a;
  outline-offset: 2px;
}

/* Subtle dark dot pattern on white cards */

.agent-dot-overlay {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201,70,42,0.05) 1px, transparent 1px);
  background-size: 18px 18px;
  pointer-events: none;
  z-index: 0;
}

/* Colored accent bar at top of each card */

.agent-card-top-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 2;
  pointer-events: none;
}

/* Glow hidden — section bg is already cyan, glow is redundant */

.agent-card-glow {
  display: none;
}

.agent-card-label {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: opacity 0.25s ease;
  z-index: 1;
}

.agent-card.active .agent-card-label {
  opacity: 0;
  pointer-events: none;
}

/* Cyan dot above the vertical label text */

.agent-card-label::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #da684f, #c9462a);
  flex-shrink: 0;
}

.agent-card-label span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(201,70,42, 0.7);
  white-space: nowrap;
  letter-spacing: 0.06em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.agent-card-content {
  position: absolute;
  inset: 0;
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
  z-index: 2;
  max-width: 480px;
}

.agent-card.active .agent-card-content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0.28s;
}

/* Icon wrap — bg gradient set inline per card */

.agent-icon-wrap {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
  cursor: pointer;
}

.agent-icon-wrap:hover {
  transform: translateY(-6px) scale(1.1);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
}

.agent-icon-wrap svg {
  width: 34px;
  height: 34px;
  overflow: visible;
}

/* Dark typography on white cards */

.agent-card-heading {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #2a2019;
  line-height: 1.25;
  margin-bottom: 10px;
}

.agent-card-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.65;
  max-width: 400px;
}

/* Mobile stacked cards — white with shadow */

.agent-mobile-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  min-height: 200px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(201,70,42,0.14);
  border: 1px solid rgba(201,70,42,0.08);
}

/* ==== Icon hover animations ==== */

@keyframes eyeScan {
  0%, 100% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(4px);
  }

  70% {
    transform: translateX(-4px);
  }
}

.agent-icon-wrap:hover .icon-eye-pupil {
  animation: eyeScan 2s ease-in-out infinite;
}

@keyframes nodePulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.35;
    transform: scale(1.5);
  }
}

.agent-icon-wrap:hover .icon-node {
  animation: nodePulse 1.4s ease-in-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}

.agent-icon-wrap:hover .icon-node:nth-child(2) {
  animation-delay: 0.35s;
}

.agent-icon-wrap:hover .icon-node:nth-child(3) {
  animation-delay: 0.7s;
}

@keyframes lightningFlash {
  0%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 0px rgba(255,255,255,0));
  }

  15% {
    opacity: 0.3;
    filter: drop-shadow(0 0 0px rgba(255,255,255,0));
  }

  30% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.85));
  }

  60% {
    filter: drop-shadow(0 0 3px rgba(255,255,255,0.4));
  }
}

.agent-icon-wrap:hover .icon-lightning {
  animation: lightningFlash 1.6s ease-in-out infinite;
}

@keyframes trendRise {
  0%   {
    transform: translateY(5px);
    opacity: 0.5;
  }

  55%  {
    transform: translateY(-2px);
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

.agent-icon-wrap:hover .icon-trend {
  animation: trendRise 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes syncSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.agent-icon-wrap:hover .icon-sync {
  animation: syncSpin 1.2s linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes gearTurn {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.agent-icon-wrap:hover .icon-gear {
  animation: gearTurn 2s linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes hubPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.45);
    opacity: 0.5;
  }
}

.agent-icon-wrap:hover .icon-hub-node {
  animation: hubPulse 1s ease-in-out infinite alternate;
  transform-box: fill-box;
  transform-origin: center;
}

.agent-icon-wrap:hover .icon-hub-node:nth-child(2) {
  animation-delay: 0.2s;
}

.agent-icon-wrap:hover .icon-hub-node:nth-child(3) {
  animation-delay: 0.4s;
}

.agent-icon-wrap:hover .icon-hub-node:nth-child(4) {
  animation-delay: 0.6s;
}

/* Generic scroll reveal — see main.js IntersectionObserver on [data-reveal] */

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms cubic-bezier(0.16,1,0.3,1), transform 700ms cubic-bezier(0.16,1,0.3,1);
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .ty-tc, .signal, .ty-dot, .ty-power-halo-1, .ty-power-halo-2, .ty-main-orbit,
  .ty-nodes circle, .ty-core-body, .ty-core-chip, .ty-core-arc, .ty-core-halo,
  .ty-core-r1, .ty-core-r2, .ty-orb-rings ellipse, .ty-beams .beam, .tp, .ty-chip-pin,
  .ty-pill-dot {
    animation: none !important;
  }

  .ty-flow-line::after {
    transition: none;
  }

  .ty-flow-stage:hover .ty-flow-circle {
    transform: none;
  }

  .agent-icon-wrap:hover .icon-eye-pupil,
  .agent-icon-wrap:hover .icon-node,
  .agent-icon-wrap:hover .icon-lightning,
  .agent-icon-wrap:hover .icon-trend, .agent-icon-wrap:hover .icon-hub-node,
  .agent-icon-wrap:hover .icon-sync,
  .agent-icon-wrap:hover .icon-gear {
    animation: none !important;
  }

  .agent-card {
    transition: flex 0.2s ease;
  }

  .agent-card-content {
    transition: opacity 0.15s ease;
    transition-delay: 0.1s;
  }

  .agent-card-glow {
    transition: none;
  }
}

/* ============================================
   Navbar mega menus (Services/Industries/Locations/Resources)
   Open state is toggled by main.js via [data-mega-menu].mega-open,
   not pure CSS :hover — see main.js for why.
   ============================================ */

[data-mega-panel] {
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

[data-mega-menu].mega-open [data-mega-panel] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

[data-mega-chevron] {
  transition: transform 180ms ease;
}

[data-mega-menu].mega-open [data-mega-chevron] {
  transform: rotate(180deg);
}

/* Mega menu right-rail background — static (non-animated, for perf: this sits in the
   navbar on every page, always in the DOM). Dark brown base with a single lighter
   rust glow anchored in the bottom-right corner only — no top-corner glow. */

.ty-mega-rail-bg {
  background:
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1.4px) 0 0/20px 20px,
    radial-gradient(75% 70% at 100% 100%, rgba(178,83,46,0.65), transparent 65%),
    #241209;
}

/* ============================================
   Owner Dashboard mockup (homepage Admin Portal section)
   Light theme — white/Cloud White surfaces, brand navy/Sky Blue for
   structure, semantic green/amber used sparingly for status only (never
   as a decorative accent). Shown/hidden by main.js toggling .active —
   see the "Owner Dashboard" block there for [data-dash-nav]/
   [data-dash-panel] and [data-agent-nav]/[data-agent-panel] wiring.
   ============================================ */

[data-dash-panel] {
  display: none;
}

[data-dash-panel].active {
  display: block;
}

[data-agent-panel] {
  display: none;
}

[data-agent-panel].active {
  display: block;
}

.dash-nav-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 12px;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.82);
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}

.dash-nav-btn:hover {
  background: rgba(255,255,255,0.14);
  color: #ffffff;
}

/* Active pill is warm-dark (a brand neutral), not #c9462a — the sidebar
   itself is a #c9462a→#da684f gradient, so a rust fill was near-invisible. */

.dash-nav-btn.active {
  background: #2a2019;
  color: #ffffff;
  font-weight: 600;
}

/* Below lg, the sidebar nav renders as a horizontal tab row sitting flush
   against the content panel's top edge (see aside/nav markup in index.html) —
   full 10px rounding on the bottom corners left a visible gap of navy
   background at the seam where the tab meets the differently-colored content
   area below. Squaring just the bottom corners on mobile lets the active
   tab's fill dock flush against that seam instead. Desktop keeps full
   rounding since those buttons sit in a vertical list with gaps between
   them, not against a content boundary. */

@media (max-width: 1023px) {
  .dash-nav-btn {
    border-radius: 10px 10px 0 0;
  }
}

.dash-nav-badge {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  background: #2a2019;
  border-radius: 100px;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  flex-shrink: 0;
}

.dash-nav-btn.active .dash-nav-badge {
  background: #ffffff;
  color: #0e0c0a;
}

/* Entrance animation — main.js re-triggers this on every card/tile inside
   a panel or agent sub-panel the moment it becomes active (removes the
   class, forces a reflow, re-adds it with a staggered delay per index), so
   switching tabs always replays the stagger rather than only firing once
   on page load. */

@keyframes dashFadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dash-fade-in {
  animation: dashFadeInUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .dash-fade-in {
    animation: none;
  }
}

/* Thin, unobtrusive scrollbar for the fixed-height content area (desktop
   only — panels taller than the shell's fixed height scroll internally
   instead of resizing the whole dashboard). */

.dash-scroll-area {
  scrollbar-width: thin;
  scrollbar-color: rgba(201,70,42,0.15) transparent;
}

.dash-scroll-area::-webkit-scrollbar {
  width: 6px;
}

.dash-scroll-area::-webkit-scrollbar-thumb {
  background: rgba(201,70,42,0.15);
  border-radius: 100px;
}

.dash-scroll-area::-webkit-scrollbar-track {
  background: transparent;
}

.dash-agent-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 8px;
  border-radius: 8px;
  text-align: left;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(255,255,255,0.78);
  transition: background 0.2s ease, color 0.2s ease;
}

.dash-agent-link:hover {
  background: rgba(255,255,255,0.12);
  color: #ffffff;
}

.dash-agent-link.active {
  background: rgba(255,255,255,0.16);
  color: #ffffff;
  font-weight: 600;
}

.dash-card {
  background: #ffffff;
  border: 1px solid rgba(201,70,42,0.08);
  border-radius: 16px;
  box-shadow: 0 2px 14px rgba(201,70,42,0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dash-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(201,70,42,0.1);
}

.dash-tile {
  background: #ffffff;
  border: 1px solid rgba(201,70,42,0.08);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 2px 14px rgba(201,70,42,0.05);
}

.dash-tile-label {
  font-family: 'Poppins', sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  color: #0e0c0a;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.dash-tile-value {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #0e0c0a;
  line-height: 1;
  margin-top: 6px;
}

.dash-tile-sub {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #0e0c0a;
  margin-top: 6px;
}

.dash-section-label {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #0e0c0a;
}

.dash-status-badge {
  display: inline-flex;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 100px;
  white-space: nowrap;
}

.dash-status-active {
  background: rgba(15,157,88,0.1);
  color: #0F9D58;
}

.dash-status-training {
  background: rgba(198,138,17,0.12);
  color: #B7791F;
}

.dash-status-new {
  background: rgba(201,70,42,0.14);
  color: #c9462a;
}

.dash-status-contacted {
  background: rgba(201,70,42,0.12);
  color: #0e0c0a;
}

.dash-status-qualified {
  background: rgba(15,157,88,0.1);
  color: #0F9D58;
}

.dash-status-proposal {
  background: rgba(198,138,17,0.12);
  color: #B7791F;
}

.dash-subtab {
  flex-shrink: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: #0e0c0a;
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid rgba(201,70,42,0.12);
  background: #ffffff;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dash-subtab.active {
  background: #c9462a;
  color: #ffffff;
  border-color: #0e0c0a;
  font-weight: 600;
}

.dash-perf-label {
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: #0e0c0a;
}

.dash-perf-value {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0e0c0a;
}

.dash-th {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #0e0c0a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 12px 14px;
}

.dash-td {
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: #323232;
  padding: 12px 14px;
}

.dash-tr {
  border-bottom: 1px solid rgba(201,70,42,0.06);
  transition: background 0.15s ease;
}

.dash-tr:last-child {
  border-bottom: none;
}

.dash-tr:hover {
  background: rgba(201,70,42,0.05);
}

.dash-source-badge {
  display: inline-flex;
  font-family: 'Poppins', sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  color: #0e0c0a;
  background: rgba(201,70,42,0.04);
  border: 1px solid rgba(201,70,42,0.08);
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

.dash-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #0e0c0a;
}

.dash-score-bar {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 4px;
  border-radius: 100px;
  background: rgba(201,70,42,0.1);
  overflow: hidden;
}

.dash-score-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--score);
  background: #c9462a;
  border-radius: 100px;
}

.dash-report-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #da684f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dash-menu-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  width: 26px;
  height: 22px;
  border-radius: 6px;
  color: #8a827c;
  transition: background 0.2s ease;
  flex-shrink: 0;
}

.dash-menu-dots:hover {
  background: rgba(201,70,42,0.05);
}

.dash-menu-dots span {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}

/* Only used inside the dark (#2a2019) "update" card in the Overview panel — white, not near-black. */

.dash-mini-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: #ffffff;
}

.dash-mini-link:hover {
  text-decoration: underline;
}

.dash-activity-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dash-chart-axis {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 500;
  fill: #68605b;
}

/* Donut legend + segment hover linking */

.dash-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #0e0c0a;
  padding: 3px 4px;
  border-radius: 6px;
  text-align: left;
  transition: background 0.2s ease, color 0.2s ease;
}

.dash-legend-item:hover, .dash-legend-item:focus-visible {
  background: rgba(201,70,42,0.05);
  color: #0e0c0a;
}

.dash-legend-item.active {
  background: rgba(201,70,42,0.12);
  color: #0e0c0a;
  font-weight: 600;
}

#dashDonut circle[data-segment] {
  transition: opacity 0.2s ease, stroke-width 0.2s ease;
  pointer-events: stroke;
  cursor: pointer;
}

#dashDonut.dash-donut-hover circle[data-segment]:not(.dash-segment-active) {
  opacity: 0.3;
}

#dashDonut circle[data-segment].dash-segment-active {
  opacity: 1;
  stroke-width: 26;
}

/* Line/area chart cursor tooltip */

.dash-chart-wrap {
  position: relative;
}

.dash-chart-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -100%) translateY(-10px);
  transition: opacity 0.15s ease;
  background: #c9462a;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 8px;
  white-space: nowrap;
  z-index: 5;
  box-shadow: 0 8px 20px rgba(201,70,42,0.25);
}

.dash-chart-tooltip span {
  display: block;
  font-size: 9.5px;
  font-weight: 500;
  color: #0e0c0a;
  margin-top: 1px;
}

.dash-chart-tooltip.visible {
  opacity: 1;
}

.dash-chart-cursor-dot {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.dash-chart-cursor-dot.visible {
  opacity: 1;
}

.dash-chart-cursor-line {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.dash-chart-cursor-line.visible {
  opacity: 1;
}

/* ============================================
   AUTO-GENERATED responsive-value fixes
   Real CSS + real @media for Tailwind sm:/md:/lg:/xl: + arbitrary-
   value combos, which silently fail to compile in this project's
   Tailwind build (documented known issue, see CLAUDE.md). Generated
   2026-08-07 by fix-responsive.js — 106 unique rules
   covering 723 elements across 80 files.
   ============================================ */

@media(min-width:640px){
  .rfx-29fdaedc{
    font-size:46px
  }
}

@media(min-width:1024px){
  .rfx-29fdaedc{
    font-size:61px
  }
}

@media(min-width:640px){
  .rfx-d1e8f752{
    letter-spacing:-1.5px
  }
}

@media(min-width:1024px){
  .rfx-d1e8f752{
    letter-spacing:-2.5px
  }

  .rfx-8af6eb41{
    padding-left:3.125rem;
    padding-right:3.125rem
  }
}

@media(min-width:640px){
  .rfx-5cf73d32{
    font-size:32px
  }
}

@media(min-width:1024px){
  .rfx-5cf73d32{
    font-size:40px
  }

  .rfx-8fc556e4{
    min-width:13.75rem
  }
}

@media(min-width:640px){
  .rfx-a967fb47{
    font-size:42px
  }
}

@media(min-width:1024px){
  .rfx-a967fb47{
    font-size:48px
  }

  .rfx-1ebfbe4b{
    grid-template-columns:2fr 3fr
  }
}

@media(min-width:640px){
  .rfx-914ec45b{
    font-size:46px
  }

  .rfx-b92ea64f{
    letter-spacing:-1.5px
  }

  .rfx-5181cf39{
    height:400px
  }

  .rfx-989646a9{
    font-size:26px
  }

  .rfx-e3f179b7{
    font-size:42px
  }

  .rfx-68f2f1f0{
    font-size:18px
  }

  .rfx-8c7f0a24{
    letter-spacing:-1px
  }
}

@media(min-width:1024px){
  .rfx-8c7f0a24{
    letter-spacing:-1.5px
  }
}

@media(min-width:640px){
  .rfx-3e89e303{
    font-size:48px
  }
}

@media(min-width:1024px){
  .rfx-3e89e303{
    font-size:56px
  }

  .rfx-6f226fef{
    width:45%
  }

  .rfx-6e5d1799{
    font-size:27px
  }

  .rfx-ba0c0460{
    height:420px
  }

  .rfx-110a9725{
    width:44%
  }

  .rfx-9b8a8bbd{
    font-size:26px
  }

  .rfx-87e9a857{
    font-size:32px
  }
}

@media(min-width:640px){
  .rfx-60ca6c2c{
    font-size:30px
  }
}

@media(min-width:1024px){
  .rfx-60ca6c2c{
    font-size:34px
  }
}

@media(min-width:640px){
  .rfx-79d9f254{
    font-size:50px
  }
}

@media(min-width:1024px){
  .rfx-79d9f254{
    font-size:55px
  }
}

@media(min-width:640px){
  .rfx-dd9c368a{
    font-size:34px
  }
}

@media(min-width:1024px){
  .rfx-dd9c368a{
    font-size:40px
  }
}

@media(min-width:640px){
  .rfx-2693cbce{
    font-size:36px
  }
}

@media(min-width:1024px){
  .rfx-2693cbce{
    font-size:40px
  }
}

@media(min-width:640px){
  .rfx-ed7827ee{
    font-size:46px
  }
}

@media(min-width:1024px){
  .rfx-ed7827ee{
    font-size:54px
  }
}

@media(min-width:640px){
  .rfx-78bf18aa{
    letter-spacing:-1.5px
  }
}

@media(min-width:1024px){
  .rfx-78bf18aa{
    letter-spacing:-2px
  }
}

@media(min-width:640px){
  .rfx-541a62b2{
    font-size:22px
  }
}

@media(min-width:1024px){
  .rfx-541a62b2{
    font-size:25px
  }
}

@media(min-width:640px){
  .rfx-56974cf0{
    font-size:38px
  }
}

@media(min-width:768px){
  .rfx-56974cf0{
    font-size:45px
  }
}

@media(min-width:640px){
  .rfx-238c220b{
    font-size:13px
  }

  .rfx-42259e69{
    font-size:26px
  }
}

@media(min-width:1024px){
  .rfx-42259e69{
    font-size:30px
  }
}

@media(min-width:640px){
  .rfx-c86d65d1{
    width:94%
  }
}

@media(min-width:1024px){
  .rfx-c86d65d1{
    width:90%
  }

  .rfx-66d18946{
    grid-template-columns:0.4fr 0.6fr
  }
}

@media(min-width:640px){
  .rfx-8c5530a1{
    font-size:28px
  }
}

@media(min-width:1024px){
  .rfx-8c5530a1{
    font-size:30px
  }

  .rfx-5b736f29{
    font-size:21px
  }
}

@media(min-width:640px){
  .rfx-77975dd6{
    font-size:15px
  }
}

@media(min-width:1024px){
  .rfx-f0145e9d{
    aspect-ratio:4/3
  }
}

@media(min-width:640px){
  .rfx-077be78c{
    width:72px
  }

  .rfx-6b8f1f71{
    height:72px
  }

  .rfx-28ee0d22{
    font-size:38px
  }
}

@media(min-width:1024px){
  .rfx-28ee0d22{
    font-size:48px
  }

  .rfx-eb6715ff{
    grid-template-columns:55fr 45fr
  }

  .rfx-c26467c6{
    width:240px
  }

  .rfx-9da4055c{
    height:760px
  }

  .rfx-5a5a96bf{
    grid-template-columns:1fr 300px
  }

  .rfx-578512c6{
    grid-template-columns:1.4fr 1fr
  }
}

@media(min-width:640px){
  .rfx-58aa07d3{
    border-top-left-radius:80px
  }

  .rfx-9e1f95d4{
    border-bottom-right-radius:80px
  }

  .rfx-145049f2{
    font-size:32px
  }
}

@media(min-width:1024px){
  .rfx-145049f2{
    font-size:42px
  }
}

@media(min-width:640px){
  .rfx-8ce13b3a{
    font-size:20px
  }
}

@media(min-width:768px){
  .rfx-062789c9{
    grid-template-columns:3fr 2fr
  }
}

@media(min-width:640px){
  .rfx-cd431796{
    font-size:46px
  }
}

@media(min-width:1024px){
  .rfx-cd431796{
    font-size:52px
  }
}

@media(min-width:640px){
  .rfx-d1dbc6a3{
    font-size:30px
  }
}

@media(min-width:1024px){
  .rfx-d1dbc6a3{
    font-size:36px
  }
}

@media(min-width:640px){
  .rfx-e1f71e13{
    height:460px
  }
}

@media(min-width:1024px){
  .rfx-e1f71e13{
    height:560px
  }

  .rfx-586e828e{
    grid-template-columns:0.8fr 1.2fr
  }

  .rfx-d86c25da{
    border-color:#F0F2F7
  }

  .rfx-73af4b18{
    width:34%
  }

  .rfx-8c23cb75{
    padding-left:max(2.5%,calc((100vw-87.5rem)/2+2.5%))
  }

  .rfx-55005118{
    grid-template-columns:1fr 260px
  }

  .rfx-f21754f5{
    grid-template-columns:1fr 340px
  }
}

@media(min-width:640px){
  .rfx-41da23fb{
    font-size:28px
  }
}

@media(min-width:1024px){
  .rfx-ab663413{
    grid-template-columns:1fr 1.1fr
  }

  .rfx-3574fab6{
    grid-template-columns:0.9fr 1.1fr
  }
}

@media(min-width:640px){
  .rfx-b88d72c7{
    font-size:32px
  }

  .rfx-e8d90311{
    font-size:19px
  }

  .rfx-4ea7a98b{
    height:560px
  }
}

@media(min-width:1024px){
  .rfx-4ea7a98b{
    height:660px
  }
}

@media(min-width:640px){
  .rfx-33b49dfa{
    min-height:210px
  }
}

@media(min-width:1024px){
  .rfx-8306109e{
    grid-template-columns:1fr auto 1fr
  }

  .rfx-20a5d157{
    width:46%
  }
}

@media(min-width:640px){
  .rfx-6d63c6dd{
    height:500px
  }
}

@media(min-width:1024px){
  .rfx-6d63c6dd{
    height:560px
  }

  .rfx-70e87ca5{
    padding-right:max(2.5%,calc((100vw-87.5rem)/2+2.5%))
  }

  .rfx-a2ca7cb1{
    grid-template-columns:1fr auto
  }

  .rfx-12adc518{
    grid-template-columns:320px 1fr
  }
}

@media(min-width:640px){
  .rfx-f80248e6{
    height:700px
  }
}

@media(min-width:1024px){
  .rfx-f80248e6{
    height:780px
  }

  .rfx-8ecd0c8e{
    width:42%
  }
}

@media(min-width:640px){
  .rfx-297c4647{
    height:540px
  }
}

@media(min-width:1024px){
  .rfx-297c4647{
    height:600px
  }

  .rfx-54d71bad{
    margin-left:28%
  }
}

@media(min-width:640px){
  .rfx-2da962f4{
    width:62%
  }

  .rfx-5caceefb{
    min-height:300px
  }

  .rfx-c30d0bb9{
    font-size:34px
  }

  .rfx-32c6e1b9{
    font-size:56px
  }

  .rfx-a18d6014{
    width:82%
  }
}

@media(min-width:1024px){
  .rfx-a18d6014{
    width:74%
  }
}

@media(min-width:640px){
  .rfx-2fcf4ed0{
    max-width:75%
  }

  .rfx-44806830{
    max-width:82%
  }

  .rfx-0586d379{
    font-size:14px
  }

  .rfx-f8cdeab8{
    height:600px
  }
}

@media(min-width:1024px){
  .rfx-f8cdeab8{
    height:700px
  }
}

@media(min-width:640px){
  .rfx-e1cb81a8{
    min-height:175px
  }

  .rfx-9f57a944{
    font-size:23px
  }

  .rfx-0d692a75{
    width:86%
  }
}

@media(min-width:1024px){
  .rfx-0d692a75{
    width:80%
  }
}

@media(min-width:640px){
  .rfx-7188572d{
    font-size:52px
  }
}

@media(min-width:1024px){
  .rfx-7188572d{
    font-size:64px
  }
}

@media(min-width:640px){
  .rfx-d5a8b735{
    letter-spacing:-2px
  }
}

@media(min-width:1024px){
  .rfx-d5a8b735{
    letter-spacing:-2.5px
  }
}

@media(min-width:640px){
  .rfx-b3f7d5b6{
    font-size:17px
  }

  .rfx-dd5fab51{
    height:310px
  }

  .rfx-1313eab6{
    min-height:24px
  }

  .rfx-a44482d7{
    min-height:46px
  }

  .rfx-e69aa8c4{
    aspect-ratio:21/9
  }

  .rfx-09ff8fdc{
    font-size:30px
  }

  .rfx-b4db20ac{
    font-size:24px
  }

  .rfx-7819a139{
    font-size:48px
  }
}

@media(min-width:768px){
  .rfx-352278d5{
    font-size:48px
  }
}

@media(min-width:1024px){
  .rfx-352278d5{
    font-size:55px
  }
}

@media(min-width:768px){
  .rfx-53920f92{
    letter-spacing:-2px
  }
}

@media(min-width:1024px){
  .rfx-53920f92{
    letter-spacing:-2.5px
  }
}

@media(min-width:640px){
  .rfx-d43af64b{
    font-size:48px
  }
}

@media(min-width:1024px){
  .rfx-d43af64b{
    font-size:55px
  }

  .rfx-cd8058a8{
    width:56%
  }

  .rfx-05ab250d{
    border-color:rgba(201,70,42,0.08)
  }

  .rfx-193ebb73{
    width:35%
  }

  .rfx-a83fecef{
    width:65%
  }
}

@media(min-width:640px){
  .rfx-4961075b{
    height:420px
  }
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:z-20:hover {
  z-index: 20;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1\.5:hover {
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-3:hover {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.06\]:hover {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.08\]:hover {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border:hover {
  border-width: 1px;
}

.hover\:border-\[\#0e0c0a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 12 10 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#0e0c0a\]\/40:hover {
  border-color: rgb(14 12 10 / 0.4);
}

.hover\:border-\[\#234BA2\]\/30:hover {
  border-color: rgb(35 75 162 / 0.3);
}

.hover\:border-\[\#EEF0F4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(238 240 244 / var(--tw-border-opacity, 1));
}

.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}

.hover\:bg-\[\#031336\]\/30:hover {
  background-color: rgb(3 19 54 / 0.3);
}

.hover\:bg-\[\#EAF2FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#EAF8FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 248 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#ECFDF5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#EEF2F6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F0F9FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F0FDF4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F0FDFA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F5F3FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#c9462a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(201 70 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#c9462a\]\/15:hover {
  background-color: rgb(201 70 42 / 0.15);
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/\[0\.08\]:hover {
  background-color: rgb(255 255 255 / 0.08);
}

.hover\:bg-gradient-to-br:hover {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.hover\:from-\[\#0A0A0A\]:hover {
  --tw-gradient-from: #0A0A0A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:via-\[\#052E16\]:hover {
  --tw-gradient-to: rgb(5 46 22 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #052E16 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:via-\[\#0A1B3D\]:hover {
  --tw-gradient-to: rgb(10 27 61 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0A1B3D var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:via-\[\#0A211D\]:hover {
  --tw-gradient-to: rgb(10 33 29 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0A211D var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:to-\[\#0B1F4D\]:hover {
  --tw-gradient-to: #0B1F4D var(--tw-gradient-to-position);
}

.hover\:to-\[\#115E59\]:hover {
  --tw-gradient-to: #115E59 var(--tw-gradient-to-position);
}

.hover\:to-\[\#14532D\]:hover {
  --tw-gradient-to: #14532D var(--tw-gradient-to-position);
}

.hover\:to-\[\#1E3A5C\]:hover {
  --tw-gradient-to: #1E3A5C var(--tw-gradient-to-position);
}

.hover\:text-\[\#031336\]:hover {
  --tw-text-opacity: 1;
  color: rgb(3 19 54 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#0e0c0a\]:hover {
  --tw-text-opacity: 1;
  color: rgb(14 12 10 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#10243D\]:hover {
  --tw-text-opacity: 1;
  color: rgb(16 36 61 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#2a2019\]:hover {
  --tw-text-opacity: 1;
  color: rgb(42 32 25 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#c9462a\]:hover {
  --tw-text-opacity: 1;
  color: rgb(201 70 42 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-\[0_12px_40px_rgba\(201\2c 70\2c 42\2c 0\.11\)\]:hover {
  --tw-shadow: 0 12px 40px rgba(201,70,42,0.11);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_12px_48px_rgba\(201\2c 70\2c 42\2c 0\.17\)\]:hover {
  --tw-shadow: 0 12px 48px rgba(201,70,42,0.17);
  --tw-shadow-colored: 0 12px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_14px_30px_rgba\(201\2c 70\2c 42\2c 0\.12\)\]:hover {
  --tw-shadow: 0 14px 30px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 14px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_36px_rgba\(201\2c 70\2c 42\2c 0\.12\)\]:hover {
  --tw-shadow: 0 16px 36px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_36px_rgba\(201\2c 70\2c 42\2c 0\.18\)\]:hover {
  --tw-shadow: 0 16px 36px rgba(201,70,42,0.18);
  --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_38px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]:hover {
  --tw-shadow: 0 16px 38px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 16px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_56px_rgba\(201\2c 70\2c 42\2c 0\.13\)\]:hover {
  --tw-shadow: 0 16px 56px rgba(201,70,42,0.13);
  --tw-shadow-colored: 0 16px 56px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_18px_38px_rgba\(201\2c 70\2c 42\2c 0\.16\)\]:hover {
  --tw-shadow: 0 18px 38px rgba(201,70,42,0.16);
  --tw-shadow-colored: 0 18px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_40px_rgba\(201\2c 70\2c 42\2c 0\.25\)\]:hover {
  --tw-shadow: 0 20px 40px rgba(201,70,42,0.25);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_45px_rgba\(201\2c 70\2c 42\2c 0\.14\)\]:hover {
  --tw-shadow: 0 20px 45px rgba(201,70,42,0.14);
  --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_45px_rgba\(3\2c 19\2c 54\2c 0\.10\)\]:hover {
  --tw-shadow: 0 20px 45px rgba(3,19,54,0.10);
  --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_45px_rgba\(3\2c 19\2c 54\2c 0\.12\)\]:hover {
  --tw-shadow: 0 20px 45px rgba(3,19,54,0.12);
  --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_60px_rgba\(201\2c 70\2c 42\2c 0\.18\)\]:hover {
  --tw-shadow: 0 20px 60px rgba(201,70,42,0.18);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_25px_60px_rgba\(3\2c 19\2c 54\2c 0\.18\)\]:hover {
  --tw-shadow: 0 25px 60px rgba(3,19,54,0.18);
  --tw-shadow-colored: 0 25px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_4px_20px_rgba\(201\2c 70\2c 42\2c 0\.12\)\]:hover {
  --tw-shadow: 0 4px 20px rgba(201,70,42,0.12);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[inset_0_1px_0_rgba\(201\2c 70\2c 42\2c 0\.6\)\2c 0_18px_38px_rgba\(201\2c 70\2c 42\2c 0\.22\)\]:hover {
  --tw-shadow: inset 0 1px 0 rgba(201,70,42,0.6),0 18px 38px rgba(201,70,42,0.22);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 18px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.group:hover .group-hover\:mb-2\.5 {
  margin-bottom: 0.625rem;
}

.group:hover .group-hover\:max-h-32 {
  max-height: 8rem;
}

.group:hover .group-hover\:-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-rotate-6 {
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/blog:hover .group-hover\/blog\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.group:hover .group-hover\:bg-\[\#234BA2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 75 162 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-\[\#c9462a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 70 42 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:fill-white {
  fill: #fff;
}

.group:hover .group-hover\:stroke-white {
  stroke: #fff;
}

.group\/blog:hover .group-hover\/blog\:text-\[\#0e0c0a\] {
  --tw-text-opacity: 1;
  color: rgb(14 12 10 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-\[\#0e0c0a\] {
  --tw-text-opacity: 1;
  color: rgb(14 12 10 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}

.group:hover .group-hover\:text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sm\:-mt-16 {
    margin-top: -4rem;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-36 {
    height: 9rem;
  }

  .sm\:h-80 {
    height: 20rem;
  }

  .sm\:h-\[400px\] {
    height: 400px;
  }

  .sm\:h-\[420px\] {
    height: 420px;
  }

  .sm\:h-\[460px\] {
    height: 460px;
  }

  .sm\:h-\[500px\] {
    height: 500px;
  }

  .sm\:h-\[540px\] {
    height: 540px;
  }

  .sm\:h-\[560px\] {
    height: 560px;
  }

  .sm\:h-\[600px\] {
    height: 600px;
  }

  .sm\:h-\[700px\] {
    height: 700px;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:min-h-\[175px\] {
    min-height: 175px;
  }

  .sm\:min-h-\[210px\] {
    min-height: 210px;
  }

  .sm\:min-h-\[300px\] {
    min-height: 300px;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-36 {
    width: 9rem;
  }

  .sm\:w-\[62\%\] {
    width: 62%;
  }

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

  .sm\:w-\[86\%\] {
    width: 86%;
  }

  .sm\:w-px {
    width: 1px;
  }

  .sm\:max-w-\[75\%\] {
    max-width: 75%;
  }

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

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

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

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

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

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

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

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

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

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:gap-10 {
    gap: 2.5rem;
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:gap-16 {
    gap: 4rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .sm\:gap-y-16 {
    row-gap: 4rem;
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .sm\:self-stretch {
    align-self: stretch;
  }

  .sm\:rounded-br-\[80px\] {
    border-bottom-right-radius: 80px;
  }

  .sm\:rounded-tl-\[80px\] {
    border-top-left-radius: 80px;
  }

  .sm\:border-b {
    border-bottom-width: 1px;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-9 {
    padding: 2.25rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:text-left {
    text-align: left;
  }

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

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

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

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

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

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

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

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

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

  .sm\:text-\[26px\] {
    font-size: 26px;
  }

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

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

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

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

  .sm\:text-\[36px\] {
    font-size: 36px;
  }

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

  .sm\:text-\[46px\] {
    font-size: 46px;
  }

  .sm\:text-\[48px\] {
    font-size: 48px;
  }

  .sm\:text-\[50px\] {
    font-size: 50px;
  }

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

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

  .sm\:tracking-\[-1\.5px\] {
    letter-spacing: -1.5px;
  }

  .sm\:tracking-\[-1px\] {
    letter-spacing: -1px;
  }

  .sm\:tracking-\[-2px\] {
    letter-spacing: -2px;
  }

  .sm\:opacity-100 {
    opacity: 1;
  }

  .sm\:\[letter-spacing\:-1\.5px\] {
    letter-spacing: -1.5px;
  }

  .sm\:first\:pl-0:first-child {
    padding-left: 0px;
  }

  .sm\:last\:pr-0:last-child {
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  .md\:sticky {
    position: sticky;
  }

  .md\:top-28 {
    top: 7rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:hidden {
    display: none;
  }

  .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-\[3fr_2fr\] {
    grid-template-columns: 3fr 2fr;
  }

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

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

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

  .md\:self-start {
    align-self: flex-start;
  }

  .md\:text-right {
    text-align: right;
  }

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

  .md\:tracking-\[-2px\] {
    letter-spacing: -2px;
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:-right-8 {
    right: -2rem;
  }

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:ml-\[28\%\] {
    margin-left: 28%;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:table-row {
    display: table-row;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-56 {
    height: 14rem;
  }

  .lg\:h-96 {
    height: 24rem;
  }

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

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

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

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

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

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

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

  .lg\:h-full {
    height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

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

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

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .lg\:grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }

  .lg\:grid-cols-\[1fr_1\.1fr\] {
    grid-template-columns: 1fr 1.1fr;
  }

  .lg\:grid-cols-\[1fr_260px\] {
    grid-template-columns: 1fr 260px;
  }

  .lg\:grid-cols-\[1fr_300px\] {
    grid-template-columns: 1fr 300px;
  }

  .lg\:grid-cols-\[1fr_340px\] {
    grid-template-columns: 1fr 340px;
  }

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

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

  .lg\:grid-cols-\[2fr_3fr\] {
    grid-template-columns: 2fr 3fr;
  }

  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }

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

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

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

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-14 {
    gap: 3.5rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-\[\#F0F2F7\] {
    --tw-border-opacity: 1;
    border-color: rgb(240 242 247 / var(--tw-border-opacity, 1));
  }

  .lg\:border-\[rgba\(201\2c 70\2c 42\2c 0\.08\)\] {
    border-color: rgba(201,70,42,0.08);
  }

  .lg\:border-white\/10 {
    border-color: rgb(255 255 255 / 0.1);
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[3\.125rem\] {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:pl-16 {
    padding-left: 4rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-\[max\(2\.5\%\2c calc\(\(100vw-87\.5rem\)\/2\+2\.5\%\)\)\] {
    padding-left: max(2.5%, calc((100vw - 87.5rem) / 2 + 2.5%));
  }

  .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pr-\[max\(2\.5\%\2c calc\(\(100vw-87\.5rem\)\/2\+2\.5\%\)\)\] {
    padding-right: max(2.5%, calc((100vw - 87.5rem) / 2 + 2.5%));
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-\[26px\] {
    font-size: 26px;
  }

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

  .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-\[55px\] {
    font-size: 55px;
  }

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

  .lg\:text-\[61px\] {
    font-size: 61px;
  }

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

  .lg\:tracking-\[-1\.5px\] {
    letter-spacing: -1.5px;
  }

  .lg\:tracking-\[-2\.5px\] {
    letter-spacing: -2.5px;
  }

  .lg\:tracking-\[-2px\] {
    letter-spacing: -2px;
  }

  .lg\:\[letter-spacing\:-2\.5px\] {
    letter-spacing: -2.5px;
  }
}

@media (min-width: 1280px) {
  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:w-60 {
    width: 15rem;
  }

  .xl\:gap-20 {
    gap: 5rem;
  }
}

.\[\&\:has\(\.ty-faq-answer\.open\)\]\:border-\[\#B3BFFF\]:has(.ty-faq-answer.open) {
  --tw-border-opacity: 1;
  border-color: rgb(179 191 255 / var(--tw-border-opacity, 1));
}

.\[\&\:has\(\.ty-faq-answer\.open\)\]\:bg-\[\#EAF2FF\]:has(.ty-faq-answer.open) {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 255 / var(--tw-bg-opacity, 1));
}

.\[\&\:has\(\.ty-faq-answer\.open\)\]\:bg-\[\#EAF8FF\]:has(.ty-faq-answer.open) {
  --tw-bg-opacity: 1;
  background-color: rgb(234 248 255 / var(--tw-bg-opacity, 1));
}