/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ease: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-space-x-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

:root, :host {
  --font-deon-heading: "Sora", sans-serif;
  --font-deon-body: "Manrope", sans-serif;
  --font-deon-sub: "Manrope", sans-serif;
  --font-sora: var(--font-deon-heading);
  --font-manrope: var(--font-deon-body);
  --startbit-section-y-mobile: 56px;
  --startbit-section-y-tablet: 80px;
  --startbit-section-y-desktop: 96px;
  --font-inter-tight: var(--font-deon-body);
  --color-primary-50: #f4f2fe;
  --color-primary-100: #ece8ff;
  --color-primary-200: #dcd4ff;
  --color-primary-300: #c3b1ff;
  --color-primary-400: #a585ff;
  --color-primary-500: #864ffe;
  --color-primary-600: #7c31f6;
  --color-secondary: #16417d;
  --color-accent: #fcfcfc;
  --color-background-1: #fcfcfd;
  --color-background-2: #f9fafb;
  --color-background-3: #f4f5f8;
  --color-background-4: #f0f2f6;
  --color-background-5: #13171e;
  --color-background-6: #0f1217;
  --color-background-7: #181d26;
  --color-background-8: #070b10;
  --color-background-9: #1f252f;
  --color-background-12: #eaeceb;
  --color-stroke-1: #dfe4eb;
  --color-stroke-2: #e3e7ed;
  --color-stroke-3: #d7dde5;
  --color-stroke-4: #eceff4;
  --color-stroke-5: #1b232f;
  --color-stroke-6: #202731;
  --color-stroke-7: #2a333e;
  --color-stroke-8: #303b49;
  --color-stroke-9: var(--color-background-8);
  --color-ns-yellow: #dffbff;
  --color-ns-green: #83e7ee;
  --color-ns-red: #c3b1ff;
  --color-ns-cyan: #83e7ee;
  --color-ns-green-light: #cdf5f8;
  --color-ns-cyan-light: #cdf5f8;
  --color-ns-yellow-light: #eefcff;
  --color-ns-ivory: #f4efe7;
  --color-ns-linen: #beab9a;
  --color-gradient-1: linear-gradient(135deg, #864ffe 0%, #83e7ee 100%);
  --color-gradient-5: linear-gradient(165deg, #ffffff80 0.51%, #fff0 64.43%);
  --color-gradient-6: linear-gradient(#83e7ee 0%, #864ffe 100%);
  --color-gradient-7: linear-gradient(#fff 0%, #83e7ee 100%);
  --color-gradient-8: linear-gradient(156deg, #fff 32.92%, #16417d 91%);
  --color-gradient-9: linear-gradient(156deg, #83e7ee 32.92%, #864ffe 91%);
  --text-heading-1: 4.25rem;
  --text-heading-1--line-height: 110%;
  --text-heading-2: 3.25rem;
  --text-heading-2--line-height: 120%;
  --text-heading-3: 2.5rem;
  --text-heading-3--line-height: 120%;
  --text-heading-4: 2rem;
  --text-heading-4--line-height: 130%;
  --text-heading-5: 1.5rem;
  --text-heading-5--line-height: 140%;
  --text-heading-6: 1.25rem;
  --text-heading-6--line-height: 140%;
  --text-tagline-1: 1rem;
  --text-tagline-1--line-height: 150%;
  --text-tagline-2: .875rem;
  --text-tagline-2--line-height: 150%;
  --text-tagline-3: .75rem;
  --text-tagline-3--line-height: 150%;
  --blur-ns-badge-blur: 17.2283px;
  --stack-cards-gap: 2rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-400: oklch(70.4% .191 22.216);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --drop-shadow-2xl: 0 25px 25px #00000026;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --blur-xl: 24px;
  --blur-3xl: 64px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

.dark {
  --color-split-text: #fcfcfc;
}

@font-face {
  font-family: next-sass;
  src: url("../fonts/next-sass.eot?obdk3g");
  src: url("../fonts/next-sass.eot?obdk3g#iefix") format("embedded-opentype"), url("../fonts/next-sass.ttf?obdk3g") format("truetype"), url("../fonts/next-sass.woff?obdk3g") format("woff"), url("../fonts/next-sass.svg?obdk3g#next-sass") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ns-"], [class*=" ns-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: next-sass !important;
}

.ns-shape-1:before {
  content: "";
}

.ns-shape-2:before {
  content: "";
}

.ns-shape-3:before {
  content: "";
}

.ns-shape-4:before {
  content: "";
}

.ns-shape-5:before {
  content: "";
}

.ns-shape-6:before {
  content: "";
}

.ns-shape-7:before {
  content: "";
}

.ns-shape-8:before {
  content: "";
}

.ns-shape-9:before {
  content: "";
}

.ns-shape-10:before {
  content: "";
}

.ns-shape-11:before {
  content: "";
}

.ns-shape-12:before {
  content: "";
}

.ns-shape-13:before {
  content: "";
}

.ns-shape-14:before {
  content: "";
}

.ns-shape-15:before {
  content: "";
}

.ns-shape-16:before {
  content: "";
}

.ns-shape-17:before {
  content: "";
}

.ns-shape-18:before {
  content: "";
}

.ns-shape-19:before {
  content: "";
}

.ns-shape-20:before {
  content: "";
}

.ns-shape-21:before {
  content: "";
}

.ns-shape-22:before {
  content: "";
}

.ns-shape-23:before {
  content: "";
}

.ns-shape-24:before {
  content: "";
}

.ns-shape-25:before {
  content: "";
}

.ns-shape-26:before {
  content: "";
}

.ns-shape-27:before {
  content: "";
}

.ns-shape-28:before {
  content: "";
}

.ns-shape-29:before {
  content: "";
}

.ns-shape-30:before {
  content: "";
}

.ns-shape-31:before {
  content: "";
}

.ns-shape-32:before {
  content: "";
}

.ns-shape-33:before {
  content: "";
}

.ns-shape-34:before {
  content: "";
}

.ns-shape-35:before {
  content: "";
}

.ns-shape-36:before {
  content: "";
}

.ns-shape-37:before {
  content: "";
}

.ns-shape-38:before {
  content: "";
}

.ns-shape-39:before {
  content: "";
}

.ns-shape-40:before {
  content: "";
}

.ns-shape-41:before {
  content: "";
}

.ns-shape-42:before {
  content: "";
}

.ns-shape-43:before {
  content: "";
}

.ns-shape-44:before {
  content: "";
}

.ns-shape-45:before {
  content: "";
}

.ns-shape-46:before {
  content: "";
}

.ns-shape-47:before {
  content: "";
}

.ns-shape-48:before {
  content: "";
}

.ns-shape-49:before {
  content: "";
}

.ns-shape-50:before {
  content: "";
}

.ns-shape-51:before {
  content: "";
}

.ns-shape-52:before {
  content: "";
}

.ns-shape-53:before {
  content: "";
}

.ns-shape-54:before {
  content: "";
}

.ns-shape-55:before {
  content: "";
}

.ns-shape-56:before {
  content: "";
}

.ns-shape-57:before {
  content: "";
}

.ns-shape-58:before {
  content: "";
}

.ns-shape-59:before {
  content: "";
}

.ns-shape-60:before {
  content: "";
}

.ns-shape-61:before {
  content: "";
}

.ns-shape-62:before {
  content: "";
}

.ns-shape-63:before {
  content: "";
}

.ns-shape-64:before {
  content: "";
}

.ns-shape-65:before {
  content: "";
}

.ns-shape-66:before {
  content: "";
}

.ns-shape-67:before {
  content: "";
}

.ns-shape-68:before {
  content: "";
}

.ns-shape-69:before {
  content: "";
}

.ns-shape-70:before {
  content: "";
}

.ns-shape-71:before {
  content: "";
}

.ns-shape-72:before {
  content: "";
}

.ns-shape-73:before {
  content: "";
}

.ns-shape-74:before {
  content: "";
}

.ns-shape-75:before {
  content: "";
}

.ns-shape-76:before {
  content: "";
}

.ns-shape-77:before {
  content: "";
}

.ns-shape-78:before {
  content: "";
}

.ns-shape-79:before {
  content: "";
}

.ns-shape-80:before {
  content: "";
}

.ns-shape-81:before {
  content: "";
}

.ns-shape-82:before {
  content: "";
}

.ns-shape-83:before {
  content: "";
}

.ns-shape-84:before {
  content: "";
}

.ns-shape-85:before {
  content: "";
}

.ns-shape-86:before {
  content: "";
}

.ns-shape-87:before {
  content: "";
}

.ns-shape-88:before {
  content: "";
}

.ns-shape-89:before {
  content: "";
}

.ns-shape-90:before {
  content: "";
}

.ns-shape-91:before {
  content: "";
}

.ns-shape-92:before {
  content: "";
}

.ns-shape-93:before {
  content: "";
}

.ns-shape-94:before {
  content: "";
}

.ns-shape-95:before {
  content: "";
}

.ns-shape-96:before {
  content: "";
}

.ns-shape-97:before {
  content: "";
}

.ns-shape-98:before {
  content: "";
}

.ns-shape-99:before {
  content: "";
}

.ns-shape-100:before {
  content: "";
}

.ns-shape-101:before {
  content: "";
}

.ns-shape-102:before {
  content: "";
}

.ns-shape-103:before {
  content: "";
}

.ns-shape-104:before {
  content: "";
}

.ns-shape-105:before {
  content: "";
}

.ns-shape-106:before {
  content: "";
}

.ns-shape-107:before {
  content: "";
}

.ns-shape-108:before {
  content: "";
}

.ns-shape-109:before {
  content: "";
}

.ns-shape-110:before {
  content: "";
}

.ns-shape-111:before {
  content: "";
}

.ns-shape-112:before {
  content: "";
}

.ns-shape-113:before {
  content: "";
}

.ns-shape-114:before {
  content: "";
}

.ns-shape-115:before {
  content: "";
}

.ns-shape-116:before {
  content: "";
}

.ns-shape-117:before {
  content: "";
}

.ns-shape-118:before {
  content: "";
}

.ns-shape-119:before {
  content: "";
}

.ns-shape-120:before {
  content: "";
}

.ns-shape-121:before {
  content: "";
}

.ns-shape-122:before {
  content: "";
}

.ns-shape-123:before {
  content: "";
}

.ns-shape-124:before {
  content: "";
}

.ns-shape-125:before {
  content: "";
}

.ns-shape-126:before {
  content: "";
}

.ns-shape-127:before {
  content: "";
}

.ns-shape-128:before {
  content: "";
}

body {
  font-family: var(--font-deon-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title {
  font-family: var(--font-deon-heading);
  font-weight: 600;
}

.badge,
.btn,
.hero-kicker,
.nav-item a,
.mobile-menu-label,
.mobile-drawer-link,
.mobile-menu-section-toggle,
.footer-link-v2 {
  font-family: var(--font-deon-sub);
}

* {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

[data-ns-animate] {
  opacity: 0;
}

.header-one {
  backface-visibility: hidden;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 16px 46px rgba(22, 65, 125, .08);
  isolation: isolate;
  left: 50vw !important;
  right: auto !important;
  transform: translateZ(0) !important;
  translate: -50% 0 !important;
  width: calc(100vw - 24px) !important;
  will-change: background, box-shadow;
  z-index: 10050 !important;
}

.footer [data-ns-animate] {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: none !important;
}

html:has(:target) .salesforce-solutions-page [data-ns-animate] {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.scroll-bar::-webkit-scrollbar {
  display: none;
}

.scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.footer-link-v2 {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-secondary);
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.footer-link-v2:before {
  content: var(--tw-content);
  content: var(--tw-content);
  bottom: calc(var(--spacing) * 0);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  transform-origin: 100%;
  content: var(--tw-content);
  --tw-scale-x: 0%;
  width: 100%;
  height: 1px;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  content: var(--tw-content);
  --tw-duration: .5s;
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  transition-duration: .5s;
  position: absolute;
}

@media (hover: hover) {
  .footer-link-v2:hover:before {
    content: var(--tw-content);
    transform-origin: 0;
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@media not all and (min-width: 426px) {
  .footer-link-v2 {
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
  }
}

.footer-link-v2:where(.dark, .dark *) {
  color: var(--color-accent);
}

.footer-link-v2:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-white);
}

.footer-canada-office {
  background: rgba(255, 255, 255, .58);
  border: 1px solid rgba(22, 65, 125, .1);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(22, 65, 125, .06);
  color: var(--color-secondary);
  max-width: 330px;
  padding: 16px;
}

.footer-office-head {
  align-items: center;
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 10px;
}

.footer-office-flag {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(22, 65, 125, .08);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(22, 65, 125, .06);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  width: 44px;
}

.footer-office-flag img {
  display: block;
  height: 22px;
  object-fit: contain;
  width: 32px;
}

.footer-canada-office address {
  color: rgba(22, 65, 125, .78);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  margin: 0;
}

.footer-office-links {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.footer-office-links a {
  align-items: center;
  color: var(--color-secondary);
  display: inline-flex;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
  overflow-wrap: anywhere;
  transition: color .22s ease, transform .22s ease;
}

.footer-office-links a:before {
  background: linear-gradient(135deg, #83e7ee, #864ffe);
  border-radius: 999px;
  content: "";
  flex: 0 0 auto;
  height: 7px;
  margin-right: 8px;
  width: 7px;
}

.footer-office-links a:hover {
  color: var(--color-primary-500);
  transform: translateX(2px);
}

.footer-canada-office:where(.dark, .dark *) {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: var(--color-accent);
}

.footer-canada-office address:where(.dark, .dark *),
.footer-office-links a:where(.dark, .dark *) {
  color: var(--color-accent);
}

.footer-social-link {
  align-items: center;
  background: linear-gradient(135deg, rgba(10, 102, 194, .12), rgba(10, 102, 194, .2));
  border: 1px solid rgba(10, 102, 194, .2);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(10, 102, 194, .12);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  transition-duration: .3s;
  width: 44px;
}

.footer-social-link.footer-social-link-linkedin {
  background: linear-gradient(135deg, rgba(10, 102, 194, .16), rgba(10, 102, 194, .26));
  border-color: rgba(10, 102, 194, .28);
}

.footer-social-link.footer-social-link-linkedin svg {
  color: #0a66c2;
}

.footer-social-link:where(.dark, .dark *) {
  background: linear-gradient(135deg, rgba(10, 102, 194, .22), rgba(10, 102, 194, .34));
  border-color: rgba(125, 190, 255, .28);
  box-shadow: 0 12px 28px rgba(6, 33, 61, .28);
}

@media (hover: hover) {
  .footer-social-link:hover {
    --tw-translate-y: calc(var(--spacing) * -1);
    box-shadow: 0 14px 30px rgba(10, 102, 194, .22);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

.flipper {
  width: 100%;
  height: 100%;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .9s;
  transform-style: preserve-3d;
  transition-duration: .9s;
  position: relative;
}

.group:hover .flipper {
  --tw-rotate-y: rotateY(180deg);
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.front, .back {
  backface-visibility: hidden;
}

.front {
  z-index: 20;
}

.back {
  z-index: 10;
  --tw-rotate-y: rotateY(180deg);
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.services-details-content h2 {
  padding-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-heading-4);
  line-height: var(--tw-leading, var(--text-heading-4--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.services-details-content p {
  padding-bottom: calc(var(--spacing) * 6);
}

.services-details-content figure {
  width: 100%;
  max-width: 767px;
  padding-block: 72px;
}

.services-details-content figure img {
  border-radius: var(--radius-xl);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.details-body {
  max-width: 950px;
  margin-inline: auto;
}

.details-body h3 {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-heading-5);
  line-height: var(--tw-leading, var(--text-heading-5--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.details-body h3:not(:first-child) {
  margin-top: calc(var(--spacing) * 7);
}

@media (min-width: 48rem) {
  .details-body h3 {
    font-size: var(--text-heading-4);
    line-height: var(--tw-leading, var(--text-heading-4--line-height));
  }
}

@media (min-width: 64rem) {
  .details-body h3:not(:first-child) {
    margin-top: 70px;
  }
}

.details-body h4 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.details-body h4:before {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--spacing) * .5);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
}

.details-body h4:where(.dark, .dark *) {
  color: var(--color-accent);
}

.details-body h4:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-accent);
}

.details-body p {
  padding-bottom: calc(var(--spacing) * 6);
}

.details-body img {
  margin-top: calc(var(--spacing) * 10);
  border-radius: var(--radius-lg);
}

@media (min-width: 48rem) {
  .details-body img {
    border-radius: var(--radius-4xl);
    margin-top: 70px;
  }
}

:where(.details-body ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.details-body ul li {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
}

.details-body ul li:before {
  content: var(--tw-content);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
  content: var(--tw-content);
  position: relative;
}

@media not all and (min-width: 48rem) {
  .details-body ul li:before {
    top: calc(var(--spacing) * 0);
  }
}

.details-body ul li:before {
  content: var(--tw-content);
}

@media (min-width: 48rem) {
  .details-body ul li:before {
    top: calc(var(--spacing) * 1);
  }
}

.details-body ul li:where(.dark, .dark *) {
  color: var(--color-accent);
}

.details-body ul li:where(.dark, .dark *):before {
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
}

:where(.details-body ol > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.details-body ol li:first-child {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.details-body ol li:first-child:before {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--spacing) * 1);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
  position: relative;
}

.details-body ol li:first-child:where(.dark, .dark *) {
  color: var(--color-accent);
}

.details-body ol li:first-child:where(.dark, .dark *):before {
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
}

.details-body ol li:nth-child(2) {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.details-body ol li:nth-child(2):before {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--spacing) * 1);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
  position: relative;
}

.details-body ol li:nth-child(2):where(.dark, .dark *) {
  color: var(--color-accent);
}

.details-body ol li:nth-child(2):where(.dark, .dark *):before {
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
}

.details-body ol li:last-child {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.details-body ol li:last-child:before {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--spacing) * 1);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
  position: relative;
}

.details-body ol li:last-child:where(.dark, .dark *) {
  color: var(--color-accent);
}

.details-body ol li:last-child:where(.dark, .dark *):before {
  content: var(--tw-content);
  --tw-content: url("../images/icons/checkmark-white.svg");
  content: var(--tw-content);
}

.terms-conditions-body h3 {
  margin-top: calc(var(--spacing) * 10);
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-heading-5);
  line-height: var(--tw-leading, var(--text-heading-5--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

@media (min-width: 48rem) {
  .terms-conditions-body h3 {
    font-size: var(--text-heading-4);
    line-height: var(--tw-leading, var(--text-heading-4--line-height));
    margin-top: 70px;
  }
}

.terms-conditions-body p strong {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary);
}

.terms-conditions-body a {
  margin-top: calc(var(--spacing) * 14);
}

@media (min-width: 48rem) {
  .terms-conditions-body a {
    margin-top: 70px;
  }
}

:where(.terms-conditions-body ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.terms-conditions-body ul li {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #1a1a1c99;
}

@supports (color: color-mix(in lab, red, red)) {
  .terms-conditions-body ul li {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

.terms-conditions-body ul li:before {
  content: var(--tw-content);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 2);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
}

.terms-conditions-body ul li:where(.dark, .dark *) {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .terms-conditions-body ul li:where(.dark, .dark *) {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.terms-conditions-body ul li:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-accent);
}

:is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li {
  list-style-type: none;
}

:is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li:before {
  content: var(--tw-content);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 2);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  width: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
}

:is(.refund-policy, .process-steps, .privacy-policy, .changelog, .documentation, .analytics) ul li:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-accent);
}

.auth-form-input {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stroke-3);
  background-color: var(--color-background-1);
  width: 100%;
  height: 45px;
  padding-inline: 18px;
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-secondary);
  border-radius: 3.40282e38px;
  display: block;
}

.auth-form-input::placeholder {
  font-size: var(--text-tagline-2);
  line-height: var(--tw-leading, var(--text-tagline-2--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #1a1a1c99;
}

@supports (color: color-mix(in lab, red, red)) {
  .auth-form-input::placeholder {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

.auth-form-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
}

.auth-form-input:where(.dark, .dark *) {
  border-color: var(--color-stroke-7);
  background-color: var(--color-background-6);
  color: var(--color-accent);
}

.auth-form-input:where(.dark, .dark *)::placeholder {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .auth-form-input:where(.dark, .dark *)::placeholder {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.case-study-details ul li {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  color: #1a1a1c99;
}

@supports (color: color-mix(in lab, red, red)) {
  .case-study-details ul li {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

.case-study-details ul li strong {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary);
}

:where(.case-study-feature ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.case-study-feature ul li {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
}

.case-study-feature ul li:before {
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
  top: -1.8px;
}

.case-study-feature ul li:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-accent);
}

.modal-open {
  display: grid;
}

.modal-close {
  display: none;
}

.stack-cards {
  --stack-cards-gap: 24px;
}

.stack-cards__item {
  top: calc(var(--spacing) * 28);
  transform-origin: top;
  position: sticky;
  overflow: hidden;
}

@keyframes top-to-bottom {
  0% {
    top: -30%;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
  }
}

.gradient-line-1 {
  animation: 6s linear infinite top-to-bottom;
}

.gradient-line-2 {
  animation: 6s linear .9s infinite top-to-bottom;
}

.gradient-line-3 {
  animation: 6s linear 1.5s infinite top-to-bottom;
}

.gradient-line-4 {
  animation: 6s linear 10ms infinite top-to-bottom;
}

.gradient-line-5 {
  animation: 6s linear 1.8s infinite top-to-bottom;
}

.gradient-line-6 {
  animation: 6s linear .6s infinite top-to-bottom;
}

.gradient-line-7 {
  animation: 6s linear 2s infinite top-to-bottom;
}

.gradient-line-8 {
  animation: 6s linear 1.2s infinite top-to-bottom;
}

.table-of-contents .table-of-list li {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
}

.table-of-contents .table-of-list li:hover span:first-child, .table-of-contents .table-of-list li:hover a span {
  color: var(--color-secondary);
}

:is(.table-of-contents .table-of-list li:hover span:first-child, .table-of-contents .table-of-list li:hover a span):where(.dark, .dark *) {
  color: var(--color-accent);
}

.table-of-contents .table-of-list li span:last-child {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
}

.table-of-contents .table-of-list li:hover span:last-child {
  opacity: .6;
}

.hero-text-gradient {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-repeat: no-repeat;
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 5s linear infinite textAnimate;
  display: inline-block;
}

.hero-text-color-1 {
  background-image: linear-gradient(45deg, #a585ff, #ffc2ad, #a585ff);
}

.hero-text-color-2 {
  background-image: linear-gradient(45deg, #83e7ee, #f9eb57, #83e7ee);
}

@keyframes textAnimate {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

#theme-toggle:before {
  height: 7px;
  width: calc(var(--spacing) * 3.5);
  --tw-gradient-position: circle at 0 100%, transparent 6px, var(--color-background-8) 7px;
  background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, var(--color-background-8) 7px));
  --tw-content: "";
  content: var(--tw-content);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  position: absolute;
  top: -3px;
  right: -4px;
  rotate: 90deg;
}

#theme-toggle:after {
  height: 7px;
  width: calc(var(--spacing) * 3.5);
  --tw-gradient-position: circle at 0 100%, transparent 6px, var(--color-background-8) 7px;
  background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, var(--color-background-8) 7px));
  --tw-content: "";
  content: var(--tw-content);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  position: absolute;
  bottom: -7px;
  right: -7px;
  rotate: none;
}

.dark #theme-toggle:before, .dark #theme-toggle:after {
  --tw-gradient-position: circle at 0 100%, transparent 6px, #fff 7px;
  background-image: radial-gradient(var(--tw-gradient-stops, circle at 0 100%, transparent 6px, #fff 7px));
}

.after {
  clip-path: inset(0 50% 0 0);
}

.slider-handle.no-transition, .slider-handle.no-transition .handle-circle {
  transition: none !important;
}

.glossary-card {
  display: none;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.voice-sample-item-active {
  background-color: var(--color-ns-linen);
}

@layer theme;

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-inter-tight);
    color: var(--color-secondary);
  }

  :is(h1, h2, h3, h4, h5, h6):where(.dark, .dark *) {
    color: var(--color-accent);
  }

  h1 {
    font-size: var(--text-heading-4);
    line-height: var(--tw-leading, var(--text-heading-4--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  @media (min-width: 40rem) {
    h1 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }
  }

  @media (min-width: 48rem) {
    h1 {
      font-size: var(--text-heading-2);
      line-height: var(--tw-leading, var(--text-heading-2--line-height));
    }
  }

  @media (min-width: 80rem) {
    h1 {
      font-size: var(--text-heading-1);
      line-height: var(--tw-leading, var(--text-heading-1--line-height));
    }
  }

  h2 {
    font-size: var(--text-heading-5);
    line-height: var(--tw-leading, var(--text-heading-5--line-height));
  }

  @media (min-width: 40rem) {
    h2 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }
  }

  @media (min-width: 48rem) {
    h2 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }
  }

  @media (min-width: 80rem) {
    h2 {
      font-size: var(--text-heading-2);
      line-height: var(--tw-leading, var(--text-heading-2--line-height));
    }
  }

  h3 {
    font-size: var(--text-heading-5);
    line-height: var(--tw-leading, var(--text-heading-5--line-height));
  }

  @media (min-width: 48rem) {
    h3 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }
  }

  @media (min-width: 80rem) {
    h3 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }
  }

  h4 {
    font-size: var(--text-heading-4);
    line-height: var(--tw-leading, var(--text-heading-4--line-height));
  }

  h5 {
    font-size: var(--text-heading-5);
    line-height: var(--tw-leading, var(--text-heading-5--line-height));
  }

  h6 {
    font-size: var(--text-heading-6);
    line-height: var(--tw-leading, var(--text-heading-6--line-height));
  }

  p {
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    p {
      color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
    }
  }

  @media (min-width: 40rem) {
    p {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }
  }

  p:where(.dark, .dark *) {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    p:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

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

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .btn {
    cursor: pointer;
    border-style: var(--tw-border-style);
    text-align: center;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-wrap: nowrap;
    /* text-transform: lowercase; */
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .5s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .5s;
    transition-timing-function: var(--ease-in-out);
    border-width: 1px;
    border-radius: 3.40282e38px;
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  @media (hover: hover) {
    .btn:hover {
      --tw-scale-x: 102%;
      --tw-scale-y: 102%;
      --tw-scale-z: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .btn span {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    display: inline-block;
  }

  .btn span:first-letter {
    text-transform: uppercase;
  }

  .btn:before {
    content: "";
    top: 50%;
    right: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
  }

  .btn:hover:before {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  .btn:hover span {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .footer-link {
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-primary-50);
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  .footer-link:before {
    content: var(--tw-content);
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    transform-origin: 100%;
    content: var(--tw-content);
    --tw-scale-x: 0%;
    width: 100%;
    height: 1px;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    content: var(--tw-content);
    background-color: var(--color-white);
    content: var(--tw-content);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    content: var(--tw-content);
    --tw-duration: .5s;
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
    transition-duration: .5s;
    position: absolute;
  }

  @media (hover: hover) {
    .footer-link:hover:before {
      content: var(--tw-content);
      transform-origin: 0;
      content: var(--tw-content);
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media not all and (min-width: 426px) {
    .footer-link {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }
  }

  .footer-link:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-2\/3 {
    top: 66.6667%;
  }

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

  .top-3\/4 {
    top: 75%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[6\.5\%\] {
    top: 6.5%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

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

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

  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }

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

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

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

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

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

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

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

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

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

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

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

  .-right-\[20px\] {
    right: -20px;
  }

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

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

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

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

  .-right-\[50px\] {
    right: -50px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .-right-\[140px\] {
    right: -140px;
  }

  .-right-\[150px\] {
    right: -150px;
  }

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

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

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

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

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

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

  .right-\[-22px\] {
    right: -22px;
  }

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

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

  .right-\[-34px\] {
    right: -34px;
  }

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

  .right-\[-52px\] {
    right: -52px;
  }

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

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

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

  .right-\[-80px\] {
    right: -80px;
  }

  .right-\[-83px\] {
    right: -83px;
  }

  .right-\[-88px\] {
    right: -88px;
  }

  .right-\[-93px\] {
    right: -93px;
  }

  .right-\[-99px\] {
    right: -99px;
  }

  .right-\[-104px\] {
    right: -104px;
  }

  .right-\[-145px\] {
    right: -145px;
  }

  .right-\[-160px\] {
    right: -160px;
  }

  .right-\[-257px\] {
    right: -257px;
  }

  .right-\[-271px\] {
    right: -271px;
  }

  .right-\[-297px\] {
    right: -297px;
  }

  .right-\[-299px\] {
    right: -299px;
  }

  .right-\[-300px\] {
    right: -300px;
  }

  .right-\[-321px\] {
    right: -321px;
  }

  .right-\[-486px\] {
    right: -486px;
  }

  .right-\[-579px\] {
    right: -579px;
  }

  .right-\[-729px\] {
    right: -729px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .right-\[23\.5\%\] {
    right: 23.5%;
  }

  .right-\[25px\] {
    right: 25px;
  }

  .right-\[131px\] {
    right: 131px;
  }

  .right-\[195px\] {
    right: 195px;
  }

  .right-\[275px\] {
    right: 275px;
  }

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

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

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

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

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

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

  .-bottom-\[10\%\] {
    bottom: -10%;
  }

  .-bottom-\[18\%\] {
    bottom: -18%;
  }

  .-bottom-\[25\%\] {
    bottom: -25%;
  }

  .-bottom-\[50\%\] {
    bottom: -50%;
  }

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

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

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

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

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

  .bottom-1\/12 {
    bottom: 8.33333%;
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

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

  .bottom-\[-0\.8px\] {
    bottom: -.8px;
  }

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

  .bottom-\[-7\%\] {
    bottom: -7%;
  }

  .bottom-\[-9\%\] {
    bottom: -9%;
  }

  .bottom-\[-10\%\] {
    bottom: -10%;
  }

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

  .bottom-\[-25\%\] {
    bottom: -25%;
  }

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

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

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

  .bottom-\[-33\%\] {
    bottom: -33%;
  }

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

  .bottom-\[-54\%\] {
    bottom: -54%;
  }

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

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

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

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

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

  .bottom-\[0\%\] {
    bottom: 0%;
  }

  .bottom-\[2\%\] {
    bottom: 2%;
  }

  .bottom-\[5\%\] {
    bottom: 5%;
  }

  .bottom-\[6\%\] {
    bottom: 6%;
  }

  .bottom-\[10\%\] {
    bottom: 10%;
  }

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

  .bottom-\[15\%\] {
    bottom: 15%;
  }

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

  .bottom-\[20\%\] {
    bottom: 20%;
  }

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

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

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

  .bottom-\[38\%\] {
    bottom: 38%;
  }

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

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

  .bottom-\[50\%\] {
    bottom: 50%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-\[23\.5\%\] {
    left: 23.5%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .\!z-\[9999\] {
    z-index: 9999 !important;
  }

  .-z-0 {
    z-index: calc(0 * -1);
  }

  .-z-1 {
    z-index: calc(1 * -1);
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-100 {
    z-index: calc(100 * -1);
  }

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

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

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

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

  .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;
  }

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

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

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

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

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

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

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

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

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

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .col-start-auto {
    grid-column-start: auto;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 1440px) {
    .container {
      max-width: 1440px;
    }
  }

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

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

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

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

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .main-homebanner{
    margin-top: 0;
  }
  
  .main-container {
    max-width: 1290px;
    padding-inline: calc(var(--spacing) * 5);
    margin-inline: auto;
    /* margin-top: 15%; */
  }

  @media (min-width: 1440px) {
    .main-container {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

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

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

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

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

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

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

  .mx-\[8px\] {
    margin-inline: 8px;
  }

  .mx-auto {
    margin-inline: auto;
  }

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

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

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

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

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

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

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

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

  .my-auto {
    margin-block: auto;
  }

  .ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * 2.5);
  }

  .ms-44 {
    margin-inline-start: calc(var(--spacing) * 44);
  }

  .ms-60 {
    margin-inline-start: calc(var(--spacing) * 60);
  }

  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }

  .btn-md-v2 {
    min-width: 90px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .btn-md-v2 .btn-v2-icon {
    margin-top: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-\[30px\] {
    margin-bottom: 30px;
  }

  .mb-\[34px\] {
    margin-bottom: 34px;
  }

  .mb-\[35px\] {
    margin-bottom: 35px;
  }

  .mb-\[38px\] {
    margin-bottom: 38px;
  }

  .mb-\[46px\] {
    margin-bottom: 46px;
  }

  .mb-\[50px\] {
    margin-bottom: 50px;
  }

  .mb-\[53px\] {
    margin-bottom: 53px;
  }

  .mb-\[70p\] {
    margin-bottom: 70p;
  }

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

  .mb-\[72px\] {
    margin-bottom: 72px;
  }

  .mb-\[100px\] {
    margin-bottom: 100px;
  }

  .mb-\[112px\] {
    margin-bottom: 112px;
  }

  .mb-\[200px\] {
    margin-bottom: 200px;
  }

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

  .-ml-\[1px\] {
    margin-left: -1px;
  }

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

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

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

  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

  .box-border {
    box-sizing: border-box;
  }

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

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

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

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

  .badge {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-wrap: nowrap;
    color: var(--color-white);
    /* text-transform: lowercase; */
    --tw-backdrop-blur: blur(var(--blur-ns-badge-blur));
    -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, );
    border-radius: 3.40282e38px;
    display: inline-block;
  }

  .badge:first-letter {
    text-transform: uppercase;
  }

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

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

  .btn-md {
    min-width: 90px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
  }

  .btn-md:hover:before {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    --tw-translate-x: calc(var(--spacing) * -3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  .btn-base {
    padding-inline: 18px;
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .btn-base:hover:before {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    --tw-translate-x: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  .btn-xl {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .btn-xl:hover:before {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  .btn-v3-lg {
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .btn-v3-lg [data-button-v3-icon] {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

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

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }

  .size-\[5px\] {
    width: 5px;
    height: 5px;
  }

  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }

  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }

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

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-\[31\.5px\] {
    width: 31.5px;
    height: 31.5px;
  }

  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }

  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }

  .size-\[41\.5px\] {
    width: 41.5px;
    height: 41.5px;
  }

  .size-\[42px\] {
    width: 42px;
    height: 42px;
  }

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

  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }

  .size-\[56px\] {
    width: 56px;
    height: 56px;
  }

  .size-\[60px\] {
    width: 60px;
    height: 60px;
  }

  .size-\[70px\] {
    width: 70px;
    height: 70px;
  }

  .size-\[80px\] {
    width: 80px;
    height: 80px;
  }

  .size-\[100px\] {
    width: 100px;
    height: 100px;
  }

  .size-\[140px\] {
    width: 140px;
    height: 140px;
  }

  .size-\[150px\] {
    width: 150px;
    height: 150px;
  }

  .size-\[156px\] {
    width: 156px;
    height: 156px;
  }

  .size-\[172px\] {
    width: 172px;
    height: 172px;
  }

  .size-\[176px\] {
    width: 176px;
    height: 176px;
  }

  .size-\[200px\] {
    width: 200px;
    height: 200px;
  }

  .size-\[260px\] {
    width: 260px;
    height: 260px;
  }

  .size-\[265px\] {
    width: 265px;
    height: 265px;
  }

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

  .size-\[288px\] {
    width: 288px;
    height: 288px;
  }

  .size-\[300px\] {
    width: 300px;
    height: 300px;
  }

  .size-\[320px\] {
    width: 320px;
    height: 320px;
  }

  .size-\[346px\] {
    width: 346px;
    height: 346px;
  }

  .size-\[350px\] {
    width: 350px;
    height: 350px;
  }

  .size-\[385px\] {
    width: 385px;
    height: 385px;
  }

  .size-\[399px\] {
    width: 399px;
    height: 399px;
  }

  .size-\[410px\] {
    width: 410px;
    height: 410px;
  }

  .size-\[428px\] {
    width: 428px;
    height: 428px;
  }

  .size-\[450px\] {
    width: 450px;
    height: 450px;
  }

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

  .size-\[510px\] {
    width: 510px;
    height: 510px;
  }

  .size-\[550px\] {
    width: 550px;
    height: 550px;
  }

  .size-\[560px\] {
    width: 560px;
    height: 560px;
  }

  .size-\[570px\] {
    width: 570px;
    height: 570px;
  }

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

  .size-\[650px\] {
    width: 650px;
    height: 650px;
  }

  .size-\[700px\] {
    width: 700px;
    height: 700px;
  }

  .size-\[708px\] {
    width: 708px;
    height: 708px;
  }

  .size-\[728px\] {
    width: 728px;
    height: 728px;
  }

  .size-\[800px\] {
    width: 800px;
    height: 800px;
  }

  .size-\[850px\] {
    width: 850px;
    height: 850px;
  }

  .size-\[860px\] {
    width: 860px;
    height: 860px;
  }

  .size-\[882px\] {
    width: 882px;
    height: 882px;
  }

  .size-\[1000px\] {
    width: 1000px;
    height: 1000px;
  }

  .size-\[1060px\] {
    width: 1060px;
    height: 1060px;
  }

  .size-\[1140px\] {
    width: 1140px;
    height: 1140px;
  }

  .size-\[1200px\] {
    width: 1200px;
    height: 1200px;
  }

  .size-\[1635px\] {
    width: 1635px;
    height: 1635px;
  }

  .size-\[1790px\] {
    width: 1790px;
    height: 1790px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .btn-xl-v2 {
    height: 54px;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  @media (hover: hover) {
    .btn-xl-v2:hover {
      --tw-scale-x: 102%;
      --tw-scale-y: 102%;
      --tw-scale-z: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }

  .\!h-11 {
    height: calc(var(--spacing) * 11) !important;
  }

  .\!h-\[100vh\] {
    height: 100vh !important;
  }

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

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

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

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

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

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[85vh\] {
    height: 85vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[100vh\] {
    min-height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .\!w-\[80\%\] {
    width: 80% !important;
  }

  .\!w-fit {
    width: fit-content !important;
  }

  .\!w-full {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[135\.5px\] {
    width: 135.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(100\%-16px\)\] {
    width: calc(100% - 16px);
  }

  .w-\[calc\(100\%-20px\)\] {
    width: calc(100% - 20px);
  }

  .w-\[calc\(100\%-35\%\)\] {
    width: 65%;
  }

  .w-\[calc\(100\%-44px\)\] {
    width: calc(100% - 44px);
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[153px\] {
    max-width: 153px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[169px\] {
    max-width: 169px;
  }

  .max-w-\[170px\] {
    max-width: 170px;
  }

  .max-w-\[172px\] {
    max-width: 172px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[182px\] {
    max-width: 182px;
  }

  .max-w-\[186px\] {
    max-width: 186px;
  }

  .max-w-\[189px\] {
    max-width: 189px;
  }

  .max-w-\[190px\] {
    max-width: 190px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[202px\] {
    max-width: 202px;
  }

  .max-w-\[203px\] {
    max-width: 203px;
  }

  .max-w-\[204px\] {
    max-width: 204px;
  }

  .max-w-\[206px\] {
    max-width: 206px;
  }

  .max-w-\[212px\] {
    max-width: 212px;
  }

  .max-w-\[216px\] {
    max-width: 216px;
  }

  .max-w-\[219px\] {
    max-width: 219px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[221px\] {
    max-width: 221px;
  }

  .max-w-\[222px\] {
    max-width: 222px;
  }

  .max-w-\[225px\] {
    max-width: 225px;
  }

  .max-w-\[227px\] {
    max-width: 227px;
  }

  .max-w-\[229px\] {
    max-width: 229px;
  }

  .max-w-\[230px\] {
    max-width: 230px;
  }

  .max-w-\[231px\] {
    max-width: 231px;
  }

  .max-w-\[233px\] {
    max-width: 233px;
  }

  .max-w-\[236px\] {
    max-width: 236px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[240x\] {
    max-width: 240x;
  }

  .max-w-\[242px\] {
    max-width: 242px;
  }

  .max-w-\[243px\] {
    max-width: 243px;
  }

  .max-w-\[244px\] {
    max-width: 244px;
  }

  .max-w-\[245px\] {
    max-width: 245px;
  }

  .max-w-\[246px\] {
    max-width: 246px;
  }

  .max-w-\[250px\] {
    max-width: 250px;
  }

  .max-w-\[251px\] {
    max-width: 251px;
  }

  .max-w-\[254px\] {
    max-width: 254px;
  }

  .max-w-\[255px\] {
    max-width: 255px;
  }

  .max-w-\[257px\] {
    max-width: 257px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[267px\] {
    max-width: 267px;
  }

  .max-w-\[270px\] {
    max-width: 270px;
  }

  .max-w-\[272\.5px\] {
    max-width: 272.5px;
  }

  .max-w-\[273px\] {
    max-width: 273px;
  }

  .max-w-\[274px\] {
    max-width: 274px;
  }

  .max-w-\[275px\] {
    max-width: 275px;
  }

  .max-w-\[276px\] {
    max-width: 276px;
  }

  .max-w-\[277px\] {
    max-width: 277px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[281px\] {
    max-width: 281px;
  }

  .max-w-\[285px\] {
    max-width: 285px;
  }

  .max-w-\[286px\] {
    max-width: 286px;
  }

  .max-w-\[288px\] {
    max-width: 288px;
  }

  .max-w-\[290px\] {
    max-width: 290px;
  }

  .max-w-\[293px\] {
    max-width: 293px;
  }

  .max-w-\[294px\] {
    max-width: 294px;
  }

  .max-w-\[295px\] {
    max-width: 295px;
  }

  .max-w-\[297px\] {
    max-width: 297px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[301px\] {
    max-width: 301px;
  }

  .max-w-\[306\], .max-w-\[306px\] {
    max-width: 306px;
  }

  .max-w-\[310px\] {
    max-width: 310px;
  }

  .max-w-\[313px\] {
    max-width: 313px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[322px\] {
    max-width: 322px;
  }

  .max-w-\[326px\] {
    max-width: 326px;
  }

  .max-w-\[327px\] {
    max-width: 327px;
  }

  .max-w-\[335px\] {
    max-width: 335px;
  }

  .max-w-\[337px\] {
    max-width: 337px;
  }

  .max-w-\[338px\] {
    max-width: 338px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[342px\] {
    max-width: 342px;
  }

  .max-w-\[344px\] {
    max-width: 344px;
  }

  .max-w-\[345px\] {
    max-width: 345px;
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-\[352px\] {
    max-width: 352px;
  }

  .max-w-\[357px\] {
    max-width: 357px;
  }

  .max-w-\[358px\] {
    max-width: 358px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[361px\] {
    max-width: 361px;
  }

  .max-w-\[364px\] {
    max-width: 364px;
  }

  .max-w-\[365px\] {
    max-width: 365px;
  }

  .max-w-\[370px\] {
    max-width: 370px;
  }

  .max-w-\[371px\] {
    max-width: 371px;
  }

  .max-w-\[372px\] {
    max-width: 372px;
  }

  .max-w-\[375px\] {
    max-width: 375px;
  }

  .max-w-\[380px\] {
    max-width: 380px;
  }

  .max-w-\[383px\] {
    max-width: 383px;
  }

  .max-w-\[384px\] {
    max-width: 384px;
  }

  .max-w-\[385px\] {
    max-width: 385px;
  }

  .max-w-\[388px\] {
    max-width: 388px;
  }

  .max-w-\[390px\] {
    max-width: 390px;
  }

  .max-w-\[394px\] {
    max-width: 394px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[402px\] {
    max-width: 402px;
  }

  .max-w-\[403px\] {
    max-width: 403px;
  }

  .max-w-\[405px\] {
    max-width: 405px;
  }

  .max-w-\[406px\] {
    max-width: 406px;
  }

  .max-w-\[408px\] {
    max-width: 408px;
  }

  .max-w-\[409px\] {
    max-width: 409px;
  }

  .max-w-\[410px\] {
    max-width: 410px;
  }

  .max-w-\[413px\] {
    max-width: 413px;
  }

  .max-w-\[414px\] {
    max-width: 414px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[425px\] {
    max-width: 425px;
  }

  .max-w-\[433px\] {
    max-width: 433px;
  }

  .max-w-\[435px\] {
    max-width: 435px;
  }

  .max-w-\[439px\] {
    max-width: 439px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[442px\] {
    max-width: 442px;
  }

  .max-w-\[444px\] {
    max-width: 444px;
  }

  .max-w-\[446px\] {
    max-width: 446px;
  }

  .max-w-\[448px\] {
    max-width: 448px;
  }

  .max-w-\[449px\] {
    max-width: 449px;
  }

  .max-w-\[450px\] {
    max-width: 450px;
  }

  .max-w-\[452px\] {
    max-width: 452px;
  }

  .max-w-\[456px\] {
    max-width: 456px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[462px\] {
    max-width: 462px;
  }

  .max-w-\[464px\] {
    max-width: 464px;
  }

  .max-w-\[465px\] {
    max-width: 465px;
  }

  .max-w-\[467px\] {
    max-width: 467px;
  }

  .max-w-\[468px\] {
    max-width: 468px;
  }

  .max-w-\[470px\] {
    max-width: 470px;
  }

  .max-w-\[472px\] {
    max-width: 472px;
  }

  .max-w-\[478px\] {
    max-width: 478px;
  }

  .max-w-\[482px\] {
    max-width: 482px;
  }

  .max-w-\[490px\] {
    max-width: 490px;
  }

  .max-w-\[492px\] {
    max-width: 492px;
  }

  .max-w-\[493px\] {
    max-width: 493px;
  }

  .max-w-\[495px\] {
    max-width: 495px;
  }

  .max-w-\[496px\] {
    max-width: 496px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[503px\] {
    max-width: 503px;
  }

  .max-w-\[505px\] {
    max-width: 505px;
  }

  .max-w-\[508px\] {
    max-width: 508px;
  }

  .max-w-\[509px\] {
    max-width: 509px;
  }

  .max-w-\[510px\] {
    max-width: 510px;
  }

  .max-w-\[512px\] {
    max-width: 512px;
  }

  .max-w-\[514px\] {
    max-width: 514px;
  }

  .max-w-\[517px\] {
    max-width: 517px;
  }

  .max-w-\[518px\] {
    max-width: 518px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[521px\] {
    max-width: 521px;
  }

  .max-w-\[530px\] {
    max-width: 530px;
  }

  .max-w-\[534px\] {
    max-width: 534px;
  }

  .max-w-\[535px\] {
    max-width: 535px;
  }

  .max-w-\[536px\] {
    max-width: 536px;
  }

  .max-w-\[540px\] {
    max-width: 540px;
  }

  .max-w-\[542px\] {
    max-width: 542px;
  }

  .max-w-\[545px\] {
    max-width: 545px;
  }

  .max-w-\[547px\] {
    max-width: 547px;
  }

  .max-w-\[549\.58px\] {
    max-width: 549.58px;
  }

  .max-w-\[550px\] {
    max-width: 550px;
  }

  .max-w-\[552px\] {
    max-width: 552px;
  }

  .max-w-\[558px\] {
    max-width: 558px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[562px\] {
    max-width: 562px;
  }

  .max-w-\[563px\] {
    max-width: 563px;
  }

  .max-w-\[564px\] {
    max-width: 564px;
  }

  .max-w-\[568px\] {
    max-width: 568px;
  }

  .max-w-\[571px\] {
    max-width: 571px;
  }

  .max-w-\[572px\] {
    max-width: 572px;
  }

  .max-w-\[576px\] {
    max-width: 576px;
  }

  .max-w-\[578px\] {
    max-width: 578px;
  }

  .max-w-\[580px\] {
    max-width: 580px;
  }

  .max-w-\[582px\] {
    max-width: 582px;
  }

  .max-w-\[587px\] {
    max-width: 587px;
  }

  .max-w-\[588px\] {
    max-width: 588px;
  }

  .max-w-\[590px\] {
    max-width: 590px;
  }

  .max-w-\[592px\] {
    max-width: 592px;
  }

  .max-w-\[595px\] {
    max-width: 595px;
  }

  .max-w-\[596px\] {
    max-width: 596px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[602px\] {
    max-width: 602px;
  }

  .max-w-\[604px\] {
    max-width: 604px;
  }

  .max-w-\[605px\] {
    max-width: 605px;
  }

  .max-w-\[610px\] {
    max-width: 610px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[624px\] {
    max-width: 624px;
  }

  .max-w-\[625px\] {
    max-width: 625px;
  }

  .max-w-\[626px\] {
    max-width: 626px;
  }

  .max-w-\[627px\] {
    max-width: 627px;
  }

  .max-w-\[628px\] {
    max-width: 628px;
  }

  .max-w-\[629px\] {
    max-width: 629px;
  }

  .max-w-\[630px\] {
    max-width: 630px;
  }

  .max-w-\[643px\] {
    max-width: 643px;
  }

  .max-w-\[648px\] {
    max-width: 648px;
  }

  .max-w-\[649px\] {
    max-width: 649px;
  }

  .max-w-\[650px\] {
    max-width: 650px;
  }

  .max-w-\[652px\] {
    max-width: 652px;
  }

  .max-w-\[653px\] {
    max-width: 653px;
  }

  .max-w-\[656px\] {
    max-width: 656px;
  }

  .max-w-\[658px\] {
    max-width: 658px;
  }

  .max-w-\[660px\] {
    max-width: 660px;
  }

  .max-w-\[665px\] {
    max-width: 665px;
  }

  .max-w-\[666px\] {
    max-width: 666px;
  }

  .max-w-\[674px\] {
    max-width: 674px;
  }

  .max-w-\[676px\] {
    max-width: 676px;
  }

  .max-w-\[679px\] {
    max-width: 679px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[681px\] {
    max-width: 681px;
  }

  .max-w-\[684px\] {
    max-width: 684px;
  }

  .max-w-\[690px\] {
    max-width: 690px;
  }

  .max-w-\[692px\] {
    max-width: 692px;
  }

  .max-w-\[694px\] {
    max-width: 694px;
  }

  .max-w-\[698px\] {
    max-width: 698px;
  }

  .max-w-\[700px\] {
    max-width: 700px;
  }

  .max-w-\[704px\] {
    max-width: 704px;
  }

  .max-w-\[705px\] {
    max-width: 705px;
  }

  .max-w-\[707px\] {
    max-width: 707px;
  }

  .max-w-\[719px\] {
    max-width: 719px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[724px\] {
    max-width: 724px;
  }

  .max-w-\[734px\] {
    max-width: 734px;
  }

  .max-w-\[735px\] {
    max-width: 735px;
  }

  .max-w-\[736px\] {
    max-width: 736px;
  }

  .max-w-\[738px\] {
    max-width: 738px;
  }

  .max-w-\[740px\] {
    max-width: 740px;
  }

  .max-w-\[742px\] {
    max-width: 742px;
  }

  .max-w-\[744px\] {
    max-width: 744px;
  }

  .max-w-\[750px\] {
    max-width: 750px;
  }

  .max-w-\[756px\] {
    max-width: 756px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[767px\] {
    max-width: 767px;
  }

  .max-w-\[770px\] {
    max-width: 770px;
  }

  .max-w-\[774px\] {
    max-width: 774px;
  }

  .max-w-\[776px\] {
    max-width: 776px;
  }

  .max-w-\[780px\] {
    max-width: 780px;
  }

  .max-w-\[784px\] {
    max-width: 784px;
  }

  .max-w-\[786px\] {
    max-width: 786px;
  }

  .max-w-\[787px\] {
    max-width: 787px;
  }

  .max-w-\[793px\] {
    max-width: 793px;
  }

  .max-w-\[798px\] {
    max-width: 798px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[802px\] {
    max-width: 802px;
  }

  .max-w-\[804px\] {
    max-width: 804px;
  }

  .max-w-\[806px\] {
    max-width: 806px;
  }

  .max-w-\[810px\] {
    max-width: 810px;
  }

  .max-w-\[814px\] {
    max-width: 814px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[822px\] {
    max-width: 822px;
  }

  .max-w-\[830px\] {
    max-width: 830px;
  }

  .max-w-\[835px\] {
    max-width: 835px;
  }

  .max-w-\[840px\] {
    max-width: 840px;
  }

  .max-w-\[842px\] {
    max-width: 842px;
  }

  .max-w-\[844px\] {
    max-width: 844px;
  }

  .max-w-\[847px\] {
    max-width: 847px;
  }

  .max-w-\[848px\] {
    max-width: 848px;
  }

  .max-w-\[850px\] {
    max-width: 850px;
  }

  .max-w-\[852px\] {
    max-width: 852px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[866px\] {
    max-width: 866px;
  }

  .max-w-\[870px\] {
    max-width: 870px;
  }

  .max-w-\[878px\] {
    max-width: 878px;
  }

  .max-w-\[880px\] {
    max-width: 880px;
  }

  .max-w-\[881px\] {
    max-width: 881px;
  }

  .max-w-\[884px\] {
    max-width: 884px;
  }

  .max-w-\[886px\] {
    max-width: 886px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[930px\] {
    max-width: 930px;
  }

  .max-w-\[950px\] {
    max-width: 950px;
  }

  .max-w-\[968px\] {
    max-width: 968px;
  }

  .max-w-\[976px\] {
    max-width: 976px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[984px\] {
    max-width: 984px;
  }

  .max-w-\[985px\] {
    max-width: 985px;
  }

  .max-w-\[1000px\] {
    max-width: 1000px;
  }

  .max-w-\[1028px\] {
    max-width: 1028px;
  }

  .max-w-\[1042px\] {
    max-width: 1042px;
  }

  .max-w-\[1056px\] {
    max-width: 1056px;
  }

  .max-w-\[1075px\] {
    max-width: 1075px;
  }

  .max-w-\[1100px\] {
    max-width: 1100px;
  }

  .max-w-\[1120px\] {
    max-width: 1120px;
  }

  .max-w-\[1128px\] {
    max-width: 1128px;
  }

  .max-w-\[1130px\] {
    max-width: 1130px;
  }

  .max-w-\[1140px\] {
    max-width: 1140px;
  }

  .max-w-\[1178px\] {
    max-width: 1178px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1209px\] {
    max-width: 1209px;
  }

  .max-w-\[1250px\] {
    max-width: 1250px;
  }

  .max-w-\[1251px\] {
    max-width: 1251px;
  }

  .max-w-\[1288px\] {
    max-width: 1288px;
  }

  .max-w-\[1290px\] {
    max-width: 1290px;
  }

  .max-w-\[1362px\] {
    max-width: 1362px;
  }

  .max-w-\[1365px\] {
    max-width: 1365px;
  }

  .max-w-\[1390px\] {
    max-width: 1390px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1460px\] {
    max-width: 1460px;
  }

  .max-w-\[1464px\] {
    max-width: 1464px;
  }

  .max-w-\[1540px\] {
    max-width: 1540px;
  }

  .max-w-\[1560px\] {
    max-width: 1560px;
  }

  .max-w-\[1600px\] {
    max-width: 1600px;
  }

  .max-w-\[1860px\] {
    max-width: 1860px;
  }

  .max-w-\[1880px\] {
    max-width: 1880px;
  }

  .max-w-\[1920px\] {
    max-width: 1920px;
  }

  .max-w-\[2560px\] {
    max-width: 2560px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-\[119px\] {
    min-width: 119px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[250px\] {
    min-width: 250px;
  }

  .min-w-\[257px\] {
    min-width: 257px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[288px\] {
    min-width: 288px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .min-w-\[325px\] {
    min-width: 325px;
  }

  .min-w-\[340px\] {
    min-width: 340px;
  }

  .min-w-\[358px\] {
    min-width: 358px;
  }

  .min-w-\[360px\] {
    min-width: 360px;
  }

  .min-w-\[380px\] {
    min-width: 380px;
  }

  .min-w-\[500px\] {
    min-width: 500px;
  }

  .min-w-\[692px\] {
    min-width: 692px;
  }

  .min-w-\[752px\] {
    min-width: 752px;
  }

  .min-w-\[952px\] {
    min-width: 952px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-xs {
    min-width: var(--container-xs);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-1\/3 {
    flex: 33.3333%;
  }

  .flex-2\/3 {
    flex: 66.6667%;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .grow-1 {
    flex-grow: 1;
  }

  .basis-\[197px\] {
    flex-basis: 197px;
  }

  .basis-\[408px\] {
    flex-basis: 408px;
  }

  .origin-center {
    transform-origin: center;
  }

  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-11 {
    --tw-translate-x: calc(var(--spacing) * -11);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-12 {
    --tw-translate-x: calc(var(--spacing) * -12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[41\%\] {
    --tw-translate-x: calc(41% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[50\%\] {
    --tw-translate-x: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[114\%\] {
    --tw-translate-x: calc(114% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[41\%\] {
    --tw-translate-x: 41%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-3\/4 {
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[27\%\] {
    --tw-translate-y: calc(27% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[81\%\] {
    --tw-translate-y: calc(81% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[85\%\] {
    --tw-translate-y: calc(85% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[180\%\] {
    --tw-translate-y: calc(180% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-6 {
    --tw-translate-y: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .btn-lg-v2 {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  @media (hover: hover) {
    .btn-lg-v2:hover {
      --tw-scale-x: 102%;
      --tw-scale-y: 102%;
      --tw-scale-z: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[1\.1\] {
    scale: 1.1;
  }

  .scale-\[40\%\] {
    scale: 40%;
  }

  .scale-\[60\%\] {
    scale: 60%;
  }

  .scale-\[150\%\] {
    scale: 150%;
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .-rotate-180 {
    rotate: -180deg;
  }

  .-rotate-\[10deg\] {
    rotate: -10deg;
  }

  .-rotate-\[14deg\] {
    rotate: -14deg;
  }

  .-rotate-\[20deg\] {
    rotate: -20deg;
  }

  .-rotate-\[24deg\] {
    rotate: -24deg;
  }

  .-rotate-\[50deg\] {
    rotate: -50deg;
  }

  .-rotate-\[60deg\] {
    rotate: -60deg;
  }

  .-rotate-\[68deg\] {
    rotate: -68deg;
  }

  .-rotate-\[75deg\] {
    rotate: -75deg;
  }

  .-rotate-\[77deg\] {
    rotate: -77deg;
  }

  .-rotate-\[78deg\] {
    rotate: -78deg;
  }

  .-rotate-\[82deg\] {
    rotate: -82deg;
  }

  .-rotate-\[90deg\] {
    rotate: -90deg;
  }

  .-rotate-\[96deg\] {
    rotate: -96deg;
  }

  .-rotate-\[130deg\] {
    rotate: -130deg;
  }

  .-rotate-\[138deg\] {
    rotate: -138deg;
  }

  .-rotate-\[255deg\] {
    rotate: -255deg;
  }

  .-rotate-\[290deg\] {
    rotate: -290deg;
  }

  .-rotate-\[326deg\] {
    rotate: -326deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-1\.95deg\] {
    rotate: -1.95deg;
  }

  .rotate-\[-1deg\] {
    rotate: -1deg;
  }

  .rotate-\[-3deg\] {
    rotate: -3deg;
  }

  .rotate-\[-5deg\] {
    rotate: -5deg;
  }

  .rotate-\[-6deg\] {
    rotate: -6deg;
  }

  .rotate-\[-7deg\] {
    rotate: -7deg;
  }

  .rotate-\[-14deg\] {
    rotate: -14deg;
  }

  .rotate-\[-15deg\] {
    rotate: -15deg;
  }

  .rotate-\[-19deg\] {
    rotate: -19deg;
  }

  .rotate-\[-20deg\] {
    rotate: -20deg;
  }

  .rotate-\[-30deg\] {
    rotate: -30deg;
  }

  .rotate-\[-38deg\] {
    rotate: -38deg;
  }

  .rotate-\[-58deg\] {
    rotate: -58deg;
  }

  .rotate-\[-78deg\] {
    rotate: -78deg;
  }

  .rotate-\[-597deg\] {
    rotate: -597deg;
  }

  .rotate-\[2deg\] {
    rotate: 2deg;
  }

  .rotate-\[3deg\] {
    rotate: 3deg;
  }

  .rotate-\[4deg\] {
    rotate: 4deg;
  }

  .rotate-\[5deg\] {
    rotate: 5deg;
  }

  .rotate-\[7deg\] {
    rotate: 7deg;
  }

  .rotate-\[8deg\] {
    rotate: 8deg;
  }

  .rotate-\[10deg\] {
    rotate: 10deg;
  }

  .rotate-\[11deg\] {
    rotate: 11deg;
  }

  .rotate-\[12deg\] {
    rotate: 12deg;
  }

  .rotate-\[20deg\] {
    rotate: 20deg;
  }

  .rotate-\[21\.709deg\] {
    rotate: 21.709deg;
  }

  .rotate-\[21deg\] {
    rotate: 21deg;
  }

  .rotate-\[28deg\] {
    rotate: 28deg;
  }

  .rotate-\[34deg\] {
    rotate: 34deg;
  }

  .rotate-\[40deg\] {
    rotate: 40deg;
  }

  .rotate-\[44deg\] {
    rotate: 44deg;
  }

  .rotate-\[62deg\] {
    rotate: 62deg;
  }

  .rotate-\[82deg\] {
    rotate: 82deg;
  }

  .rotate-\[90deg\] {
    rotate: 90deg;
  }

  .rotate-\[103deg\] {
    rotate: 103deg;
  }

  .rotate-\[120deg\] {
    rotate: 120deg;
  }

  .rotate-\[175deg\] {
    rotate: 175deg;
  }

  .rotate-\[240deg\] {
    rotate: 240deg;
  }

  .rotate-\[245deg\] {
    rotate: 245deg;
  }

  .rotate-\[247deg\] {
    rotate: 247deg;
  }

  .rotate-\[255deg\] {
    rotate: 255deg;
  }

  .rotate-\[274deg\] {
    rotate: 274deg;
  }

  .rotate-\[275deg\] {
    rotate: 275deg;
  }

  .rotate-\[276deg\] {
    rotate: 276deg;
  }

  .rotate-\[295deg\] {
    rotate: 295deg;
  }

  .rotate-\[304deg\] {
    rotate: 304deg;
  }

  .rotate-\[307deg\] {
    rotate: 307deg;
  }

  .rotate-\[312deg\] {
    rotate: 312deg;
  }

  .rotate-\[314deg\] {
    rotate: 314deg;
  }

  .rotate-\[336deg\] {
    rotate: 336deg;
  }

  .rotate-\[353deg\] {
    rotate: 353deg;
  }

  .rotate-x-\[180deg\] {
    --tw-rotate-x: rotateX(180deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .-skew-\[10deg\] {
    --tw-skew-x: skewX(calc(10deg * -1));
    --tw-skew-y: skewY(calc(10deg * -1));
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-alias {
    cursor: alias;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .columns-1 {
    columns: 1;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-center-safe {
    align-items: safe center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[26px\] {
    gap: 26px;
  }

  .gap-\[30px\] {
    gap: 30px;
  }

  .gap-\[34px\] {
    gap: 34px;
  }

  .gap-\[42px\] {
    gap: 42px;
  }

  .gap-\[50px\] {
    gap: 50px;
  }

  .gap-\[62px\] {
    gap: 62px;
  }

  .gap-\[70px\] {
    gap: 70px;
  }

  .gap-\[76px\] {
    gap: 76px;
  }

  .gap-\[100px\] {
    gap: 100px;
  }

  .gap-\[112px\] {
    gap: 112px;
  }

  .gap-\[150px\] {
    gap: 150px;
  }

  .gap-\[239px\] {
    gap: 239px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-9 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-11 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-13 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-14 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-17\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 17.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 17.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-18 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-24 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[3px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(3px * var(--tw-space-y-reverse));
    margin-block-end: calc(3px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[10px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(10px * var(--tw-space-y-reverse));
    margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[14px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(14px * var(--tw-space-y-reverse));
    margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[15px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(15px * var(--tw-space-y-reverse));
    margin-block-end: calc(15px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[20px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(20px * var(--tw-space-y-reverse));
    margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[22px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(22px * var(--tw-space-y-reverse));
    margin-block-end: calc(22px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[25px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(25px * var(--tw-space-y-reverse));
    margin-block-end: calc(25px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[27px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(27px * var(--tw-space-y-reverse));
    margin-block-end: calc(27px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[34px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(34px * var(--tw-space-y-reverse));
    margin-block-end: calc(34px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[35px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(35px * var(--tw-space-y-reverse));
    margin-block-end: calc(35px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[37px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(37px * var(--tw-space-y-reverse));
    margin-block-end: calc(37px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[40px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(40px * var(--tw-space-y-reverse));
    margin-block-end: calc(40px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[42px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(42px * var(--tw-space-y-reverse));
    margin-block-end: calc(42px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[50px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(50px * var(--tw-space-y-reverse));
    margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[52px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(52px * var(--tw-space-y-reverse));
    margin-block-end: calc(52px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[70px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(70px * var(--tw-space-y-reverse));
    margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[72px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(72px * var(--tw-space-y-reverse));
    margin-block-end: calc(72px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[75px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(75px * var(--tw-space-y-reverse));
    margin-block-end: calc(75px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[96px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(96px * var(--tw-space-y-reverse));
    margin-block-end: calc(96px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[100px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(100px * var(--tw-space-y-reverse));
    margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[220px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(220px * var(--tw-space-y-reverse));
    margin-block-end: calc(220px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-0 {
    column-gap: calc(var(--spacing) * 0);
  }

  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * .5);
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-9 {
    column-gap: calc(var(--spacing) * 9);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }

  .gap-x-14 {
    column-gap: calc(var(--spacing) * 14);
  }

  .gap-x-20 {
    column-gap: calc(var(--spacing) * 20);
  }

  .gap-x-24 {
    column-gap: calc(var(--spacing) * 24);
  }

  .gap-x-\[38px\] {
    column-gap: 38px;
  }

  .gap-x-\[42px\] {
    column-gap: 42px;
  }

  .gap-x-\[70px\] {
    column-gap: 70px;
  }

  .gap-x-\[140px\] {
    column-gap: 140px;
  }

  :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-2\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-3\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -3.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -3.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-20 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -20) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -20) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-28 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -28) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -28) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-11 {
    row-gap: calc(var(--spacing) * 11);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }

  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }

  .gap-y-18 {
    row-gap: calc(var(--spacing) * 18);
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }

  .gap-y-24 {
    row-gap: calc(var(--spacing) * 24);
  }

  .gap-y-28 {
    row-gap: calc(var(--spacing) * 28);
  }

  .gap-y-\[22px\] {
    row-gap: 22px;
  }

  .gap-y-\[33px\] {
    row-gap: 33px;
  }

  .gap-y-\[50px\] {
    row-gap: 50px;
  }

  .gap-y-\[70px\] {
    row-gap: 70px;
  }

  .gap-y-\[100px\] {
    row-gap: 100px;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[21px\] {
    border-radius: 21px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[25px\] {
    border-radius: 25px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[31px\] {
    border-radius: 31px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[34px\] {
    border-radius: 34px;
  }

  .rounded-\[35px\] {
    border-radius: 35px;
  }

  .rounded-\[36px\] {
    border-radius: 36px;
  }

  .rounded-\[40px\] {
    border-radius: 40px;
  }

  .rounded-\[48px\] {
    border-radius: 48px;
  }

  .rounded-\[53px\] {
    border-radius: 53px;
  }

  .rounded-\[56px\] {
    border-radius: 56px;
  }

  .rounded-\[60px\] {
    border-radius: 60px;
  }

  .rounded-\[80px\] {
    border-radius: 80px;
  }

  .rounded-\[100px\] {
    border-radius: 100px;
  }

  .rounded-\[160px\] {
    border-radius: 160px;
  }

  .rounded-\[360px\] {
    border-radius: 360px;
  }

  .rounded-\[365px\] {
    border-radius: 365px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-4xl {
    border-top-left-radius: var(--radius-4xl);
    border-top-right-radius: var(--radius-4xl);
  }

  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }

  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-l-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }

  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .rounded-b-\[28px\] {
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
  }

  .rounded-br-2xl {
    border-bottom-right-radius: var(--radius-2xl);
  }

  .rounded-br-\[20px\] {
    border-bottom-right-radius: 20px;
  }

  .rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-bl-\[20px\] {
    border-bottom-left-radius: 20px;
  }

  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .btn-v2-white {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stroke-3);
    background-color: var(--color-white);
    color: var(--color-secondary);
  }

  .btn-v2-white .btn-v2-icon {
    fill: var(--color-secondary);
  }

  .btn-dark {
    border-style: var(--tw-border-style);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fcfcfc1a;
    border-width: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .btn-dark {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .btn-light {
    border-style: var(--tw-border-style);
    background-color: var(--color-background-1);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 0;
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-6 {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }

  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .btn-primary {
    border-color: var(--color-primary-600);
    background-color: var(--color-primary-500);
    color: var(--color-white);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-primary:where(.dark, .dark *) {
    border-color: var(--color-primary-400);
  }

  .btn-primary:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .\!btn-white {
    border-color: var(--color-stroke-3) !important;
    background-color: var(--color-background-1) !important;
    color: var(--color-secondary) !important;
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!btn-white:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important;
  }

  .btn-accent {
    border-color: var(--color-stroke-3);
    background-color: var(--color-accent);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-accent:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-secondary {
    border-color: var(--color-black);
    background-color: var(--color-secondary);
    color: var(--color-white);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-secondary:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-white {
    border-color: var(--color-stroke-3);
    background-color: var(--color-background-1);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-white:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-white-dark {
    border-color: var(--color-stroke-7);
    background-color: var(--color-background-6);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-white-dark:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-white-v2 {
    border-color: var(--color-stroke-3);
    background-color: var(--color-white);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-white-v2:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-green {
    border-color: var(--color-ns-green-light);
    background-color: var(--color-ns-green);
    color: var(--color-secondary);
  }

  .btn-green:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-secondary-v2 {
    border-color: var(--color-stroke-7);
    background-color: var(--color-background-5);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .border-\[\#DCD4FF\] {
    border-color: #dcd4ff;
  }

  .border-\[\#DCD4FF\]\/10 {
    border-color: oklab(88.9993% .0237607 -.0541453 / .1);
  }

  .border-\[\#E6EAF0\] {
    border-color: #e6eaf0;
  }

  .border-accent\/10 {
    border-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/10 {
      border-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .border-accent\/20 {
    border-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/20 {
      border-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .border-background-1 {
    border-color: var(--color-background-1);
  }

  .border-background-2 {
    border-color: var(--color-background-2);
  }

  .border-background-4 {
    border-color: var(--color-background-4);
  }

  .border-background-12 {
    border-color: var(--color-background-12);
  }

  .border-ns-yellow {
    border-color: var(--color-ns-yellow);
  }

  .border-primary-200\/60 {
    border-color: #dcd4ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-200\/60 {
      border-color: color-mix(in oklab, var(--color-primary-200) 60%, transparent);
    }
  }

  .border-primary-300 {
    border-color: var(--color-primary-300);
  }

  .border-primary-400 {
    border-color: var(--color-primary-400);
  }

  .border-primary-500 {
    border-color: var(--color-primary-500);
  }

  .border-secondary {
    border-color: var(--color-secondary);
  }

  .border-secondary\/10 {
    border-color: #1a1a1c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/10 {
      border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
  }

  .border-secondary\/20 {
    border-color: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/20 {
      border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .border-stroke-1 {
    border-color: var(--color-stroke-1);
  }

  .border-stroke-1\/20 {
    border-color: #dfe4eb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stroke-1\/20 {
      border-color: color-mix(in oklab, var(--color-stroke-1) 20%, transparent);
    }
  }

  .border-stroke-1\/50 {
    border-color: #dfe4eb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stroke-1\/50 {
      border-color: color-mix(in oklab, var(--color-stroke-1) 50%, transparent);
    }
  }

  .border-stroke-1\/90 {
    border-color: #dfe4ebe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stroke-1\/90 {
      border-color: color-mix(in oklab, var(--color-stroke-1) 90%, transparent);
    }
  }

  .border-stroke-2 {
    border-color: var(--color-stroke-2);
  }

  .border-stroke-3 {
    border-color: var(--color-stroke-3);
  }

  .border-stroke-4 {
    border-color: var(--color-stroke-4);
  }

  .border-stroke-4\/50 {
    border-color: #eceff480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stroke-4\/50 {
      border-color: color-mix(in oklab, var(--color-stroke-4) 50%, transparent);
    }
  }

  .border-stroke-6 {
    border-color: var(--color-stroke-6);
  }

  .border-stroke-7 {
    border-color: var(--color-stroke-7);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-t-\[\#303032\] {
    border-top-color: #303032;
  }

  .border-t-stroke-2 {
    border-top-color: var(--color-stroke-2);
  }

  .border-t-stroke-3 {
    border-top-color: var(--color-stroke-3);
  }

  .border-t-stroke-4 {
    border-top-color: var(--color-stroke-4);
  }

  .border-t-stroke-6 {
    border-top-color: var(--color-stroke-6);
  }

  .border-r-accent\/20 {
    border-right-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-r-accent\/20 {
      border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .border-b-accent\/20 {
    border-bottom-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-accent\/20 {
      border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .border-b-accent\/60 {
    border-bottom-color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-accent\/60 {
      border-bottom-color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .border-b-stroke-2 {
    border-bottom-color: var(--color-stroke-2);
  }

  .border-b-stroke-4 {
    border-bottom-color: var(--color-stroke-4);
  }

  .border-l-stroke-1 {
    border-left-color: var(--color-stroke-1);
  }

  .btn-ash {
    background-color: var(--color-background-12);
    color: var(--color-secondary);
  }

  .btn-ash:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .btn-gray-v2 {
    background-color: var(--color-background-1);
    color: var(--color-secondary);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-gray-v2 .btn-v2-icon {
    fill: var(--color-secondary);
  }

  .btn-secondary-v2 {
    background-color: var(--color-secondary);
    color: var(--color-white);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #10182842);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .btn-secondary-v2 .btn-v2-icon {
    fill: var(--color-white);
  }

  .btn-v3-primary {
    background-color: var(--color-primary-500);
    color: var(--color-white);
  }

  .btn-v3-primary [data-button-v3-icon] {
    background-color: var(--color-white);
    fill: var(--color-secondary);
  }

  .btn-v3-secondary {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }

  .btn-v3-secondary [data-button-v3-icon] {
    background-color: var(--color-white);
    fill: var(--color-secondary);
  }

  .btn-v3-stone {
    background-color: var(--color-background-12);
    color: var(--color-secondary);
  }

  .btn-v3-stone [data-button-v3-icon] {
    background-color: var(--color-white);
    fill: var(--color-secondary);
  }

  .btn-v3-white {
    background-color: var(--color-white);
    color: var(--color-secondary);
  }

  .btn-v3-white [data-button-v3-icon] {
    background-color: var(--color-secondary);
    fill: var(--color-white);
  }

  .btn-primary-v2 {
    background-color: var(--color-primary-500);
    color: var(--color-white);
  }

  .btn-primary-v2 .btn-v2-icon {
    fill: var(--color-white);
  }

  .btn-stone-v2 {
    background-color: var(--color-background-12);
    color: var(--color-secondary);
  }

  .btn-stone-v2 .btn-v2-icon {
    fill: var(--color-secondary);
  }

  .badge-ivory {
    background-color: var(--color-ns-ivory);
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-secondary);
  }

  .badge-secondary {
    background-color: var(--color-secondary);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
  }

  .badge-secondary:where(.dark, .dark *) {
    background-color: var(--color-accent);
    color: var(--color-secondary);
  }

  .badge-gray-light-v2 {
    background-color: var(--color-background-12);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-secondary);
  }

  .badge-blur-v2 {
    color: var(--color-primary-50);
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-blur-v2 {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .badge-blur-v2:where(.dark, .dark *) {
    background-color: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-blur-v2:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .badge-blur-v2:where(.dark, .dark *) {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-blur-v2:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .badge-gray-light {
    background-color: var(--color-background-3);
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-gray-light {
      color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .badge-gray-light:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-gray-light:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-gray-light:where(.dark, .dark *) {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-gray-light:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .badge-primary {
    background-color: var(--color-background-4);
    color: var(--color-primary-500);
  }

  .badge-primary:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-primary:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-primary:where(.dark, .dark *) {
    color: var(--color-ns-green);
  }

  .badge-secondary-light {
    color: var(--color-primary-50);
    background-color: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-secondary-light {
      background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .badge-secondary-light:where(.dark, .dark *) {
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-secondary-light:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .badge-secondary-light:where(.dark, .dark *) {
    color: var(--color-accent);
  }

  .badge-white {
    background-color: var(--color-white);
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-white {
      color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .badge-white:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-white:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-white:where(.dark, .dark *) {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-white:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .\!badge-cyan {
    background-color: var(--color-ns-cyan-light) !important;
  }

  .\!badge-cyan:where(.dark, .dark *) {
    background-color: #fcfcfc1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!badge-cyan:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent) !important;
    }
  }

  .\!badge-cyan:where(.dark, .dark *) {
    color: var(--color-ns-green) !important;
  }

  .badge-blur-light {
    color: var(--color-accent);
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-blur-light {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-blur-light:where(.dark, .dark *) {
    color: var(--color-ns-yellow);
  }

  .badge-cyan {
    background-color: var(--color-ns-cyan-light);
  }

  .badge-cyan:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-cyan:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-cyan:where(.dark, .dark *) {
    color: var(--color-ns-green);
  }

  .badge-cyan-v2 {
    background-color: var(--color-ns-cyan-light);
  }

  .badge-cyan-v2:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-cyan-v2:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-cyan-v2:where(.dark, .dark *) {
    color: var(--color-ns-cyan);
  }

  .badge-gray {
    background-color: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-gray {
      background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .badge-gray:where(.dark, .dark *) {
    background-color: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-gray:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .badge-gray:where(.dark, .dark *) {
    color: var(--color-accent);
  }

  .badge-green {
    background-color: var(--color-ns-green-light);
  }

  .badge-green:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-green:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-green:where(.dark, .dark *) {
    color: var(--color-ns-yellow);
  }

  .badge-green-v2 {
    background-color: var(--color-ns-green-light);
  }

  .badge-green-v2:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-green-v2:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-green-v2:where(.dark, .dark *) {
    color: var(--color-ns-green);
  }

  .badge-primary-light {
    background-color: #16417d;
    font-size: 16px;
  }

  .badge-primary-light:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-primary-light:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-primary-light:where(.dark, .dark *) {
    color: var(--color-accent);
  }

  .badge-yellow {
    background-color:  #16417d;

    /* background-color: var(--color-ns-yellow-light); */
    font-size: 16px;
  }

  .badge-yellow:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-yellow:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-yellow:where(.dark, .dark *) {
    color: var(--color-ns-yellow);
  }

  .badge-yellow-v2 {
    background-color:  #16417d;
    /* background-color: var(--color-ns-yellow-light); */
    font-size: 16px;
  }

  .badge-yellow-v2:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-yellow-v2:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .badge-yellow-v2:where(.dark, .dark *) {
    color: var(--color-ns-cyan);
  }

  .badge-blur {
    color: var(--color-primary-50);
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-blur {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .\!bg-accent {
    background-color: var(--color-accent) !important;
  }

  .\!bg-background-2 {
    background-color: var(--color-background-2) !important;
  }

  .\!bg-background-3 {
    background-color: var(--color-background-3) !important;
  }

  .\!bg-background-4 {
    background-color: var(--color-background-4) !important;
  }

  .\!bg-background-12 {
    background-color: var(--color-background-12) !important;
  }

  .badge-ns-green-light {
    background-color: var(--color-ns-green-light);
  }

  .bg-\[\#9DAEC6\] {
    background-color: #9daec6;
  }

  .bg-\[\#98AAC3\] {
    background-color: #98aac3;
  }

  .bg-\[\#142E6E\] {
    background-color: #142e6e;
  }

  .bg-\[\#D9D9D9\] {
    background-color: #d9d9d9;
  }

  .bg-\[\#DBD6FF\] {
    background-color: #dbd6ff;
  }

  .bg-\[\#DCD4FF\]\/5 {
    background-color: oklab(88.9993% .0237607 -.0541453 / .05);
  }

  .bg-\[\#DE4A40\] {
    background-color: #de4a40;
  }

  .bg-\[\#EAECEB\] {
    background-color: #eaeceb;
  }

  .bg-\[\#ECE8FF\] {
    background-color: #ece8ff;
  }

  .bg-\[\#ECEAED\] {
    background-color: #eceaed;
  }

  .bg-\[\#EDF2FF\] {
    background-color: #edf2ff;
  }

  .bg-\[\#EED0BF\] {
    background-color: #eed0bf;
  }

  .bg-\[\#F5F5F7\] {
    background-color: #f5f5f7;
  }

  .bg-\[\#FFC5C5\] {
    background-color: #ffc5c5;
  }

  .bg-\[\#d5dbe3\] {
    background-color: #d5dbe3;
  }

  .bg-\[\#ece8ff\]\/30 {
    background-color: oklab(94.0956% .0125356 -.0284541 / .3);
  }

  .bg-accent {
    background-color: var(--color-accent);
  }

  .bg-accent\/5 {
    background-color: #fcfcfc0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/5 {
      background-color: color-mix(in oklab, var(--color-accent) 5%, transparent);
    }
  }

  .bg-accent\/10 {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/10 {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .bg-accent\/15 {
    background-color: #fcfcfc26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/15 {
      background-color: color-mix(in oklab, var(--color-accent) 15%, transparent);
    }
  }

  .bg-accent\/20 {
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/20 {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .bg-accent\/22 {
    background-color: #fcfcfc38;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/22 {
      background-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
    }
  }

  .bg-accent\/40 {
    background-color: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/40 {
      background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .bg-accent\/60 {
    background-color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/60 {
      background-color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .bg-background-1 {
    background-color: var(--color-background-1);
  }

  .bg-background-1\/90 {
    background-color: #fcfcfde6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-1\/90 {
      background-color: color-mix(in oklab, var(--color-background-1) 90%, transparent);
    }
  }

  .bg-background-2 {
    background-color: var(--color-background-2);
  }

  .bg-background-3 {
    background-color: var(--color-background-3);
  }

  .bg-background-4 {
    background-color: var(--color-background-4);
  }

  .bg-background-5 {
    background-color: var(--color-background-5);
  }

  .bg-background-7 {
    background-color: var(--color-background-7);
  }

  .bg-background-8 {
    background-color: var(--color-background-8);
  }

  .bg-background-12 {
    background-color: var(--color-background-12);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-black\/95 {
    background-color: #000000f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/95 {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }

  .bg-ns-cyan {
    background-color: var(--color-ns-cyan);
  }

  .bg-ns-green {
    background-color: var(--color-ns-green);
  }

  .bg-ns-ivory {
    background-color: var(--color-ns-ivory);
  }

  .bg-ns-linen {
    background-color: var(--color-ns-linen);
  }

  .bg-ns-red {
    background-color: var(--color-ns-red);
  }

  .bg-ns-yellow {
    background-color: var(--color-ns-yellow);
  }

  .bg-ns-yellow-light {
    background-color: var(--color-ns-yellow-light);
  }

  .bg-primary-100 {
    background-color: var(--color-primary-100);
  }

  .bg-primary-100\/10 {
    background-color: #ece8ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-100\/10 {
      background-color: color-mix(in oklab, var(--color-primary-100) 10%, transparent);
    }
  }

  .bg-primary-200 {
    background-color: var(--color-primary-200);
  }

  .bg-primary-400 {
    background-color: var(--color-primary-400);
  }

  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-secondary {
    background-color: var(--color-secondary);
  }

  .bg-secondary\/5 {
    background-color: #1a1a1c0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/5 {
      background-color: color-mix(in oklab, var(--color-secondary) 5%, transparent);
    }
  }

  .bg-secondary\/10 {
    background-color: #1a1a1c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/10 {
      background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
  }

  .bg-secondary\/20 {
    background-color: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/20 {
      background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .bg-secondary\/40 {
    background-color: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/40 {
      background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .bg-stroke-1 {
    background-color: var(--color-stroke-1);
  }

  .bg-stroke-1\/20 {
    background-color: #dfe4eb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stroke-1\/20 {
      background-color: color-mix(in oklab, var(--color-stroke-1) 20%, transparent);
    }
  }

  .bg-stroke-2 {
    background-color: var(--color-stroke-2);
  }

  .bg-stroke-4 {
    background-color: var(--color-stroke-4);
  }

  .bg-stroke-6 {
    background-color: var(--color-stroke-6);
  }

  .bg-stroke-9 {
    background-color: var(--color-stroke-9);
  }

  .bg-stroke-9\/60 {
    background-color: #070b1099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stroke-9\/60 {
      background-color: color-mix(in oklab, var(--color-stroke-9) 60%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
        background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
    /* background-color: var(--color-white); */
  }

  .bg-white\/14 {
    background-color: #ffffff24;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/14 {
      background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-\[135deg\,\#ffffff_0\%\,\#a585ff_100\%\] {
    --tw-gradient-position: 135deg, #fff 0%, #a585ff 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 135deg, #fff 0%, #a585ff 100%));
  }

  .bg-linear-\[156deg\,\#83E7EE_2\.92\%\,\#C6F56F_91\%\] {
    --tw-gradient-position: 156deg, #83e7ee 2.92%, #c6f56f 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #83e7ee 2.92%, #c6f56f 91%));
  }

  .bg-linear-\[156deg\,\#E6F7FF_12\.92\%\,\#1890FF_91\%\] {
    --tw-gradient-position: 156deg, #e6f7ff 12.92%, #1890ff 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #e6f7ff 12.92%, #1890ff 91%));
  }

  .bg-linear-\[156deg\,\#E8F4FD_12\.92\%\,\#4A90E2_91\%\] {
    --tw-gradient-position: 156deg, #e8f4fd 12.92%, #4a90e2 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #e8f4fd 12.92%, #4a90e2 91%));
  }

  .bg-linear-\[156deg\,\#F0E6FF_12\.92\%\,\#8B5CF6_91\%\] {
    --tw-gradient-position: 156deg, #f0e6ff 12.92%, #8b5cf6 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #f0e6ff 12.92%, #8b5cf6 91%));
  }

  .bg-linear-\[156deg\,\#F4F8E7_12\.92\%\,\#D485FF_91\%\] {
    --tw-gradient-position: 156deg, #f4f8e7 12.92%, #d485ff 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #f4f8e7 12.92%, #d485ff 91%));
  }

  .bg-linear-\[156deg\,\#FFF2E8_12\.92\%\,\#FF6B35_91\%\] {
    --tw-gradient-position: 156deg, #fff2e8 12.92%, #ff6b35 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff2e8 12.92%, #ff6b35 91%));
  }

  .bg-linear-\[156deg\,\#FFF7E6_12\.92\%\,\#FF8C00_91\%\] {
    --tw-gradient-position: 156deg, #fff7e6 12.92%, #ff8c00 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff7e6 12.92%, #ff8c00 91%));
  }

  .bg-linear-\[156deg\,\#FFF_32\.92\%\,\#A585FF_91\%\] {
    --tw-gradient-position: 156deg, #fff 32.92%, #a585ff 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #a585ff 91%));
  }

  .bg-linear-\[156deg\,\#a585ff_32\.92\%\,\#A585FF_91\%\] {
    --tw-gradient-position: 156deg, #a585ff 32.92%, #a585ff 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #a585ff 32.92%, #a585ff 91%));
  }

  .bg-linear-\[156deg\,\#ffffff_0\%\,\#83E7EE_100\%\] {
    --tw-gradient-position: 156deg, #fff 0%, #83e7ee 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 0%, #83e7ee 100%));
  }

  .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#83E7EE_91\%\] {
    --tw-gradient-position: 156deg, #fff 32.92%, #83e7ee 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #83e7ee 91%));
  }

  .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#A585FF_91\%\] {
    --tw-gradient-position: 156deg, #fff 32.92%, #a585ff 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #a585ff 91%));
  }

  .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#C6F56F_91\%\] {
    --tw-gradient-position: 156deg, #fff 32.92%, #c6f56f 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #c6f56f 91%));
  }

  .bg-linear-\[156deg\,_\#FFF_32\.92\%\,_\#FFB9A2_91\%\] {
    --tw-gradient-position: 156deg, #fff 32.92%, #ffb9a2 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #fff 32.92%, #ffb9a2 91%));
  }

  .bg-linear-\[180deg\,\#A585FF\,\#FFC2AD\] {
    --tw-gradient-position: 180deg, #a585ff, #ffc2ad;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #a585ff, #ffc2ad));
  }

  .bg-linear-\[180deg\,\#A585FF_0\%\,\#FFC2AD_100\%\] {
    --tw-gradient-position: 180deg, #a585ff 0%, #ffc2ad 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #a585ff 0%, #ffc2ad 100%));
  }

  .bg-linear-\[180deg\,\#DFE4EB_0\%\,\#dfe4eb00_100\%\] {
    --tw-gradient-position: 180deg, #dfe4eb 0%, #dfe4eb00 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #dfe4eb 0%, #dfe4eb00 100%));
  }

  .bg-linear-\[180deg\,\#a585ff_0\%\,\#ffc2ac_100\%\] {
    --tw-gradient-position: 180deg, #a585ff 0%, #ffc2ac 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #a585ff 0%, #ffc2ac 100%));
  }

  .bg-linear-\[180deg\,\#ffffff_0\%\,\#83e7ee_100\%\] {
    --tw-gradient-position: 180deg, #fff 0%, #83e7ee 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fff 0%, #83e7ee 100%));
  }

  .bg-linear-\[180deg\,_\#B3C3DA_0\%\,_\#93A5BE_100\%\] {
    --tw-gradient-position: 180deg, #b3c3da 0%, #93a5be 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #b3c3da 0%, #93a5be 100%));
  }

  .hero-bg-overlay-light {
    --tw-gradient-position: 180deg, #fffc 43.93%, #fff 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fffc 43.93%, #fff 100%));
  }

  .bg-\(image\:--color-gradient-1\) {
    background-image: var(--color-gradient-1);
  }

  .bg-\(image\:--color-gradient-5\) {
    background-image: var(--color-gradient-5);
  }

  .bg-\(image\:--color-gradient-6\) {
    background-image: var(--color-gradient-6);
  }

  .bg-\(image\:--color-gradient-7\) {
    background-image: var(--color-gradient-7);
  }

  .bg-\(image\:--color-gradient-8\) {
    background-image: var(--color-gradient-8);
  }

  .bg-\(image\:--color-gradient-9\) {
    background-image: var(--color-gradient-9);
  }

  .bg-\[repeating-linear-gradient\(to_right\,_rgba\(0\,0\,0\,0\.2\)_0_4px\,_transparent_4px_8px\)\] {
    background-image: repeating-linear-gradient(to right, #0003 0 4px, #0000 4px 8px);
  }

  .bg-\[url\(\'\/images\/ns-img-25\.png\'\)\] {
    background-image: url("../images/ns-img-25.png");
  }

  .bg-\[url\(\'\/images\/ns-img-26\.jpg\'\)\] {
    background-image: url("../images/ns-img-26.jpg");
  }

  .bg-\[url\(\'\/images\/ns-img-55\.svg\'\)\] {
    background-image: url("../images/ns-img-55.svg");
  }

  .bg-\[url\(\'\/images\/ns-img-85\.png\'\)\] {
    background-image: url("../images/ns-img-85.png");
  }

  .bg-\[url\(\'\/images\/ns-img-128\.svg\'\)\] {
    background-image: url("../images/theme/ns-img-128.svg");
  }

  .bg-\[url\(\'\/images\/ns-img-160\.png\'\)\] {
    background-image: url("../images/ns-img-160.png");
  }

  .bg-\[url\(\'\/images\/ns-img-170\.png\'\)\] {
    background-image: url("../images/ns-img-170.png");
  }

  .bg-\[url\(\'\/images\/ns-img-218\.svg\'\)\] {
    background-image: url("../images/ns-img-218.svg");
  }

  .bg-\[url\(\'\/images\/ns-img-221\.png\'\)\] {
    background-image: url("../images/ns-img-221.png");
  }

  .bg-\[url\(\'\/images\/ns-img-223\.png\'\)\] {
    background-image: url("../images/ns-img-223.png");
  }

  .bg-\[url\(\'\/images\/ns-img-242\.png\'\)\] {
    background-image: url("../images/ns-img-242.png");
  }

  .bg-\[url\(\'\/images\/ns-img-247\.svg\'\)\] {
    background-image: url("../images/ns-img-247.svg");
  }

  .bg-\[url\(\'\/images\/ns-img-261\.svg\'\)\] {
    background-image: url("../images/ns-img-261.svg");
  }

  .bg-\[url\(\'\/images\/ns-img-291\.png\'\)\] {
    background-image: url("../images/ns-img-291.png");
  }

  .bg-\[url\(\'\/images\/ns-img-295\.jpg\'\)\] {
    background-image: url("../images/ns-img-295.jpg");
  }

  .bg-\[url\(\'\/images\/ns-img-329\.png\'\)\] {
    background-image: url("../images/ns-img-329.png");
  }

  .bg-\[url\(\'\/images\/ns-img-496\.png\'\)\] {
    background-image: url("../images/ns-img-496.png");
  }

  .bg-\[url\(\'\/images\/ns-img-501\.png\'\)\] {
    background-image: url("../images/final-cta/final-cta-left.png");
  }

  .bg-\[url\(\'\/images\/ns-img-527\.png\'\)\] {
    background-image: url("../images/ns-img-527.png");
  }

  .from-\(image\:--color-gradient-5\) {
    --tw-gradient-from: var(--color-gradient-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#142e6e\] {
    --tw-gradient-from: #142e6e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#B3C3DA\] {
    --tw-gradient-from: #b3c3da;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-1 {
    --tw-gradient-from: var(--color-background-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-2 {
    --tw-gradient-from: var(--color-background-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-2\/90 {
    --tw-gradient-from: #f9fafbe6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-background-2\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--color-background-2) 90%, transparent);
    }
  }

  .from-background-3 {
    --tw-gradient-from: var(--color-background-3);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-ns-yellow-light {
    --tw-gradient-from: var(--color-ns-yellow-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-secondary {
    --tw-gradient-from: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stroke-1 {
    --tw-gradient-from: var(--color-stroke-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-58\% {
    --tw-gradient-from-position: 58%;
  }

  .to-\[\#93A5BE\] {
    --tw-gradient-to: #93a5be;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#edf2ff\] {
    --tw-gradient-to: #edf2ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-background-2\/20 {
    --tw-gradient-to: #f9fafb33;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-background-2\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-background-2) 20%, transparent);
    }
  }

  .to-stroke-1\/30 {
    --tw-gradient-to: #dfe4eb4d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-stroke-1\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-stroke-1) 30%, transparent);
    }
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-\[length\:117\%_106\%\] {
    background-size: 117% 106%;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-bottom {
    background-position: bottom;
  }

  .bg-center {
    background-position: center;
  }

  .bg-left {
    background-position: 0;
  }

  .bg-right {
    background-position: 100%;
  }

  .bg-top {
    background-position: top;
  }

  .bg-top-right {
    background-position: 100% 0;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[\#864FFE\] {
    fill: #864ffe;
  }

  .fill-\[\#09121F\] {
    fill: #09121f;
  }

  .fill-\[\#FA9017\] {
    fill: #fa9017;
  }

  .fill-accent {
    fill: var(--color-accent);
  }

  .fill-accent\/20 {
    fill: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-accent\/20 {
      fill: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .fill-accent\/60 {
    fill: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-accent\/60 {
      fill: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .fill-accent\/80 {
    fill: #fcfcfccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-accent\/80 {
      fill: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

  .fill-background-4 {
    fill: var(--color-background-4);
  }

  .fill-background-8 {
    fill: var(--color-background-8);
  }

  .fill-black {
    fill: var(--color-black);
  }

  .fill-ns-green {
    fill: var(--color-ns-green);
  }

  .fill-primary-500 {
    fill: var(--color-primary-500);
  }

  .fill-secondary {
    fill: var(--color-secondary);
  }

  .fill-secondary\/10 {
    fill: #1a1a1c1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/10 {
      fill: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
  }

  .fill-secondary\/20 {
    fill: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/20 {
      fill: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .fill-secondary\/40 {
    fill: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/40 {
      fill: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .fill-secondary\/60 {
    fill: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/60 {
      fill: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .fill-secondary\/80 {
    fill: #1a1a1ccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/80 {
      fill: color-mix(in oklab, var(--color-secondary) 80%, transparent);
    }
  }

  .fill-white {
    fill: var(--color-white);
  }

  .stroke-\[\#292929\] {
    stroke: #292929;
  }

  .stroke-accent {
    stroke: var(--color-accent);
  }

  .stroke-accent\/60 {
    stroke: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-accent\/60 {
      stroke: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .stroke-black {
    stroke: var(--color-black);
  }

  .stroke-ns-green {
    stroke: var(--color-ns-green);
  }

  .stroke-secondary {
    stroke: var(--color-secondary);
  }

  .stroke-secondary\/40 {
    stroke: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-secondary\/40 {
      stroke: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .stroke-secondary\/60 {
    stroke: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-secondary\/60 {
      stroke: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .stroke-stroke-3 {
    stroke: var(--color-stroke-3);
  }

  .stroke-stroke-4 {
    stroke: var(--color-stroke-4);
  }

  .stroke-white {
    stroke: var(--color-white);
  }

  .stroke-0 {
    stroke-width: 0;
  }

  .stroke-3 {
    stroke-width: 3px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .object-bottom {
    object-position: bottom;
  }

  .object-center {
    object-position: center;
  }

  .object-top {
    object-position: top;
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-9 {
    padding: calc(var(--spacing) * 9);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-10\.5 {
    padding: calc(var(--spacing) * 10.5);
  }

  .p-11 {
    padding: calc(var(--spacing) * 11);
  }

  .p-17 {
    padding: calc(var(--spacing) * 17);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[9px\] {
    padding: 9px;
  }

  .p-\[26px\] {
    padding: 26px;
  }

  .p-\[75px\] {
    padding: 75px;
  }

  .p-\[83px\] {
    padding: 83px;
  }

  .btn-lg {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .btn-sm {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);
  }

  .btn-sm:before {
    content: none;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }

  .px-14\.5 {
    padding-inline: calc(var(--spacing) * 14.5);
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[25px\] {
    padding-inline: 25px;
  }

  .px-\[29px\] {
    padding-inline: 29px;
  }

  .px-\[42px\] {
    padding-inline: 42px;
  }

  .px-\[50px\] {
    padding-inline: 50px;
  }

  .px-\[57px\] {
    padding-inline: 57px;
  }

  .px-\[60px\] {
    padding-inline: 60px;
  }

  .px-\[92px\] {
    padding-inline: 92px;
  }

  .px-\[124px\] {
    padding-inline: 124px;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-10\.5 {
    padding-block: calc(var(--spacing) * 10.5);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-18 {
    padding-block: calc(var(--spacing) * 18);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-25 {
    padding-block: calc(var(--spacing) * 25);
  }

  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .py-\[17px\] {
    padding-block: 17px;
  }

  .py-\[22px\] {
    padding-block: 22px;
  }

  .py-\[25px\] {
    padding-block: 25px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

  .py-\[30px\] {
    padding-block: 30px;
  }

  .py-\[35px\] {
    padding-block: 35px;
  }

  .py-\[40\.5px\] {
    padding-block: 40.5px;
  }

  .py-\[42px\] {
    padding-block: 42px;
  }

  .py-\[44px\] {
    padding-block: 44px;
  }

  .py-\[50px\] {
    padding-block: 50px;
  }

  .py-\[60px\] {
    padding-block: 60px;
  }

  .py-\[70px\] {
    padding-block: 70px;
  }

  .py-\[72px\] {
    padding-block: 72px;
  }

  .py-\[75px\] {
    padding-block: 75px;
  }

  .py-\[76px\] {
    padding-block: 76px;
  }

  .py-\[80px\] {
    padding-block: 80px;
  }

  .py-\[100px\] {
    padding-block: 100px;
  }

  .py-\[112px\] {
    padding-block: 112px;
  }

  .py-\[127px\] {
    padding-block: 127px;
  }

  .py-\[170px\] {
    padding-block: 170px;
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-19 {
    padding-top: calc(var(--spacing) * 19);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-31 {
    padding-top: calc(var(--spacing) * 31);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pt-36 {
    padding-top: calc(var(--spacing) * 36);
  }

  .pt-37\.5 {
    padding-top: calc(var(--spacing) * 37.5);
  }

  .pt-44 {
    padding-top: calc(var(--spacing) * 44);
  }

  .pt-46 {
    padding-top: calc(var(--spacing) * 46);
  }

  .pt-\[20px\] {
    padding-top: 20px;
  }

  .pt-\[26px\] {
    padding-top: 26px;
  }

  .pt-\[29px\] {
    padding-top: 29px;
  }

  .pt-\[30px\] {
    padding-top: 30px;
  }

  .pt-\[40px\] {
    padding-top: 40px;
  }

  .pt-\[42px\] {
    padding-top: 42px;
  }

  .pt-\[47px\] {
    padding-top: 47px;
  }

  .pt-\[50px\] {
    padding-top: 50px;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pt-\[70px\] {
    padding-top: 70px;
  }

  .pt-\[71px\] {
    padding-top: 71px;
  }

  .pt-\[80\], .pt-\[80px\] {
    padding-top: 80px;
  }

  .pt-\[90px\] {
    padding-top: 90px;
  }

  .pt-\[100px\] {
    padding-top: 100px;
  }

  .pt-\[112px\] {
    padding-top: 112px;
  }

  .pt-\[115px\] {
    padding-top: 115px;
  }

  .pt-\[120px\] {
    padding-top: 120px;
  }

  .pt-\[140px\] {
    padding-top: 140px;
  }

  .pt-\[150px\] {
    padding-top: 150px;
  }

  .pt-\[160px\] {
    padding-top: 160px;
  }

  .pt-\[170px\] {
    padding-top: 170px;
  }

  .pt-\[180px\] {
    padding-top: 180px;
  }

  .pt-\[192px\] {
    padding-top: 192px;
  }

  .pt-\[200px\] {
    padding-top: 200px;
  }

  .pt-\[220px\] {
    padding-top: 220px;
  }

  .pt-\[230px\] {
    padding-top: 230px;
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-5\.5 {
    padding-right: calc(var(--spacing) * 5.5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-17 {
    padding-bottom: calc(var(--spacing) * 17);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30);
  }

  .pb-\[20px\] {
    padding-bottom: 20px;
  }

  .pb-\[42px\] {
    padding-bottom: 42px;
  }

  .pb-\[47px\] {
    padding-bottom: 47px;
  }

  .pb-\[50px\] {
    padding-bottom: 50px;
  }

  .pb-\[60px\] {
    padding-bottom: 60px;
  }

  .pb-\[70px\] {
    padding-bottom: 70px;
  }

  .pb-\[75px\] {
    padding-bottom: 75px;
  }

  .pb-\[80px\] {
    padding-bottom: 80px;
  }

  .pb-\[97px\] {
    padding-bottom: 97px;
  }

  .pb-\[100px\] {
    padding-bottom: 100px;
  }

  .pb-\[110px\] {
    padding-bottom: 110px;
  }

  .pb-\[112px\] {
    padding-bottom: 112px;
  }

  .pb-\[120px\] {
    padding-bottom: 120px;
  }

  .pb-\[140px\] {
    padding-bottom: 140px;
  }

  .pb-\[190px\] {
    padding-bottom: 190px;
  }

  .pb-\[200px\] {
    padding-bottom: 200px;
  }

  .pb-\[220px\] {
    padding-bottom: 220px;
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-\[70px\] {
    padding-left: 70px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-start {
    text-align: start;
  }

  .font-inter-tight {
    font-family: var(--font-inter-tight);
  }

  .\!text-tagline-2 {
    font-size: var(--text-tagline-2) !important;
    line-height: var(--tw-leading, var(--text-tagline-2--line-height)) !important;
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-heading-2 {
    font-size: var(--text-heading-2);
    line-height: var(--tw-leading, var(--text-heading-2--line-height));
  }

  .text-heading-3 {
    font-size: var(--text-heading-3);
    line-height: var(--tw-leading, var(--text-heading-3--line-height));
  }

  .text-heading-4 {
    font-size: var(--text-heading-4);
    line-height: var(--tw-leading, var(--text-heading-4--line-height));
  }

  .text-heading-5 {
    font-size: var(--text-heading-5);
    line-height: var(--tw-leading, var(--text-heading-5--line-height));
  }

  .text-heading-6 {
    font-size: var(--text-heading-6);
    line-height: var(--tw-leading, var(--text-heading-6--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-tagline-1 {
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .text-tagline-2 {
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
  }

  .text-tagline-3 {
    font-size: var(--text-tagline-3);
    line-height: var(--tw-leading, var(--text-tagline-3--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .text-\[50px\] {
    font-size: 50px;
  }

  .text-\[52px\] {
    font-size: 52px;
  }

  .text-\[54px\] {
    font-size: 54px;
  }

  .text-\[64px\] {
    font-size: 64px;
  }

  .text-\[80px\] {
    font-size: 80px;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[27px\] {
    --tw-leading: 27px;
    line-height: 27px;
  }

  .leading-\[140\%\] {
    --tw-leading: 140%;
    line-height: 140%;
  }

  .leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .\!text-secondary {
    color: var(--color-secondary) !important;
  }

  .text-\[\#0d0d12\]\/90 {
    color: oklab(16.1523% .00274358 -.0101216 / .9);
  }

  .text-\[\#323A44\] {
    color: #323a44;
  }

  .text-\[\#12161F\] {
    color: #12161f;
  }

  .text-\[\#A0AEC0\] {
    color: #a0aec0;
  }

  .text-accent {
    color: var(--color-accent);
  }

  .text-accent\/60 {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/60 {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .text-accent\/80 {
    color: #fcfcfccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/80 {
      color: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

  .text-accent\/90 {
    color: #fcfcfce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-accent\/90 {
      color: color-mix(in oklab, var(--color-accent) 90%, transparent);
    }
  }

  .text-background-3 {
    color: var(--color-background-3);
  }

  .text-background-4 {
    color: var(--color-background-4);
  }

  .text-background-8 {
    color: var(--color-background-8);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-inherit {
    color: inherit;
  }

  .text-ns-cyan {
    color: var(--color-ns-cyan);
  }

  .text-ns-green {
    color: var(--color-ns-green);
  }

  .text-ns-yellow {
    color: var(--color-ns-yellow);
  }

  .text-primary-50 {
    color: var(--color-primary-50);
  }

  .text-primary-500 {
    color: var(--color-primary-500);
  }

  .text-secondary {
    color: var(--color-secondary);
  }

  .text-secondary\/40 {
    color: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/40 {
      color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .text-secondary\/60 {
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/60 {
      color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .text-secondary\/80 {
    color: #1a1a1ccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/80 {
      color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
    }
  }

  .text-secondary\/90 {
    color: #1a1a1ce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/90 {
      color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
    }
  }

  .text-stroke-2 {
    color: var(--color-stroke-2);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-1 {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2 {
    --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-3 {
    --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-4 {
    --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-5 {
    --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-6 {
    --tw-shadow: 0px 44px 64px 0px var(--tw-shadow-color, #1d202329);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-7 {
    --tw-shadow: 0px 4px 6px -1px var(--tw-shadow-color, #1c222b1a), 0px 2px 4px -1px var(--tw-shadow-color, #1c222b0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-8 {
    --tw-shadow: 0px 12.5px 40px -6px var(--tw-shadow-color, #1c222b1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-9 {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1c222b0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-10 {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-14 {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #1018280f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_0_rgba\(16\,24\,40\,0\.10\)\] {
    --tw-shadow: 0 1px 4px 0 var(--tw-shadow-color, #1018281a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_8px_0_rgba\(4\,10\,51\,0\.03\)\] {
    --tw-shadow: 0 6px 8px 0 var(--tw-shadow-color, #040a3308);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-8 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[0\.7px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.7px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[3px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[6px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-accent {
    --tw-ring-color: var(--color-accent);
  }

  .ring-accent\/20 {
    --tw-ring-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .ring-background-4 {
    --tw-ring-color: var(--color-background-4);
  }

  .ring-background-12 {
    --tw-ring-color: var(--color-background-12);
  }

  .ring-ns-green {
    --tw-ring-color: var(--color-ns-green);
  }

  .ring-ns-red {
    --tw-ring-color: var(--color-ns-red);
  }

  .ring-ns-yellow {
    --tw-ring-color: var(--color-ns-yellow);
  }

  .ring-primary-400 {
    --tw-ring-color: var(--color-primary-400);
  }

  .ring-primary-500 {
    --tw-ring-color: var(--color-primary-500);
  }

  .ring-secondary {
    --tw-ring-color: var(--color-secondary);
  }

  .ring-stroke-1 {
    --tw-ring-color: var(--color-stroke-1);
  }

  .ring-transparent {
    --tw-ring-color: transparent;
  }

  .ring-white {
    --tw-ring-color: var(--color-white);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .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-\[4px\] {
    --tw-blur: blur(4px);
    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-\[10px\] {
    --tw-blur: blur(10px);
    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-\[18px\] {
    --tw-blur: blur(18px);
    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-\[37px\] {
    --tw-blur: blur(37px);
    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-\[85px\] {
    --tw-blur: blur(85px);
    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-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -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-\[12\.5px\] {
    --tw-backdrop-blur: blur(12.5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[12px\] {
    --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-\[15px\] {
    --tw-backdrop-blur: blur(15px);
    -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-\[18px\] {
    --tw-backdrop-blur: blur(18px);
    -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-\[20px\] {
    --tw-backdrop-blur: blur(20px);
    -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-\[22px\] {
    --tw-backdrop-blur: blur(22px);
    -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-\[25px\] {
    --tw-backdrop-blur: blur(25px);
    -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-\[50px\] {
    --tw-backdrop-blur: blur(50px);
    -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-\[60px\] {
    --tw-backdrop-blur: blur(60px);
    -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-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[400ms\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-\[600ms\] {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] {
    --tw-ease: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .ease-\[cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.275\)\] {
    --tw-ease: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  .perspective-\[1000px\] {
    perspective: 1000px;
  }

  :is(.\*\:border-b > *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  :is(.\*\:border-b-stroke-1 > *) {
    border-bottom-color: var(--color-stroke-1);
  }

  :is(.\*\:pb-8 > *) {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .not-last\:border-accent\/20:not(:last-child) {
    border-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .not-last\:border-accent\/20:not(:last-child) {
      border-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .group-hover\:top-1\/2:is(:where(.group):hover *) {
      top: 50%;
    }

    .group-hover\:top-5:is(:where(.group):hover *) {
      top: calc(var(--spacing) * 5);
    }

    .group-hover\:left-5:is(:where(.group):hover *) {
      left: calc(var(--spacing) * 5);
    }

    .group-hover\:inline:is(:where(.group):hover *) {
      display: inline;
    }

    .group-hover\:-translate-x-\[0px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(0px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-\[1px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(1px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-\[13px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(13px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-\[14px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(14px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-1\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-6:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-8:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-10:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-12:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -12);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[2\%\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(2% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[7\%\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(7% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[48\%\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(48% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[49\%\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(49% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-\[-4px\]:is(:where(.group):hover *) {
      --tw-translate-y: -4px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-\[-6px\]:is(:where(.group):hover *) {
      --tw-translate-y: -6px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-\[4px\]:is(:where(.group):hover *) {
      --tw-translate-y: 4px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-101:is(:where(.group):hover *) {
      --tw-scale-x: 101%;
      --tw-scale-y: 101%;
      --tw-scale-z: 101%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[101\%\]:is(:where(.group):hover *) {
      scale: 101%;
    }

    .group-hover\:scale-\[102\%\]:is(:where(.group):hover *) {
      scale: 102%;
    }

    .group-hover\:scale-\[103\%\]:is(:where(.group):hover *) {
      scale: 103%;
    }

    .group-hover\:scale-\[108\%\]:is(:where(.group):hover *) {
      scale: 108%;
    }

    .group-hover\:rotate-0:is(:where(.group):hover *) {
      rotate: none;
    }

    .group-hover\:rotate-12:is(:where(.group):hover *) {
      rotate: 12deg;
    }

    .group-hover\:rotate-\[3deg\]:is(:where(.group):hover *) {
      rotate: 3deg;
    }

    .group-hover\:border-primary-200:is(:where(.group):hover *) {
      border-color: var(--color-primary-200);
    }

    .group-hover\:bg-background-1:is(:where(.group):hover *) {
      background-color: var(--color-background-1);
    }

    .group-hover\:bg-background-3\/50:is(:where(.group):hover *) {
      background-color: #f4f5f880;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-background-3\/50:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-background-3) 50%, transparent);
      }
    }

    .group-hover\:bg-background-3\/90:is(:where(.group):hover *) {
      background-color: #f4f5f8e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-background-3\/90:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-background-3) 90%, transparent);
      }
    }

    .group-hover\:bg-background-4:is(:where(.group):hover *) {
      background-color: var(--color-background-4);
    }

    .group-hover\:bg-background-12:is(:where(.group):hover *) {
      background-color: var(--color-background-12);
    }

    .group-hover\:bg-ns-green\/90:is(:where(.group):hover *) {
      background-color: #c6f56fe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-ns-green\/90:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-ns-green) 90%, transparent);
      }
    }

    .group-hover\:bg-primary-500:is(:where(.group):hover *) {
      background-color: var(--color-primary-500);
    }

    .group-hover\:bg-primary-500\/10:is(:where(.group):hover *) {
      background-color: #864ffe1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-primary-500\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent);
      }
    }

    .group-hover\:bg-secondary:is(:where(.group):hover *) {
      background-color: var(--color-secondary);
    }

    .group-hover\:fill-primary-500:is(:where(.group):hover *) {
      fill: var(--color-primary-500);
    }

    .group-hover\:fill-secondary:is(:where(.group):hover *) {
      fill: var(--color-secondary);
    }

    .group-hover\:fill-white:is(:where(.group):hover *) {
      fill: var(--color-white);
    }

    .group-hover\:stroke-accent:is(:where(.group):hover *) {
      stroke: var(--color-accent);
    }

    .group-hover\:stroke-white:is(:where(.group):hover *) {
      stroke: var(--color-white);
    }

    .group-hover\:text-accent:is(:where(.group):hover *) {
      color: var(--color-accent);
    }

    .group-hover\:text-accent\/60:is(:where(.group):hover *) {
      color: #fcfcfc99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-accent\/60:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-accent) 60%, transparent);
      }
    }

    .group-hover\:text-ns-yellow:is(:where(.group):hover *) {
      color: var(--color-ns-yellow);
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-1:is(:where(.group):hover *) {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-3:is(:where(.group):hover *) {
      --tw-shadow: 0px 25px 80px -12px var(--tw-shadow-color, #1c222b1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-\[0_8px_6px_0_rgba\(16\,24\,40\,0\.16\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 8px 6px 0 var(--tw-shadow-color, #10182829);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:transition-transform:is(:where(.group):hover *) {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .group-hover\:duration-500:is(:where(.group):hover *) {
      --tw-duration: .5s;
      transition-duration: .5s;
    }

    .group-hover\/btn-v2\:translate-x-1:is(:where(.group\/btn-v2):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/btn-v2\:translate-x-6:is(:where(.group\/btn-v2):hover *) {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/btn-v2\:scale-102:is(:where(.group\/btn-v2):hover *) {
      --tw-scale-x: 102%;
      --tw-scale-y: 102%;
      --tw-scale-z: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/btn-v2\:btn-v2-white:is(:where(.group\/btn-v2):hover *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-stroke-3);
      background-color: var(--color-white);
      color: var(--color-secondary);
    }

    .group-hover\/btn-v2\:btn-v2-white:is(:where(.group\/btn-v2):hover *) .btn-v2-icon {
      fill: var(--color-secondary);
    }

    .group-hover\/btn-v2\:btn-secondary-v2:is(:where(.group\/btn-v2):hover *) {
      border-color: var(--color-stroke-7);
      background-color: var(--color-background-5);
      color: var(--color-accent);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\/btn-v2\:btn-gray-v2:is(:where(.group\/btn-v2):hover *) {
      background-color: var(--color-background-1);
      color: var(--color-secondary);
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\/btn-v2\:btn-gray-v2:is(:where(.group\/btn-v2):hover *) .btn-v2-icon {
      fill: var(--color-secondary);
    }

    .group-hover\/btn-v2\:btn-secondary-v2:is(:where(.group\/btn-v2):hover *) {
      background-color: var(--color-secondary);
      color: var(--color-white);
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #10182842);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\/btn-v2\:btn-secondary-v2:is(:where(.group\/btn-v2):hover *) .btn-v2-icon {
      fill: var(--color-white);
    }

    .group-hover\/btn-v2\:\!btn-primary-v2:is(:where(.group\/btn-v2):hover *) {
      background-color: var(--color-primary-500) !important;
      color: var(--color-white) !important;
    }

    .group-hover\/btn-v2\:\!btn-primary-v2:is(:where(.group\/btn-v2):hover *) .btn-v2-icon {
      fill: var(--color-white) !important;
    }

    .group-hover\/btn-v2\:btn-primary-v2:is(:where(.group\/btn-v2):hover *) {
      background-color: var(--color-primary-500);
      color: var(--color-white);
    }

    .group-hover\/btn-v2\:btn-primary-v2:is(:where(.group\/btn-v2):hover *) .btn-v2-icon {
      fill: var(--color-white);
    }

    .group-hover\/item\:translate-x-2:is(:where(.group\/item):hover *) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
      opacity: 1;
    }

    .group-hover\/social-link\:fill-accent:is(:where(.group\/social-link):hover *) {
      fill: var(--color-accent);
    }

    .group-hover\/social-link\:fill-secondary:is(:where(.group\/social-link):hover *) {
      fill: var(--color-secondary);
    }

    .group-hover\/social-link\:stroke-secondary:is(:where(.group\/social-link):hover *) {
      stroke: var(--color-secondary);
    }
  }

  .group-\[\.page-active\]\:bg-primary-500:is(:where(.group).page-active *) {
    background-color: var(--color-primary-500);
  }

  .group-\[\.page-active\]\:text-accent:is(:where(.group).page-active *) {
    color: var(--color-accent);
  }

  .peer-checked\:border-primary-500:is(:where(.peer):checked ~ *) {
    border-color: var(--color-primary-500);
  }

  .first-letter\:uppercase:first-letter {
    text-transform: uppercase;
  }

  .marker\:text-secondary ::marker {
    color: var(--color-secondary);
  }

  .marker\:text-secondary::marker {
    color: var(--color-secondary);
  }

  .marker\:text-secondary ::-webkit-details-marker {
    color: var(--color-secondary);
  }

  .marker\:text-secondary::-webkit-details-marker {
    color: var(--color-secondary);
  }

  .placeholder\:text-tagline-1::placeholder {
    font-size: var(--text-tagline-1);
    line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  }

  .placeholder\:text-tagline-2::placeholder {
    font-size: var(--text-tagline-2);
    line-height: var(--tw-leading, var(--text-tagline-2--line-height));
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .placeholder\:text-accent\/40::placeholder {
    color: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-accent\/40::placeholder {
      color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .placeholder\:text-accent\/60::placeholder {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-accent\/60::placeholder {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .placeholder\:text-accent\/80::placeholder {
    color: #fcfcfccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-accent\/80::placeholder {
      color: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

  .placeholder\:text-secondary\/40::placeholder {
    color: #1a1a1c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-secondary\/40::placeholder {
      color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
    }
  }

  .placeholder\:text-secondary\/50::placeholder {
    color: #1a1a1c80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-secondary\/50::placeholder {
      color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
    }
  }

  .placeholder\:text-secondary\/60::placeholder {
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-secondary\/60::placeholder {
      color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:relative:before {
    content: var(--tw-content);
    position: relative;
  }

  .before\:-top-1:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }

  .before\:-top-\[5px\]:before {
    content: var(--tw-content);
    top: -5px;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:-right-16:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -16);
  }

  .before\:-bottom-11:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -11);
  }

  .before\:-left-5:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -5);
  }

  .before\:-left-\[6px\]:before {
    content: var(--tw-content);
    left: -6px;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-\[5\.8\%\]:before {
    content: var(--tw-content);
    left: 5.8%;
  }

  .before\:left-\[6\%\]:before {
    content: var(--tw-content);
    left: 6%;
  }

  .before\:left-\[106px\]:before {
    content: var(--tw-content);
    left: 106px;
  }

  .before\:left-\[110px\]:before {
    content: var(--tw-content);
    left: 110px;
  }

  .before\:-z-10:before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
  }

  .before\:z-10:before {
    content: var(--tw-content);
    z-index: 10;
  }

  .before\:z-20:before {
    content: var(--tw-content);
    z-index: 20;
  }

  .before\:z-30:before {
    content: var(--tw-content);
    z-index: 30;
  }

  .before\:z-40:before {
    content: var(--tw-content);
    z-index: 40;
  }

  .before\:mr-1:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 1);
  }

  .before\:mr-3:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 3);
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:size-2:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }

  .before\:h-2:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }

  .before\:h-5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5);
  }

  .before\:h-10:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 10);
  }

  .before\:h-\[36px\]:before {
    content: var(--tw-content);
    height: 36px;
  }

  .before\:h-\[90\%\]:before {
    content: var(--tw-content);
    height: 90%;
  }

  .before\:h-\[100\%\]:before {
    content: var(--tw-content);
    height: 100%;
  }

  .before\:h-\[226px\]:before {
    content: var(--tw-content);
    height: 226px;
  }

  .before\:h-\[256px\]:before {
    content: var(--tw-content);
    height: 256px;
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-1\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
  }

  .before\:w-2:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
  }

  .before\:w-5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5);
  }

  .before\:w-40:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 40);
  }

  .before\:w-\[1px\]:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:w-\[62px\]:before {
    content: var(--tw-content);
    width: 62px;
  }

  .before\:w-\[122px\]:before {
    content: var(--tw-content);
    width: 122px;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .before\:rounded-\[34px\]:before {
    content: var(--tw-content);
    border-radius: 34px;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:bg-primary-500:before {
    content: var(--tw-content);
    background-color: var(--color-primary-500);
  }

  .before\:bg-secondary:before {
    content: var(--tw-content);
    background-color: var(--color-secondary);
  }

  .before\:bg-stroke-1:before {
    content: var(--tw-content);
    background-color: var(--color-stroke-1);
  }

  .before\:bg-stroke-4:before {
    content: var(--tw-content);
    background-color: var(--color-stroke-4);
  }

  .before\:bg-gradient-to-l:before {
    content: var(--tw-content);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .before\:bg-\[linear-gradient\(180deg\,\#ECE8FF_0\%\,\#FAF9FC_100\%\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(#ece8ff 0%, #faf9fc 100%);
  }

  .before\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\)_0\%\,\#ffffff_67\.6\%\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(#fff0 0%, #fff 67.6%);
  }

  .before\:bg-\[linear-gradient\(270deg\,_\#FFF_-5\.06\%\,_rgba\(255\,_255\,_255\,_0\.00\)_105\.06\%\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(270deg, #fff -5.06%, #fff0 105.06%);
  }

  .before\:from-transparent:before {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .before\:to-background-2:before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-background-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .before\:p-\[5px\]:before {
    content: var(--tw-content);
    padding: 5px;
  }

  .before\:ring-8:before {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .before\:ring-background-2:before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-2);
  }

  .before\:ring-white:before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-white);
  }

  .before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:content-\[\'\'\]:before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[url\(\'\/images\/icons\/checkmark-white\.svg\'\)\]:before {
    content: var(--tw-content);
    --tw-content: url("../images/icons/checkmark-white.svg");
    content: var(--tw-content);
  }

  .before\:content-none:before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:start-\[0px\]:after {
    content: var(--tw-content);
    inset-inline-start: 0;
  }

  .after\:start-\[2px\]:after {
    content: var(--tw-content);
    inset-inline-start: 2px;
  }

  .after\:-top-1:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }

  .after\:-top-11:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -11);
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:right-\[5\.8\%\]:after {
    content: var(--tw-content);
    right: 5.8%;
  }

  .after\:right-\[6\%\]:after {
    content: var(--tw-content);
    right: 6%;
  }

  .after\:right-\[106px\]:after {
    content: var(--tw-content);
    right: 106px;
  }

  .after\:right-\[110px\]:after {
    content: var(--tw-content);
    right: 110px;
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:-left-2:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * -2);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:-z-10:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .after\:z-0:after {
    content: var(--tw-content);
    z-index: 0;
  }

  .after\:z-10:after {
    content: var(--tw-content);
    z-index: 10;
  }

  .after\:z-20:after {
    content: var(--tw-content);
    z-index: 20;
  }

  .after\:z-30:after {
    content: var(--tw-content);
    z-index: 30;
  }

  .after\:size-2\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .after\:size-3:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .after\:size-6:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .after\:size-\[10px\]:after {
    content: var(--tw-content);
    width: 10px;
    height: 10px;
  }

  .after\:h-1\/2:after {
    content: var(--tw-content);
    height: 50%;
  }

  .after\:h-2:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }

  .after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }

  .after\:h-10:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 10);
  }

  .after\:h-\[90\%\]:after {
    content: var(--tw-content);
    height: 90%;
  }

  .after\:h-\[100\%\]:after {
    content: var(--tw-content);
    height: 100%;
  }

  .after\:h-\[176px\]:after {
    content: var(--tw-content);
    height: 176px;
  }

  .after\:h-\[226px\]:after {
    content: var(--tw-content);
    height: 226px;
  }

  .after\:h-\[454px\]:after {
    content: var(--tw-content);
    height: 454px;
  }

  .after\:w-2:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
  }

  .after\:w-6:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .after\:w-40:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 40);
  }

  .after\:w-\[1px\]:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:w-\[122px\]:after {
    content: var(--tw-content);
    width: 122px;
  }

  .after\:w-\[calc\(100\%\+16px\)\]:after {
    content: var(--tw-content);
    width: calc(100% + 16px);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rotate-\[-45deg\]:after {
    content: var(--tw-content);
    rotate: -45deg;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:border-primary-500:after {
    content: var(--tw-content);
    border-color: var(--color-primary-500);
  }

  .after\:bg-accent:after {
    content: var(--tw-content);
    background-color: var(--color-accent);
  }

  .after\:bg-primary-500:after {
    content: var(--tw-content);
    background-color: var(--color-primary-500);
  }

  .after\:bg-secondary:after {
    content: var(--tw-content);
    background-color: var(--color-secondary);
  }

  .after\:bg-stroke-1:after {
    content: var(--tw-content);
    background-color: var(--color-stroke-1);
  }

  .after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:bg-gradient-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:bg-gradient-to-t:after {
    content: var(--tw-content);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:bg-\[linear-gradient\(0deg\,rgba\(255\,255\,255\,0\)_0\%\,\#ffffff_67\.6\%\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(0deg, #fff0 0%, #fff 67.6%);
  }

  .after\:bg-\[linear-gradient\(180deg\,\#ECE8FF_0\%\,\#FAF9FC_100\%\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(#ece8ff 0%, #faf9fc 100%);
  }

  .after\:bg-\[linear-gradient\(270deg\,_\#FFF_-5\.06\%\,_rgba\(255\,_255\,_255\,_0\.00\)_105\.06\%\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(270deg, #fff -5.06%, #fff0 105.06%);
  }

  .after\:from-\[rgba\(240\,242\,246\,0\.00\)\]:after {
    content: var(--tw-content);
    --tw-gradient-from: #f0f2f600;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:from-black\/0:after {
    content: var(--tw-content);
    --tw-gradient-from: #0000;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:from-black\/0:after {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }

  .after\:from-transparent:after {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:from-\[20\.1\%\]:after {
    content: var(--tw-content);
    --tw-gradient-from-position: 20.1%;
  }

  .after\:from-\[45\.78\%\]:after {
    content: var(--tw-content);
    --tw-gradient-from-position: 45.78%;
  }

  .after\:to-\[\#F4F5F8\]:after {
    content: var(--tw-content);
    --tw-gradient-to: #f4f5f8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:to-background-2:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-background-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .after\:to-\[87\.09\%\]:after {
    content: var(--tw-content);
    --tw-gradient-to-position: 87.09%;
  }

  .after\:to-\[91\.31\%\]:after {
    content: var(--tw-content);
    --tw-gradient-to-position: 91.31%;
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:ring-8:after {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .after\:ring-background-2:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-2);
  }

  .after\:ring-white:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-white);
  }

  .after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .peer-checked\:after\:start-\[2px\]:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    inset-inline-start: 2px;
  }

  .peer-checked\:after\:translate-x-4:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:translate-x-\[93\%\]:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 93%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:translate-x-\[94\%\]:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 94%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:translate-x-\[99\%\]:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 99%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:opacity-100:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    opacity: 1;
  }

  .last\:mb-\[50px\]:last-child {
    margin-bottom: 50px;
  }

  :is(.\*\:last\:border-0 > *):last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  :is(.\*\:last\:pb-0 > *):last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .focus-within\:ring-primary-500:focus-within {
    --tw-ring-color: var(--color-primary-500);
  }

  @media (hover: hover) {
    .hover\:\!z-8:hover {
      z-index: 8 !important;
    }

    .hover\:z-8:hover {
      z-index: 8;
    }

    .hover\:-translate-y-1\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:translate-y-\[-10px\]:hover {
      --tw-translate-y: -10px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-\[99\%\]:hover {
      scale: 99%;
    }

    .hover\:scale-\[100\.5\%\]:hover {
      scale: 100.5%;
    }

    .hover\:scale-\[102\%\]:hover {
      scale: 102%;
    }

    .hover\:scale-\[103\%\]:hover {
      scale: 103%;
    }

    .hover\:rotate-0:hover {
      rotate: none;
    }

    .hover\:border-0:hover {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .hover\:\!btn-primary:hover {
      border-color: var(--color-primary-600) !important;
      background-color: var(--color-primary-500) !important;
      color: var(--color-white) !important;
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:\!btn-primary:hover:where(.dark, .dark *) {
      border-color: var(--color-primary-400) !important;
    }

    .hover\:\!btn-primary:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important;
    }

    .hover\:btn-primary:hover {
      border-color: var(--color-primary-600);
      background-color: var(--color-primary-500);
      color: var(--color-white);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-primary:hover:where(.dark, .dark *) {
      border-color: var(--color-primary-400);
    }

    .hover\:btn-primary:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:\!btn-white:hover {
      border-color: var(--color-stroke-3) !important;
      background-color: var(--color-background-1) !important;
      color: var(--color-secondary) !important;
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .hover\:\!btn-white:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important;
    }

    .hover\:btn-accent:hover {
      border-color: var(--color-stroke-3);
      background-color: var(--color-accent);
      color: var(--color-secondary);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-accent:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:btn-secondary:hover {
      border-color: var(--color-black);
      background-color: var(--color-secondary);
      color: var(--color-white);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-secondary:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:btn-white:hover {
      border-color: var(--color-stroke-3);
      background-color: var(--color-background-1);
      color: var(--color-secondary);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-white:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:btn-white-dark:hover {
      border-color: var(--color-stroke-7);
      background-color: var(--color-background-6);
      color: var(--color-accent);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-white-dark:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:btn-white-v2:hover {
      border-color: var(--color-stroke-3);
      background-color: var(--color-white);
      color: var(--color-secondary);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:btn-white-v2:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:btn-green:hover {
      border-color: var(--color-ns-green-light);
      background-color: var(--color-ns-green);
      color: var(--color-secondary);
    }

    .hover\:btn-green:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .hover\:border-accent:hover {
      border-color: var(--color-accent);
    }

    .hover\:border-primary-300:hover {
      border-color: var(--color-primary-300);
    }

    .hover\:border-primary-400:hover {
      border-color: var(--color-primary-400);
    }

    .hover\:border-primary-500:hover {
      border-color: var(--color-primary-500);
    }

    .hover\:border-secondary\/30:hover {
      border-color: #1a1a1c4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-secondary\/30:hover {
        border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
      }
    }

    .hover\:border-stroke-2:hover {
      border-color: var(--color-stroke-2);
    }

    .hover\:bg-background-1:hover {
      background-color: var(--color-background-1);
    }

    .hover\:bg-background-2:hover {
      background-color: var(--color-background-2);
    }

    .hover\:bg-primary-500:hover {
      background-color: var(--color-primary-500);
    }

    .hover\:bg-secondary:hover {
      background-color: var(--color-secondary);
    }

    .hover\:bg-secondary\/10:hover {
      background-color: #1a1a1c1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/10:hover {
        background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
      }
    }

    .hover\:bg-stroke-1:hover {
      background-color: var(--color-stroke-1);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/80:hover {
      background-color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/80:hover {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }

    .hover\:stroke-secondary:hover {
      stroke: var(--color-secondary);
    }

    .hover\:text-accent:hover {
      color: var(--color-accent);
    }

    .hover\:text-primary-500:hover {
      color: var(--color-primary-500);
    }

    .hover\:text-primary-600:hover {
      color: var(--color-primary-600);
    }

    .hover\:text-secondary:hover {
      color: var(--color-secondary);
    }

    .hover\:underline-offset-2:hover {
      text-underline-offset: 2px;
    }

    .hover\:shadow-1:hover {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-4:hover {
      --tw-shadow: 0px 10px 20px -5px var(--tw-shadow-color, #1c222b0d), 0px 20px 65px -5px var(--tw-shadow-color, #1c222b0d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-primary-500\/20:hover {
      --tw-shadow-color: #864ffe33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-primary-500\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:transition-transform:hover {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .hover\:duration-500:hover {
      --tw-duration: .5s;
      transition-duration: .5s;
    }

    .hover\:perspective-origin-top:hover {
      perspective-origin: top;
    }
  }

  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .focus\:border-accent\/60:focus {
    border-color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-accent\/60:focus {
      border-color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .focus\:border-primary-500:focus {
    border-color: var(--color-primary-500);
  }

  .focus\:border-primary-600:focus {
    border-color: var(--color-primary-600);
  }

  .focus\:border-secondary:focus {
    border-color: var(--color-secondary);
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[0\.7px\]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.7px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[0\.8px\]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-primary-500:focus {
    --tw-ring-color: var(--color-primary-500);
  }

  .focus\:ring-primary-500\/20:focus {
    --tw-ring-color: #864ffe33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary-500\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent);
    }
  }

  .focus\:ring-primary-600:focus {
    --tw-ring-color: var(--color-primary-600);
  }

  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-0:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .focus\:outline-1:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus\:outline-primary-500:focus {
    outline-color: var(--color-primary-500);
  }

  .focus\:outline-primary-600:focus {
    outline-color: var(--color-primary-600);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-stroke-5\/40:focus-visible {
    border-color: #1b232f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-stroke-5\/40:focus-visible {
      border-color: color-mix(in oklab, var(--color-stroke-5) 40%, transparent);
    }
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-0:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-primary-500:focus-visible {
    outline-color: var(--color-primary-500);
  }

  .focus-visible\:outline-stroke-7:focus-visible {
    outline-color: var(--color-stroke-7);
  }

  .data-\[mobile-active\=\'true\'\]\:scale-105[data-mobile-active="true"] {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[mobile-active\=\'true\'\]\:border-primary-600[data-mobile-active="true"] {
    border-color: var(--color-primary-600);
  }

  .data-\[mobile-active\=\'true\'\]\:bg-primary-500[data-mobile-active="true"] {
    background-color: var(--color-primary-500);
  }

  .data-\[mobile-active\=\'true\'\]\:text-white[data-mobile-active="true"] {
    color: var(--color-white);
  }

  .data-\[mobile-active\=true\]\:scale-\[1\.05\][data-mobile-active="true"] {
    scale: 1.05;
  }

  .data-\[mobile-active\=true\]\:bg-primary-500[data-mobile-active="true"] {
    background-color: var(--color-primary-500);
  }

  .data-\[mobile-active\=true\]\:text-white[data-mobile-active="true"] {
    color: var(--color-white);
  }

  .data-\[selected\=false\]\:bg-background-12[data-selected="false"] {
    background-color: var(--color-background-12);
  }

  .data-\[selected\=false\]\:text-secondary[data-selected="false"] {
    color: var(--color-secondary);
  }

  .data-\[selected\=true\]\:bg-primary-500[data-selected="true"] {
    background-color: var(--color-primary-500);
  }

  .data-\[selected\=true\]\:text-white[data-selected="true"] {
    color: var(--color-white);
  }

  .data-\[state\=false\]\:bg-background-4[data-state="false"] {
    background-color: var(--color-background-4);
  }

  .data-\[state\=false\]\:bg-ns-green[data-state="false"] {
    background-color: var(--color-ns-green);
  }

  .data-\[state\=false\]\:stroke-secondary[data-state="false"] {
    stroke: var(--color-secondary);
  }

  .data-\[state\=false\]\:pb-0[data-state="false"] {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .data-\[state\=false\]\:pb-8[data-state="false"] {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .data-\[state\=selected\]\:text-secondary[data-state="selected"] {
    color: var(--color-secondary);
  }

  .data-\[state\=true\]\:bg-\[\#142E6E\][data-state="true"] {
    background-color: #142e6e;
  }

  .data-\[state\=true\]\:bg-secondary[data-state="true"] {
    background-color: var(--color-secondary);
  }

  .data-\[state\=true\]\:stroke-white[data-state="true"] {
    stroke: var(--color-white);
  }

  .data-\[state\=true\]\:pb-4[data-state="true"] {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .data-\[state\=true\]\:pb-8[data-state="true"] {
    padding-bottom: calc(var(--spacing) * 8);
  }

  @media not all and (min-width: 425px) {
    .max-\[425\]\:ms-56 {
      margin-inline-start: calc(var(--spacing) * 56);
    }

    .max-\[425\]\:translate-y-\[30\%\] {
      --tw-translate-y: 30%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media not all and (min-width: 1920px) {
    .max-\[1920px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media not all and (min-width: 1440px) {
    .max-lp\:-bottom-24 {
      bottom: calc(var(--spacing) * -24);
    }

    .max-lp\:mx-5 {
      margin-inline: calc(var(--spacing) * 5);
    }
  }

  @media not all and (min-width: 769px) {
    .max-\[769px\]\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  @media not all and (min-width: 641px) {
    .max-\[641px\]\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media not all and (min-width: 526px) {
    .max-\[526px\]\:btn-md {
      min-width: 90px;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }

    .max-\[526px\]\:btn-md:hover:before {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
      --tw-translate-x: calc(var(--spacing) * -3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .max-\[526px\]\:w-full {
      width: 100%;
    }
  }

  @media not all and (min-width: 500px) {
    .max-\[500px\]\:\!mx-5 {
      margin-inline: calc(var(--spacing) * 5) !important;
    }

    .max-\[500px\]\:hidden {
      display: none;
    }

    .max-\[500px\]\:max-w-\[320px\] {
      max-width: 320px;
    }
  }

  @media not all and (min-width: 435px) {
    .max-\[435px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[435px\]\:items-start {
      align-items: flex-start;
    }
  }

  @media not all and (min-width: 426px) {
    .max-\[426px\]\:mb-2\.5 {
      margin-bottom: calc(var(--spacing) * 2.5);
    }

    .max-\[426px\]\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .max-\[426px\]\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .max-\[426px\]\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .max-\[426px\]\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }

    .max-\[426px\]\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

    .max-\[426px\]\:size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }

    .max-\[426px\]\:w-\[87\%\] {
      width: 87%;
    }

    .max-\[426px\]\:w-\[90\%\] {
      width: 90%;
    }

    .max-\[426px\]\:max-w-\[320px\] {
      max-width: 320px;
    }

    .max-\[426px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .max-\[426px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .max-\[426px\]\:rounded-xl {
      border-radius: var(--radius-xl);
    }

    .max-\[426px\]\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }

    .max-\[426px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .max-\[426px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[426px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-\[426px\]\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:py-0\.5 {
      padding-block: calc(var(--spacing) * .5);
    }

    .max-\[426px\]\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .max-\[426px\]\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .max-\[426px\]\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .max-\[426px\]\:text-left {
      text-align: left;
    }

    .max-\[426px\]\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .max-\[426px\]\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .max-\[426px\]\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .max-\[426px\]\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }
  }

  @media not all and (min-width: 425px) {
    .max-\[425px\]\:w-full {
      width: 100%;
    }

    .max-\[425px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[425px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[425px\]\:text-center {
      text-align: center;
    }
  }

  @media not all and (min-width: 400px) {
    .max-\[400px\]\:-top-4 {
      top: calc(var(--spacing) * -4);
    }

    .max-\[400px\]\:-top-\[20\%\] {
      top: -20%;
    }

    .max-\[400px\]\:-right-4 {
      right: calc(var(--spacing) * -4);
    }

    .max-\[400px\]\:-right-\[32\%\] {
      right: -32%;
    }

    .max-\[400px\]\:-right-\[70\%\] {
      right: -70%;
    }

    .max-\[400px\]\:mx-auto {
      margin-inline: auto;
    }

    .max-\[400px\]\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .max-\[400px\]\:max-h-\[20\%\] {
      max-height: 20%;
    }

    .max-\[400px\]\:max-h-\[500px\] {
      max-height: 500px;
    }

    .max-\[400px\]\:\!max-w-\[250px\] {
      max-width: 250px !important;
    }

    .max-\[400px\]\:max-w-\[90\%\] {
      max-width: 90%;
    }

    .max-\[400px\]\:max-w-\[270px\] {
      max-width: 270px;
    }

    .max-\[400px\]\:max-w-\[300px\] {
      max-width: 300px;
    }

    .max-\[400px\]\:max-w-\[320px\] {
      max-width: 320px;
    }

    .max-\[400px\]\:max-w-\[350px\] {
      max-width: 350px;
    }

    .max-\[400px\]\:rotate-\[73deg\] {
      rotate: 73deg;
    }

    .max-\[400px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[400px\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-\[400px\]\:justify-center {
      justify-content: center;
    }

    .max-\[400px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[400px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[400px\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    :where(.max-\[400px\]\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-\[400px\]\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .max-\[400px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .max-\[400px\]\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .max-\[400px\]\:text-center {
      text-align: center;
    }

    .max-\[400px\]\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .max-\[400px\]\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }
  }

  @media not all and (min-width: 377px) {
    .max-\[377px\]\:right-\[-90\%\] {
      right: -90%;
    }
  }

  @media not all and (min-width: 376px) {
    .max-\[376px\]\:-top-\[80\%\] {
      top: -80%;
    }

    .max-\[376px\]\:top-\[-6px\] {
      top: -6px;
    }

    .max-\[376px\]\:top-\[666px\] {
      top: 666px;
    }

    .max-\[376px\]\:right-\[-43px\] {
      right: -43px;
    }

    .max-\[376px\]\:right-\[-67px\] {
      right: -67px;
    }

    .max-\[376px\]\:right-\[-68\%\] {
      right: -68%;
    }

    .max-\[376px\]\:right-\[-71px\] {
      right: -71px;
    }

    .max-\[376px\]\:right-\[-83\%\] {
      right: -83%;
    }

    .max-\[376px\]\:bottom-\[-45\%\] {
      bottom: -45%;
    }

    .max-\[376px\]\:-left-\[76\%\] {
      left: -76%;
    }

    .max-\[376px\]\:left-\[-152\%\] {
      left: -152%;
    }

    .max-\[376px\]\:left-\[16\%\] {
      left: 16%;
    }

    .max-\[376px\]\:left-\[25px\] {
      left: 25px;
    }

    .max-\[376px\]\:h-\[850px\] {
      height: 850px;
    }

    .max-\[376px\]\:w-\[97\%\%\] {
      width: 97%% ;
    }

    .max-\[376px\]\:w-\[97\%\] {
      width: 97%;
    }

    .max-\[376px\]\:w-\[250px\] {
      width: 250px;
    }

    .max-\[376px\]\:w-full {
      width: 100%;
    }

    .max-\[376px\]\:max-w-full {
      max-width: 100%;
    }
  }

  @media not all and (min-width: 375px) {
    .max-\[375px\]\:max-w-\[270px\] {
      max-width: 270px;
    }

    .max-\[375px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[375px\]\:text-center {
      text-align: center;
    }
  }

  @media not all and (min-width: 96rem) {
    .max-2xl\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-xl\:-bottom-28 {
      bottom: calc(var(--spacing) * -28);
    }

    .max-xl\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .max-xl\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .max-xl\:w-\[180px\] {
      width: 180px;
    }

    .max-xl\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-xl\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-xl\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-lg\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .max-lg\:left-1\/2 {
      left: 50%;
    }

    .max-lg\:order-0 {
      order: 0;
    }

    .max-lg\:order-1 {
      order: 1;
    }

    .max-lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .max-lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .max-lg\:mx-auto {
      margin-inline: auto;
    }

    .max-lg\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .max-lg\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .max-lg\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .max-lg\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .max-lg\:mb-\[70px\] {
      margin-bottom: 70px;
    }

    .max-lg\:flex {
      display: flex;
    }

    .max-lg\:h-\[600px\] {
      height: 600px;
    }

    .max-lg\:w-\[90\%\] {
      width: 90%;
    }

    .max-lg\:w-\[600px\] {
      width: 600px;
    }

    .max-lg\:w-full {
      width: 100%;
    }

    .max-lg\:max-w-\[200px\] {
      max-width: 200px;
    }

    .max-lg\:max-w-\[500px\] {
      max-width: 500px;
    }

    .max-lg\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-lg\:flex-col {
      flex-direction: column;
    }

    .max-lg\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-lg\:items-center {
      align-items: center;
    }

    .max-lg\:justify-between {
      justify-content: space-between;
    }

    .max-lg\:justify-center {
      justify-content: center;
    }

    .max-lg\:justify-items-center {
      justify-items: center;
    }

    .max-lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    :where(.max-lg\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.max-lg\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-lg\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .max-lg\:bg-background-4 {
      background-color: var(--color-background-4);
    }

    .max-lg\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .max-lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .max-lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .max-lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .max-lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .max-lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }

    .max-lg\:text-center {
      text-align: center;
    }

    .max-lg\:text-left {
      text-align: left;
    }

    .max-lg\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .max-lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .max-lg\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:\!top-8 {
      top: calc(var(--spacing) * 8) !important;
    }

    .max-md\:order-1 {
      order: 1;
    }

    .max-md\:order-2 {
      order: 2;
    }

    .max-md\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .max-md\:col-span-full {
      grid-column: 1 / -1;
    }

    .max-md\:mx-auto {
      margin-inline: auto;
    }

    .max-md\:mb-18 {
      margin-bottom: calc(var(--spacing) * 18);
    }

    .max-md\:flex {
      display: flex;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:btn-md {
      min-width: 90px;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }

    .max-md\:btn-md:hover:before {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
      --tw-translate-x: calc(var(--spacing) * -3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .max-md\:h-\[300px\] {
      height: 300px;
    }

    .max-md\:h-\[500px\] {
      height: 500px;
    }

    .max-md\:min-h-\[320px\] {
      min-height: 320px;
    }

    .max-md\:w-\[70\%\] {
      width: 70%;
    }

    .max-md\:w-\[90\%\] {
      width: 90%;
    }

    .max-md\:w-\[350px\] {
      width: 350px;
    }

    .max-md\:w-\[400px\] {
      width: 400px;
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:max-w-\[300px\] {
      max-width: 300px;
    }

    .max-md\:max-w-full {
      max-width: 100%;
    }

    .max-md\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-md\:items-center {
      align-items: center;
    }

    .max-md\:justify-between {
      justify-content: space-between;
    }

    .max-md\:justify-center {
      justify-content: center;
    }

    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    :where(.max-md\:space-y-0\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.max-md\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.max-md\:space-y-18 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-md\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .max-md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .max-md\:gap-y-18 {
      row-gap: calc(var(--spacing) * 18);
    }

    .max-md\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }

    .max-md\:gap-y-\[42px\] {
      row-gap: 42px;
    }

    .max-md\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .max-md\:border-b, .max-md\:border-b-1 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .max-md\:border-b-accent\/20 {
      border-bottom-color: #fcfcfc33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .max-md\:border-b-accent\/20 {
        border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
      }
    }

    .max-md\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .max-md\:text-center {
      text-align: center;
    }

    .max-md\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .max-md\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }
  }

  .before\:max-md\:top-0:before {
    content: var(--tw-content);
  }

  @media not all and (min-width: 48rem) {
    .before\:max-md\:top-0:before {
      top: calc(var(--spacing) * 0);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:top-\[10px\] {
      top: 10px;
    }

    .max-sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-sm\:bottom-\[-20px\] {
      bottom: -20px;
    }

    .max-sm\:mx-3 {
      margin-inline: calc(var(--spacing) * 3);
    }

    .max-sm\:mx-5 {
      margin-inline: calc(var(--spacing) * 5);
    }

    .max-sm\:mx-auto {
      margin-inline: auto;
    }

    .max-sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .max-sm\:size-4 {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }

    .max-sm\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .max-sm\:min-h-\[245px\] {
      min-height: 245px;
    }

    .max-sm\:min-h-\[255px\] {
      min-height: 255px;
    }

    .max-sm\:w-\[80\%\] {
      width: 80%;
    }

    .max-sm\:w-\[130px\] {
      width: 130px;
    }

    .max-sm\:w-\[150px\] {
      width: 150px;
    }

    .max-sm\:w-\[200px\] {
      width: 200px;
    }

    .max-sm\:w-\[250px\] {
      width: 250px;
    }

    .max-sm\:w-\[300px\] {
      width: 300px;
    }

    .max-sm\:w-full {
      width: 100%;
    }

    .max-sm\:max-w-\[300px\] {
      max-width: 300px;
    }

    .max-sm\:max-w-\[320px\] {
      max-width: 320px;
    }

    .max-sm\:max-w-\[420px\] {
      max-width: 420px;
    }

    .max-sm\:max-w-\[450px\] {
      max-width: 450px;
    }

    .max-sm\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-sm\:scale-75 {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .max-sm\:\!grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }

    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-sm\:flex-col {
      flex-direction: column;
    }

    .max-sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-sm\:justify-center {
      justify-content: center;
    }

    .max-sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    :where(.max-sm\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.max-sm\:space-y-18 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-sm\:gap-x-0 {
      column-gap: calc(var(--spacing) * 0);
    }

    .max-sm\:gap-y-5 {
      row-gap: calc(var(--spacing) * 5);
    }

    .max-sm\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .max-sm\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }

    .max-sm\:gap-y-\[42px\] {
      row-gap: 42px;
    }

    .max-sm\:overflow-hidden {
      overflow: hidden;
    }

    .max-sm\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .max-sm\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .max-sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }

    .max-sm\:bg-background-4 {
      background-color: var(--color-background-4);
    }

    .max-sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .max-sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .max-sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .max-sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .max-sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .max-sm\:pt-\[200px\] {
      padding-top: 200px;
    }

    .max-sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .max-sm\:text-center {
      text-align: center;
    }

    .max-sm\:text-heading-4 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }

    .max-sm\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .max-sm\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }
  }

  @media (min-width: 400px) {
    .min-\[400px\]\:-top-\[50\%\] {
      top: -50%;
    }

    .min-\[400px\]\:-top-\[105\%\] {
      top: -105%;
    }
  }

  @media (min-width: 407px) {
    .min-\[407px\]\:block {
      display: block;
    }
  }

  @media (min-width: 410px) {
    .min-\[410px\]\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 425px) {
    .min-\[425px\]\:size-\[200px\] {
      width: 200px;
      height: 200px;
    }

    .min-\[425px\]\:size-\[300px\] {
      width: 300px;
      height: 300px;
    }

    .min-\[425px\]\:size-\[400px\] {
      width: 400px;
      height: 400px;
    }

    .min-\[425px\]\:max-w-\[150px\] {
      max-width: 150px;
    }

    .min-\[425px\]\:max-w-\[350px\] {
      max-width: 350px;
    }

    .min-\[425px\]\:max-w-\[360px\] {
      max-width: 360px;
    }

    .min-\[425px\]\:max-w-\[375px\] {
      max-width: 375px;
    }

    .min-\[425px\]\:max-w-\[380px\] {
      max-width: 380px;
    }

    .min-\[425px\]\:max-w-\[400px\] {
      max-width: 400px;
    }

    .min-\[425px\]\:bg-\[url\(\'\/images\/ns-img-242\.png\'\)\] {
      background-image: url("../images/ns-img-242.png");
    }

    .min-\[425px\]\:py-\[60px\] {
      padding-block: 60px;
    }
  }

  @media (min-width: 445px) {
    .min-\[445px\]\:-top-\[17\%\] {
      top: -17%;
    }

    .min-\[445px\]\:max-w-\[500px\] {
      max-width: 500px;
    }
  }

  @media (min-width: 470px) {
    .min-\[470px\]\:-right-\[60\%\] {
      right: -60%;
    }
  }

  @media (min-width: 475px) {
    .min-\[475px\]\:max-w-\[450px\] {
      max-width: 450px;
    }

    .min-\[475px\]\:p-14 {
      padding: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 500px) {
    .min-\[500px\]\:-top-\[20\%\] {
      top: -20%;
    }

    .min-\[500px\]\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .min-\[500px\]\:-mb-10 {
      margin-bottom: calc(var(--spacing) * -10);
    }

    .min-\[500px\]\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .min-\[500px\]\:max-w-\[450px\] {
      max-width: 450px;
    }
  }

  @media (min-width: 510px) {
    .min-\[510px\]\:-top-\[80\%\] {
      top: -80%;
    }
  }

  @media (min-width: 550px) {
    .min-\[550px\]\:-right-\[20\%\] {
      right: -20%;
    }

    .min-\[550px\]\:w-\[80\%\] {
      width: 80%;
    }
  }

  @media (min-width: 575px) {
    .min-\[575px\]\:-right-\[21\%\] {
      right: -21%;
    }

    .min-\[575px\]\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .min-\[575px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    :where(.min-\[575px\]\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    .min-\[575px\]\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 860px) {
    .min-\[860px\]\:top-\[27\.5\%\] {
      top: 27.5%;
    }
  }

  @media (min-width: 925px) {
    .min-\[925px\]\:top-\[-85px\] {
      top: -85px;
    }
  }

  @media (min-width: 1096px) {
    .min-\[1096px\]\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 1440px) {
    .lp\:\!top-\[15\%\] {
      top: 15% !important;
    }

    .lp\:top-3\/4 {
      top: 75%;
    }

    .lp\:top-\[40\%\] {
      top: 40%;
    }

    .lp\:top-\[50\%\] {
      top: 50%;
    }

    .min-\[1440px\]\:top-\[350px\] {
      top: 350px;
    }

    .lp\:right-\[-20px\] {
      right: -20px;
    }

    .lp\:\!bottom-\[90px\] {
      bottom: 90px !important;
    }

    .lp\:left-\[60\%\] {
      left: 60%;
    }

    .lp\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lp\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lp\:mx-auto {
      margin-inline: auto;
    }

    .lp\:ms-64 {
      margin-inline-start: calc(var(--spacing) * 64);
    }

    .lp\:block {
      display: block;
    }

    .lp\:\!h-\[925px\] {
      height: 925px !important;
    }

    .lp\:\!max-w-\[1290px\] {
      max-width: 1290px !important;
    }

    .lp\:max-w-\[324px\] {
      max-width: 324px;
    }

    .lp\:max-w-\[605px\] {
      max-width: 605px;
    }

    .lp\:max-w-\[1240px\] {
      max-width: 1240px;
    }

    .lp\:max-w-\[1290px\] {
      max-width: 1290px;
    }

    .lp\:max-w-\[1416px\] {
      max-width: 1416px;
    }

    .lp\:-translate-y-3\/4 {
      --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lp\:gap-\[42px\] {
      gap: 42px;
    }

    .lp\:gap-\[100px\] {
      gap: 100px;
    }

    .lp\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .lp\:pl-\[150px\] {
      padding-left: 150px;
    }

    .lp\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .lp\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }
  }

  @media (min-width: 1535px) {
    .min-\[1535px\]\:\!-right-\[12\%\] {
      right: -12% !important;
    }

    .min-\[1535px\]\:\!bottom-\[18\%\] {
      bottom: 18% !important;
    }

    .min-\[1535px\]\:\!-left-\[5\%\] {
      left: -5% !important;
    }

    .min-\[1535px\]\:\!-left-\[10\%\] {
      left: -10% !important;
    }
  }

  @media (min-width: 1735px) {
    .min-\[1735px\]\:\!-right-\[18\%\] {
      right: -18% !important;
    }

    .min-\[1735px\]\:\!bottom-\[18\%\] {
      bottom: 18% !important;
    }

    .min-\[1735px\]\:\!-left-\[12\.5\%\] {
      left: -12.5% !important;
    }

    .min-\[1735px\]\:\!-left-\[16\%\] {
      left: -16% !important;
    }
  }

  @media (min-width: 1880px) {
    .min-\[1880px\]\:\!px-0 {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }

  @media (min-width: 1921px) {
    .min-\[1921px\]\:overflow-hidden {
      overflow: hidden;
    }
  }

  @media (min-width: 2550px) {
    .min-\[2550px\]\:\!bottom-\[-25\%\] {
      bottom: -25% !important;
    }

    .min-\[2550px\]\:\!h-\[calc\(100\%-1px\)\] {
      height: calc(100% - 1px) !important;
    }
  }

  @media (min-width: 2559px) {
    .min-\[2559px\]\:\!top-\[0px\] {
      top: 0 !important;
    }

    .min-\[2559px\]\:\!right-\[-10\%\] {
      right: -10% !important;
    }

    .min-\[2559px\]\:\!bottom-\[-14\%\] {
      bottom: -14% !important;
    }

    .min-\[2559px\]\:\!left-\[-0\%\] {
      left: -0% !important;
    }

    .min-\[2559px\]\:\!left-\[-14\%\] {
      left: -14% !important;
    }

    .min-\[2559px\]\:\!left-\[-16\%\] {
      left: -16% !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:-top-80 {
      top: calc(var(--spacing) * -80);
    }

    .sm\:-top-\[14\%\] {
      top: -14%;
    }

    .sm\:-top-\[15\%\] {
      top: -15%;
    }

    .sm\:-top-\[22\%\] {
      top: -22%;
    }

    .sm\:-top-\[24\%\] {
      top: -24%;
    }

    .sm\:-top-\[35\%\] {
      top: -35%;
    }

    .sm\:-top-\[45\%\] {
      top: -45%;
    }

    .sm\:-top-\[50\%\] {
      top: -50%;
    }

    .sm\:-top-\[65\%\] {
      top: -65%;
    }

    .sm\:-top-\[75\%\] {
      top: -75%;
    }

    .sm\:-top-\[85\%\] {
      top: -85%;
    }

    .sm\:-top-\[90px\] {
      top: -90px;
    }

    .sm\:-top-\[100\%\] {
      top: -100%;
    }

    .sm\:-top-\[105\%\] {
      top: -105%;
    }

    .sm\:-top-\[110\%\] {
      top: -110%;
    }

    .sm\:-top-\[220\%\] {
      top: -220%;
    }

    .sm\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .sm\:top-\[-136px\] {
      top: -136px;
    }

    .sm\:top-\[-486px\] {
      top: -486px;
    }

    .sm\:top-\[-611px\] {
      top: -611px;
    }

    .sm\:top-\[31\%\] {
      top: 31%;
    }

    .sm\:top-\[33\%\] {
      top: 33%;
    }

    .sm\:top-\[37\%\] {
      top: 37%;
    }

    .sm\:top-\[38\%\] {
      top: 38%;
    }

    .sm\:top-\[44\%\] {
      top: 44%;
    }

    .sm\:top-\[58px\] {
      top: 58px;
    }

    .sm\:top-\[70px\] {
      top: 70px;
    }

    .sm\:top-\[80px\] {
      top: 80px;
    }

    .sm\:-right-4 {
      right: calc(var(--spacing) * -4);
    }

    .sm\:-right-\[20\%\] {
      right: -20%;
    }

    .sm\:-right-\[40\%\] {
      right: -40%;
    }

    .sm\:-right-\[48\%\] {
      right: -48%;
    }

    .sm\:-right-\[50\%\] {
      right: -50%;
    }

    .sm\:-right-\[65\%\] {
      right: -65%;
    }

    .sm\:-right-\[85\%\] {
      right: -85%;
    }

    .sm\:-right-\[100\%\] {
      right: -100%;
    }

    .sm\:-right-\[150px\] {
      right: -150px;
    }

    .sm\:-right-\[200px\] {
      right: -200px;
    }

    .sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .sm\:right-2 {
      right: calc(var(--spacing) * 2);
    }

    .sm\:right-14 {
      right: calc(var(--spacing) * 14);
    }

    .sm\:right-\[-466px\] {
      right: -466px;
    }

    .sm\:right-\[-532px\] {
      right: -532px;
    }

    .sm\:right-\[8\%\] {
      right: 8%;
    }

    .sm\:right-\[19\%\] {
      right: 19%;
    }

    .sm\:right-\[20\%\] {
      right: 20%;
    }

    .sm\:-bottom-8 {
      bottom: calc(var(--spacing) * -8);
    }

    .sm\:-bottom-\[15\%\] {
      bottom: -15%;
    }

    .sm\:-bottom-\[40\%\] {
      bottom: -40%;
    }

    .sm\:-bottom-\[60px\] {
      bottom: -60px;
    }

    .sm\:-bottom-\[150px\] {
      bottom: -150px;
    }

    .sm\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .sm\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .sm\:bottom-10\.5 {
      bottom: calc(var(--spacing) * 10.5);
    }

    .sm\:bottom-14 {
      bottom: calc(var(--spacing) * 14);
    }

    .sm\:bottom-\[5\%\] {
      bottom: 5%;
    }

    .sm\:bottom-\[85px\] {
      bottom: 85px;
    }

    .sm\:bottom-\[111px\] {
      bottom: 111px;
    }

    .sm\:-left-\[30\%\] {
      left: -30%;
    }

    .sm\:-left-\[45px\] {
      left: -45px;
    }

    .sm\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .sm\:left-8 {
      left: calc(var(--spacing) * 8);
    }

    .sm\:left-10 {
      left: calc(var(--spacing) * 10);
    }

    .sm\:left-\[-72px\] {
      left: -72px;
    }

    .sm\:left-\[0\%\] {
      left: 0%;
    }

    .sm\:left-\[8\%\] {
      left: 8%;
    }

    .sm\:left-\[16\%\] {
      left: 16%;
    }

    .sm\:left-\[40\%\] {
      left: 40%;
    }

    .sm\:left-\[63\%\] {
      left: 63%;
    }

    .sm\:left-\[78px\] {
      left: 78px;
    }

    .sm\:order-1 {
      order: 1;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .sm\:mx-10 {
      margin-inline: calc(var(--spacing) * 10);
    }

    .sm\:mx-auto {
      margin-inline: auto;
    }

    .sm\:-mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .sm\:-mt-8 {
      margin-top: calc(var(--spacing) * -8);
    }

    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .sm\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .sm\:mt-13\.5 {
      margin-top: calc(var(--spacing) * 13.5);
    }

    .sm\:mt-\[5\.5px\] {
      margin-top: 5.5px;
    }

    .sm\:mt-\[43px\] {
      margin-top: 43px;
    }

    .sm\:mt-\[100px\] {
      margin-top: 100px;
    }

    .sm\:mt-\[150px\] {
      margin-top: 150px;
    }

    .sm\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .sm\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .sm\:mb-\[17px\] {
      margin-bottom: 17px;
    }

    .sm\:mb-\[42px\] {
      margin-bottom: 42px;
    }

    .sm\:mb-\[70px\] {
      margin-bottom: 70px;
    }

    .sm\:ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }

    .sm\:ml-16 {
      margin-left: calc(var(--spacing) * 16);
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline-block {
      display: inline-block;
    }

    .sm\:btn-xl {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .sm\:btn-xl:hover:before {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .sm\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .sm\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }

    .sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .sm\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .sm\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

    .sm\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .sm\:size-16 {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }

    .sm\:size-\[60px\] {
      width: 60px;
      height: 60px;
    }

    .sm\:size-\[75px\] {
      width: 75px;
      height: 75px;
    }

    .sm\:size-\[300px\] {
      width: 300px;
      height: 300px;
    }

    .sm\:size-\[400px\] {
      width: 400px;
      height: 400px;
    }

    .sm\:size-\[500px\] {
      width: 500px;
      height: 500px;
    }

    .sm\:size-\[550px\] {
      width: 550px;
      height: 550px;
    }

    .sm\:size-\[600px\] {
      width: 600px;
      height: 600px;
    }

    .sm\:size-\[900px\] {
      width: 900px;
      height: 900px;
    }

    .sm\:size-\[1000px\] {
      width: 1000px;
      height: 1000px;
    }

    .sm\:\!h-13 {
      height: calc(var(--spacing) * 13) !important;
    }

    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .sm\:h-\[130px\] {
      height: 130px;
    }

    .sm\:h-\[270px\] {
      height: 270px;
    }

    .sm\:h-\[375px\] {
      height: 375px;
    }

    .sm\:h-\[412px\] {
      height: 412px;
    }

    .sm\:h-\[420px\] {
      height: 420px;
    }

    .sm\:h-\[450px\] {
      height: 450px;
    }

    .sm\:h-\[612px\] {
      height: 612px;
    }

    .sm\:h-\[750px\] {
      height: 750px;
    }

    .sm\:h-\[920px\] {
      height: 920px;
    }

    .sm\:h-auto {
      height: auto;
    }

    .sm\:max-h-\[400px\] {
      max-height: 400px;
    }

    .sm\:min-h-\[292px\] {
      min-height: 292px;
    }

    .sm\:\!w-fit {
      width: fit-content !important;
    }

    .sm\:w-1\/2 {
      width: 50%;
    }

    .sm\:w-2\/5 {
      width: 40%;
    }

    .sm\:w-3\/5 {
      width: 60%;
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }

    .sm\:w-\[28\%\] {
      width: 28%;
    }

    .sm\:w-\[45\%\] {
      width: 45%;
    }

    .sm\:w-\[55\%\] {
      width: 55%;
    }

    .sm\:w-\[80\%\] {
      width: 80%;
    }

    .sm\:w-\[80px\] {
      width: 80px;
    }

    .sm\:w-\[102px\] {
      width: 102px;
    }

    .sm\:w-\[172px\] {
      width: 172px;
    }

    .sm\:w-\[192px\] {
      width: 192px;
    }

    .sm\:w-\[200px\] {
      width: 200px;
    }

    .sm\:w-\[239px\] {
      width: 239px;
    }

    .sm\:w-\[240px\] {
      width: 240px;
    }

    .sm\:w-\[298px\] {
      width: 298px;
    }

    .sm\:w-\[340px\] {
      width: 340px;
    }

    .sm\:w-\[362px\] {
      width: 362px;
    }

    .sm\:w-\[450px\] {
      width: 450px;
    }

    .sm\:w-\[640px\] {
      width: 640px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-fit {
      width: fit-content;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:max-w-\[150px\] {
      max-width: 150px;
    }

    .sm\:max-w-\[200px\] {
      max-width: 200px;
    }

    .sm\:max-w-\[228px\] {
      max-width: 228px;
    }

    .sm\:max-w-\[240px\] {
      max-width: 240px;
    }

    .sm\:max-w-\[288px\] {
      max-width: 288px;
    }

    .sm\:max-w-\[300px\] {
      max-width: 300px;
    }

    .sm\:max-w-\[310px\] {
      max-width: 310px;
    }

    .sm\:max-w-\[320px\] {
      max-width: 320px;
    }

    .sm\:max-w-\[324px\] {
      max-width: 324px;
    }

    .sm\:max-w-\[333px\] {
      max-width: 333px;
    }

    .sm\:max-w-\[340px\] {
      max-width: 340px;
    }

    .sm\:max-w-\[345px\] {
      max-width: 345px;
    }

    .sm\:max-w-\[350px\] {
      max-width: 350px;
    }

    .sm\:max-w-\[358px\] {
      max-width: 358px;
    }

    .sm\:max-w-\[380px\] {
      max-width: 380px;
    }

    .sm\:max-w-\[389px\] {
      max-width: 389px;
    }

    .sm\:max-w-\[390px\] {
      max-width: 390px;
    }

    .sm\:max-w-\[393px\] {
      max-width: 393px;
    }

    .sm\:max-w-\[400px\] {
      max-width: 400px;
    }

    .sm\:max-w-\[403px\] {
      max-width: 403px;
    }

    .sm\:max-w-\[440px\] {
      max-width: 440px;
    }

    .sm\:max-w-\[450px\] {
      max-width: 450px;
    }

    .sm\:max-w-\[462px\] {
      max-width: 462px;
    }

    .sm\:max-w-\[467px\] {
      max-width: 467px;
    }

    .sm\:max-w-\[470px\] {
      max-width: 470px;
    }

    .sm\:max-w-\[481px\] {
      max-width: 481px;
    }

    .sm\:max-w-\[483px\] {
      max-width: 483px;
    }

    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }

    .sm\:max-w-\[510px\] {
      max-width: 510px;
    }

    .sm\:max-w-\[518px\] {
      max-width: 518px;
    }

    .sm\:max-w-\[520px\] {
      max-width: 520px;
    }

    .sm\:max-w-\[540px\] {
      max-width: 540px;
    }

    .sm\:max-w-\[550px\] {
      max-width: 550px;
    }

    .sm\:max-w-\[560px\] {
      max-width: 560px;
    }

    .sm\:max-w-\[580px\] {
      max-width: 580px;
    }

    .sm\:max-w-\[596px\] {
      max-width: 596px;
    }

    .sm\:max-w-\[600px\] {
      max-width: 600px;
    }

    .sm\:max-w-\[629px\] {
      max-width: 629px;
    }

    .sm\:max-w-\[850px\] {
      max-width: 850px;
    }

    .sm\:max-w-full {
      max-width: 100%;
    }

    .sm\:min-w-\[340px\] {
      min-width: 340px;
    }

    .sm\:min-w-\[358px\] {
      min-width: 358px;
    }

    .sm\:min-w-\[360px\] {
      min-width: 360px;
    }

    .sm\:min-w-\[400px\] {
      min-width: 400px;
    }

    .sm\:min-w-md {
      min-width: var(--container-md);
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:flex-1\/2 {
      flex: 50%;
    }

    .sm\:-rotate-\[30deg\] {
      rotate: -30deg;
    }

    .sm\:-rotate-\[260deg\] {
      rotate: -260deg;
    }

    .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\:flex-col {
      flex-direction: column;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .sm\:gap-\[22px\] {
      gap: 22px;
    }

    .sm\:gap-\[42px\] {
      gap: 42px;
    }

    .sm\:gap-\[200px\] {
      gap: 200px;
    }

    :where(.sm\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-7 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-20 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-\[50px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(50px * var(--tw-space-y-reverse));
      margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.sm\:space-y-\[70px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(70px * var(--tw-space-y-reverse));
      margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-x-\[42px\] {
      column-gap: 42px;
    }

    :where(.sm\:-space-x-3\.5 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -3.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -3.5) * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .sm\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-y-5 {
      row-gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }

    .sm\:gap-y-16 {
      row-gap: calc(var(--spacing) * 16);
    }

    .sm\:gap-y-24 {
      row-gap: calc(var(--spacing) * 24);
    }

    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }

    .sm\:rounded-\[20px\] {
      border-radius: 20px;
    }

    .sm\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .sm\:border-\[10px\] {
      border-style: var(--tw-border-style);
      border-width: 10px;
    }

    .sm\:border-\[12px\] {
      border-style: var(--tw-border-style);
      border-width: 12px;
    }

    .sm\:bg-background-2 {
      background-color: var(--color-background-2);
    }

    .sm\:bg-\[url\(\'\/images\/ns-img-375\.jpg\'\)\] {
      background-image: url("../images/ns-img-375.jpg");
    }

    .sm\:object-cover {
      object-fit: cover;
    }

    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .sm\:p-10\.5 {
      padding: calc(var(--spacing) * 10.5);
    }

    .sm\:p-11 {
      padding: calc(var(--spacing) * 11);
    }

    .sm\:p-14 {
      padding: calc(var(--spacing) * 14);
    }

    .sm\:p-20 {
      padding: calc(var(--spacing) * 20);
    }

    .sm\:p-\[42px\] {
      padding: 42px;
    }

    .sm\:p-\[70px\] {
      padding: 70px;
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .sm\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .sm\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .sm\:px-\[29px\] {
      padding-inline: 29px;
    }

    .sm\:px-\[34px\] {
      padding-inline: 34px;
    }

    .sm\:px-\[60px\] {
      padding-inline: 60px;
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:py-10\.5 {
      padding-block: calc(var(--spacing) * 10.5);
    }

    .sm\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .sm\:py-\[35px\] {
      padding-block: 35px;
    }

    .sm\:py-\[100px\] {
      padding-block: 100px;
    }

    .sm\:py-\[120px\] {
      padding-block: 120px;
    }

    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .sm\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .sm\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .sm\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .sm\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .sm\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .sm\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .sm\:pt-\[100px\] {
      padding-top: 100px;
    }

    .sm\:pt-\[150px\] {
      padding-top: 150px;
    }

    .sm\:pt-\[160px\] {
      padding-top: 160px;
    }

    .sm\:pt-\[170px\] {
      padding-top: 170px;
    }

    .sm\:pt-\[190px\] {
      padding-top: 190px;
    }

    .sm\:pt-\[230px\] {
      padding-top: 230px;
    }

    .sm\:pt-\[280px\] {
      padding-top: 280px;
    }

    .sm\:pr-1 {
      padding-right: calc(var(--spacing) * 1);
    }

    .sm\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .sm\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .sm\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .sm\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }

    .sm\:pb-\[100px\] {
      padding-bottom: 100px;
    }

    .sm\:pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }

    .sm\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }

    .sm\:text-center {
      text-align: center;
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-right {
      text-align: right;
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-heading-4 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }

    .sm\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .sm\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .sm\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }

    .sm\:text-\[36px\] {
      font-size: 36px;
    }

    .sm\:text-\[52px\] {
      font-size: 52px;
    }

    .sm\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }

    @media (min-width: 40rem) {
      .sm\:sm\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }

    .sm\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }

    .sm\:after\:z-40:after {
      content: var(--tw-content);
      z-index: 40;
    }

    .sm\:after\:h-\[504px\]:after {
      content: var(--tw-content);
      height: 504px;
    }

    .sm\:after\:w-\[641px\]:after {
      content: var(--tw-content);
      width: 641px;
    }

    .sm\:after\:content-\[\'\'\]:after {
      content: var(--tw-content);
      --tw-content: "";
      content: var(--tw-content);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:-top-28 {
      top: calc(var(--spacing) * -28);
    }

    .md\:-top-\[30\%\] {
      top: -30%;
    }

    .md\:-top-\[35\%\] {
      top: -35%;
    }

    .md\:-top-\[40\%\] {
      top: -40%;
    }

    .md\:-top-\[47\%\] {
      top: -47%;
    }

    .md\:-top-\[65\%\] {
      top: -65%;
    }

    .md\:-top-\[66\%\] {
      top: -66%;
    }

    .md\:-top-\[73\%\] {
      top: -73%;
    }

    .md\:-top-\[78\%\] {
      top: -78%;
    }

    .md\:-top-\[80\%\] {
      top: -80%;
    }

    .md\:-top-\[85\%\] {
      top: -85%;
    }

    .md\:-top-\[100\%\] {
      top: -100%;
    }

    .md\:-top-\[100px\] {
      top: -100px;
    }

    .md\:-top-\[110\%\] {
      top: -110%;
    }

    .md\:-top-\[112\%\] {
      top: -112%;
    }

    .md\:-top-\[117\%\] {
      top: -117%;
    }

    .md\:-top-\[130\%\] {
      top: -130%;
    }

    .md\:-top-\[190\%\] {
      top: -190%;
    }

    .md\:-top-\[190px\] {
      top: -190px;
    }

    .md\:-top-\[300\%\] {
      top: -300%;
    }

    .md\:-top-\[1070px\] {
      top: -1070px;
    }

    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .md\:top-5 {
      top: calc(var(--spacing) * 5);
    }

    .md\:top-\[-6px\] {
      top: -6px;
    }

    .md\:top-\[-17\%\] {
      top: -17%;
    }

    .md\:top-\[-19\%\] {
      top: -19%;
    }

    .md\:top-\[-21\%\] {
      top: -21%;
    }

    .md\:top-\[-25\%\] {
      top: -25%;
    }

    .md\:top-\[-27\%\] {
      top: -27%;
    }

    .md\:top-\[-77\%\] {
      top: -77%;
    }

    .md\:top-\[-113px\] {
      top: -113px;
    }

    .md\:top-\[-118px\] {
      top: -118px;
    }

    .md\:top-\[-120\%\] {
      top: -120%;
    }

    .md\:top-\[-195px\] {
      top: -195px;
    }

    .md\:top-\[-320px\] {
      top: -320px;
    }

    .md\:top-\[-354px\] {
      top: -354px;
    }

    .md\:top-\[-370px\] {
      top: -370px;
    }

    .md\:top-\[-379px\] {
      top: -379px;
    }

    .md\:top-\[-381px\] {
      top: -381px;
    }

    .md\:top-\[-485px\] {
      top: -485px;
    }

    .md\:top-\[9\%\] {
      top: 9%;
    }

    .md\:top-\[10\%\] {
      top: 10%;
    }

    .md\:top-\[11\%\] {
      top: 11%;
    }

    .md\:top-\[14\%\] {
      top: 14%;
    }

    .md\:top-\[15\%\] {
      top: 15%;
    }

    .md\:top-\[16\%\] {
      top: 16%;
    }

    .md\:top-\[18\%\] {
      top: 18%;
    }

    .md\:top-\[19\%\] {
      top: 19%;
    }

    .md\:top-\[20\%\] {
      top: 20%;
    }

    .md\:top-\[22\%\] {
      top: 22%;
    }

    .md\:top-\[23\%\] {
      top: 23%;
    }

    .md\:top-\[27\%\] {
      top: 27%;
    }

    .md\:top-\[29\%\] {
      top: 29%;
    }

    .md\:top-\[30\%\] {
      top: 30%;
    }

    .md\:top-\[30px\] {
      top: 30px;
    }

    .md\:top-\[32\%\] {
      top: 32%;
    }

    .md\:top-\[32px\] {
      top: 32px;
    }

    .md\:top-\[34\%\] {
      top: 34%;
    }

    .md\:top-\[38\%\] {
      top: 38%;
    }

    .md\:top-\[42\%\] {
      top: 42%;
    }

    .md\:top-\[43\%\] {
      top: 43%;
    }

    .md\:top-\[48px\] {
      top: 48px;
    }

    .md\:top-\[52px\] {
      top: 52px;
    }

    .md\:top-\[58\%\] {
      top: 58%;
    }

    .md\:top-\[73px\] {
      top: 73px;
    }

    .md\:top-\[77\%\] {
      top: 77%;
    }

    .md\:top-\[105px\] {
      top: 105px;
    }

    .md\:top-\[128px\] {
      top: 128px;
    }

    .md\:top-\[271px\] {
      top: 271px;
    }

    .md\:top-\[287px\] {
      top: 287px;
    }

    .md\:top-\[366px\] {
      top: 366px;
    }

    .md\:-right-0\.5 {
      right: calc(var(--spacing) * -.5);
    }

    .md\:-right-\[4\%\] {
      right: -4%;
    }

    .md\:-right-\[10\%\] {
      right: -10%;
    }

    .md\:-right-\[20\%\] {
      right: -20%;
    }

    .md\:-right-\[28\%\] {
      right: -28%;
    }

    .md\:-right-\[36\%\] {
      right: -36%;
    }

    .md\:-right-\[37\%\] {
      right: -37%;
    }

    .md\:-right-\[39\%\] {
      right: -39%;
    }

    .md\:-right-\[50\%\] {
      right: -50%;
    }

    .md\:-right-\[70\%\] {
      right: -70%;
    }

    .md\:-right-\[99\%\] {
      right: -99%;
    }

    .md\:-right-\[104\%\] {
      right: -104%;
    }

    .md\:-right-\[130px\] {
      right: -130px;
    }

    .md\:-right-\[135\%\] {
      right: -135%;
    }

    .md\:-right-\[150px\] {
      right: -150px;
    }

    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .md\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .md\:right-\[-30\%\] {
      right: -30%;
    }

    .md\:right-\[-33\%\] {
      right: -33%;
    }

    .md\:right-\[-49px\] {
      right: -49px;
    }

    .md\:right-\[-83\%\] {
      right: -83%;
    }

    .md\:right-\[-85px\] {
      right: -85px;
    }

    .md\:right-\[-149px\] {
      right: -149px;
    }

    .md\:right-\[-188px\] {
      right: -188px;
    }

    .md\:right-\[-207px\] {
      right: -207px;
    }

    .md\:right-\[-247px\] {
      right: -247px;
    }

    .md\:right-\[-313px\] {
      right: -313px;
    }

    .md\:right-\[-322px\] {
      right: -322px;
    }

    .md\:right-\[-693px\] {
      right: -693px;
    }

    .md\:right-\[3\%\] {
      right: 3%;
    }

    .md\:right-\[4\%\] {
      right: 4%;
    }

    .md\:right-\[5\%\] {
      right: 5%;
    }

    .md\:right-\[8\%\] {
      right: 8%;
    }

    .md\:right-\[10\%\] {
      right: 10%;
    }

    .md\:right-\[12\%\] {
      right: 12%;
    }

    .md\:right-\[12px\] {
      right: 12px;
    }

    .md\:right-\[20\%\] {
      right: 20%;
    }

    .md\:right-\[25\%\] {
      right: 25%;
    }

    .md\:right-\[37px\] {
      right: 37px;
    }

    .md\:right-\[67px\] {
      right: 67px;
    }

    .md\:right-\[103px\] {
      right: 103px;
    }

    .md\:right-\[104px\] {
      right: 104px;
    }

    .md\:right-\[117px\] {
      right: 117px;
    }

    .md\:-bottom-16 {
      bottom: calc(var(--spacing) * -16);
    }

    .md\:-bottom-\[20\%\] {
      bottom: -20%;
    }

    .md\:-bottom-\[25\%\] {
      bottom: -25%;
    }

    .md\:-bottom-\[80px\] {
      bottom: -80px;
    }

    .md\:-bottom-\[250px\] {
      bottom: -250px;
    }

    .md\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .md\:bottom-1\/12 {
      bottom: 8.33333%;
    }

    .md\:bottom-7 {
      bottom: calc(var(--spacing) * 7);
    }

    .md\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }

    .md\:bottom-\[-6\%\] {
      bottom: -6%;
    }

    .md\:bottom-\[-20px\] {
      bottom: -20px;
    }

    .md\:bottom-\[-40px\] {
      bottom: -40px;
    }

    .md\:bottom-\[-60\%\] {
      bottom: -60%;
    }

    .md\:bottom-\[-112\%\] {
      bottom: -112%;
    }

    .md\:bottom-\[-445px\] {
      bottom: -445px;
    }

    .md\:bottom-\[10\%\] {
      bottom: 10%;
    }

    .md\:bottom-\[15\%\] {
      bottom: 15%;
    }

    .md\:bottom-\[18\%\] {
      bottom: 18%;
    }

    .md\:bottom-\[32\%\] {
      bottom: 32%;
    }

    .md\:bottom-\[34\%\] {
      bottom: 34%;
    }

    .md\:bottom-\[34px\] {
      bottom: 34px;
    }

    .md\:bottom-\[67\%\] {
      bottom: 67%;
    }

    .md\:-left-5 {
      left: calc(var(--spacing) * -5);
    }

    .md\:-left-\[5\%\] {
      left: -5%;
    }

    .md\:-left-\[19\%\] {
      left: -19%;
    }

    .md\:-left-\[30\%\] {
      left: -30%;
    }

    .md\:-left-\[34\%\] {
      left: -34%;
    }

    .md\:-left-\[35\%\] {
      left: -35%;
    }

    .md\:-left-\[37\%\] {
      left: -37%;
    }

    .md\:-left-\[59\%\] {
      left: -59%;
    }

    .md\:-left-\[68\%\] {
      left: -68%;
    }

    .md\:-left-\[79\%\] {
      left: -79%;
    }

    .md\:-left-\[88\%\] {
      left: -88%;
    }

    .md\:-left-\[100px\] {
      left: -100px;
    }

    .md\:-left-\[190px\] {
      left: -190px;
    }

    .md\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .md\:left-1\/2 {
      left: 50%;
    }

    .md\:left-20 {
      left: calc(var(--spacing) * 20);
    }

    .md\:left-28 {
      left: calc(var(--spacing) * 28);
    }

    .md\:left-\[-42\%\] {
      left: -42%;
    }

    .md\:left-\[-52\%\] {
      left: -52%;
    }

    .md\:left-\[-73\%\] {
      left: -73%;
    }

    .md\:left-\[-99\%\] {
      left: -99%;
    }

    .md\:left-\[0\%\] {
      left: 0%;
    }

    .md\:left-\[1\%\] {
      left: 1%;
    }

    .md\:left-\[3\%\] {
      left: 3%;
    }

    .md\:left-\[4\%\] {
      left: 4%;
    }

    .md\:left-\[5\%\] {
      left: 5%;
    }

    .md\:left-\[8\%\] {
      left: 8%;
    }

    .md\:left-\[8\.4\%\] {
      left: 8.4%;
    }

    .md\:left-\[9px\] {
      left: 9px;
    }

    .md\:left-\[10px\] {
      left: 10px;
    }

    .md\:left-\[16\%\] {
      left: 16%;
    }

    .md\:left-\[19\%\] {
      left: 19%;
    }

    .md\:left-\[23px\] {
      left: 23px;
    }

    .md\:left-\[25\%\] {
      left: 25%;
    }

    .md\:left-\[28px\] {
      left: 28px;
    }

    .md\:left-\[32\%\] {
      left: 32%;
    }

    .md\:left-\[41px\] {
      left: 41px;
    }

    .md\:left-\[60\%\] {
      left: 60%;
    }

    .md\:left-\[62\%\] {
      left: 62%;
    }

    .md\:left-\[82\%\] {
      left: 82%;
    }

    .md\:left-\[160px\] {
      left: 160px;
    }

    .md\:left-\[191px\] {
      left: 191px;
    }

    .md\:left-\[210px\] {
      left: 210px;
    }

    .md\:left-\[530px\] {
      left: 530px;
    }

    .md\:order-none {
      order: 0;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .md\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .md\:col-start-3 {
      grid-column-start: 3;
    }

    .md\:col-start-4 {
      grid-column-start: 4;
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:mx-10 {
      margin-inline: calc(var(--spacing) * 10);
    }

    .md\:my-2 {
      margin-block: calc(var(--spacing) * 2);
    }

    .md\:my-20 {
      margin-block: calc(var(--spacing) * 20);
    }

    .md\:my-\[70px\] {
      margin-block: 70px;
    }

    .md\:ms-5 {
      margin-inline-start: calc(var(--spacing) * 5);
    }

    .md\:ms-16 {
      margin-inline-start: calc(var(--spacing) * 16);
    }

    .md\:ms-\[420px\] {
      margin-inline-start: 420px;
    }

    .md\:me-5 {
      margin-inline-end: calc(var(--spacing) * 5);
    }

    .md\:-mt-36 {
      margin-top: calc(var(--spacing) * -36);
    }

    .md\:-mt-72 {
      margin-top: calc(var(--spacing) * -72);
    }

    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .md\:mt-\[30px\] {
      margin-top: 30px;
    }

    .md\:mt-\[54px\] {
      margin-top: 54px;
    }

    .md\:mt-\[62px\] {
      margin-top: 62px;
    }

    .md\:mt-\[70px\] {
      margin-top: 70px;
    }

    .md\:mt-\[72px\] {
      margin-top: 72px;
    }

    .md\:mt-\[150px\] {
      margin-top: 150px;
    }

    .md\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }

    .md\:-mb-8 {
      margin-bottom: calc(var(--spacing) * -8);
    }

    .md\:-mb-10 {
      margin-bottom: calc(var(--spacing) * -10);
    }

    .md\:-mb-\[70px\] {
      margin-bottom: -70px;
    }

    .md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .md\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .md\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .md\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .md\:mb-11 {
      margin-bottom: calc(var(--spacing) * 11);
    }

    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .md\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .md\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .md\:mb-19 {
      margin-bottom: calc(var(--spacing) * 19);
    }

    .md\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .md\:mb-24 {
      margin-bottom: calc(var(--spacing) * 24);
    }

    .md\:mb-\[52px\] {
      margin-bottom: 52px;
    }

    .md\:mb-\[70px\] {
      margin-bottom: 70px;
    }

    .md\:mb-\[72px\] {
      margin-bottom: 72px;
    }

    .md\:mb-\[100px\] {
      margin-bottom: 100px;
    }

    .md\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:ml-8 {
      margin-left: calc(var(--spacing) * 8);
    }

    .md\:ml-\[42px\] {
      margin-left: 42px;
    }

    .md\:ml-\[390px\] {
      margin-left: 390px;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline-block {
      display: inline-block;
    }

    .md\:btn-xl {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .md\:btn-xl:hover:before {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .md\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .md\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .md\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .md\:size-20 {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }

    .md\:size-\[72px\] {
      width: 72px;
      height: 72px;
    }

    .md\:size-\[84px\] {
      width: 84px;
      height: 84px;
    }

    .md\:size-\[100px\] {
      width: 100px;
      height: 100px;
    }

    .md\:size-\[120px\] {
      width: 120px;
      height: 120px;
    }

    .md\:size-\[140px\] {
      width: 140px;
      height: 140px;
    }

    .md\:size-\[300px\] {
      width: 300px;
      height: 300px;
    }

    .md\:size-\[600px\] {
      width: 600px;
      height: 600px;
    }

    .md\:size-\[650px\] {
      width: 650px;
      height: 650px;
    }

    .md\:size-\[800px\] {
      width: 800px;
      height: 800px;
    }

    .md\:size-\[870px\] {
      width: 870px;
      height: 870px;
    }

    .md\:size-\[900px\] {
      width: 900px;
      height: 900px;
    }

    .md\:size-\[1000px\] {
      width: 1000px;
      height: 1000px;
    }

    .md\:size-\[1050px\] {
      width: 1050px;
      height: 1050px;
    }

    .md\:size-\[1220px\] {
      width: 1220px;
      height: 1220px;
    }

    .md\:btn-xl-v2 {
      height: 54px;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    @media (hover: hover) {
      .md\:btn-xl-v2:hover {
        --tw-scale-x: 102%;
        --tw-scale-y: 102%;
        --tw-scale-z: 102%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }

    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .md\:h-\[74px\] {
      height: 74px;
    }

    .md\:h-\[84px\] {
      height: 84px;
    }

    .md\:h-\[91px\] {
      height: 91px;
    }

    .md\:h-\[115px\] {
      height: 115px;
    }

    .md\:h-\[195px\] {
      height: 195px;
    }

    .md\:h-\[200px\] {
      height: 200px;
    }

    .md\:h-\[260px\] {
      height: 260px;
    }

    .md\:h-\[384px\] {
      height: 384px;
    }

    .md\:h-\[598px\] {
      height: 598px;
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:max-h-\[260px\] {
      max-height: 260px;
    }

    .md\:max-h-\[280px\] {
      max-height: 280px;
    }

    .md\:max-h-\[300px\] {
      max-height: 300px;
    }

    .md\:max-h-\[315px\] {
      max-height: 315px;
    }

    .md\:max-h-\[319px\] {
      max-height: 319px;
    }

    .md\:max-h-\[408px\] {
      max-height: 408px;
    }

    .md\:max-h-\[450px\] {
      max-height: 450px;
    }

    .md\:min-h-\[260px\] {
      min-height: 260px;
    }

    .md\:min-h-\[288px\] {
      min-height: 288px;
    }

    .md\:min-h-\[300px\] {
      min-height: 300px;
    }

    .md\:min-h-\[315px\] {
      min-height: 315px;
    }

    .md\:min-h-\[340px\] {
      min-height: 340px;
    }

    .md\:min-h-\[405px\] {
      min-height: 405px;
    }

    .md\:min-h-\[438px\] {
      min-height: 438px;
    }

    .md\:min-h-\[450px\] {
      min-height: 450px;
    }

    .md\:min-h-\[552px\] {
      min-height: 552px;
    }

    .md\:min-h-\[740px\] {
      min-height: 740px;
    }

    .md\:w-1\/2 {
      width: 50%;
    }

    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }

    .md\:w-\[15\%\] {
      width: 15%;
    }

    .md\:w-\[20\%\] {
      width: 20%;
    }

    .md\:w-\[28\%\] {
      width: 28%;
    }

    .md\:w-\[40\%\] {
      width: 40%;
    }

    .md\:w-\[55\%\] {
      width: 55%;
    }

    .md\:w-\[60\%\] {
      width: 60%;
    }

    .md\:w-\[61\%\] {
      width: 61%;
    }

    .md\:w-\[70\%\] {
      width: 70%;
    }

    .md\:w-\[71\%\] {
      width: 71%;
    }

    .md\:w-\[74px\] {
      width: 74px;
    }

    .md\:w-\[80\%\] {
      width: 80%;
    }

    .md\:w-\[84px\] {
      width: 84px;
    }

    .md\:w-\[92px\] {
      width: 92px;
    }

    .md\:w-\[95\%\] {
      width: 95%;
    }

    .md\:w-\[103px\] {
      width: 103px;
    }

    .md\:w-\[105px\] {
      width: 105px;
    }

    .md\:w-\[120\%\] {
      width: 120%;
    }

    .md\:w-\[131px\] {
      width: 131px;
    }

    .md\:w-\[140px\] {
      width: 140px;
    }

    .md\:w-\[148px\] {
      width: 148px;
    }

    .md\:w-\[150px\] {
      width: 150px;
    }

    .md\:w-\[179px\] {
      width: 179px;
    }

    .md\:w-\[200px\] {
      width: 200px;
    }

    .md\:w-\[201px\] {
      width: 201px;
    }

    .md\:w-\[250px\] {
      width: 250px;
    }

    .md\:w-\[253px\] {
      width: 253px;
    }

    .md\:w-\[288px\] {
      width: 288px;
    }

    .md\:w-\[290px\] {
      width: 290px;
    }

    .md\:w-\[300px\] {
      width: 300px;
    }

    .md\:w-\[315px\] {
      width: 315px;
    }

    .md\:w-\[357px\] {
      width: 357px;
    }

    .md\:w-\[382px\] {
      width: 382px;
    }

    .md\:w-\[395px\] {
      width: 395px;
    }

    .md\:w-\[430px\] {
      width: 430px;
    }

    .md\:w-\[450px\] {
      width: 450px;
    }

    .md\:w-\[459px\] {
      width: 459px;
    }

    .md\:w-\[500px\] {
      width: 500px;
    }

    .md\:w-\[550px\] {
      width: 550px;
    }

    .md\:w-\[692px\] {
      width: 692px;
    }

    .md\:w-\[752px\] {
      width: 752px;
    }

    .md\:w-\[768px\] {
      width: 768px;
    }

    .md\:w-\[952px\] {
      width: 952px;
    }

    .md\:w-\[1030px\] {
      width: 1030px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .md\:max-w-\[65\%\] {
      max-width: 65%;
    }

    .md\:max-w-\[90\%\] {
      max-width: 90%;
    }

    .md\:max-w-\[119px\] {
      max-width: 119px;
    }

    .md\:max-w-\[130px\] {
      max-width: 130px;
    }

    .md\:max-w-\[153px\] {
      max-width: 153px;
    }

    .md\:max-w-\[170px\] {
      max-width: 170px;
    }

    .md\:max-w-\[180px\] {
      max-width: 180px;
    }

    .md\:max-w-\[200px\] {
      max-width: 200px;
    }

    .md\:max-w-\[208px\] {
      max-width: 208px;
    }

    .md\:max-w-\[227px\] {
      max-width: 227px;
    }

    .md\:max-w-\[229px\] {
      max-width: 229px;
    }

    .md\:max-w-\[240px\] {
      max-width: 240px;
    }

    .md\:max-w-\[245px\] {
      max-width: 245px;
    }

    .md\:max-w-\[250px\] {
      max-width: 250px;
    }

    .md\:max-w-\[252px\] {
      max-width: 252px;
    }

    .md\:max-w-\[253px\] {
      max-width: 253px;
    }

    .md\:max-w-\[257px\] {
      max-width: 257px;
    }

    .md\:max-w-\[260px\] {
      max-width: 260px;
    }

    .md\:max-w-\[261px\] {
      max-width: 261px;
    }

    .md\:max-w-\[265px\] {
      max-width: 265px;
    }

    .md\:max-w-\[270px\] {
      max-width: 270px;
    }

    .md\:max-w-\[280px\] {
      max-width: 280px;
    }

    .md\:max-w-\[284px\] {
      max-width: 284px;
    }

    .md\:max-w-\[288px\] {
      max-width: 288px;
    }

    .md\:max-w-\[300px\] {
      max-width: 300px;
    }

    .md\:max-w-\[302px\] {
      max-width: 302px;
    }

    .md\:max-w-\[306px\] {
      max-width: 306px;
    }

    .md\:max-w-\[310px\] {
      max-width: 310px;
    }

    .md\:max-w-\[314px\] {
      max-width: 314px;
    }

    .md\:max-w-\[320px\] {
      max-width: 320px;
    }

    .md\:max-w-\[325px\] {
      max-width: 325px;
    }

    .md\:max-w-\[340px\] {
      max-width: 340px;
    }

    .md\:max-w-\[345px\] {
      max-width: 345px;
    }

    .md\:max-w-\[350px\] {
      max-width: 350px;
    }

    .md\:max-w-\[358px\] {
      max-width: 358px;
    }

    .md\:max-w-\[360px\] {
      max-width: 360px;
    }

    .md\:max-w-\[364px\] {
      max-width: 364px;
    }

    .md\:max-w-\[371px\] {
      max-width: 371px;
    }

    .md\:max-w-\[376px\] {
      max-width: 376px;
    }

    .md\:max-w-\[382px\] {
      max-width: 382px;
    }

    .md\:max-w-\[393px\] {
      max-width: 393px;
    }

    .md\:max-w-\[395px\] {
      max-width: 395px;
    }

    .md\:max-w-\[400px\] {
      max-width: 400px;
    }

    .md\:max-w-\[403px\] {
      max-width: 403px;
    }

    .md\:max-w-\[405px\] {
      max-width: 405px;
    }

    .md\:max-w-\[408px\] {
      max-width: 408px;
    }

    .md\:max-w-\[410px\] {
      max-width: 410px;
    }

    .md\:max-w-\[420px\] {
      max-width: 420px;
    }

    .md\:max-w-\[429px\] {
      max-width: 429px;
    }

    .md\:max-w-\[442px\] {
      max-width: 442px;
    }

    .md\:max-w-\[450px\] {
      max-width: 450px;
    }

    .md\:max-w-\[461px\] {
      max-width: 461px;
    }

    .md\:max-w-\[464px\] {
      max-width: 464px;
    }

    .md\:max-w-\[472px\] {
      max-width: 472px;
    }

    .md\:max-w-\[480px\] {
      max-width: 480px;
    }

    .md\:max-w-\[500px\] {
      max-width: 500px;
    }

    .md\:max-w-\[520px\] {
      max-width: 520px;
    }

    .md\:max-w-\[536px\] {
      max-width: 536px;
    }

    .md\:max-w-\[540px\] {
      max-width: 540px;
    }

    .md\:max-w-\[550px\] {
      max-width: 550px;
    }

    .md\:max-w-\[564px\] {
      max-width: 564px;
    }

    .md\:max-w-\[582px\] {
      max-width: 582px;
    }

    .md\:max-w-\[585px\] {
      max-width: 585px;
    }

    .md\:max-w-\[595px\] {
      max-width: 595px;
    }

    .md\:max-w-\[600px\] {
      max-width: 600px;
    }

    .md\:max-w-\[606px\] {
      max-width: 606px;
    }

    .md\:max-w-\[610px\] {
      max-width: 610px;
    }

    .md\:max-w-\[612px\] {
      max-width: 612px;
    }

    .md\:max-w-\[613px\] {
      max-width: 613px;
    }

    .md\:max-w-\[615px\] {
      max-width: 615px;
    }

    .md\:max-w-\[618px\] {
      max-width: 618px;
    }

    .md\:max-w-\[630px\] {
      max-width: 630px;
    }

    .md\:max-w-\[640px\] {
      max-width: 640px;
    }

    .md\:max-w-\[648px\] {
      max-width: 648px;
    }

    .md\:max-w-\[649px\] {
      max-width: 649px;
    }

    .md\:max-w-\[650px\] {
      max-width: 650px;
    }

    .md\:max-w-\[652px\] {
      max-width: 652px;
    }

    .md\:max-w-\[700px\] {
      max-width: 700px;
    }

    .md\:max-w-\[720px\] {
      max-width: 720px;
    }

    .md\:max-w-\[800px\] {
      max-width: 800px;
    }

    .md\:max-w-\[804px\] {
      max-width: 804px;
    }

    .md\:max-w-\[818px\] {
      max-width: 818px;
    }

    .md\:max-w-\[828px\] {
      max-width: 828px;
    }

    .md\:max-w-\[884px\] {
      max-width: 884px;
    }

    .md\:max-w-\[900px\] {
      max-width: 900px;
    }

    .md\:max-w-\[926px\] {
      max-width: 926px;
    }

    .md\:max-w-full {
      max-width: 100%;
    }

    .md\:min-w-\[185px\] {
      min-width: 185px;
    }

    .md\:min-w-\[201px\] {
      min-width: 201px;
    }

    .md\:min-w-\[288px\] {
      min-width: 288px;
    }

    .md\:min-w-\[300px\] {
      min-width: 300px;
    }

    .md\:min-w-\[302px\] {
      min-width: 302px;
    }

    .md\:min-w-\[345px\] {
      min-width: 345px;
    }

    .md\:min-w-\[722px\] {
      min-width: 722px;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:flex-1\/2 {
      flex: 50%;
    }

    .md\:basis-1\/2 {
      flex-basis: 50%;
    }

    .md\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:-translate-y-1\/2 {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:-translate-y-\[47\%\] {
      --tw-translate-y: calc(47% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .md\:-rotate-\[130deg\] {
      rotate: -130deg;
    }

    .md\:rotate-\[-11\.506deg\] {
      rotate: -11.506deg;
    }

    .md\:rotate-\[-13\.54deg\] {
      rotate: -13.54deg;
    }

    .md\:rotate-\[4\.292deg\] {
      rotate: 4.292deg;
    }

    .md\:rotate-\[6deg\] {
      rotate: 6deg;
    }

    .md\:rotate-\[14\.66deg\] {
      rotate: 14.66deg;
    }

    .md\:rotate-\[60deg\] {
      rotate: 60deg;
    }

    .md\:rotate-\[68deg\] {
      rotate: 68deg;
    }

    .md\:rotate-\[108deg\] {
      rotate: 108deg;
    }

    .md\:rotate-\[238deg\] {
      rotate: 238deg;
    }

    .md\:columns-2 {
      columns: 2;
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .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-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-center {
      justify-content: center;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

    .md\:\!gap-6 {
      gap: calc(var(--spacing) * 6) !important;
    }

    .md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .md\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-9 {
      gap: calc(var(--spacing) * 9);
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .md\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .md\:gap-\[34px\] {
      gap: 34px;
    }

    .md\:gap-\[40px\] {
      gap: 40px;
    }

    .md\:gap-\[42px\] {
      gap: 42px;
    }

    .md\:gap-\[70px\] {
      gap: 70px;
    }

    :where(.md\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-3\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-12 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-20 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[50px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(50px * var(--tw-space-y-reverse));
      margin-block-end: calc(50px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[70px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(70px * var(--tw-space-y-reverse));
      margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[80px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(80px * var(--tw-space-y-reverse));
      margin-block-end: calc(80px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[100px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(100px * var(--tw-space-y-reverse));
      margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[300px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(300px * var(--tw-space-y-reverse));
      margin-block-end: calc(300px * calc(1 - var(--tw-space-y-reverse)));
    }

    .md\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }

    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .md\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .md\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .md\:gap-x-9 {
      column-gap: calc(var(--spacing) * 9);
    }

    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .md\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }

    .md\:gap-x-14 {
      column-gap: calc(var(--spacing) * 14);
    }

    .md\:gap-x-14\.5 {
      column-gap: calc(var(--spacing) * 14.5);
    }

    .md\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }

    .md\:gap-x-\[42px\] {
      column-gap: 42px;
    }

    .md\:gap-x-\[70px\] {
      column-gap: 70px;
    }

    .md\:gap-x-\[120px\] {
      column-gap: 120px;
    }

    .md\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .md\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }

    .md\:gap-y-14 {
      row-gap: calc(var(--spacing) * 14);
    }

    .md\:gap-y-18 {
      row-gap: calc(var(--spacing) * 18);
    }

    .md\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }

    .md\:gap-y-\[70px\] {
      row-gap: 70px;
    }

    .md\:self-end {
      align-self: flex-end;
    }

    .md\:self-start {
      align-self: flex-start;
    }

    .md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .md\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }

    .md\:rounded-4xl {
      border-radius: var(--radius-4xl);
    }

    .md\:rounded-\[10px\] {
      border-radius: 10px;
    }

    .md\:rounded-\[20px\] {
      border-radius: 20px;
    }

    .md\:rounded-\[28px\] {
      border-radius: 28px;
    }

    .md\:rounded-\[30px\] {
      border-radius: 30px;
    }

    .md\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .md\:rounded-\[80px\] {
      border-radius: 80px;
    }

    .md\:rounded-full {
      border-radius: 3.40282e38px;
    }

    .md\:rounded-t-\[20px\] {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }

    .md\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .md\:rounded-l-\[28px\] {
      border-top-left-radius: 28px;
      border-bottom-left-radius: 28px;
    }

    .md\:rounded-r-\[28px\] {
      border-top-right-radius: 28px;
      border-bottom-right-radius: 28px;
    }

    .md\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .md\:border-r-accent\/20 {
      border-right-color: #fcfcfc33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:border-r-accent\/20 {
        border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
      }
    }

    .md\:bg-background-3 {
      background-color: var(--color-background-3);
    }

    .md\:bg-white {
      background-color: var(--color-white);
    }

    .md\:bg-\[url\(\'\/images\/ns-img-219\.png\'\)\] {
      background-image: url("../images/ns-img-219.png");
    }

    .md\:bg-cover {
      background-size: cover;
    }

    .md\:bg-top-left {
      background-position: 0 0;
    }

    .md\:bg-no-repeat {
      background-repeat: no-repeat;
    }

    .md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-14 {
      padding: calc(var(--spacing) * 14);
    }

    .md\:p-\[42px\] {
      padding: 42px;
    }

    .md\:p-\[52px\] {
      padding: 52px;
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-11 {
      padding-inline: calc(var(--spacing) * 11);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .md\:px-23 {
      padding-inline: calc(var(--spacing) * 23);
    }

    .md\:px-\[42px\] {
      padding-inline: 42px;
    }

    .md\:px-\[67px\] {
      padding-inline: 67px;
    }

    .md\:px-\[75px\] {
      padding-inline: 75px;
    }

    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .md\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-18 {
      padding-block: calc(var(--spacing) * 18);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:py-25 {
      padding-block: calc(var(--spacing) * 25);
    }

    .md\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .md\:py-30 {
      padding-block: calc(var(--spacing) * 30);
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .md\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .md\:py-\[50px\] {
      padding-block: 50px;
    }

    .md\:py-\[70px\] {
      padding-block: 70px;
    }

    .md\:py-\[72px\] {
      padding-block: 72px;
    }

    .md\:py-\[75px\] {
      padding-block: 75px;
    }

    .md\:py-\[80px\] {
      padding-block: 80px;
    }

    .md\:py-\[90px\] {
      padding-block: 90px;
    }

    .md\:py-\[100px\] {
      padding-block: 100px;
    }

    .md\:py-\[120px\] {
      padding-block: 120px;
    }

    .md\:py-\[150px\] {
      padding-block: 150px;
    }

    .md\:py-\[200px\] {
      padding-block: 200px;
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .md\:pt-22 {
      padding-top: calc(var(--spacing) * 22);
    }

    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .md\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .md\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .md\:pt-40 {
      padding-top: calc(var(--spacing) * 40);
    }

    .md\:pt-42 {
      padding-top: calc(var(--spacing) * 42);
    }

    .md\:pt-\[75px\] {
      padding-top: 75px;
    }

    .md\:pt-\[80px\] {
      padding-top: 80px;
    }

    .md\:pt-\[85px\] {
      padding-top: 85px;
    }

    .md\:pt-\[90px\] {
      padding-top: 90px;
    }

    .md\:pt-\[100px\] {
      padding-top: 100px;
    }

    .md\:pt-\[120px\] {
      padding-top: 120px;
    }

    .md\:pt-\[130px\] {
      padding-top: 130px;
    }

    .md\:pt-\[150px\] {
      padding-top: 150px;
    }

    .md\:pt-\[160px\] {
      padding-top: 160px;
    }

    .md\:pt-\[180px\] {
      padding-top: 180px;
    }

    .md\:pt-\[190px\] {
      padding-top: 190px;
    }

    .md\:pt-\[192px\] {
      padding-top: 192px;
    }

    .md\:pt-\[200px\] {
      padding-top: 200px;
    }

    .md\:pt-\[204px\] {
      padding-top: 204px;
    }

    .md\:pt-\[206px\] {
      padding-top: 206px;
    }

    .md\:pt-\[210px\] {
      padding-top: 210px;
    }

    .md\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .md\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .md\:pr-14 {
      padding-right: calc(var(--spacing) * 14);
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .md\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .md\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .md\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }

    .md\:pb-\[70px\] {
      padding-bottom: 70px;
    }

    .md\:pb-\[75px\] {
      padding-bottom: 75px;
    }

    .md\:pb-\[80px\] {
      padding-bottom: 80px;
    }

    .md\:pb-\[85px\] {
      padding-bottom: 85px;
    }

    .md\:pb-\[100px\] {
      padding-bottom: 100px;
    }

    .md\:pb-\[112px\] {
      padding-bottom: 112px;
    }

    .md\:pb-\[130px\] {
      padding-bottom: 130px;
    }

    .md\:pb-\[150px\] {
      padding-bottom: 150px;
    }

    .md\:pb-\[180px\] {
      padding-bottom: 180px;
    }

    .md\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .md\:pl-14 {
      padding-left: calc(var(--spacing) * 14);
    }

    .md\:pl-\[42px\] {
      padding-left: 42px;
    }

    .md\:text-center {
      text-align: center;
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-right {
      text-align: right;
    }

    .md\:text-start {
      text-align: start;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-heading-2 {
      font-size: var(--text-heading-2);
      line-height: var(--tw-leading, var(--text-heading-2--line-height));
    }

    .md\:text-heading-3 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }

    .md\:text-heading-4 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }

    .md\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .md\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .md\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }

    .md\:text-\[36px\] {
      font-size: 36px;
    }

    .md\:text-\[52px\] {
      font-size: 52px;
    }

    .md\:text-\[120px\] {
      font-size: 120px;
    }

    .md\:leading-\[27px\] {
      --tw-leading: 27px;
      line-height: 27px;
    }

    .md\:leading-\[150\%\] {
      --tw-leading: 150%;
      line-height: 150%;
    }

    .md\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:not-last\:border-r-1:not(:last-child) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:not-last\:border-r-8:not(:last-child) {
      border-right-style: var(--tw-border-style);
      border-right-width: 8px;
    }
  }

  .before\:md\:top-1:before {
    content: var(--tw-content);
  }

  @media (min-width: 48rem) {
    .before\:md\:top-1:before {
      top: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute;
    }

    .lg\:sticky {
      position: sticky;
    }

    .lg\:-top-4 {
      top: calc(var(--spacing) * -4);
    }

    .lg\:-top-40 {
      top: calc(var(--spacing) * -40);
    }

    .lg\:-top-\[1\.4\%\] {
      top: -1.4%;
    }

    .lg\:-top-\[5\%\] {
      top: -5%;
    }

    .lg\:-top-\[30\%\] {
      top: -30%;
    }

    .lg\:-top-\[35\%\] {
      top: -35%;
    }

    .lg\:-top-\[44\%\] {
      top: -44%;
    }

    .lg\:-top-\[49\%\] {
      top: -49%;
    }

    .lg\:-top-\[60\%\] {
      top: -60%;
    }

    .lg\:-top-\[63\%\] {
      top: -63%;
    }

    .lg\:-top-\[70\%\] {
      top: -70%;
    }

    .lg\:-top-\[71\%\] {
      top: -71%;
    }

    .lg\:-top-\[75\%\] {
      top: -75%;
    }

    .lg\:-top-\[78\%\] {
      top: -78%;
    }

    .lg\:-top-\[90\%\] {
      top: -90%;
    }

    .lg\:-top-\[108\%\] {
      top: -108%;
    }

    .lg\:-top-\[110px\] {
      top: -110px;
    }

    .lg\:-top-\[133\%\] {
      top: -133%;
    }

    .lg\:-top-\[150px\] {
      top: -150px;
    }

    .lg\:-top-\[160px\] {
      top: -160px;
    }

    .lg\:-top-\[162\%\] {
      top: -162%;
    }

    .lg\:-top-\[170\%\] {
      top: -170%;
    }

    .lg\:-top-\[190\%\] {
      top: -190%;
    }

    .lg\:-top-\[200px\] {
      top: -200px;
    }

    .lg\:-top-\[570px\] {
      top: -570px;
    }

    .lg\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .lg\:top-2 {
      top: calc(var(--spacing) * 2);
    }

    .lg\:top-2\.5 {
      top: calc(var(--spacing) * 2.5);
    }

    .lg\:top-8 {
      top: calc(var(--spacing) * 8);
    }

    .lg\:top-10 {
      top: calc(var(--spacing) * 10);
    }

    .lg\:top-14 {
      top: calc(var(--spacing) * 14);
    }

    .lg\:top-16 {
      top: calc(var(--spacing) * 16);
    }

    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .lg\:top-28 {
      top: calc(var(--spacing) * 28);
    }

    .lg\:top-40 {
      top: calc(var(--spacing) * 40);
    }

    .lg\:top-\[-12px\] {
      top: -12px;
    }

    .lg\:top-\[-28\%\] {
      top: -28%;
    }

    .lg\:top-\[-29\%\] {
      top: -29%;
    }

    .lg\:top-\[-32\%\] {
      top: -32%;
    }

    .lg\:top-\[-49\%\] {
      top: -49%;
    }

    .lg\:top-\[-57px\] {
      top: -57px;
    }

    .lg\:top-\[-85\%\] {
      top: -85%;
    }

    .lg\:top-\[-90px\] {
      top: -90px;
    }

    .lg\:top-\[-111px\] {
      top: -111px;
    }

    .lg\:top-\[-157px\] {
      top: -157px;
    }

    .lg\:top-\[-168px\] {
      top: -168px;
    }

    .lg\:top-\[-175px\] {
      top: -175px;
    }

    .lg\:top-\[-194px\] {
      top: -194px;
    }

    .lg\:top-\[-250px\] {
      top: -250px;
    }

    .lg\:top-\[-385px\] {
      top: -385px;
    }

    .lg\:top-\[-584px\] {
      top: -584px;
    }

    .lg\:top-\[-720px\] {
      top: -720px;
    }

    .lg\:top-\[3px\] {
      top: 3px;
    }

    .lg\:top-\[8\%\] {
      top: 8%;
    }

    .lg\:top-\[10\%\] {
      top: 10%;
    }

    .lg\:top-\[12\%\] {
      top: 12%;
    }

    .lg\:top-\[13\%\] {
      top: 13%;
    }

    .lg\:top-\[15\%\] {
      top: 15%;
    }

    .lg\:top-\[17\%\] {
      top: 17%;
    }

    .lg\:top-\[20\%\] {
      top: 20%;
    }

    .lg\:top-\[24\%\] {
      top: 24%;
    }

    .lg\:top-\[26\%\] {
      top: 26%;
    }

    .lg\:top-\[41\%\] {
      top: 41%;
    }

    .lg\:top-\[86px\] {
      top: 86px;
    }

    .lg\:top-\[128px\] {
      top: 128px;
    }

    .lg\:top-\[129px\] {
      top: 129px;
    }

    .lg\:top-\[130px\] {
      top: 130px;
    }

    .lg\:top-\[206px\] {
      top: 206px;
    }

    .lg\:top-\[267px\] {
      top: 267px;
    }

    .lg\:-right-\[2\%\] {
      right: -2%;
    }

    .lg\:-right-\[4\%\] {
      right: -4%;
    }

    .lg\:-right-\[7\%\] {
      right: -7%;
    }

    .lg\:-right-\[15px\] {
      right: -15px;
    }

    .lg\:-right-\[20\%\] {
      right: -20%;
    }

    .lg\:-right-\[22\%\] {
      right: -22%;
    }

    .lg\:-right-\[24\%\] {
      right: -24%;
    }

    .lg\:-right-\[25\%\] {
      right: -25%;
    }

    .lg\:-right-\[40\%\] {
      right: -40%;
    }

    .lg\:-right-\[50px\] {
      right: -50px;
    }

    .lg\:-right-\[56\%\] {
      right: -56%;
    }

    .lg\:-right-\[74\%\] {
      right: -74%;
    }

    .lg\:-right-\[79\%\] {
      right: -79%;
    }

    .lg\:-right-\[150px\] {
      right: -150px;
    }

    .lg\:-right-\[198px\] {
      right: -198px;
    }

    .lg\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .lg\:right-1\.5 {
      right: calc(var(--spacing) * 1.5);
    }

    .lg\:right-2 {
      right: calc(var(--spacing) * 2);
    }

    .lg\:right-10 {
      right: calc(var(--spacing) * 10);
    }

    .lg\:right-20 {
      right: calc(var(--spacing) * 20);
    }

    .lg\:right-24 {
      right: calc(var(--spacing) * 24);
    }

    .lg\:right-\[-16px\] {
      right: -16px;
    }

    .lg\:right-\[-19\%\] {
      right: -19%;
    }

    .lg\:right-\[-19px\] {
      right: -19px;
    }

    .lg\:right-\[-28\%\] {
      right: -28%;
    }

    .lg\:right-\[-60px\] {
      right: -60px;
    }

    .lg\:right-\[-102\%\] {
      right: -102%;
    }

    .lg\:right-\[1\%\] {
      right: 1%;
    }

    .lg\:right-\[2\%\] {
      right: 2%;
    }

    .lg\:right-\[5px\] {
      right: 5px;
    }

    .lg\:right-\[6px\] {
      right: 6px;
    }

    .lg\:right-\[8px\] {
      right: 8px;
    }

    .lg\:right-\[13\%\] {
      right: 13%;
    }

    .lg\:right-\[14\%\] {
      right: 14%;
    }

    .lg\:right-\[42px\] {
      right: 42px;
    }

    .lg\:right-\[51px\] {
      right: 51px;
    }

    .lg\:right-\[104px\] {
      right: 104px;
    }

    .lg\:right-\[110px\] {
      right: 110px;
    }

    .lg\:right-\[221px\] {
      right: 221px;
    }

    .lg\:right-\[234px\] {
      right: 234px;
    }

    .lg\:right-\[325px\] {
      right: 325px;
    }

    .lg\:right-\[418px\] {
      right: 418px;
    }

    .lg\:-bottom-4 {
      bottom: calc(var(--spacing) * -4);
    }

    .lg\:-bottom-22 {
      bottom: calc(var(--spacing) * -22);
    }

    .lg\:-bottom-24 {
      bottom: calc(var(--spacing) * -24);
    }

    .lg\:-bottom-\[23\%\] {
      bottom: -23%;
    }

    .lg\:-bottom-\[53\%\] {
      bottom: -53%;
    }

    .lg\:-bottom-\[100px\] {
      bottom: -100px;
    }

    .lg\:-bottom-\[720px\] {
      bottom: -720px;
    }

    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .lg\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .lg\:bottom-\[-9\%\] {
      bottom: -9%;
    }

    .lg\:bottom-\[-80\%\] {
      bottom: -80%;
    }

    .lg\:bottom-\[-97px\] {
      bottom: -97px;
    }

    .lg\:bottom-\[-319px\] {
      bottom: -319px;
    }

    .lg\:bottom-\[10px\] {
      bottom: 10px;
    }

    .lg\:bottom-\[52\%\] {
      bottom: 52%;
    }

    .lg\:bottom-\[57\%\] {
      bottom: 57%;
    }

    .lg\:bottom-\[87px\] {
      bottom: 87px;
    }

    .lg\:bottom-auto {
      bottom: auto;
    }

    .lg\:-left-2 {
      left: calc(var(--spacing) * -2);
    }

    .lg\:-left-\[1\%\] {
      left: -1%;
    }

    .lg\:-left-\[13\%\] {
      left: -13%;
    }

    .lg\:-left-\[21\%\] {
      left: -21%;
    }

    .lg\:-left-\[28\%\] {
      left: -28%;
    }

    .lg\:-left-\[30\%\] {
      left: -30%;
    }

    .lg\:-left-\[38\%\] {
      left: -38%;
    }

    .lg\:-left-\[40\%\] {
      left: -40%;
    }

    .lg\:-left-\[117px\] {
      left: -117px;
    }

    .lg\:-left-\[120px\] {
      left: -120px;
    }

    .lg\:-left-\[150px\] {
      left: -150px;
    }

    .lg\:-left-\[160px\] {
      left: -160px;
    }

    .lg\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .lg\:left-10 {
      left: calc(var(--spacing) * 10);
    }

    .lg\:left-11 {
      left: calc(var(--spacing) * 11);
    }

    .lg\:left-14 {
      left: calc(var(--spacing) * 14);
    }

    .lg\:left-20 {
      left: calc(var(--spacing) * 20);
    }

    .lg\:left-96 {
      left: calc(var(--spacing) * 96);
    }

    .lg\:left-\[-34\%\] {
      left: -34%;
    }

    .lg\:left-\[-38\%\] {
      left: -38%;
    }

    .lg\:left-\[-41px\] {
      left: -41px;
    }

    .lg\:left-\[-51\%\] {
      left: -51%;
    }

    .lg\:left-\[-52px\] {
      left: -52px;
    }

    .lg\:left-\[-70\%\] {
      left: -70%;
    }

    .lg\:left-\[-109px\] {
      left: -109px;
    }

    .lg\:left-\[-222px\] {
      left: -222px;
    }

    .lg\:left-\[-223px\] {
      left: -223px;
    }

    .lg\:left-\[1\%\] {
      left: 1%;
    }

    .lg\:left-\[2\%\] {
      left: 2%;
    }

    .lg\:left-\[13\%\] {
      left: 13%;
    }

    .lg\:left-\[23\%\] {
      left: 23%;
    }

    .lg\:left-\[37\%\] {
      left: 37%;
    }

    .lg\:left-\[50\%\] {
      left: 50%;
    }

    .lg\:left-\[63\%\] {
      left: 63%;
    }

    .lg\:left-\[100px\] {
      left: 100px;
    }

    .lg\:left-\[116px\] {
      left: 116px;
    }

    .lg\:left-\[350px\] {
      left: 350px;
    }

    .lg\:left-\[565px\] {
      left: 565px;
    }

    .lg\:z-30 {
      z-index: 30;
    }

    .lg\:order-1 {
      order: 1;
    }

    .lg\:order-2 {
      order: 2;
    }

    .lg\:order-3 {
      order: 3;
    }

    .lg\:order-none {
      order: 0;
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .lg\:col-start-3 {
      grid-column-start: 3;
    }

    .lg\:col-start-4 {
      grid-column-start: 4;
    }

    .lg\:col-start-7 {
      grid-column-start: 7;
    }

    .lg\:col-start-auto {
      grid-column-start: auto;
    }

    .lg\:row-span-1 {
      grid-row: span 1 / span 1;
    }

    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .lg\:row-span-3 {
      grid-row: span 3 / span 3;
    }

    .lg\:row-span-4 {
      grid-row: span 4 / span 4;
    }

    .lg\:row-span-6 {
      grid-row: span 6 / span 6;
    }

    .lg\:main-container {
      max-width: 1290px;
      padding-inline: calc(var(--spacing) * 5);
      margin-inline: auto;
    }

    @media (min-width: 1440px) {
      .lg\:main-container {
        padding-inline: calc(var(--spacing) * 0);
      }
    }

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .lg\:mx-auto {
      margin-inline: auto;
    }

    .lg\:my-\[100px\] {
      margin-block: 100px;
    }

    .lg\:ms-0 {
      margin-inline-start: calc(var(--spacing) * 0);
    }

    .lg\:ms-4 {
      margin-inline-start: calc(var(--spacing) * 4);
    }

    .lg\:ms-36 {
      margin-inline-start: calc(var(--spacing) * 36);
    }

    .lg\:ms-\[60px\] {
      margin-inline-start: 60px;
    }

    .lg\:ms-\[100px\] {
      margin-inline-start: 100px;
    }

    .lg\:me-\[60px\] {
      margin-inline-end: 60px;
    }

    .lg\:me-\[100px\] {
      margin-inline-end: 100px;
    }

    .lg\:-mt-28 {
      margin-top: calc(var(--spacing) * -28);
    }

    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .lg\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .lg\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .lg\:mt-\[66px\] {
      margin-top: 66px;
    }

    .lg\:mt-\[100px\] {
      margin-top: 100px;
    }

    .lg\:mt-\[114px\] {
      margin-top: 114px;
    }

    .lg\:mt-\[120px\] {
      margin-top: 120px;
    }

    .lg\:mt-\[200px\] {
      margin-top: 200px;
    }

    .lg\:mt-\[220px\] {
      margin-top: 220px;
    }

    .lg\:mr-6 {
      margin-right: calc(var(--spacing) * 6);
    }

    .lg\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }

    .lg\:-mb-12 {
      margin-bottom: calc(var(--spacing) * -12);
    }

    .lg\:-mb-14 {
      margin-bottom: calc(var(--spacing) * -14);
    }

    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .lg\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .lg\:mb-11 {
      margin-bottom: calc(var(--spacing) * 11);
    }

    .lg\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .lg\:mb-32 {
      margin-bottom: calc(var(--spacing) * 32);
    }

    .lg\:mb-40 {
      margin-bottom: calc(var(--spacing) * 40);
    }

    .lg\:mb-\[58px\] {
      margin-bottom: 58px;
    }

    .lg\:mb-\[70px\] {
      margin-bottom: 70px;
    }

    .lg\:mb-\[72px\] {
      margin-bottom: 72px;
    }

    .lg\:mb-\[90px\] {
      margin-bottom: 90px;
    }

    .lg\:mb-\[100px\] {
      margin-bottom: 100px;
    }

    .lg\:mb-\[120px\] {
      margin-bottom: 120px;
    }

    .lg\:mb-\[150px\] {
      margin-bottom: 150px;
    }

    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .lg\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }

    .lg\:ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }

    .lg\:ml-8 {
      margin-left: calc(var(--spacing) * 8);
    }

    .lg\:ml-\[40px\] {
      margin-left: 40px;
    }

    .lg\:ml-\[490px\] {
      margin-left: 490px;
    }

    .lg\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline-block {
      display: inline-block;
    }

    .lg\:btn-xl {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .lg\:btn-xl:hover:before {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .lg\:btn-v3-lg {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }

    .lg\:btn-v3-lg [data-button-v3-icon] {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .lg\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .lg\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }

    .lg\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .lg\:size-24 {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }

    .lg\:size-\[120px\] {
      width: 120px;
      height: 120px;
    }

    .lg\:size-\[350px\] {
      width: 350px;
      height: 350px;
    }

    .lg\:size-\[400px\] {
      width: 400px;
      height: 400px;
    }

    .lg\:size-\[550px\] {
      width: 550px;
      height: 550px;
    }

    .lg\:size-\[650px\] {
      width: 650px;
      height: 650px;
    }

    .lg\:size-\[700px\] {
      width: 700px;
      height: 700px;
    }

    .lg\:size-\[800px\] {
      width: 800px;
      height: 800px;
    }

    .lg\:size-\[850px\] {
      width: 850px;
      height: 850px;
    }

    .lg\:size-\[1100px\] {
      width: 1100px;
      height: 1100px;
    }

    .lg\:h-\[52px\] {
      height: 52px;
    }

    .lg\:h-\[266px\] {
      height: 266px;
    }

    .lg\:h-\[352px\] {
      height: 352px;
    }

    .lg\:h-\[380px\] {
      height: 380px;
    }

    .lg\:h-\[435px\] {
      height: 435px;
    }

    .lg\:h-\[480px\] {
      height: 480px;
    }

    .lg\:h-\[489px\] {
      height: 489px;
    }

    .lg\:h-\[544px\] {
      height: 544px;
    }

    .lg\:h-\[580px\] {
      height: 580px;
    }

    .lg\:h-\[620px\] {
      height: 620px;
    }

    .lg\:h-\[640px\] {
      height: 640px;
    }

    .lg\:h-\[670px\] {
      height: 670px;
    }

    .lg\:h-\[1078px\] {
      height: 1078px;
    }

    .lg\:max-h-\[280px\] {
      max-height: 280px;
    }

    .lg\:max-h-\[370px\] {
      max-height: 370px;
    }

    .lg\:max-h-\[400px\] {
      max-height: 400px;
    }

    .lg\:max-h-\[600px\] {
      max-height: 600px;
    }

    .lg\:min-h-\[226px\] {
      min-height: 226px;
    }

    .lg\:min-h-\[361px\] {
      min-height: 361px;
    }

    .lg\:min-h-\[408px\] {
      min-height: 408px;
    }

    .lg\:min-h-\[424px\] {
      min-height: 424px;
    }

    .lg\:min-h-\[452px\] {
      min-height: 452px;
    }

    .lg\:min-h-\[490px\] {
      min-height: 490px;
    }

    .lg\:min-h-\[500px\] {
      min-height: 500px;
    }

    .lg\:min-h-\[566px\] {
      min-height: 566px;
    }

    .lg\:min-h-\[740px\] {
      min-height: 740px;
    }

    .lg\:w-1\/2 {
      width: 50%;
    }

    .lg\:w-2\/5 {
      width: 40%;
    }

    .lg\:w-3\/5 {
      width: 60%;
    }

    .lg\:w-20 {
      width: calc(var(--spacing) * 20);
    }

    .lg\:w-\[37\%\] {
      width: 37%;
    }

    .lg\:w-\[63\%\] {
      width: 63%;
    }

    .lg\:w-\[170px\] {
      width: 170px;
    }

    .lg\:w-\[180px\] {
      width: 180px;
    }

    .lg\:w-\[188px\] {
      width: 188px;
    }

    .lg\:w-\[200px\] {
      width: 200px;
    }

    .lg\:w-\[220px\] {
      width: 220px;
    }

    .lg\:w-\[250px\] {
      width: 250px;
    }

    .lg\:w-\[260px\] {
      width: 260px;
    }

    .lg\:w-\[266px\] {
      width: 266px;
    }

    .lg\:w-\[273px\] {
      width: 273px;
    }

    .lg\:w-\[300px\] {
      width: 300px;
    }

    .lg\:w-\[309px\] {
      width: 309px;
    }

    .lg\:w-\[340px\] {
      width: 340px;
    }

    .lg\:w-\[370px\] {
      width: 370px;
    }

    .lg\:w-\[400px\] {
      width: 400px;
    }

    .lg\:w-\[409px\] {
      width: 409px;
    }

    .lg\:w-\[431px\] {
      width: 431px;
    }

    .lg\:w-\[500px\] {
      width: 500px;
    }

    .lg\:w-\[538\.95px\] {
      width: 538.95px;
    }

    .lg\:w-\[540px\] {
      width: 540px;
    }

    .lg\:w-\[574px\] {
      width: 574px;
    }

    .lg\:w-\[584px\] {
      width: 584px;
    }

    .lg\:w-\[750px\] {
      width: 750px;
    }

    .lg\:w-\[946px\] {
      width: 946px;
    }

    .lg\:w-\[970px\] {
      width: 970px;
    }

    .lg\:w-\[972px\] {
      width: 972px;
    }

    .lg\:w-\[1024px\] {
      width: 1024px;
    }

    .lg\:w-\[1290px\] {
      width: 1290px;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:w-full {
      width: 100%;
    }

    .lg\:\!max-w-\[740px\] {
      max-width: 740px !important;
    }

    .lg\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .lg\:max-w-\[104px\] {
      max-width: 104px;
    }

    .lg\:max-w-\[150px\] {
      max-width: 150px;
    }

    .lg\:max-w-\[198px\] {
      max-width: 198px;
    }

    .lg\:max-w-\[200px\] {
      max-width: 200px;
    }

    .lg\:max-w-\[225px\] {
      max-width: 225px;
    }

    .lg\:max-w-\[233px\] {
      max-width: 233px;
    }

    .lg\:max-w-\[234px\] {
      max-width: 234px;
    }

    .lg\:max-w-\[250px\] {
      max-width: 250px;
    }

    .lg\:max-w-\[253px\] {
      max-width: 253px;
    }

    .lg\:max-w-\[260px\] {
      max-width: 260px;
    }

    .lg\:max-w-\[275px\] {
      max-width: 275px;
    }

    .lg\:max-w-\[277px\] {
      max-width: 277px;
    }

    .lg\:max-w-\[282px\] {
      max-width: 282px;
    }

    .lg\:max-w-\[288px\] {
      max-width: 288px;
    }

    .lg\:max-w-\[296px\] {
      max-width: 296px;
    }

    .lg\:max-w-\[300px\] {
      max-width: 300px;
    }

    .lg\:max-w-\[317px\] {
      max-width: 317px;
    }

    .lg\:max-w-\[320px\] {
      max-width: 320px;
    }

    .lg\:max-w-\[326px\] {
      max-width: 326px;
    }

    .lg\:max-w-\[330px\] {
      max-width: 330px;
    }

    .lg\:max-w-\[338px\] {
      max-width: 338px;
    }

    .lg\:max-w-\[340px\] {
      max-width: 340px;
    }

    .lg\:max-w-\[344px\] {
      max-width: 344px;
    }

    .lg\:max-w-\[350px\] {
      max-width: 350px;
    }

    .lg\:max-w-\[358px\] {
      max-width: 358px;
    }

    .lg\:max-w-\[364px\] {
      max-width: 364px;
    }

    .lg\:max-w-\[370px\] {
      max-width: 370px;
    }

    .lg\:max-w-\[380px\] {
      max-width: 380px;
    }

    .lg\:max-w-\[386px\] {
      max-width: 386px;
    }

    .lg\:max-w-\[388px\] {
      max-width: 388px;
    }

    .lg\:max-w-\[390px\] {
      max-width: 390px;
    }

    .lg\:max-w-\[396px\] {
      max-width: 396px;
    }

    .lg\:max-w-\[400px\] {
      max-width: 400px;
    }

    .lg\:max-w-\[402px\] {
      max-width: 402px;
    }

    .lg\:max-w-\[408px\] {
      max-width: 408px;
    }

    .lg\:max-w-\[409px\] {
      max-width: 409px;
    }

    .lg\:max-w-\[412px\] {
      max-width: 412px;
    }

    .lg\:max-w-\[420px\] {
      max-width: 420px;
    }

    .lg\:max-w-\[425px\] {
      max-width: 425px;
    }

    .lg\:max-w-\[439px\] {
      max-width: 439px;
    }

    .lg\:max-w-\[440px\] {
      max-width: 440px;
    }

    .lg\:max-w-\[442px\] {
      max-width: 442px;
    }

    .lg\:max-w-\[449px\] {
      max-width: 449px;
    }

    .lg\:max-w-\[450px\] {
      max-width: 450px;
    }

    .lg\:max-w-\[452px\] {
      max-width: 452px;
    }

    .lg\:max-w-\[462px\] {
      max-width: 462px;
    }

    .lg\:max-w-\[465px\] {
      max-width: 465px;
    }

    .lg\:max-w-\[467px\] {
      max-width: 467px;
    }

    .lg\:max-w-\[470px\] {
      max-width: 470px;
    }

    .lg\:max-w-\[472px\] {
      max-width: 472px;
    }

    .lg\:max-w-\[476px\] {
      max-width: 476px;
    }

    .lg\:max-w-\[478px\] {
      max-width: 478px;
    }

    .lg\:max-w-\[480px\] {
      max-width: 480px;
    }

    .lg\:max-w-\[485px\] {
      max-width: 485px;
    }

    .lg\:max-w-\[490px\] {
      max-width: 490px;
    }

    .lg\:max-w-\[498px\] {
      max-width: 498px;
    }

    .lg\:max-w-\[500px\] {
      max-width: 500px;
    }

    .lg\:max-w-\[505px\] {
      max-width: 505px;
    }

    .lg\:max-w-\[507px\] {
      max-width: 507px;
    }

    .lg\:max-w-\[508px\] {
      max-width: 508px;
    }

    .lg\:max-w-\[510px\] {
      max-width: 510px;
    }

    .lg\:max-w-\[518px\] {
      max-width: 518px;
    }

    .lg\:max-w-\[520px\] {
      max-width: 520px;
    }

    .lg\:max-w-\[521px\] {
      max-width: 521px;
    }

    .lg\:max-w-\[525px\] {
      max-width: 525px;
    }

    .lg\:max-w-\[535px\] {
      max-width: 535px;
    }

    .lg\:max-w-\[536px\] {
      max-width: 536px;
    }

    .lg\:max-w-\[560px\] {
      max-width: 560px;
    }

    .lg\:max-w-\[562px\] {
      max-width: 562px;
    }

    .lg\:max-w-\[570px\] {
      max-width: 570px;
    }

    .lg\:max-w-\[574px\] {
      max-width: 574px;
    }

    .lg\:max-w-\[587px\] {
      max-width: 587px;
    }

    .lg\:max-w-\[590px\] {
      max-width: 590px;
    }

    .lg\:max-w-\[592px\] {
      max-width: 592px;
    }

    .lg\:max-w-\[595px\] {
      max-width: 595px;
    }

    .lg\:max-w-\[596px\] {
      max-width: 596px;
    }

    .lg\:max-w-\[597px\] {
      max-width: 597px;
    }

    .lg\:max-w-\[598px\] {
      max-width: 598px;
    }

    .lg\:max-w-\[600px\] {
      max-width: 600px;
    }

    .lg\:max-w-\[602px\] {
      max-width: 602px;
    }

    .lg\:max-w-\[605px\] {
      max-width: 605px;
    }

    .lg\:max-w-\[608px\] {
      max-width: 608px;
    }

    .lg\:max-w-\[610px\] {
      max-width: 610px;
    }

    .lg\:max-w-\[613px\] {
      max-width: 613px;
    }

    .lg\:max-w-\[620px\] {
      max-width: 620px;
    }

    .lg\:max-w-\[627px\] {
      max-width: 627px;
    }

    .lg\:max-w-\[628px\] {
      max-width: 628px;
    }

    .lg\:max-w-\[629px\] {
      max-width: 629px;
    }

    .lg\:max-w-\[645px\] {
      max-width: 645px;
    }

    .lg\:max-w-\[647px\] {
      max-width: 647px;
    }

    .lg\:max-w-\[648px\] {
      max-width: 648px;
    }

    .lg\:max-w-\[650px\] {
      max-width: 650px;
    }

    .lg\:max-w-\[658px\] {
      max-width: 658px;
    }

    .lg\:max-w-\[668px\] {
      max-width: 668px;
    }

    .lg\:max-w-\[669px\] {
      max-width: 669px;
    }

    .lg\:max-w-\[674px\] {
      max-width: 674px;
    }

    .lg\:max-w-\[678px\] {
      max-width: 678px;
    }

    .lg\:max-w-\[682px\] {
      max-width: 682px;
    }

    .lg\:max-w-\[684px\] {
      max-width: 684px;
    }

    .lg\:max-w-\[690px\] {
      max-width: 690px;
    }

    .lg\:max-w-\[696px\] {
      max-width: 696px;
    }

    .lg\:max-w-\[700px\] {
      max-width: 700px;
    }

    .lg\:max-w-\[723px\] {
      max-width: 723px;
    }

    .lg\:max-w-\[730px\] {
      max-width: 730px;
    }

    .lg\:max-w-\[731px\] {
      max-width: 731px;
    }

    .lg\:max-w-\[735px\] {
      max-width: 735px;
    }

    .lg\:max-w-\[767px\] {
      max-width: 767px;
    }

    .lg\:max-w-\[776px\] {
      max-width: 776px;
    }

    .lg\:max-w-\[780px\] {
      max-width: 780px;
    }

    .lg\:max-w-\[800px\] {
      max-width: 800px;
    }

    .lg\:max-w-\[806px\] {
      max-width: 806px;
    }

    .lg\:max-w-\[808px\] {
      max-width: 808px;
    }

    .lg\:max-w-\[818px\] {
      max-width: 818px;
    }

    .lg\:max-w-\[828px\] {
      max-width: 828px;
    }

    .lg\:max-w-\[830px\] {
      max-width: 830px;
    }

    .lg\:max-w-\[850px\] {
      max-width: 850px;
    }

    .lg\:max-w-\[852px\] {
      max-width: 852px;
    }

    .lg\:max-w-\[897px\] {
      max-width: 897px;
    }

    .lg\:max-w-\[900px\] {
      max-width: 900px;
    }

    .lg\:max-w-\[904px\] {
      max-width: 904px;
    }

    .lg\:max-w-\[930px\] {
      max-width: 930px;
    }

    .lg\:max-w-\[940px\] {
      max-width: 940px;
    }

    .lg\:max-w-\[960px\] {
      max-width: 960px;
    }

    .lg\:max-w-\[980px\] {
      max-width: 980px;
    }

    .lg\:max-w-\[1000px\] {
      max-width: 1000px;
    }

    .lg\:max-w-\[1140px\] {
      max-width: 1140px;
    }

    .lg\:max-w-\[1240px\] {
      max-width: 1240px;
    }

    .lg\:max-w-full {
      max-width: 100%;
    }

    .lg\:max-w-max {
      max-width: max-content;
    }

    .lg\:min-w-36 {
      min-width: calc(var(--spacing) * 36);
    }

    .lg\:min-w-\[722px\] {
      min-width: 722px;
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:flex-1\/2 {
      flex: 50%;
    }

    .lg\:flex-1\/3 {
      flex: 33.3333%;
    }

    .lg\:flex-2\/3 {
      flex: 66.6667%;
    }

    .lg\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }

    .lg\:basis-\[466px\] {
      flex-basis: 466px;
    }

    .lg\:basis-\[486px\] {
      flex-basis: 486px;
    }

    .lg\:basis-\[530px\] {
      flex-basis: 530px;
    }

    .lg\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:translate-x-4 {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:-translate-y-\[25\%\] {
      --tw-translate-y: calc(25% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:translate-y-\[30\%\] {
      --tw-translate-y: 30%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:scale-75 {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .lg\:scale-\[90\%\] {
      scale: 90%;
    }

    .lg\:-rotate-\[20deg\] {
      rotate: -20deg;
    }

    .lg\:rotate-\[-21\.708deg\] {
      rotate: -21.708deg;
    }

    .lg\:rotate-\[-26\.54deg\] {
      rotate: -26.54deg;
    }

    .lg\:rotate-\[20\.435deg\] {
      rotate: 20.435deg;
    }

    .lg\:rotate-\[26deg\] {
      rotate: 26deg;
    }

    .lg\:columns-3 {
      columns: 3;
    }

    .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\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-around {
      justify-content: space-around;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-9 {
      gap: calc(var(--spacing) * 9);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .lg\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }

    .lg\:gap-\[40px\] {
      gap: 40px;
    }

    .lg\:gap-\[42px\] {
      gap: 42px;
    }

    .lg\:gap-\[50px\] {
      gap: 50px;
    }

    .lg\:gap-\[70px\] {
      gap: 70px;
    }

    .lg\:gap-\[72px\] {
      gap: 72px;
    }

    .lg\:gap-\[100px\] {
      gap: 100px;
    }

    .lg\:gap-\[239px\] {
      gap: 239px;
    }

    :where(.lg\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-11 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-19 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 19) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 19) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[38px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(38px * var(--tw-space-y-reverse));
      margin-block-end: calc(38px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[60px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(60px * var(--tw-space-y-reverse));
      margin-block-end: calc(60px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[70px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(70px * var(--tw-space-y-reverse));
      margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[90px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(90px * var(--tw-space-y-reverse));
      margin-block-end: calc(90px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[100px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(100px * var(--tw-space-y-reverse));
      margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse)));
    }

    .lg\:gap-x-0 {
      column-gap: calc(var(--spacing) * 0);
    }

    .lg\:gap-x-1 {
      column-gap: calc(var(--spacing) * 1);
    }

    .lg\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }

    .lg\:gap-x-24 {
      column-gap: calc(var(--spacing) * 24);
    }

    .lg\:gap-x-\[42px\] {
      column-gap: 42px;
    }

    .lg\:gap-x-\[60px\] {
      column-gap: 60px;
    }

    .lg\:gap-x-\[70px\] {
      column-gap: 70px;
    }

    .lg\:gap-x-\[97px\] {
      column-gap: 97px;
    }

    .lg\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .lg\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-y-14 {
      row-gap: calc(var(--spacing) * 14);
    }

    .lg\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }

    .lg\:self-end {
      align-self: flex-end;
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:justify-self-end {
      justify-self: flex-end;
    }

    .lg\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .lg\:rounded-4xl {
      border-radius: var(--radius-4xl);
    }

    .lg\:rounded-\[20px\] {
      border-radius: 20px;
    }

    .lg\:rounded-\[28px\] {
      border-radius: 28px;
    }

    .lg\:rounded-\[30px\] {
      border-radius: 30px;
    }

    .lg\:rounded-none {
      border-radius: 0;
    }

    .lg\:rounded-br-\[28px\] {
      border-bottom-right-radius: 28px;
    }

    .lg\:border-8 {
      border-style: var(--tw-border-style);
      border-width: 8px;
    }

    .lg\:bg-none {
      background-image: none;
    }

    .lg\:bg-top-right {
      background-position: 100% 0;
    }

    .lg\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .lg\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .lg\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }

    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:p-9 {
      padding: calc(var(--spacing) * 9);
    }

    .lg\:p-11 {
      padding: calc(var(--spacing) * 11);
    }

    .lg\:p-14 {
      padding: calc(var(--spacing) * 14);
    }

    .lg\:p-\[42px\] {
      padding: 42px;
    }

    .lg\:p-\[100px\] {
      padding: 100px;
    }

    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .lg\:px-11 {
      padding-inline: calc(var(--spacing) * 11);
    }

    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:px-\[42px\] {
      padding-inline: 42px;
    }

    .lg\:px-\[64px\] {
      padding-inline: 64px;
    }

    .lg\:px-\[74px\] {
      padding-inline: 74px;
    }

    .lg\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .lg\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .lg\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .lg\:py-22 {
      padding-block: calc(var(--spacing) * 22);
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .lg\:py-30 {
      padding-block: calc(var(--spacing) * 30);
    }

    .lg\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .lg\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .lg\:py-39 {
      padding-block: calc(var(--spacing) * 39);
    }

    .lg\:py-40 {
      padding-block: calc(var(--spacing) * 40);
    }

    .lg\:py-44 {
      padding-block: calc(var(--spacing) * 44);
    }

    .lg\:py-\[30px\] {
      padding-block: 30px;
    }

    .lg\:py-\[42px\] {
      padding-block: 42px;
    }

    .lg\:py-\[70px\] {
      padding-block: 70px;
    }

    .lg\:py-\[72px\] {
      padding-block: 72px;
    }

    .lg\:py-\[75px\] {
      padding-block: 75px;
    }

    .lg\:py-\[76px\] {
      padding-block: 76px;
    }

    .lg\:py-\[85px\] {
      padding-block: 85px;
    }

    .lg\:py-\[88px\] {
      padding-block: 88px;
    }

    .lg\:py-\[90px\] {
      padding-block: 90px;
    }

    .lg\:py-\[100px\] {
      padding-block: 100px;
    }

    .lg\:py-\[120px\] {
      padding-block: 120px;
    }

    .lg\:py-\[140px\] {
      padding-block: 140px;
    }

    .lg\:py-\[150px\] {
      padding-block: 150px;
    }

    .lg\:py-\[156px\] {
      padding-block: 156px;
    }

    .lg\:py-\[200px\] {
      padding-block: 200px;
    }

    .lg\:pe-5 {
      padding-inline-end: calc(var(--spacing) * 5);
    }

    .lg\:pe-16 {
      padding-inline-end: calc(var(--spacing) * 16);
    }

    .lg\:pe-\[42px\] {
      padding-inline-end: 42px;
    }

    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }

    .lg\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .lg\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .lg\:pt-22 {
      padding-top: calc(var(--spacing) * 22);
    }

    .lg\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .lg\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .lg\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .lg\:pt-44 {
      padding-top: calc(var(--spacing) * 44);
    }

    .lg\:pt-\[67px\] {
      padding-top: 67px;
    }

    .lg\:pt-\[70px\] {
      padding-top: 70px;
    }

    .lg\:pt-\[76px\] {
      padding-top: 76px;
    }

    .lg\:pt-\[88px\] {
      padding-top: 88px;
    }

    .lg\:pt-\[90px\] {
      padding-top: 90px;
    }

    .lg\:pt-\[100px\] {
      padding-top: 100px;
    }

    .lg\:pt-\[110px\] {
      padding-top: 110px;
    }

    .lg\:pt-\[120px\] {
      padding-top: 120px;
    }

    .lg\:pt-\[128px\] {
      padding-top: 128px;
    }

    .lg\:pt-\[130px\] {
      padding-top: 130px;
    }

    .lg\:pt-\[140px\] {
      padding-top: 140px;
    }

    .lg\:pt-\[150px\] {
      padding-top: 150px;
    }

    .lg\:pt-\[160px\] {
      padding-top: 160px;
    }

    .lg\:pt-\[176px\] {
      padding-top: 176px;
    }

    .lg\:pt-\[180px\] {
      padding-top: 180px;
    }

    .lg\:pt-\[200px\] {
      padding-top: 200px;
    }

    .lg\:pt-\[206px\] {
      padding-top: 206px;
    }

    .lg\:pt-\[220px\] {
      padding-top: 220px;
    }

    .lg\:pt-\[230px\] {
      padding-top: 230px;
    }

    .lg\:pt-\[234px\] {
      padding-top: 234px;
    }

    .lg\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .lg\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }

    .lg\:pr-\[42px\] {
      padding-right: 42px;
    }

    .lg\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .lg\:pb-22 {
      padding-bottom: calc(var(--spacing) * 22);
    }

    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .lg\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .lg\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .lg\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }

    .lg\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }

    .lg\:pb-44 {
      padding-bottom: calc(var(--spacing) * 44);
    }

    .lg\:pb-\[50px\] {
      padding-bottom: 50px;
    }

    .lg\:pb-\[56px\] {
      padding-bottom: 56px;
    }

    .lg\:pb-\[60px\] {
      padding-bottom: 60px;
    }

    .lg\:pb-\[72px\] {
      padding-bottom: 72px;
    }

    .lg\:pb-\[76px\] {
      padding-bottom: 76px;
    }

    .lg\:pb-\[85px\] {
      padding-bottom: 85px;
    }

    .lg\:pb-\[88px\] {
      padding-bottom: 88px;
    }

    .lg\:pb-\[90px\] {
      padding-bottom: 90px;
    }

    .lg\:pb-\[95px\] {
      padding-bottom: 95px;
    }

    .lg\:pb-\[100px\] {
      padding-bottom: 100px;
    }

    .lg\:pb-\[120px\] {
      padding-bottom: 120px;
    }

    .lg\:pb-\[125px\] {
      padding-bottom: 125px;
    }

    .lg\:pb-\[128px\] {
      padding-bottom: 128px;
    }

    .lg\:pb-\[140px\] {
      padding-bottom: 140px;
    }

    .lg\:pb-\[150px\] {
      padding-bottom: 150px;
    }

    .lg\:pb-\[160px\] {
      padding-bottom: 160px;
    }

    .lg\:pb-\[170px\] {
      padding-bottom: 170px;
    }

    .lg\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .lg\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }

    .lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }

    .lg\:pl-9 {
      padding-left: calc(var(--spacing) * 9);
    }

    .lg\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }

    .lg\:pl-14 {
      padding-left: calc(var(--spacing) * 14);
    }

    .lg\:pl-\[80px\] {
      padding-left: 80px;
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-start {
      text-align: start;
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .lg\:text-heading-2 {
      font-size: var(--text-heading-2);
      line-height: var(--tw-leading, var(--text-heading-2--line-height));
    }

    .lg\:text-heading-3 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }

    .lg\:text-heading-4 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }

    .lg\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .lg\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .lg\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .lg\:\!text-\[180px\] {
      font-size: 180px !important;
    }

    .lg\:text-\[52px\] {
      font-size: 52px;
    }

    .lg\:text-\[72px\] {
      font-size: 72px;
    }

    .lg\:opacity-0 {
      opacity: 0;
    }

    @media (hover: hover) {
      .lg\:group-hover\:translate-y-0:is(:where(.group):hover *) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }

      .lg\:group-hover\:scale-100:is(:where(.group):hover *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }

      .lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:-top-28 {
      top: calc(var(--spacing) * -28);
    }

    .xl\:-top-52 {
      top: calc(var(--spacing) * -52);
    }

    .xl\:-top-\[27\%\] {
      top: -27%;
    }

    .xl\:-top-\[46\%\] {
      top: -46%;
    }

    .xl\:-top-\[50\%\] {
      top: -50%;
    }

    .xl\:-top-\[58\%\] {
      top: -58%;
    }

    .xl\:-top-\[65\%\] {
      top: -65%;
    }

    .xl\:-top-\[80\%\] {
      top: -80%;
    }

    .xl\:-top-\[84\%\] {
      top: -84%;
    }

    .xl\:-top-\[107\%\] {
      top: -107%;
    }

    .xl\:-top-\[123\%\] {
      top: -123%;
    }

    .xl\:-top-\[142\%\] {
      top: -142%;
    }

    .xl\:-top-\[210px\] {
      top: -210px;
    }

    .xl\:-top-\[220px\] {
      top: -220px;
    }

    .xl\:-top-\[225px\] {
      top: -225px;
    }

    .xl\:-top-\[290\%\] {
      top: -290%;
    }

    .xl\:-top-\[560px\] {
      top: -560px;
    }

    .xl\:top-1\/2 {
      top: 50%;
    }

    .xl\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .xl\:top-\[-4px\] {
      top: -4px;
    }

    .xl\:top-\[-24\%\] {
      top: -24%;
    }

    .xl\:top-\[-32\%\] {
      top: -32%;
    }

    .xl\:top-\[-60\%\] {
      top: -60%;
    }

    .xl\:top-\[-73\%\] {
      top: -73%;
    }

    .xl\:top-\[-104px\] {
      top: -104px;
    }

    .xl\:top-\[-111px\] {
      top: -111px;
    }

    .xl\:top-\[-157px\] {
      top: -157px;
    }

    .xl\:top-\[-204px\] {
      top: -204px;
    }

    .xl\:top-\[-295px\] {
      top: -295px;
    }

    .xl\:top-\[-900px\] {
      top: -900px;
    }

    .xl\:top-\[5\%\] {
      top: 5%;
    }

    .xl\:top-\[8\%\] {
      top: 8%;
    }

    .xl\:top-\[10\%\] {
      top: 10%;
    }

    .xl\:top-\[12\%\] {
      top: 12%;
    }

    .xl\:top-\[13\%\] {
      top: 13%;
    }

    .xl\:top-\[14\%\] {
      top: 14%;
    }

    .xl\:top-\[17\%\] {
      top: 17%;
    }

    .xl\:top-\[19\%\] {
      top: 19%;
    }

    .xl\:top-\[20\%\] {
      top: 20%;
    }

    .xl\:top-\[22\%\] {
      top: 22%;
    }

    .xl\:top-\[26\%\] {
      top: 26%;
    }

    .xl\:top-\[29\%\] {
      top: 29%;
    }

    .xl\:top-\[32\%\] {
      top: 32%;
    }

    .xl\:top-\[37\%\] {
      top: 37%;
    }

    .xl\:top-\[38\%\] {
      top: 38%;
    }

    .xl\:top-\[40\%\] {
      top: 40%;
    }

    .xl\:top-\[41\%\] {
      top: 41%;
    }

    .xl\:top-\[42\%\] {
      top: 42%;
    }

    .xl\:top-\[45\%\] {
      top: 45%;
    }

    .xl\:top-\[55\%\] {
      top: 55%;
    }

    .xl\:top-\[57\%\] {
      top: 57%;
    }

    .xl\:top-\[81\%\] {
      top: 81%;
    }

    .xl\:top-\[170px\] {
      top: 170px;
    }

    .xl\:top-\[187px\] {
      top: 187px;
    }

    .xl\:top-\[266px\] {
      top: 266px;
    }

    .xl\:top-\[411px\] {
      top: 411px;
    }

    .xl\:-right-0 {
      right: calc(var(--spacing) * 0);
    }

    .xl\:-right-7 {
      right: calc(var(--spacing) * -7);
    }

    .xl\:-right-\[1\%\] {
      right: -1%;
    }

    .xl\:-right-\[4\%\] {
      right: -4%;
    }

    .xl\:-right-\[10\%\] {
      right: -10%;
    }

    .xl\:-right-\[12\%\] {
      right: -12%;
    }

    .xl\:-right-\[15\%\] {
      right: -15%;
    }

    .xl\:-right-\[18\%\] {
      right: -18%;
    }

    .xl\:-right-\[21\%\] {
      right: -21%;
    }

    .xl\:-right-\[30\%\] {
      right: -30%;
    }

    .xl\:-right-\[39\%\] {
      right: -39%;
    }

    .xl\:-right-\[40\%\] {
      right: -40%;
    }

    .xl\:-right-\[54\%\] {
      right: -54%;
    }

    .xl\:-right-\[62\%\] {
      right: -62%;
    }

    .xl\:-right-\[105\%\] {
      right: -105%;
    }

    .xl\:-right-\[130px\] {
      right: -130px;
    }

    .xl\:-right-\[150px\] {
      right: -150px;
    }

    .xl\:-right-\[200px\] {
      right: -200px;
    }

    .xl\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .xl\:right-14 {
      right: calc(var(--spacing) * 14);
    }

    .xl\:right-20 {
      right: calc(var(--spacing) * 20);
    }

    .xl\:right-28 {
      right: calc(var(--spacing) * 28);
    }

    .xl\:right-\[-1px\] {
      right: -1px;
    }

    .xl\:right-\[-9\%\] {
      right: -9%;
    }

    .xl\:right-\[-15px\] {
      right: -15px;
    }

    .xl\:right-\[-17\%\] {
      right: -17%;
    }

    .xl\:right-\[-20\%\] {
      right: -20%;
    }

    .xl\:right-\[-32\%\] {
      right: -32%;
    }

    .xl\:right-\[-99\%\] {
      right: -99%;
    }

    .xl\:right-\[-600px\] {
      right: -600px;
    }

    .xl\:right-\[3\%\] {
      right: 3%;
    }

    .xl\:right-\[7px\] {
      right: 7px;
    }

    .xl\:right-\[9\%\] {
      right: 9%;
    }

    .xl\:right-\[10\%\] {
      right: 10%;
    }

    .xl\:right-\[11\%\] {
      right: 11%;
    }

    .xl\:right-\[14\%\] {
      right: 14%;
    }

    .xl\:right-\[18\%\] {
      right: 18%;
    }

    .xl\:right-\[22\%\] {
      right: 22%;
    }

    .xl\:right-\[24\%\] {
      right: 24%;
    }

    .xl\:right-\[25px\] {
      right: 25px;
    }

    .xl\:right-\[28\%\] {
      right: 28%;
    }

    .xl\:right-\[68px\] {
      right: 68px;
    }

    .xl\:right-\[75px\] {
      right: 75px;
    }

    .xl\:right-\[76px\] {
      right: 76px;
    }

    .xl\:right-\[236px\] {
      right: 236px;
    }

    .xl\:right-\[256px\] {
      right: 256px;
    }

    .xl\:right-\[400px\] {
      right: 400px;
    }

    .xl\:-bottom-\[15\%\] {
      bottom: -15%;
    }

    .xl\:-bottom-\[26\%\] {
      bottom: -26%;
    }

    .xl\:-bottom-\[620px\] {
      bottom: -620px;
    }

    .xl\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .xl\:bottom-1\/12 {
      bottom: 8.33333%;
    }

    .xl\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .xl\:bottom-\[-70\%\] {
      bottom: -70%;
    }

    .xl\:bottom-\[-72px\] {
      bottom: -72px;
    }

    .xl\:bottom-\[-77\%\] {
      bottom: -77%;
    }

    .xl\:bottom-\[-90\%\] {
      bottom: -90%;
    }

    .xl\:bottom-\[-266px\] {
      bottom: -266px;
    }

    .xl\:bottom-\[15\%\] {
      bottom: 15%;
    }

    .xl\:bottom-\[18\%\] {
      bottom: 18%;
    }

    .xl\:bottom-\[28\%\] {
      bottom: 28%;
    }

    .xl\:bottom-\[30\%\] {
      bottom: 30%;
    }

    .xl\:bottom-\[36\%\] {
      bottom: 36%;
    }

    .xl\:bottom-\[41\%\] {
      bottom: 41%;
    }

    .xl\:bottom-\[66px\] {
      bottom: 66px;
    }

    .xl\:bottom-\[124px\] {
      bottom: 124px;
    }

    .xl\:bottom-auto {
      bottom: auto;
    }

    .xl\:-left-3 {
      left: calc(var(--spacing) * -3);
    }

    .xl\:-left-12 {
      left: calc(var(--spacing) * -12);
    }

    .xl\:-left-\[10\%\] {
      left: -10%;
    }

    .xl\:-left-\[15\%\] {
      left: -15%;
    }

    .xl\:-left-\[21\%\] {
      left: -21%;
    }

    .xl\:-left-\[27\%\] {
      left: -27%;
    }

    .xl\:-left-\[210px\] {
      left: -210px;
    }

    .xl\:-left-\[220px\] {
      left: -220px;
    }

    .xl\:-left-\[225px\] {
      left: -225px;
    }

    .xl\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .xl\:left-20 {
      left: calc(var(--spacing) * 20);
    }

    .xl\:left-\[-20\%\] {
      left: -20%;
    }

    .xl\:left-\[-25\%\] {
      left: -25%;
    }

    .xl\:left-\[-30\%\] {
      left: -30%;
    }

    .xl\:left-\[-39\%\] {
      left: -39%;
    }

    .xl\:left-\[-45\%\] {
      left: -45%;
    }

    .xl\:left-\[-52px\] {
      left: -52px;
    }

    .xl\:left-\[-107px\] {
      left: -107px;
    }

    .xl\:left-\[-111px\] {
      left: -111px;
    }

    .xl\:left-\[-203px\] {
      left: -203px;
    }

    .xl\:left-\[-206px\] {
      left: -206px;
    }

    .xl\:left-\[8\%\] {
      left: 8%;
    }

    .xl\:left-\[10\%\] {
      left: 10%;
    }

    .xl\:left-\[14\%\] {
      left: 14%;
    }

    .xl\:left-\[18\%\] {
      left: 18%;
    }

    .xl\:left-\[19\%\] {
      left: 19%;
    }

    .xl\:left-\[22\%\] {
      left: 22%;
    }

    .xl\:left-\[23\%\] {
      left: 23%;
    }

    .xl\:left-\[26\%\] {
      left: 26%;
    }

    .xl\:left-\[30\%\] {
      left: 30%;
    }

    .xl\:left-\[40\%\] {
      left: 40%;
    }

    .xl\:left-\[41\%\] {
      left: 41%;
    }

    .xl\:left-\[50\%\] {
      left: 50%;
    }

    .xl\:left-\[60\%\] {
      left: 60%;
    }

    .xl\:left-\[82\%\] {
      left: 82%;
    }

    .xl\:left-\[100px\] {
      left: 100px;
    }

    .xl\:left-\[135px\] {
      left: 135px;
    }

    .xl\:left-\[198px\] {
      left: 198px;
    }

    .xl\:left-\[459px\] {
      left: 459px;
    }

    .xl\:order-1 {
      order: 1;
    }

    .xl\:order-2 {
      order: 2;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .xl\:col-start-3 {
      grid-column-start: 3;
    }

    .xl\:col-start-auto {
      grid-column-start: auto;
    }

    .xl\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .xl\:mx-auto {
      margin-inline: auto;
    }

    .xl\:my-\[200px\] {
      margin-block: 200px;
    }

    .xl\:ms-0 {
      margin-inline-start: calc(var(--spacing) * 0);
    }

    .xl\:ms-56 {
      margin-inline-start: calc(var(--spacing) * 56);
    }

    .xl\:ms-\[100px\] {
      margin-inline-start: 100px;
    }

    .xl\:ms-\[185px\] {
      margin-inline-start: 185px;
    }

    .xl\:me-0 {
      margin-inline-end: calc(var(--spacing) * 0);
    }

    .xl\:me-\[100px\] {
      margin-inline-end: 100px;
    }

    .xl\:me-\[185px\] {
      margin-inline-end: 185px;
    }

    .xl\:-mt-20 {
      margin-top: calc(var(--spacing) * -20);
    }

    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .xl\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .xl\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .xl\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .xl\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .xl\:mt-\[30px\] {
      margin-top: 30px;
    }

    .xl\:mt-\[250px\] {
      margin-top: 250px;
    }

    .xl\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }

    .xl\:-mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .xl\:-mb-7 {
      margin-bottom: calc(var(--spacing) * -7);
    }

    .xl\:-mb-14 {
      margin-bottom: calc(var(--spacing) * -14);
    }

    .xl\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .xl\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .xl\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .xl\:mb-\[30px\] {
      margin-bottom: 30px;
    }

    .xl\:mb-\[100px\] {
      margin-bottom: 100px;
    }

    .xl\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .xl\:ml-9 {
      margin-left: calc(var(--spacing) * 9);
    }

    .xl\:ml-16 {
      margin-left: calc(var(--spacing) * 16);
    }

    .xl\:ml-\[60px\] {
      margin-left: 60px;
    }

    .xl\:ml-\[70px\] {
      margin-left: 70px;
    }

    .xl\:ml-\[80px\] {
      margin-left: 80px;
    }

    .xl\:ml-\[100px\] {
      margin-left: 100px;
    }

    .xl\:ml-\[590px\] {
      margin-left: 590px;
    }

    .xl\:ml-auto {
      margin-left: auto;
    }

    .xl\:line-clamp-1 {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .xl\:\!hidden {
      display: none !important;
    }

    .xl\:\!inline-block {
      display: inline-block !important;
    }

    .xl\:block {
      display: block;
    }

    .xl\:flex {
      display: flex;
    }

    .xl\:hidden {
      display: none;
    }

    .xl\:btn-xl {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .xl\:btn-xl:hover:before {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .xl\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .xl\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .xl\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .xl\:size-\[100px\] {
      width: 100px;
      height: 100px;
    }

    .xl\:size-\[120px\] {
      width: 120px;
      height: 120px;
    }

    .xl\:size-\[530px\] {
      width: 530px;
      height: 530px;
    }

    .xl\:size-\[560px\] {
      width: 560px;
      height: 560px;
    }

    .xl\:size-\[650px\] {
      width: 650px;
      height: 650px;
    }

    .xl\:size-\[693px\] {
      width: 693px;
      height: 693px;
    }

    .xl\:size-\[700px\] {
      width: 700px;
      height: 700px;
    }

    .xl\:size-\[857px\] {
      width: 857px;
      height: 857px;
    }

    .xl\:size-\[897px\] {
      width: 897px;
      height: 897px;
    }

    .xl\:size-\[1000px\] {
      width: 1000px;
      height: 1000px;
    }

    .xl\:size-\[1020px\] {
      width: 1020px;
      height: 1020px;
    }

    .xl\:size-\[1434px\] {
      width: 1434px;
      height: 1434px;
    }

    .xl\:h-13 {
      height: calc(var(--spacing) * 13);
    }

    .xl\:h-\[41px\] {
      height: 41px;
    }

    .xl\:h-\[52px\] {
      height: 52px;
    }

    .xl\:h-\[186px\] {
      height: 186px;
    }

    .xl\:h-\[195px\] {
      height: 195px;
    }

    .xl\:h-\[260px\] {
      height: 260px;
    }

    .xl\:h-\[270px\] {
      height: 270px;
    }

    .xl\:h-\[271px\] {
      height: 271px;
    }

    .xl\:h-\[292px\] {
      height: 292px;
    }

    .xl\:h-\[345px\] {
      height: 345px;
    }

    .xl\:h-\[367px\] {
      height: 367px;
    }

    .xl\:h-\[576px\] {
      height: 576px;
    }

    .xl\:h-\[598px\] {
      height: 598px;
    }

    .xl\:h-\[624px\] {
      height: 624px;
    }

    .xl\:h-\[962px\] {
      height: 962px;
    }

    .xl\:h-auto {
      height: auto;
    }

    .xl\:max-h-\[310px\] {
      max-height: 310px;
    }

    .xl\:max-h-\[1126px\] {
      max-height: 1126px;
    }

    .xl\:max-h-\[1500px\] {
      max-height: 1500px;
    }

    .xl\:min-h-\[260px\] {
      min-height: 260px;
    }

    .xl\:min-h-\[310px\] {
      min-height: 310px;
    }

    .xl\:min-h-\[558px\] {
      min-height: 558px;
    }

    .xl\:w-20 {
      width: calc(var(--spacing) * 20);
    }

    .xl\:w-\[71\%\] {
      width: 71%;
    }

    .xl\:w-\[158\.5px\] {
      width: 158.5px;
    }

    .xl\:w-\[198px\] {
      width: 198px;
    }

    .xl\:w-\[200px\] {
      width: 200px;
    }

    .xl\:w-\[210px\] {
      width: 210px;
    }

    .xl\:w-\[250px\] {
      width: 250px;
    }

    .xl\:w-\[280px\] {
      width: 280px;
    }

    .xl\:w-\[300px\] {
      width: 300px;
    }

    .xl\:w-\[350px\] {
      width: 350px;
    }

    .xl\:w-\[395px\] {
      width: 395px;
    }

    .xl\:w-\[408px\] {
      width: 408px;
    }

    .xl\:w-\[409px\] {
      width: 409px;
    }

    .xl\:w-\[459px\] {
      width: 459px;
    }

    .xl\:w-\[517px\] {
      width: 517px;
    }

    .xl\:w-\[584px\] {
      width: 584px;
    }

    .xl\:w-\[670px\] {
      width: 670px;
    }

    .xl\:w-\[802px\] {
      width: 802px;
    }

    .xl\:w-\[940px\] {
      width: 940px;
    }

    .xl\:w-\[1100px\] {
      width: 1100px;
    }

    .xl\:w-auto {
      width: auto;
    }

    .xl\:w-full {
      width: 100%;
    }

    .xl\:max-w-\[119px\] {
      max-width: 119px;
    }

    .xl\:max-w-\[143px\] {
      max-width: 143px;
    }

    .xl\:max-w-\[227px\] {
      max-width: 227px;
    }

    .xl\:max-w-\[233px\] {
      max-width: 233px;
    }

    .xl\:max-w-\[253px\] {
      max-width: 253px;
    }

    .xl\:max-w-\[255px\] {
      max-width: 255px;
    }

    .xl\:max-w-\[270px\] {
      max-width: 270px;
    }

    .xl\:max-w-\[282px\] {
      max-width: 282px;
    }

    .xl\:max-w-\[286px\] {
      max-width: 286px;
    }

    .xl\:max-w-\[288px\] {
      max-width: 288px;
    }

    .xl\:max-w-\[300px\] {
      max-width: 300px;
    }

    .xl\:max-w-\[306px\] {
      max-width: 306px;
    }

    .xl\:max-w-\[316px\] {
      max-width: 316px;
    }

    .xl\:max-w-\[324px\] {
      max-width: 324px;
    }

    .xl\:max-w-\[326px\] {
      max-width: 326px;
    }

    .xl\:max-w-\[333px\] {
      max-width: 333px;
    }

    .xl\:max-w-\[340px\] {
      max-width: 340px;
    }

    .xl\:max-w-\[344px\] {
      max-width: 344px;
    }

    .xl\:max-w-\[350px\] {
      max-width: 350px;
    }

    .xl\:max-w-\[360px\] {
      max-width: 360px;
    }

    .xl\:max-w-\[386px\] {
      max-width: 386px;
    }

    .xl\:max-w-\[391px\] {
      max-width: 391px;
    }

    .xl\:max-w-\[395px\] {
      max-width: 395px;
    }

    .xl\:max-w-\[408px\] {
      max-width: 408px;
    }

    .xl\:max-w-\[409px\] {
      max-width: 409px;
    }

    .xl\:max-w-\[420px\] {
      max-width: 420px;
    }

    .xl\:max-w-\[442px\] {
      max-width: 442px;
    }

    .xl\:max-w-\[446px\] {
      max-width: 446px;
    }

    .xl\:max-w-\[479px\] {
      max-width: 479px;
    }

    .xl\:max-w-\[480px\] {
      max-width: 480px;
    }

    .xl\:max-w-\[500px\] {
      max-width: 500px;
    }

    .xl\:max-w-\[504px\] {
      max-width: 504px;
    }

    .xl\:max-w-\[520px\] {
      max-width: 520px;
    }

    .xl\:max-w-\[535px\] {
      max-width: 535px;
    }

    .xl\:max-w-\[536px\] {
      max-width: 536px;
    }

    .xl\:max-w-\[544px\] {
      max-width: 544px;
    }

    .xl\:max-w-\[562px\] {
      max-width: 562px;
    }

    .xl\:max-w-\[570px\] {
      max-width: 570px;
    }

    .xl\:max-w-\[595px\] {
      max-width: 595px;
    }

    .xl\:max-w-\[629px\] {
      max-width: 629px;
    }

    .xl\:max-w-\[645px\] {
      max-width: 645px;
    }

    .xl\:max-w-\[649px\] {
      max-width: 649px;
    }

    .xl\:max-w-\[650px\] {
      max-width: 650px;
    }

    .xl\:max-w-\[684px\] {
      max-width: 684px;
    }

    .xl\:max-w-\[700px\] {
      max-width: 700px;
    }

    .xl\:max-w-\[784px\] {
      max-width: 784px;
    }

    .xl\:max-w-\[802px\] {
      max-width: 802px;
    }

    .xl\:max-w-\[804px\] {
      max-width: 804px;
    }

    .xl\:max-w-\[846px\] {
      max-width: 846px;
    }

    .xl\:max-w-\[850px\] {
      max-width: 850px;
    }

    .xl\:max-w-\[858px\] {
      max-width: 858px;
    }

    .xl\:max-w-\[878px\] {
      max-width: 878px;
    }

    .xl\:max-w-\[900px\] {
      max-width: 900px;
    }

    .xl\:max-w-\[902px\] {
      max-width: 902px;
    }

    .xl\:max-w-\[905px\] {
      max-width: 905px;
    }

    .xl\:max-w-\[1000px\] {
      max-width: 1000px;
    }

    .xl\:max-w-\[1008px\] {
      max-width: 1008px;
    }

    .xl\:max-w-\[1020px\] {
      max-width: 1020px;
    }

    .xl\:max-w-\[1110px\] {
      max-width: 1110px;
    }

    .xl\:max-w-\[1140px\] {
      max-width: 1140px;
    }

    .xl\:max-w-\[1170px\] {
      max-width: 1170px;
    }

    .xl\:max-w-\[1240px\] {
      max-width: 1240px;
    }

    .xl\:max-w-\[1260px\] {
      max-width: 1260px;
    }

    .xl\:max-w-\[1270px\] {
      max-width: 1270px;
    }

    .xl\:max-w-\[1280px\] {
      max-width: 1280px;
    }

    .xl\:max-w-\[1392px\] {
      max-width: 1392px;
    }

    .xl\:max-w-\[1440px\] {
      max-width: 1440px;
    }

    .xl\:max-w-full {
      max-width: 100%;
    }

    .xl\:-translate-x-\[41\%\] {
      --tw-translate-x: calc(41% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:translate-x-\[36\%\] {
      --tw-translate-x: 36%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:translate-x-\[44\%\] {
      --tw-translate-x: 44%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:translate-x-\[75px\] {
      --tw-translate-x: 75px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:-translate-y-1\/2 {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:-translate-y-\[33\%\] {
      --tw-translate-y: calc(33% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-center {
      align-items: center;
    }

    .xl\:items-start {
      align-items: flex-start;
    }

    .xl\:justify-between {
      justify-content: space-between;
    }

    .xl\:justify-end {
      justify-content: flex-end;
    }

    .xl\:justify-normal {
      justify-content: normal;
    }

    .xl\:justify-start {
      justify-content: flex-start;
    }

    .xl\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .xl\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }

    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .xl\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .xl\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .xl\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .xl\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .xl\:gap-\[60px\] {
      gap: 60px;
    }

    .xl\:gap-\[68px\] {
      gap: 68px;
    }

    .xl\:gap-\[70px\] {
      gap: 70px;
    }

    .xl\:gap-\[75px\] {
      gap: 75px;
    }

    .xl\:gap-\[90px\] {
      gap: 90px;
    }

    .xl\:gap-\[100px\] {
      gap: 100px;
    }

    .xl\:gap-\[115px\] {
      gap: 115px;
    }

    .xl\:gap-\[165px\] {
      gap: 165px;
    }

    :where(.xl\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-10\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10.5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-11 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-14 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-19 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 19) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 19) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-39 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 39) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 39) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[42px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(42px * var(--tw-space-y-reverse));
      margin-block-end: calc(42px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[70px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(70px * var(--tw-space-y-reverse));
      margin-block-end: calc(70px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[100px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(100px * var(--tw-space-y-reverse));
      margin-block-end: calc(100px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[132px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(132px * var(--tw-space-y-reverse));
      margin-block-end: calc(132px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[300px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(300px * var(--tw-space-y-reverse));
      margin-block-end: calc(300px * calc(1 - var(--tw-space-y-reverse)));
    }

    .xl\:gap-x-0 {
      column-gap: calc(var(--spacing) * 0);
    }

    .xl\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }

    .xl\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .xl\:gap-x-9\.5 {
      column-gap: calc(var(--spacing) * 9.5);
    }

    .xl\:gap-x-14 {
      column-gap: calc(var(--spacing) * 14);
    }

    .xl\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }

    .xl\:gap-x-24 {
      column-gap: calc(var(--spacing) * 24);
    }

    .xl\:gap-x-28 {
      column-gap: calc(var(--spacing) * 28);
    }

    .xl\:gap-x-\[100px\] {
      column-gap: 100px;
    }

    .xl\:gap-x-\[140px\] {
      column-gap: 140px;
    }

    .xl\:gap-x-\[165px\] {
      column-gap: 165px;
    }

    .xl\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .xl\:rounded-4xl {
      border-radius: var(--radius-4xl);
    }

    .xl\:rounded-\[20px\] {
      border-radius: 20px;
    }

    .xl\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .xl\:rounded-\[50px\] {
      border-radius: 50px;
    }

    .xl\:rounded-\[56px\] {
      border-radius: 56px;
    }

    .xl\:p-1 {
      padding: calc(var(--spacing) * 1);
    }

    .xl\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .xl\:p-11 {
      padding: calc(var(--spacing) * 11);
    }

    .xl\:p-\[42px\] {
      padding: 42px;
    }

    .xl\:p-\[50px\] {
      padding: 50px;
    }

    .xl\:p-\[70px\] {
      padding: 70px;
    }

    .xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .xl\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .xl\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

    .xl\:px-\[50px\] {
      padding-inline: 50px;
    }

    .xl\:px-\[67px\] {
      padding-inline: 67px;
    }

    .xl\:px-\[100px\] {
      padding-inline: 100px;
    }

    .xl\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .xl\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .xl\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .xl\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .xl\:py-13 {
      padding-block: calc(var(--spacing) * 13);
    }

    .xl\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .xl\:py-19 {
      padding-block: calc(var(--spacing) * 19);
    }

    .xl\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .xl\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .xl\:py-39 {
      padding-block: calc(var(--spacing) * 39);
    }

    .xl\:py-43\.5 {
      padding-block: calc(var(--spacing) * 43.5);
    }

    .xl\:py-48 {
      padding-block: calc(var(--spacing) * 48);
    }

    .xl\:py-\[88px\] {
      padding-block: 88px;
    }

    .xl\:py-\[100px\] {
      padding-block: 100px;
    }

    .xl\:py-\[120px\] {
      padding-block: 120px;
    }

    .xl\:py-\[140px\] {
      padding-block: 140px;
    }

    .xl\:py-\[160px\] {
      padding-block: 160px;
    }

    .xl\:py-\[174px\] {
      padding-block: 174px;
    }

    .xl\:py-\[200px\] {
      padding-block: 200px;
    }

    .xl\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .xl\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .xl\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .xl\:pt-39 {
      padding-top: calc(var(--spacing) * 39);
    }

    .xl\:pt-60 {
      padding-top: calc(var(--spacing) * 60);
    }

    .xl\:pt-\[90px\] {
      padding-top: 90px;
    }

    .xl\:pt-\[100px\] {
      padding-top: 100px;
    }

    .xl\:pt-\[109px\] {
      padding-top: 109px;
    }

    .xl\:pt-\[120px\] {
      padding-top: 120px;
    }

    .xl\:pt-\[140px\] {
      padding-top: 140px;
    }

    .xl\:pt-\[150px\] {
      padding-top: 150px;
    }

    .xl\:pt-\[154px\] {
      padding-top: 154px;
    }

    .xl\:pt-\[160px\] {
      padding-top: 160px;
    }

    .xl\:pt-\[170px\] {
      padding-top: 170px;
    }

    .xl\:pt-\[180px\] {
      padding-top: 180px;
    }

    .xl\:pt-\[200px\] {
      padding-top: 200px;
    }

    .xl\:pt-\[228px\] {
      padding-top: 228px;
    }

    .xl\:pt-\[230px\] {
      padding-top: 230px;
    }

    .xl\:pt-\[236px\] {
      padding-top: 236px;
    }

    .xl\:pt-\[242px\] {
      padding-top: 242px;
    }

    .xl\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .xl\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .xl\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .xl\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .xl\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }

    .xl\:pb-43\.5 {
      padding-bottom: calc(var(--spacing) * 43.5);
    }

    .xl\:pb-44 {
      padding-bottom: calc(var(--spacing) * 44);
    }

    .xl\:pb-48 {
      padding-bottom: calc(var(--spacing) * 48);
    }

    .xl\:pb-52 {
      padding-bottom: calc(var(--spacing) * 52);
    }

    .xl\:pb-\[94px\] {
      padding-bottom: 94px;
    }

    .xl\:pb-\[100px\] {
      padding-bottom: 100px;
    }

    .xl\:pb-\[112px\] {
      padding-bottom: 112px;
    }

    .xl\:pb-\[150px\] {
      padding-bottom: 150px;
    }

    .xl\:pb-\[160px\] {
      padding-bottom: 160px;
    }

    .xl\:pb-\[170px\] {
      padding-bottom: 170px;
    }

    .xl\:pb-\[176px\] {
      padding-bottom: 176px;
    }

    .xl\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .xl\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .xl\:pl-\[96px\] {
      padding-left: 96px;
    }

    .xl\:pl-\[120px\] {
      padding-left: 120px;
    }

    .xl\:text-left {
      text-align: left;
    }

    .xl\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .xl\:text-heading-1 {
      font-size: var(--text-heading-1);
      line-height: var(--tw-leading, var(--text-heading-1--line-height));
    }

    .xl\:text-heading-2 {
      font-size: var(--text-heading-2);
      line-height: var(--tw-leading, var(--text-heading-2--line-height));
    }

    .xl\:text-heading-3 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
    }

    .xl\:text-heading-4 {
      font-size: var(--text-heading-4);
      line-height: var(--tw-leading, var(--text-heading-4--line-height));
    }

    .xl\:text-heading-5 {
      font-size: var(--text-heading-5);
      line-height: var(--tw-leading, var(--text-heading-5--line-height));
    }

    .xl\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .xl\:text-tagline-1 {
      font-size: var(--text-tagline-1);
      line-height: var(--tw-leading, var(--text-tagline-1--line-height));
    }

    .xl\:text-tagline-2 {
      font-size: var(--text-tagline-2);
      line-height: var(--tw-leading, var(--text-tagline-2--line-height));
    }

    .xl\:\!text-\[200px\] {
      font-size: 200px !important;
    }

    .xl\:leading-\[110\%\] {
      --tw-leading: 110%;
      line-height: 110%;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:-top-5 {
      top: calc(var(--spacing) * -5);
    }

    .\32 xl\:-top-12 {
      top: calc(var(--spacing) * -12);
    }

    .\32 xl\:-top-\[53\%\] {
      top: -53%;
    }

    .\32 xl\:-top-\[65\%\] {
      top: -65%;
    }

    .\32 xl\:top-2\.5 {
      top: calc(var(--spacing) * 2.5);
    }

    .\32 xl\:top-\[1\%\] {
      top: 1%;
    }

    .\32 xl\:top-\[35\%\] {
      top: 35%;
    }

    .\32 xl\:top-\[189px\] {
      top: 189px;
    }

    .\32 xl\:top-\[194px\] {
      top: 194px;
    }

    .\32 xl\:-right-10 {
      right: calc(var(--spacing) * -10);
    }

    .\32 xl\:-right-\[8\.0\%\] {
      right: -8%;
    }

    .\32 xl\:-right-\[19\%\] {
      right: -19%;
    }

    .\32 xl\:-right-\[20\%\] {
      right: -20%;
    }

    .\32 xl\:-right-\[23\%\] {
      right: -23%;
    }

    .\32 xl\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .\32 xl\:right-10 {
      right: calc(var(--spacing) * 10);
    }

    .\32 xl\:right-24 {
      right: calc(var(--spacing) * 24);
    }

    .\32 xl\:right-\[-15\%\] {
      right: -15%;
    }

    .\32 xl\:right-\[-53px\] {
      right: -53px;
    }

    .\32 xl\:right-\[-82px\] {
      right: -82px;
    }

    .\32 xl\:right-\[-83px\] {
      right: -83px;
    }

    .\32 xl\:right-\[-98px\] {
      right: -98px;
    }

    .\32 xl\:right-\[-167px\] {
      right: -167px;
    }

    .\32 xl\:-bottom-28 {
      bottom: calc(var(--spacing) * -28);
    }

    .\32 xl\:bottom-\[-10\%\] {
      bottom: -10%;
    }

    .\32 xl\:bottom-\[20\%\] {
      bottom: 20%;
    }

    .\32 xl\:-left-8 {
      left: calc(var(--spacing) * -8);
    }

    .\32 xl\:-left-\[8\.5\%\] {
      left: -8.5%;
    }

    .\32 xl\:-left-\[26\%\] {
      left: -26%;
    }

    .\32 xl\:-left-\[34\%\] {
      left: -34%;
    }

    .\32 xl\:-left-\[120px\] {
      left: -120px;
    }

    .\32 xl\:-left-\[132px\] {
      left: -132px;
    }

    .\32 xl\:-left-\[151px\] {
      left: -151px;
    }

    .\32 xl\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .\32 xl\:left-24 {
      left: calc(var(--spacing) * 24);
    }

    .\32 xl\:left-\[-3px\] {
      left: -3px;
    }

    .\32 xl\:left-\[-15\%\] {
      left: -15%;
    }

    .\32 xl\:left-\[-19\%\] {
      left: -19%;
    }

    .\32 xl\:left-\[-22\%\] {
      left: -22%;
    }

    .\32 xl\:left-\[40\%\] {
      left: 40%;
    }

    .\32 xl\:left-\[60\%\] {
      left: 60%;
    }

    .\32 xl\:left-\[68\%\] {
      left: 68%;
    }

    .\32 xl\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .\32 xl\:mx-auto {
      margin-inline: auto;
    }

    .\32 xl\:-mt-36 {
      margin-top: calc(var(--spacing) * -36);
    }

    .\32 xl\:mt-\[70px\] {
      margin-top: 70px;
    }

    .\32 xl\:mb-\[183px\] {
      margin-bottom: 183px;
    }

    .\32 xl\:ml-\[120px\] {
      margin-left: 120px;
    }

    .\32 xl\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }

    .\32 xl\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .\32 xl\:size-16 {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }

    .\32 xl\:size-\[100px\] {
      width: 100px;
      height: 100px;
    }

    .\32 xl\:size-\[120px\] {
      width: 120px;
      height: 120px;
    }

    .\32 xl\:w-\[250px\] {
      width: 250px;
    }

    .\32 xl\:w-\[253px\] {
      width: 253px;
    }

    .\32 xl\:w-\[275px\] {
      width: 275px;
    }

    .\32 xl\:w-\[280px\] {
      width: 280px;
    }

    .\32 xl\:w-\[333px\] {
      width: 333px;
    }

    .\32 xl\:w-\[455px\] {
      width: 455px;
    }

    .\32 xl\:w-fit {
      width: fit-content;
    }

    .\32 xl\:\!max-w-\[1440px\] {
      max-width: 1440px !important;
    }

    .\32 xl\:max-w-\[254px\] {
      max-width: 254px;
    }

    .\32 xl\:max-w-\[257px\] {
      max-width: 257px;
    }

    .\32 xl\:max-w-\[268px\] {
      max-width: 268px;
    }

    .\32 xl\:max-w-\[389px\] {
      max-width: 389px;
    }

    .\32 xl\:max-w-\[395px\] {
      max-width: 395px;
    }

    .\32 xl\:max-w-\[408px\] {
      max-width: 408px;
    }

    .\32 xl\:max-w-\[497px\] {
      max-width: 497px;
    }

    .\32 xl\:max-w-\[582px\] {
      max-width: 582px;
    }

    .\32 xl\:max-w-\[584px\] {
      max-width: 584px;
    }

    .\32 xl\:max-w-\[700px\] {
      max-width: 700px;
    }

    .\32 xl\:max-w-\[1024px\] {
      max-width: 1024px;
    }

    .\32 xl\:max-w-\[1080px\] {
      max-width: 1080px;
    }

    .\32 xl\:max-w-\[1440px\] {
      max-width: 1440px;
    }

    .\32 xl\:max-w-\[1860px\] {
      max-width: 1860px;
    }

    .\32 xl\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .\32 xl\:justify-evenly {
      justify-content: space-evenly;
    }

    .\32 xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .\32 xl\:gap-\[100px\] {
      gap: 100px;
    }

    .\32 xl\:gap-x-24 {
      column-gap: calc(var(--spacing) * 24);
    }

    .\32 xl\:gap-x-\[100px\] {
      column-gap: 100px;
    }

    .\32 xl\:rounded-\[40px\] {
      border-radius: 40px;
    }

    .\32 xl\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .\32 xl\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .\32 xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .\32 xl\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .\32 xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .\32 xl\:px-\[100px\] {
      padding-inline: 100px;
    }

    .\32 xl\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .\32 xl\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .\32 xl\:py-\[22px\] {
      padding-block: 22px;
    }

    .\32 xl\:py-\[100px\] {
      padding-block: 100px;
    }

    .\32 xl\:py-\[120px\] {
      padding-block: 120px;
    }

    .\32 xl\:py-\[176px\] {
      padding-block: 176px;
    }

    .\32 xl\:py-\[200px\] {
      padding-block: 200px;
    }

    .\32 xl\:ps-\[70px\] {
      padding-inline-start: 70px;
    }

    .\32 xl\:pe-\[70px\] {
      padding-inline-end: 70px;
    }

    .\32 xl\:pe-\[150px\] {
      padding-inline-end: 150px;
    }

    .\32 xl\:pe-\[200px\] {
      padding-inline-end: 200px;
    }

    .\32 xl\:pt-\[230px\] {
      padding-top: 230px;
    }

    .\32 xl\:pt-\[250px\] {
      padding-top: 250px;
    }

    .\32 xl\:pt-\[264px\] {
      padding-top: 264px;
    }

    .\32 xl\:pt-\[280px\] {
      padding-top: 280px;
    }

    .\32 xl\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15);
    }

    .\32 xl\:pb-\[150px\] {
      padding-bottom: 150px;
    }

    .\32 xl\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .\32 xl\:pl-\[320px\] {
      padding-left: 320px;
    }

    .\32 xl\:text-left {
      text-align: left;
    }

    .\32 xl\:text-heading-6 {
      font-size: var(--text-heading-6);
      line-height: var(--tw-leading, var(--text-heading-6--line-height));
    }

    .\32 xl\:text-\[88px\] {
      font-size: 88px;
    }

    .\32 xl\:leading-\[120\%\] {
      --tw-leading: 120%;
      line-height: 120%;
    }
  }

  .dark\:block:where(.dark, .dark *) {
    display: block;
  }

  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }

  .dark\:inline:where(.dark, .dark *) {
    display: inline;
  }

  .dark\:inline-block:where(.dark, .dark *) {
    display: inline-block;
  }

  .dark\:rounded-t-\[20px\]:where(.dark, .dark *) {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .dark\:rounded-t-none:where(.dark, .dark *) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .dark\:rounded-b-\[20px\]:where(.dark, .dark *) {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .dark\:rounded-b-none:where(.dark, .dark *) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .dark\:btn-black:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    background-color: var(--color-black);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 0;
  }

  .dark\:btn-dark:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #fcfcfc1a;
    border-width: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:btn-dark:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:\!border:where(.dark, .dark *) {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .dark\:border:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .dark\:border-0:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .dark\:border-t-0:where(.dark, .dark *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .dark\:border-none:where(.dark, .dark *) {
    --tw-border-style: none;
    border-style: none;
  }

  .dark\:btn-primary:where(.dark, .dark *) {
    border-color: var(--color-primary-600);
    background-color: var(--color-primary-500);
    color: var(--color-white);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:btn-primary:where(.dark, .dark *):where(.dark, .dark *) {
    border-color: var(--color-primary-400);
  }

  .dark\:btn-primary:where(.dark, .dark *):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .dark\:btn-accent:where(.dark, .dark *) {
    border-color: var(--color-stroke-3);
    background-color: var(--color-accent);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:btn-accent:where(.dark, .dark *):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .dark\:btn-white:where(.dark, .dark *) {
    border-color: var(--color-stroke-3);
    background-color: var(--color-background-1);
    color: var(--color-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:btn-white:where(.dark, .dark *):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .dark\:btn-white-dark:where(.dark, .dark *) {
    border-color: var(--color-stroke-7);
    background-color: var(--color-background-6);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:btn-white-dark:where(.dark, .dark *):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .dark\:btn-transparent:where(.dark, .dark *) {
    border-color: var(--color-stroke-7);
    color: var(--color-accent);
    background-color: #0000;
  }

  .dark\:btn-transparent:where(.dark, .dark *):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
  }

  .dark\:btn-secondary-v2:where(.dark, .dark *) {
    border-color: var(--color-stroke-7);
    background-color: var(--color-background-5);
    color: var(--color-accent);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:\!border-stroke-5:where(.dark, .dark *) {
    border-color: var(--color-stroke-5) !important;
  }

  .dark\:border-\[\#1F252F\]:where(.dark, .dark *) {
    border-color: #1f252f;
  }

  .dark\:border-\[\#31332F\]:where(.dark, .dark *) {
    border-color: #31332f;
  }

  .dark\:border-accent:where(.dark, .dark *) {
    border-color: var(--color-accent);
  }

  .dark\:border-accent\/10:where(.dark, .dark *) {
    border-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-accent\/10:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:border-background-5:where(.dark, .dark *) {
    border-color: var(--color-background-5);
  }

  .dark\:border-background-6:where(.dark, .dark *) {
    border-color: var(--color-background-6);
  }

  .dark\:border-background-7:where(.dark, .dark *) {
    border-color: var(--color-background-7);
  }

  .dark\:border-background-8:where(.dark, .dark *) {
    border-color: var(--color-background-8);
  }

  .dark\:border-background-9:where(.dark, .dark *) {
    border-color: var(--color-background-9);
  }

  .dark\:border-black:where(.dark, .dark *) {
    border-color: var(--color-black);
  }

  .dark\:border-stroke-5:where(.dark, .dark *) {
    border-color: var(--color-stroke-5);
  }

  .dark\:border-stroke-6:where(.dark, .dark *) {
    border-color: var(--color-stroke-6);
  }

  .dark\:border-stroke-7:where(.dark, .dark *) {
    border-color: var(--color-stroke-7);
  }

  .dark\:border-stroke-8:where(.dark, .dark *) {
    border-color: var(--color-stroke-8);
  }

  .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border-t-accent\/10:where(.dark, .dark *) {
    border-top-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-t-accent\/10:where(.dark, .dark *) {
      border-top-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:border-t-stroke-6:where(.dark, .dark *) {
    border-top-color: var(--color-stroke-6);
  }

  .dark\:border-t-stroke-7:where(.dark, .dark *) {
    border-top-color: var(--color-stroke-7);
  }

  .dark\:border-r-secondary\/20:where(.dark, .dark *) {
    border-right-color: #1a1a1c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-r-secondary\/20:where(.dark, .dark *) {
      border-right-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .dark\:border-r-stroke-6:where(.dark, .dark *) {
    border-right-color: var(--color-stroke-6);
  }

  .dark\:border-r-stroke-8:where(.dark, .dark *) {
    border-right-color: var(--color-stroke-8);
  }

  .dark\:border-b-accent\/10:where(.dark, .dark *) {
    border-bottom-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-b-accent\/10:where(.dark, .dark *) {
      border-bottom-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:border-b-stroke-5:where(.dark, .dark *) {
    border-bottom-color: var(--color-stroke-5);
  }

  .dark\:border-b-stroke-6:where(.dark, .dark *) {
    border-bottom-color: var(--color-stroke-6);
  }

  .dark\:border-b-stroke-7:where(.dark, .dark *) {
    border-bottom-color: var(--color-stroke-7);
  }

  .dark\:border-b-stroke-8:where(.dark, .dark *) {
    border-bottom-color: var(--color-stroke-8);
  }

  .dark\:btn-secondary-v2:where(.dark, .dark *) {
    background-color: var(--color-secondary);
    color: var(--color-white);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #10182842);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:btn-secondary-v2:where(.dark, .dark *) .btn-v2-icon {
    fill: var(--color-white);
  }

  .dark\:\!bg-accent\/10:where(.dark, .dark *) {
    background-color: #fcfcfc1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!bg-accent\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent) !important;
    }
  }

  .dark\:\!bg-background-5:where(.dark, .dark *) {
    background-color: var(--color-background-5) !important;
  }

  .dark\:\!bg-background-6:where(.dark, .dark *) {
    background-color: var(--color-background-6) !important;
  }

  .dark\:\!bg-background-9:where(.dark, .dark *) {
    background-color: var(--color-background-9) !important;
  }

  .dark\:\!bg-black:where(.dark, .dark *) {
    background-color: var(--color-black) !important;
  }

  .dark\:\!bg-transparent:where(.dark, .dark *) {
    background-color: #0000 !important;
  }

  .dark\:bg-\[\#0B0F15\]\/60:where(.dark, .dark *) {
    background-color: oklab(16.7098% -.00286908 -.0139178 / .6);
  }

  .dark\:bg-\[\#0E0E0E\]:where(.dark, .dark *) {
    background-color: #0e0e0e;
  }

  .dark\:bg-\[\#1B202A\]\/60:where(.dark, .dark *) {
    background-color: oklab(24.3107% -.0021214 -.0204636 / .6);
  }

  .dark\:bg-\[\#161B23\]\/60:where(.dark, .dark *) {
    background-color: oklab(22.0742% -.00310854 -.0171741 / .6);
  }

  .dark\:bg-\[\#000203\]:where(.dark, .dark *) {
    background-color: #000203;
  }

  .dark\:bg-\[\#12161C\]\/60:where(.dark, .dark *) {
    background-color: oklab(19.8779% -.00274302 -.0133223 / .6);
  }

  .dark\:bg-accent:where(.dark, .dark *) {
    background-color: var(--color-accent);
  }

  .dark\:bg-accent\/5:where(.dark, .dark *) {
    background-color: #fcfcfc0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/5:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 5%, transparent);
    }
  }

  .dark\:bg-accent\/10:where(.dark, .dark *) {
    background-color: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:bg-accent\/20:where(.dark, .dark *) {
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .dark\:bg-accent\/40:where(.dark, .dark *) {
    background-color: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-accent\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .dark\:bg-background-2:where(.dark, .dark *) {
    background-color: var(--color-background-2);
  }

  .dark\:bg-background-5:where(.dark, .dark *) {
    background-color: var(--color-background-5);
  }

  .dark\:bg-background-6:where(.dark, .dark *) {
    background-color: var(--color-background-6);
  }

  .dark\:bg-background-7:where(.dark, .dark *) {
    background-color: var(--color-background-7);
  }

  .dark\:bg-background-7\/40:where(.dark, .dark *) {
    background-color: #181d2666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-background-7\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-background-7) 40%, transparent);
    }
  }

  .dark\:bg-background-8:where(.dark, .dark *) {
    background-color: var(--color-background-8);
  }

  .dark\:bg-background-9:where(.dark, .dark *) {
    background-color: var(--color-background-9);
  }

  .dark\:bg-black:where(.dark, .dark *) {
    background-color: var(--color-black);
  }

  .dark\:bg-ns-green:where(.dark, .dark *) {
    background-color: var(--color-ns-green);
  }

  .dark\:bg-secondary:where(.dark, .dark *) {
    background-color: var(--color-secondary);
  }

  .dark\:bg-secondary\/60:where(.dark, .dark *) {
    background-color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-secondary\/60:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .dark\:bg-stroke-1:where(.dark, .dark *) {
    background-color: var(--color-stroke-1);
  }

  .dark\:bg-stroke-4\/10:where(.dark, .dark *) {
    background-color: #eceff41a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-stroke-4\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-stroke-4) 10%, transparent);
    }
  }

  .dark\:bg-stroke-5:where(.dark, .dark *) {
    background-color: var(--color-stroke-5);
  }

  .dark\:bg-stroke-6:where(.dark, .dark *) {
    background-color: var(--color-stroke-6);
  }

  .dark\:bg-stroke-8:where(.dark, .dark *) {
    background-color: var(--color-stroke-8);
  }

  .dark\:bg-transparent:where(.dark, .dark *) {
    background-color: #0000;
  }

  .dark\:bg-white:where(.dark, .dark *) {
    background-color: var(--color-white);
  }

  .dark\:bg-linear-\[156deg\,_\#070B10_32\.92\%\,_\#C6F56F_91\%\]:where(.dark, .dark *) {
    --tw-gradient-position: 156deg, #070b10 32.92%, #c6f56f 91%;
    background-image: linear-gradient(var(--tw-gradient-stops, 156deg, #070b10 32.92%, #c6f56f 91%));
  }

  .dark\:bg-linear-\[180deg\,\#2A333E_0\%\,\#2a333e00_100\%\]:where(.dark, .dark *) {
    --tw-gradient-position: 180deg, #2a333e 0%, #2a333e00 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #2a333e 0%, #2a333e00 100%));
  }

  .dark\:hero-bg-overlay-dark:where(.dark, .dark *) {
    --tw-gradient-position: 180deg, #070b10e6 0%, #070b10 100%;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #070b10e6 0%, #070b10 100%));
  }

  .dark\:bg-\[url\(\'\/images\/ns-img-329\.png\'\)\]:where(.dark, .dark *) {
    background-image: url("../images/ns-img-329.png");
  }

  .dark\:bg-\[url\(\'\/images\/ns-img-dark-10\.png\'\)\]:where(.dark, .dark *) {
    background-image: url("../images/ns-img-dark-10.png");
  }

  .dark\:bg-\[url\(\'\/images\/ns-img-dark-34\.svg\'\)\]:where(.dark, .dark *) {
    background-image: url("../images/ns-img-dark-34.svg");
  }

  .dark\:bg-\[url\(\'\/images\/ns-img-dark-97\.svg\'\)\]:where(.dark, .dark *) {
    background-image: url("../images/theme/ns-img-dark-97.svg");
  }

  .dark\:bg-\[url\(\'\/images\/ns-img-dark-148\.svg\'\)\]:where(.dark, .dark *) {
    background-image: url("../images/ns-img-dark-148.svg");
  }

  .dark\:\!from-background-5:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-background-5) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .dark\:\!from-background-7:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-background-7) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }

  .dark\:from-\(image\:--color-gradient-5\):where(.dark, .dark *) {
    --tw-gradient-from: var(--color-gradient-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-background-5:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-background-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-background-6:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-background-6);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-background-7:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-background-7);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-secondary:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-stroke-5:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-stroke-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-background-5\/20:where(.dark, .dark *) {
    --tw-gradient-to: #13171e33;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-background-5\/20:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-background-5) 20%, transparent);
    }
  }

  .dark\:to-secondary:where(.dark, .dark *) {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-stroke-5\/30:where(.dark, .dark *) {
    --tw-gradient-to: #1b232f4d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-stroke-5\/30:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-stroke-5) 30%, transparent);
    }
  }

  .dark\:fill-\[\#070B10\]:where(.dark, .dark *) {
    fill: #070b10;
  }

  .dark\:fill-accent:where(.dark, .dark *) {
    fill: var(--color-accent);
  }

  .dark\:fill-accent\/10:where(.dark, .dark *) {
    fill: #fcfcfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-accent\/10:where(.dark, .dark *) {
      fill: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .dark\:fill-accent\/20:where(.dark, .dark *) {
    fill: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-accent\/20:where(.dark, .dark *) {
      fill: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .dark\:fill-accent\/40:where(.dark, .dark *) {
    fill: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-accent\/40:where(.dark, .dark *) {
      fill: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .dark\:fill-accent\/60:where(.dark, .dark *) {
    fill: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-accent\/60:where(.dark, .dark *) {
      fill: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .dark\:fill-accent\/80:where(.dark, .dark *) {
    fill: #fcfcfccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-accent\/80:where(.dark, .dark *) {
      fill: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

  .dark\:fill-background-7:where(.dark, .dark *) {
    fill: var(--color-background-7);
  }

  .dark\:fill-background-8:where(.dark, .dark *) {
    fill: var(--color-background-8);
  }

  .dark\:fill-background-9:where(.dark, .dark *) {
    fill: var(--color-background-9);
  }

  .dark\:fill-black:where(.dark, .dark *) {
    fill: var(--color-black);
  }

  .dark\:fill-secondary:where(.dark, .dark *) {
    fill: var(--color-secondary);
  }

  .dark\:fill-stroke-8:where(.dark, .dark *) {
    fill: var(--color-stroke-8);
  }

  .dark\:fill-white:where(.dark, .dark *) {
    fill: var(--color-white);
  }

  .dark\:stroke-accent:where(.dark, .dark *) {
    stroke: var(--color-accent);
  }

  .dark\:stroke-accent\/40:where(.dark, .dark *) {
    stroke: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:stroke-accent\/40:where(.dark, .dark *) {
      stroke: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .dark\:stroke-accent\/60:where(.dark, .dark *) {
    stroke: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:stroke-accent\/60:where(.dark, .dark *) {
      stroke: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .dark\:stroke-black:where(.dark, .dark *) {
    stroke: var(--color-black);
  }

  .dark\:stroke-secondary:where(.dark, .dark *) {
    stroke: var(--color-secondary);
  }

  .dark\:stroke-stroke-5:where(.dark, .dark *) {
    stroke: var(--color-stroke-5);
  }

  .dark\:stroke-stroke-8:where(.dark, .dark *) {
    stroke: var(--color-stroke-8);
  }

  .dark\:stroke-white:where(.dark, .dark *) {
    stroke: var(--color-white);
  }

  .dark\:pt-\[100px\]:where(.dark, .dark *) {
    padding-top: 100px;
  }

  .dark\:\!text-accent:where(.dark, .dark *) {
    color: var(--color-accent) !important;
  }

  .dark\:\!text-accent\/60:where(.dark, .dark *) {
    color: #fcfcfc99 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!text-accent\/60:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent) !important;
    }
  }

  .dark\:\!text-ns-green:where(.dark, .dark *) {
    color: var(--color-ns-green) !important;
  }

  .dark\:\!text-white:where(.dark, .dark *) {
    color: var(--color-white) !important;
  }

  .dark\:text-accent:where(.dark, .dark *) {
    color: var(--color-accent);
  }

  .dark\:text-accent\/40:where(.dark, .dark *) {
    color: #fcfcfc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/40:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .dark\:text-accent\/60:where(.dark, .dark *) {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/60:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .dark\:text-accent\/80:where(.dark, .dark *) {
    color: #fcfcfccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/80:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

  .dark\:text-accent\/90:where(.dark, .dark *) {
    color: #fcfcfce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-accent\/90:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-accent) 90%, transparent);
    }
  }

  .dark\:text-black:where(.dark, .dark *) {
    color: var(--color-black);
  }

  .dark\:text-ns-green:where(.dark, .dark *) {
    color: var(--color-ns-green);
  }

  .dark\:text-ns-yellow:where(.dark, .dark *) {
    color: var(--color-ns-yellow);
  }

  .dark\:text-secondary:where(.dark, .dark *) {
    color: var(--color-secondary);
  }

  .dark\:text-secondary\/60:where(.dark, .dark *) {
    color: #1a1a1c99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-secondary\/60:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
    }
  }

  .dark\:text-secondary\/80:where(.dark, .dark *) {
    color: #1a1a1ccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-secondary\/80:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
    }
  }

  .dark\:text-stroke-6:where(.dark, .dark *) {
    color: var(--color-stroke-6);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:text-white\/60:where(.dark, .dark *) {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/60:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .dark\:opacity-20:where(.dark, .dark *) {
    opacity: .2;
  }

  .dark\:shadow-1:where(.dark, .dark *) {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:ring-background-5:where(.dark, .dark *) {
    --tw-ring-color: var(--color-background-5);
  }

  .dark\:ring-background-7:where(.dark, .dark *) {
    --tw-ring-color: var(--color-background-7);
  }

  .dark\:ring-background-9:where(.dark, .dark *) {
    --tw-ring-color: var(--color-background-9);
  }

  .dark\:ring-black:where(.dark, .dark *) {
    --tw-ring-color: var(--color-black);
  }

  .dark\:ring-stroke-7:where(.dark, .dark *) {
    --tw-ring-color: var(--color-stroke-7);
  }

  .dark\:invert:where(.dark, .dark *) {
    --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, );
  }

  .dark\:backdrop-blur-\[17px\]:where(.dark, .dark *) {
    --tw-backdrop-blur: blur(17px);
    -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, );
  }

  .dark\:backdrop-blur-\[20px\]:where(.dark, .dark *) {
    --tw-backdrop-blur: blur(20px);
    -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, );
  }

  :is(.\*\:dark\:border-b-stroke-7 > *):where(.dark, .dark *) {
    border-bottom-color: var(--color-stroke-7);
  }

  .dark\:not-last\:border-stroke-6:where(.dark, .dark *):not(:last-child) {
    border-color: var(--color-stroke-6);
  }

  @media (hover: hover) {
    .group-hover\:dark\:inline:is(:where(.group):hover *):where(.dark, .dark *) {
      display: inline;
    }

    .dark\:group-hover\:border-primary-500:where(.dark, .dark *):is(:where(.group):hover *) {
      border-color: var(--color-primary-500);
    }

    .dark\:group-hover\:\!bg-background-6:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: var(--color-background-6) !important;
    }

    .dark\:group-hover\:bg-accent\/40:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: #fcfcfc66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:group-hover\:bg-accent\/40:where(.dark, .dark *):is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
      }
    }

    .dark\:group-hover\:bg-background-7\/50:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: #181d2680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:group-hover\:bg-background-7\/50:where(.dark, .dark *):is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-background-7) 50%, transparent);
      }
    }

    .dark\:group-hover\:bg-background-8:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: var(--color-background-8);
    }

    .dark\:group-hover\:bg-primary-500:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: var(--color-primary-500);
    }

    .group-hover\:dark\:bg-background-7:is(:where(.group):hover *):where(.dark, .dark *) {
      background-color: var(--color-background-7);
    }

    .group-hover\:dark\:fill-black:is(:where(.group):hover *):where(.dark, .dark *) {
      fill: var(--color-black);
    }

    .dark\:group-hover\:stroke-accent:where(.dark, .dark *):is(:where(.group):hover *) {
      stroke: var(--color-accent);
    }

    .dark\:group-hover\/social-link\:fill-accent:where(.dark, .dark *):is(:where(.group\/social-link):hover *) {
      fill: var(--color-accent);
    }

    .dark\:group-hover\/social-link\:stroke-accent:where(.dark, .dark *):is(:where(.group\/social-link):hover *) {
      stroke: var(--color-accent);
    }
  }

  .dark\:group-\[\.page-active\]\:bg-accent:where(.dark, .dark *):is(:where(.group).page-active *) {
    background-color: var(--color-accent);
  }

  .dark\:group-\[\.page-active\]\:text-accent:where(.dark, .dark *):is(:where(.group).page-active *) {
    color: var(--color-accent);
  }

  .dark\:group-\[\.page-active\]\:text-primary-500:where(.dark, .dark *):is(:where(.group).page-active *) {
    color: var(--color-primary-500);
  }

  .dark\:marker\:text-accent:where(.dark, .dark *) ::marker {
    color: var(--color-accent);
  }

  .dark\:marker\:text-accent:where(.dark, .dark *)::marker {
    color: var(--color-accent);
  }

  .dark\:marker\:text-accent:where(.dark, .dark *) ::-webkit-details-marker {
    color: var(--color-accent);
  }

  .dark\:marker\:text-accent:where(.dark, .dark *)::-webkit-details-marker {
    color: var(--color-accent);
  }

  .dark\:placeholder\:text-accent\/50:where(.dark, .dark *)::placeholder {
    color: #fcfcfc80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-accent\/50:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--color-accent) 50%, transparent);
    }
  }

  .dark\:placeholder\:text-accent\/60:where(.dark, .dark *)::placeholder {
    color: #fcfcfc99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-accent\/60:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .dark\:placeholder\:text-white\/40:where(.dark, .dark *)::placeholder {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-white\/40:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .dark\:before\:bg-accent:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-accent);
  }

  .dark\:before\:bg-stroke-5:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-stroke-5);
  }

  .dark\:before\:bg-stroke-6:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-stroke-6);
  }

  .dark\:before\:bg-stroke-7:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-stroke-7);
  }

  .dark\:before\:bg-\[linear-gradient\(180deg\,\#1B232F_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-image: linear-gradient(#1b232f 0%, #13171e 100%);
  }

  .dark\:before\:bg-\[linear-gradient\(180deg\,\#303B49_0\%\,\#748eaf00_100\%\)\]:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-image: linear-gradient(#303b49 0%, #748eaf00 100%);
  }

  .dark\:before\:bg-\[linear-gradient\(180deg\,_\#1b232f_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-image: linear-gradient(#1b232f 0%, #13171e 100%);
  }

  .dark\:before\:bg-\[linear-gradient\(180deg\,_\#303B49_0\%\,_rgba\(48\,_59\,_73\,_0\.00\)_100\%\)\]:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-image: linear-gradient(#303b49 0%, #303b4900 100%);
  }

  .dark\:before\:bg-none:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-image: none;
  }

  .dark\:before\:to-background-8:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-background-8);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:before\:ring-background-5:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-5);
  }

  .dark\:before\:ring-background-7:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-7);
  }

  .dark\:before\:ring-background-9:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-9);
  }

  .dark\:before\:ring-black:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-black);
  }

  .dark\:before\:content-\[url\(\'\/images\/icons\/checkmark-white\.svg\'\)\]:where(.dark, .dark *):before {
    content: var(--tw-content);
    --tw-content: url("../images/icons/checkmark-white.svg");
    content: var(--tw-content);
  }

  .dark\:after\:h-\[254px\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    height: 254px;
  }

  .dark\:after\:border-stroke-8:where(.dark, .dark *):after {
    content: var(--tw-content);
    border-color: var(--color-stroke-8);
  }

  .dark\:after\:bg-accent:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--color-accent);
  }

  .dark\:after\:bg-background-8:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--color-background-8);
  }

  .dark\:after\:bg-background-9:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--color-background-9);
  }

  .dark\:after\:bg-secondary:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--color-secondary);
  }

  .dark\:after\:bg-stroke-5:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--color-stroke-5);
  }

  .dark\:after\:bg-\[linear-gradient\(180deg\,\#1B232F_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-image: linear-gradient(#1b232f 0%, #13171e 100%);
  }

  .dark\:after\:bg-\[linear-gradient\(180deg\,\#303B49_0\%\,\#748eaf00_100\%\)\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-image: linear-gradient(#303b49 0%, #748eaf00 100%);
  }

  .dark\:after\:bg-\[linear-gradient\(180deg\,_\#1b232f_0\%\,\#13171E_100\%\)\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-image: linear-gradient(#1b232f 0%, #13171e 100%);
  }

  .dark\:after\:bg-\[linear-gradient\(180deg\,_\#303B49_0\%\,_rgba\(48\,_59\,_73\,_0\.00\)_100\%\)\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-image: linear-gradient(#303b49 0%, #303b4900 100%);
  }

  .dark\:after\:bg-none:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-image: none;
  }

  .dark\:after\:from-\[25\.78\%\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-gradient-from-position: 25.78%;
  }

  .dark\:after\:to-\[\#181D26\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-gradient-to: #181d26;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:after\:to-background-8:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-background-8);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:after\:to-\[97\.09\%\]:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-gradient-to-position: 97.09%;
  }

  .dark\:after\:ring-background-5:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-5);
  }

  .dark\:after\:ring-background-7:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-7);
  }

  .dark\:after\:ring-background-9:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-background-9);
  }

  .dark\:after\:ring-black:where(.dark, .dark *):after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-black);
  }

  @media (hover: hover) {
    .dark\:hover\:btn-primary:where(.dark, .dark *):hover {
      border-color: var(--color-primary-600);
      background-color: var(--color-primary-500);
      color: var(--color-white);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:hover\:btn-primary:where(.dark, .dark *):hover:where(.dark, .dark *) {
      border-color: var(--color-primary-400);
    }

    .dark\:hover\:btn-primary:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:\!btn-white-dark:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-7) !important;
      background-color: var(--color-background-6) !important;
      color: var(--color-accent) !important;
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .dark\:hover\:\!btn-white-dark:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important;
    }

    .dark\:hover\:btn-accent:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-3);
      background-color: var(--color-accent);
      color: var(--color-secondary);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:hover\:btn-accent:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:btn-secondary:where(.dark, .dark *):hover {
      border-color: var(--color-black);
      background-color: var(--color-secondary);
      color: var(--color-white);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:hover\:btn-secondary:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:btn-white:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-3);
      background-color: var(--color-background-1);
      color: var(--color-secondary);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:hover\:btn-white:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231a1a1c' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:btn-white-dark:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-7);
      background-color: var(--color-background-6);
      color: var(--color-accent);
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:hover\:btn-white-dark:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:btn-transparent:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-7);
      color: var(--color-accent);
      background-color: #0000;
    }

    .dark\:hover\:btn-transparent:where(.dark, .dark *):hover:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    }

    .dark\:hover\:border-stroke-3:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-3);
    }

    .dark\:hover\:border-stroke-7:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-7);
    }

    .dark\:hover\:border-stroke-8:where(.dark, .dark *):hover {
      border-color: var(--color-stroke-8);
    }

    .dark\:hover\:bg-accent:where(.dark, .dark *):hover {
      background-color: var(--color-accent);
    }

    .dark\:hover\:bg-accent\/10:where(.dark, .dark *):hover {
      background-color: #fcfcfc1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/10:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
      }
    }

    .dark\:hover\:bg-background-5:where(.dark, .dark *):hover {
      background-color: var(--color-background-5);
    }

    .dark\:hover\:bg-background-8:where(.dark, .dark *):hover {
      background-color: var(--color-background-8);
    }

    .dark\:hover\:bg-background-9\/60:where(.dark, .dark *):hover {
      background-color: #1f252f99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-background-9\/60:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-background-9) 60%, transparent);
      }
    }

    .hover\:dark\:bg-background-8:hover:where(.dark, .dark *) {
      background-color: var(--color-background-8);
    }

    .dark\:hover\:text-accent:where(.dark, .dark *):hover {
      color: var(--color-accent);
    }

    .dark\:hover\:text-primary-400:where(.dark, .dark *):hover {
      color: var(--color-primary-400);
    }

    .dark\:hover\:text-primary-500:where(.dark, .dark *):hover {
      color: var(--color-primary-500);
    }

    .dark\:hover\:text-secondary:where(.dark, .dark *):hover {
      color: var(--color-secondary);
    }
  }

  .dark\:focus\:border-primary-400:where(.dark, .dark *):focus {
    border-color: var(--color-primary-400);
  }

  .dark\:focus\:border-primary-500:where(.dark, .dark *):focus {
    border-color: var(--color-primary-500);
  }

  .dark\:focus\:outline-primary-400:where(.dark, .dark *):focus {
    outline-color: var(--color-primary-400);
  }

  .dark\:focus-visible\:border-stroke-3\/20:where(.dark, .dark *):focus-visible {
    border-color: #d7dde533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:border-stroke-3\/20:where(.dark, .dark *):focus-visible {
      border-color: color-mix(in oklab, var(--color-stroke-3) 20%, transparent);
    }
  }

  .dark\:focus-visible\:border-stroke-4\/20:where(.dark, .dark *):focus-visible {
    border-color: #eceff433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:border-stroke-4\/20:where(.dark, .dark *):focus-visible {
      border-color: color-mix(in oklab, var(--color-stroke-4) 20%, transparent);
    }
  }

  .dark\:data-\[state\=selected\]\:text-accent:where(.dark, .dark *)[data-state="selected"] {
    color: var(--color-accent);
  }

  .dark\:data-\[state\=true\]\:bg-accent:where(.dark, .dark *)[data-state="true"] {
    background-color: var(--color-accent);
  }

  .dark\:data-\[state\=true\]\:stroke-secondary:where(.dark, .dark *)[data-state="true"] {
    stroke: var(--color-secondary);
  }

  @media not all and (min-width: 48rem) {
    .dark\:max-md\:border-b-stroke-7:where(.dark, .dark *) {
      border-bottom-color: var(--color-stroke-7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:dark\:bg-background-5:where(.dark, .dark *) {
      background-color: var(--color-background-5);
    }
  }

  @media (min-width: 48rem) {
    .dark\:md\:border-r-stroke-7:where(.dark, .dark *) {
      border-right-color: var(--color-stroke-7);
    }

    .dark\:md\:py-\[100px\]:where(.dark, .dark *) {
      padding-block: 100px;
    }

    .dark\:md\:pb-\[100px\]:where(.dark, .dark *) {
      padding-bottom: 100px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:dark\:bg-transparent:where(.dark, .dark *) {
      background-color: #0000;
    }
  }

  @media not all and (min-width: 48rem) {
    .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b > :not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-accent\/20 > :not(:last-child) {
      border-bottom-color: #fcfcfc33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-accent\/20 > :not(:last-child) {
        border-bottom-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
      }
    }
  }

  @media (min-width: 48rem) {
    .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r > :not(:last-child) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-accent\/20 > :not(:last-child) {
      border-right-color: #fcfcfc33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-accent\/20 > :not(:last-child) {
        border-right-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
      }
    }
  }

  @media not all and (min-width: 48rem) {
    .dark\:\[\&\>\*\:not\(\:last-child\)\]\:max-md\:border-b-stroke-5:where(.dark, .dark *) > :not(:last-child) {
      border-bottom-color: var(--color-stroke-5);
    }
  }

  @media (min-width: 48rem) {
    .dark\:\[\&\>\*\:not\(\:last-child\)\]\:md\:border-r-stroke-5:where(.dark, .dark *) > :not(:last-child) {
      border-right-color: var(--color-stroke-5);
    }
  }

  .\[\&\>p\]\:border-b > p {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&\>p\]\:border-b-stroke-4 > p {
    border-bottom-color: var(--color-stroke-4);
  }

  .\[\&\>p\]\:last\:border-b-0 > p:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .dark\:\[\&\>p\]\:border-b-stroke-7:where(.dark, .dark *) > p {
    border-bottom-color: var(--color-stroke-7);
  }
}

.nav-item-link {
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #1a1a1c99;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  border-width: 1px;
  border-color: #0000;
  border-radius: 3.40282e38px;
  transition-duration: .2s;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-item-link {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

@media (hover: hover) {
  .nav-item-link:is(:where(.group\/nav):hover *) {
    border-color: var(--color-stroke-2);
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .nav-item-link:is(:where(.group\/nav):hover *) {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .nav-item-link:is(:where(.group\/nav):hover *) {
    color: var(--color-secondary);
  }
}

.nav-item-link:where(.dark, .dark *) {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-item-link:where(.dark, .dark *) {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

@media (hover: hover) {
  .nav-item-link:is(:where(.group\/nav):hover *):where(.dark, .dark *) {
    border-color: var(--color-stroke-7);
    color: var(--color-accent);
    background-color: #0000;
  }
}

.nav-item-link-border {
  align-items: center;
  gap: calc(var(--spacing) * 1);
  height: 100%;
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #1a1a1c99;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-item-link-border {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

@media (hover: hover) {
  .nav-item-link-border:is(:where(.group\/nav):hover *) {
    color: var(--color-secondary);
  }
}

.nav-item-link-border:before {
  content: var(--tw-content);
  content: var(--tw-content);
  bottom: calc(var(--spacing) * 0);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  transform-origin: 100%;
  content: var(--tw-content);
  --tw-scale-x: 0%;
  width: 100%;
  height: 1px;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  content: var(--tw-content);
  --tw-duration: .5s;
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  transition-duration: .5s;
  position: absolute;
}

@media (hover: hover) {
  .nav-item-link-border:hover:before {
    content: var(--tw-content);
    transform-origin: 0;
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

.nav-item-link-border:where(.dark, .dark *) {
  color: var(--color-accent);
}

@media (hover: hover) {
  .nav-item-link-border:is(:where(.group\/nav):hover *):where(.dark, .dark *) {
    color: var(--color-accent);
  }
}

.nav-item-link-border:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-white);
}

.nav-item-link-white {
  align-items: center;
  gap: calc(var(--spacing) * 1);
  height: 100%;
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-accent);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
  position: relative;
}

@media (hover: hover) {
  .nav-item-link-white:is(:where(.group\/nav):hover *) {
    color: var(--color-accent);
  }
}

.nav-item-link-white:before {
  content: var(--tw-content);
  content: var(--tw-content);
  bottom: calc(var(--spacing) * 0);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  height: 1px;
  width: calc(var(--spacing) * 0);
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  content: var(--tw-content);
  --tw-duration: .3s;
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  transition-duration: .3s;
  position: absolute;
}

@media (hover: hover) {
  .nav-item-link-white:is(:where(.group\/nav):hover *):before {
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--color-accent);
    width: 100%;
  }
}

.nav-item-link-light {
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #fcfcfc99;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  border-width: 1px;
  border-color: #0000;
  border-radius: 3.40282e38px;
  transition-duration: .2s;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-item-link-light {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

@media (hover: hover) {
  .nav-item-link-light:is(:where(.group\/nav):hover *) {
    border-color: var(--color-stroke-1);
    background-color: #fcfcfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .nav-item-link-light:is(:where(.group\/nav):hover *) {
      background-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .nav-item-link-light:is(:where(.group\/nav):hover *) {
    color: var(--color-accent);
  }
}

.nav-item-link-light:where(.dark, .dark *) {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-item-link-light:where(.dark, .dark *) {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

@media (hover: hover) {
  .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) {
    background-color: #1a1a1c33;
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
    }
  }

  .nav-item-link-light:is(:where(.group\/nav):hover *):where(.dark, .dark *) {
    color: var(--color-accent);
  }
}

.show-sidebar {
  --tw-translate-x: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.hide-sidebar {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.active-menu {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary);
}

.active-menu:where(.dark, .dark *) {
  color: var(--color-accent);
}

.is-cookie-true {
  top: calc(var(--spacing) * 13.5);
}

.is-cookie-false {
  top: calc(var(--spacing) * 5);
}

.top-nav {
  display: none;
}

.top-nav.visible {
  display: block;
}

.top-nav.hidden {
  display: none;
}

.scroll-header {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  top: calc(var(--spacing) * 2) !important;
}

.scroll-ai-voice-header {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  top: calc(var(--spacing) * 2) !important;
  background-color: #1a1a1ccc !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .scroll-ai-voice-header {
    background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent) !important;
  }
}

.header-two-scroll {
  top: calc(var(--spacing) * 4);
  --tw-backdrop-blur: blur(25px);
  -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, );
  background-color: #1a1a1c66;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-two-scroll {
    background-color: color-mix(in oklab, var(--color-secondary) 40%, transparent);
  }
}

.header-two-scroll:where(.dark, .dark *) {
  background-color: #eaeceb1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-two-scroll:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-background-12) 10%, transparent);
  }
}

.header-three-scroll {
  padding-inline: calc(var(--spacing) * 0);
}

.header-four-scroll {
  padding-inline: calc(var(--spacing) * 5);
  --tw-backdrop-blur: blur(var(--blur-3xl));
  -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, );
  background-color: #0006;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-four-scroll {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}

.header-four-scroll:where(.dark, .dark *) {
  background-color: #0000;
}

.header-five-scroll {
  top: calc(var(--spacing) * 4);
  background-color: var(--color-background-1);
  --tw-backdrop-blur: blur(15px);
  -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, );
}

.header-five-scroll:where(.dark, .dark *) {
  background-color: var(--color-background-5);
}

.header-six-scroll {
  top: calc(var(--spacing) * 6);
  background-color: var(--color-background-7);
}

@media (min-width: 48rem) {
  .header-six-scroll {
    top: calc(var(--spacing) * 7);
  }
}

@media (min-width: 64rem) {
  .header-six-scroll {
    top: calc(var(--spacing) * 5);
  }
}

.financial-management-platform-header-scroll {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  top: calc(var(--spacing) * 2) !important;
}

.nav-item {
  position: relative;
}

.nav-item .nav-arrow {
  transition: transform .3s;
}

.nav-item.active .nav-arrow, .nav-item.menu-active .nav-arrow {
  transform: rotate(180deg);
}

.mega-menu, .dropdown-menu, .customer-dropdown-menu {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all .3s;
  transform: translateY(10px);
}

.mega-menu.active, .dropdown-menu.active, .customer-dropdown-menu.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0);
}

.mega-menu-bridge, .dropdown-menu-bridge {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}

.nav-item.active .mega-menu-bridge, .nav-item.active .dropdown-menu-bridge {
  opacity: 1;
  pointer-events: auto;
}

.mega-menu.active, .dropdown-menu.active {
  transform: translateY(0);
}

.mega-menu, .dropdown-menu, .customer-dropdown-menu {
  transition: opacity .3s, transform .3s, pointer-events 0s .3s;
}

.mega-menu.active, .dropdown-menu.active, .customer-dropdown-menu.active {
  transition: opacity .3s, transform .3s, pointer-events;
}

.nav-item:hover .nav-arrow {
  transform: rotate(180deg);
}

.mega-menu, .dropdown-menu, .customer-dropdown-menu {
  z-index: 50;
}

@media (max-width: 1279px) {
  .mega-menu, .dropdown-menu {
    display: none !important;
  }
}

@keyframes menuSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes menuSlideOut {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(10px)scale(.98);
  }
}

.mega-menu.active, .dropdown-menu.active {
  animation: .3s forwards menuSlideIn;
}

.nav-item:focus-within .nav-arrow {
  transform: rotate(180deg);
}

.nav-item:focus-within .mega-menu, .nav-item:focus-within .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.horizontal-marquee {
  gap: var(--_gap);
  flex-wrap: nowrap;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.horizontal-marquee.smooth {
  /* -webkit-mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000); */
  /* mask: linear-gradient(90deg, #0000, #fff 20% 80%, #0000); */
}

.horizontal-marquee.paused .horizontal-marquee-inner {
  animation-play-state: paused;
}

.horizontal-marquee.full .horizontal-marquee-inner {
  min-width: var(--_containerWidth);
}

.horizontal-marquee-inner {
  justify-content: space-around;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-wrap: nowrap;
  display: flex;
}

[data-animate="true"] .horizontal-marquee-inner {
  animation: horizontal-marquee var(--_speed) linear infinite var(--_direction);
}

@keyframes horizontal-marquee {
  0% {
    transform: translate(calc(var(--_gap) * -1));
  }

  100% {
    transform: translate(calc(-100% - var(--_gap) * 2));
  }
}

.vertical-marquee {
  margin-bottom: var(--_gap);
  max-height: 100%;
  height: calc(calc(var(--_containerSize)  - var(--_vGap)) / 1.2);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.vertical-marquee.smooth {
  -webkit-mask: linear-gradient(#0000, #fff 20% 80%, #0000);
  mask: linear-gradient(#0000, #fff 20% 80%, #0000);
}

.vertical-marquee.paused .vertical-marquee-inner {
  animation-play-state: paused;
}

.vertical-marquee-inner {
  align-items: center;
  gap: var(--_vGap);
  margin-bottom: var(--_vGap);
  flex-flow: column;
  flex-shrink: 0;
  justify-content: space-around;
  display: flex;
}

[data-animate="true"] .vertical-marquee-inner {
  animation: vertical-marquee var(--_speed) linear infinite var(--_direction);
}

.vertical-marquee-inner > :not(:last-child) {
  margin-right: var(--_hGap);
}

@keyframes vertical-marquee {
  0% {
    transform: translateY(calc(var(--_vGap) * -1));
  }

  100% {
    transform: translateY(calc(-100% - var(--_vGap) * 2));
  }
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  inset: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::selection {
  background: none;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  -webkit-transform-origin: 0 0;
  width: 1600px;
  height: 1600px;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  width: auto;
  padding: 0;
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: #33b5e566;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  box-sizing: border-box;
  z-index: 800;
  width: 0;
  height: 0;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url("#default#VML");
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
  position: relative;
}

.leaflet-top, .leaflet-bottom {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1);
}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  outline-offset: 1px;
  background: #ddd;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  background: #ffffff80;
  border: 2px dotted #38f;
}

.leaflet-container {
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
}

.leaflet-bar {
  border-radius: 4px;
  box-shadow: 0 1px 5px #000000a6;
}

.leaflet-bar a {
  text-align: center;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  color: #bbb;
  background-color: #f4f4f4;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  text-indent: 1px;
  font: bold 18px Lucida Console, Monaco, monospace;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 5px #0006;
}

.leaflet-control-layers-toggle {
  background-image: url("../vendor/images/layers.png");
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("../vendor/images/layers-2x.png");
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  color: #333;
  background: #fff;
  padding: 6px 10px 6px 6px;
}

.leaflet-control-layers-scrollbar {
  padding-right: 5px;
  overflow: hidden scroll;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  font-size: 1.08333em;
  display: block;
}

.leaflet-control-layers-separator {
  border-top: 1px solid #ddd;
  height: 0;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url("../vendor/images/marker-icon.png");
}

.leaflet-container .leaflet-control-attribution {
  background: #fffc;
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  color: #333;
  padding: 0 5px;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  width: 1em;
  height: .6669em;
  vertical-align: baseline !important;
  display: inline !important;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  white-space: nowrap;
  box-sizing: border-box;
  text-shadow: 1px 1px #fff;
  background: #fffc;
  border: 2px solid #777;
  border-top: none;
  padding: 2px 5px 1px;
  line-height: 1.1;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  background-clip: padding-box;
  border: 2px solid #0003;
}

.leaflet-popup {
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
}

.leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 12px;
  padding: 1px;
}

.leaflet-popup-content {
  min-height: 1px;
  margin: 13px 24px 13px 20px;
  font-size: 1.08333em;
  line-height: 1.3;
}

.leaflet-popup-content p {
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  pointer-events: none;
  width: 40px;
  height: 20px;
  margin-top: -1px;
  margin-left: -20px;
  position: absolute;
  left: 50%;
  overflow: hidden;
}

.leaflet-popup-tip {
  pointer-events: auto;
  width: 17px;
  height: 17px;
  margin: -10px auto 0;
  padding: 1px;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  color: #333;
  background: #fff;
  box-shadow: 0 3px 14px #0006;
}

.leaflet-container a.leaflet-popup-close-button {
  text-align: center;
  color: #757575;
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  font: 16px / 24px Tahoma, Verdana, sans-serif;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  width: 24px;
  filter: progid:DXImageTransform. Microsoft. Matrix(M11= .707107, M12= .707107, M21= -.707107, M22= .707107);
  margin: 0 auto;
}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px;
  position: absolute;
  box-shadow: 0 1px 3px #0006;
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  pointer-events: none;
  content: "";
  background: none;
  border: 6px solid #0000;
  position: absolute;
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  margin-left: -6px;
  left: 50%;
}

.leaflet-tooltip-top:before {
  border-top-color: #fff;
  margin-bottom: -12px;
  bottom: 0;
}

.leaflet-tooltip-bottom:before {
  border-bottom-color: #fff;
  margin-top: -12px;
  margin-left: -6px;
  top: 0;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  margin-top: -6px;
  top: 50%;
}

.leaflet-tooltip-left:before {
  border-left-color: #fff;
  margin-right: -12px;
  right: 0;
}

.leaflet-tooltip-right:before {
  border-right-color: #fff;
  margin-left: -12px;
  left: 0;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.reviews-swiper {
  overflow-x: hidden;
}

.reviews-swiper .swiper-slide {
  height: auto;
  padding-block: calc(var(--spacing) * 5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .5s;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  transform: translateY(5px);
}

.reviews-swiper .swiper-slide > div {
  height: 100%;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
  position: relative;
}

.reviews-swiper .swiper-slide > div:before {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--spacing) * 0);
  content: var(--tw-content);
  z-index: -10;
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  opacity: 0;
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  content: var(--tw-content);
  --tw-duration: .7s;
  content: var(--tw-content);
  --tw-ease: var(--ease-out);
  transition-duration: .7s;
  transition-timing-function: var(--ease-out);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 20px;
  position: absolute;
}

.reviews-swiper .swiper-slide > div:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-background-7);
}

.reviews-swiper .swiper-slide-prev, .reviews-swiper .swiper-slide-next {
  transform: translateY(5px);
}

.reviews-swiper .swiper-slide-active > div {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .5s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .5s;
  transition-timing-function: var(--ease-in-out);
  animation: .7s cubic-bezier(.34, 1.56, .64, 1) slideUp;
}

.reviews-swiper .swiper-slide-active > div:before {
  content: var(--tw-content);
  opacity: 1;
}

.reviews-swiper .swiper-slide-active .review-text {
  color: var(--color-accent);
  animation: .6s cubic-bezier(.25, .46, .45, .94) .1s both fadeInUp;
}

.reviews-swiper .swiper-slide-active .review-text:where(.dark, .dark *) {
  color: var(--color-accent);
}

.reviews-swiper .swiper-slide-active .review-name {
  color: var(--color-accent);
  animation: .6s cubic-bezier(.25, .46, .45, .94) .2s both fadeInUp;
}

.reviews-swiper .swiper-slide-active .review-name:where(.dark, .dark *) {
  color: var(--color-accent);
}

.reviews-swiper .swiper-slide-active .review-title {
  color: #fcfcfc99;
  animation: .6s cubic-bezier(.25, .46, .45, .94) .3s both fadeInUp;
}

@supports (color: color-mix(in lab, red, red)) {
  .reviews-swiper .swiper-slide-active .review-title {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.reviews-swiper .swiper-slide-active .gradient-overlay {
  opacity: 1;
  animation: .8s cubic-bezier(.68, -.55, .265, 1.55) gradientFadeIn;
}

@keyframes slideUp {
  from {
    transform: translateY(15px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gradientFadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.single-card-reviews-swiper {
  width: 100%;
  max-width: 840px;
  margin-inline: auto;
  overflow: hidden;
}

.single-card-reviews-swiper .swiper-wrapper {
  align-items: center;
}

.single-card-reviews-swiper .swiper-slide {
  opacity: .3;
  filter: blur(3px);
  height: auto;
  transition: all .8s cubic-bezier(.25, .46, .45, .94);
  transform: scale(.8);
}

.single-card-reviews-swiper .swiper-slide-active {
  opacity: 1;
  filter: blur();
  transform: scale(1);
}

.single-card-reviews-prev:hover, .single-card-reviews-next:hover {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  scale: 102%;
}

.reviews-fade-in-swiper {
  width: 100%;
  overflow: hidden;
}

.reviews-fade-in-swiper .swiper-wrapper {
  align-items: center;
}

.reviews-fade-in-swiper .swiper-slide {
  height: auto;
  padding-top: calc(var(--spacing) * 16);
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.reviews-fade-in-next, .reviews-fade-in-prev {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
  cursor: pointer;
  background-color: var(--color-background-4);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

:is(.reviews-fade-in-next, .reviews-fade-in-prev):where(.dark, .dark *) {
  background-color: var(--color-background-9);
}

.reviews-fade-in-pagination {
  z-index: 20;
  margin-top: calc(var(--spacing) * 6);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * .5);
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 27% !important;
}

.reviews-fade-in-pagination .swiper-pagination-bullet {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  cursor: pointer;
  background-color: #b6c6e6;
  border-radius: 3.40282e38px;
}

.reviews-fade-in-pagination .swiper-pagination-bullet:where(.dark, .dark *) {
  background-color: var(--color-background-4);
}

.reviews-fade-in-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-secondary);
}

.reviews-fade-in-pagination .swiper-pagination-bullet-active:where(.dark, .dark *) {
  background-color: #b6c6e6;
}

@media (max-width: 768px) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .6s cubic-bezier(.25, .46, .45, .94);
  }

  .reviews-fade-in-next, .reviews-fade-in-prev {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .reviews-fade-in-pagination {
    margin-top: calc(var(--spacing) * 4);
  }
}

@media (hover: none) and (pointer: coarse) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
  }

  .reviews-fade-in-next, .reviews-fade-in-prev {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .3s;
  }

  .reviews-fade-in-next, .reviews-fade-in-prev, .reviews-fade-in-pagination .swiper-pagination-bullet {
    transition: all .2s;
  }
}

.blog-article-swiper {
  width: 100%;
  overflow: hidden;
}

.blog-article-swiper .swiper-wrapper {
  align-items: center;
}

.blog-article-swiper .swiper-slide {
  height: auto;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.blog-article-swiper .swiper-pagination-bullet {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stroke-5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  background-color: #0000;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

.blog-article-swiper .swiper-pagination-bullet:where(.dark, .dark *) {
  border-color: var(--color-stroke-3);
}

.blog-article-swiper .swiper-pagination-bullet-active {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
  border-color: var(--color-primary-500);
  background-color: var(--color-primary-500);
  border-radius: 3.40282e38px;
}

.blog-article-swiper .swiper-pagination-bullet-active:where(.dark, .dark *) {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
}

.blog-article-swiper .pagination-bullets {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  margin-inline: auto;
  display: flex;
}

.social-proof-swiper {
  overflow: hidden;
}

.social-proof-swiper .swiper-wrapper {
  align-items: center;
}

.social-proof-swiper .swiper-slide {
  opacity: .3;
  filter: blur(8px);
  transition: all .8s cubic-bezier(.25, .46, .45, .94);
  transform: scale(.8);
}

.social-proof-swiper .swiper-slide-active {
  opacity: 1;
  filter: blur();
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .social-proof-swiper .swiper-slide {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease;
  }
}

.social-proof-avatar {
  opacity: .3;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
}

.social-proof-avatar.active {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .social-proof-avatar {
    transition: all .2s;
  }
}

.financial-management-platform-pagination .swiper-pagination-bullet {
  background-color: #fcfcfce6;
}

@supports (color: color-mix(in lab, red, red)) {
  .financial-management-platform-pagination .swiper-pagination-bullet {
    background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);
  }
}

.financial-management-platform-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}

.business-card-number, .bank-card-number {
  transition: all .3s;
}

.business-card-number._number, .bank-card-number._number {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.business-card-number ._number > div > div, .bank-card-number ._number > div > div {
  transition: top .8s cubic-bezier(.25, .46, .45, .94);
}

.business-card-number span:last-child, .bank-card-number span:last-child {
  font-weight: inherit;
  color: inherit;
  margin-left: 2px;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.startbit-card {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 20px;
  box-shadow: 0 14px 40px rgba(22, 65, 125, .055);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.startbit-card:hover {
  border-color: rgba(134, 79, 254, .24);
  box-shadow: 0 22px 58px rgba(22, 65, 125, .10);
  transform: translateY(-6px);
}

:where(.startbit-card h3, .startbit-card h5) {
  color: var(--color-secondary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.28;
}

:where(.startbit-card p) {
  color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
  font-size: .95rem;
  line-height: 1.55;
}

.startbit-icon {
  align-items: center;
  background: color-mix(in oklab, var(--color-primary-500) 10%, transparent);
  border-radius: 16px;
  color: var(--color-secondary);
  display: inline-flex;
  flex: 0 0 auto;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.startbit-icon-cyan {
  background: color-mix(in oklab, var(--color-ns-cyan) 24%, transparent);
}

.startbit-icon-blue {
  background: color-mix(in oklab, var(--color-secondary) 10%, transparent);
}

.startbit-icon-purple {
  background: color-mix(in oklab, var(--color-primary-300) 25%, transparent);
}

.startbit-icon-yellow {
  background: var(--color-ns-yellow);
}

.startbit-bullet-icon {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(22, 65, 125, .06);
  color: var(--color-secondary);
  display: inline-flex;
  flex: 0 0 auto;
  height: 44px;
  justify-content: center;
  width: 44px;
}

@media (max-width: 767px) {
  .startbit-card {
    box-shadow: 0 10px 30px rgba(22, 65, 125, .06);
  }

  .startbit-card:hover {
    transform: none;
  }
}

.hero-slide-bg {
  background: transparent !important;
  isolation: isolate;
  min-height: inherit;
  overflow: hidden;
}

.hero-swiper {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .68) 68%, rgba(255, 255, 255, .84) 100%),
    url("../images/hero/insurance-crm-salesforce.png") center/cover no-repeat;
  background-attachment: fixed;
}

.hero-slide-bg:before,
.hero-slide-bg:after {
  border-radius: 999px;
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.hero-slide-bg:before {
  background: radial-gradient(ellipse at center, rgba(131, 231, 238, .28), rgba(22, 65, 125, .08) 46%, transparent 72%);
  bottom: -12%;
  filter: blur(18px);
  height: 34%;
  left: -7%;
  width: 42%;
}

.hero-slide-bg:after {
  background: radial-gradient(ellipse at center, rgba(134, 79, 254, .18), rgba(131, 231, 238, .10) 44%, transparent 72%);
  bottom: -10%;
  filter: blur(20px);
  height: 32%;
  right: -8%;
  width: 38%;
}

.hero-content-frame {
  justify-content: flex-start !important;
  padding: 128px 0 74px;
  z-index: 2;
}

.hero-premium-overlay {
  background:
    radial-gradient(circle at 82% 8%, rgba(134, 79, 254, .16), transparent 24%),
    radial-gradient(circle at 18% 30%, rgba(131, 231, 238, .14), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .56) 50%, rgba(255, 255, 255, .76) 100%);
  z-index: 0;
}

.hero-orb {
  border-radius: 999px;
  filter: blur(46px);
  opacity: .52;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.hero-orb-one {
  animation: heroFloatOne 16s ease-in-out infinite;
  background: rgba(134, 79, 254, .26);
  height: 190px;
  right: 7%;
  top: 11%;
  width: 190px;
}

.hero-orb-two {
  animation: heroFloatTwo 19s ease-in-out infinite;
  background: rgba(131, 231, 238, .28);
  bottom: 20%;
  height: 160px;
  left: 12%;
  width: 160px;
}

.hero-badge-block,
.hero-kicker,
.hero-title,
.hero-copy,
.hero-actions,
.hero-visual-wrap {
  will-change: opacity, transform, filter;
}

.hero-badge-block {
  display: grid;
  gap: 8px;
  justify-items: center;
  position: relative;
  z-index: 3;
}

.hero-badge-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.hero-badge-row-primary,
.hero-badge-row-support {
  width: 100%;
}

.hero-badge-row-support {
  gap: 8px;
}

.hero-badge-row-overlay {
  gap: 12px;
  margin-bottom: 16px;
  position: relative;
  z-index: 8;
}

.hero-trust-badge {
  align-items: center;
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(22, 65, 125, .14);
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  gap: 8px;
  letter-spacing: 0;
  min-height: 38px;
  padding: 9px 16px;
  position: relative;
  transition: box-shadow .3s ease, transform .3s ease;
}

.hero-trust-badge:before {
  border-radius: 999px;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 9px;
  width: 9px;
}

.hero-trust-badge-support {
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(20, 207, 228, .62);
  color: #16417d;
}

.hero-trust-badge-support:before {
  background: linear-gradient(135deg, #83e7ee, #14cfe4);
  box-shadow: 0 0 0 5px rgba(20, 207, 228, .14);
}

.hero-trust-badge-call {
  background: linear-gradient(135deg, #16417d 0%, #075fac 58%, #864ffe 100%);
  border: 1px solid rgba(255, 255, 255, .54);
  color: #fff;
}

.hero-trust-badge-call:before {
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .16);
}

.hero-trust-badge-call:hover {
  box-shadow: 0 20px 42px rgba(22, 65, 125, .2);
  transform: translateY(-2px);
}

.hero-support-badge {
  background: rgba(131, 231, 238, .18);
  border: 1px solid rgba(131, 231, 238, .42);
  color: #16417d;
  font-size: 14px;
  font-weight: 600;
}

.hero-title {
  letter-spacing: 0;
  line-height: 1.14;
  margin-top: 22px;
  max-width: 880px;
  font-size: 2.5rem;
  /* font-size: clamp(2rem, 3vw, 3rem); */
  text-wrap: balance;
}

.hero-copy {
  line-height: 1.55;
  margin-top: 16px;
  max-width: 680px;
  text-wrap: pretty;
}

.hero-actions {
  margin-top: 28px;
}

.hero-actions .btn {
  box-shadow: 0 14px 32px rgba(134, 79, 254, .16);
  transition: box-shadow .3s ease, transform .3s ease;
}

.hero-actions .btn:hover {
  box-shadow: 0 18px 44px rgba(134, 79, 254, .24);
  transform: translateY(-2px);
}

.salesforce-page-hero-panel {
  align-items: end;
  background:
    radial-gradient(circle at top right, rgba(131, 231, 238, .35), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 245, 248, .94));
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 32px;
  box-shadow: 0 22px 64px rgba(22, 65, 125, .08);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr);
  overflow: hidden;
  padding: 32px;
  position: relative;
}

.salesforce-page-hero-panel:before {
  background: linear-gradient(90deg, rgba(134, 79, 254, .08), rgba(131, 231, 238, .1));
  content: "";
  inset: 0 0 auto;
  height: 1px;
  position: absolute;
}

.salesforce-page-hero-stat {
  background: #fff;
  border: 1px solid rgba(240, 232, 222, .96);
  border-radius: 28px;
  box-shadow: 0 18px 46px rgba(22, 65, 125, .08);
  display: grid;
  gap: 16px;
  padding: 26px;
}

.salesforce-page-hero-stat strong {
  color: var(--color-secondary);
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  font-weight: 600;
  line-height: 1.35;
}

.salesforce-page-hero-stat ul {
  display: grid;
  gap: 10px;
}

.salesforce-page-hero-stat li {
  color: rgba(22, 65, 125, .72);
  font-size: .98rem;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
}

.salesforce-page-hero-stat li:before {
  background: var(--color-primary-500);
  border-radius: 999px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: .56rem;
  width: 7px;
}

.salesforce-solution-chip {
  align-items: center;
  background: #fff;
  border: 1px solid #dfd1c5;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(22, 65, 125, .08);
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  min-width: 160px;
  padding: 4px 16px 4px 4px;
  scroll-margin-top: 120px;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.salesforce-solution-chip:hover,
.salesforce-solution-chip:focus-visible {
  border-color: rgba(134, 79, 254, .36);
  box-shadow: 0 20px 38px rgba(22, 65, 125, .12);
  outline: none;
  transform: translateY(-3px);
}

.salesforce-solution-chip__media {
  border-radius: 999px;
  height: 56px;
  overflow: hidden;
  position: relative;
  width: 56px;
}

.salesforce-solution-chip__media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.salesforce-solution-chip__play {
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
}

.salesforce-chip-note {
  box-shadow: 0 12px 30px rgba(22, 65, 125, .05);
}

.salesforce-showcase-card[id] {
  scroll-margin-top: 130px;
}

.salesforce-home-hero {
  align-items: stretch;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .92) 42%, rgba(245, 251, 255, .62) 100%);
  display: flex;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  padding: 120px 0 28px;
  position: relative;
}

.salesforce-home-hero:before,
.salesforce-home-hero:after {
  border-radius: 999px;
  content: "";
  filter: blur(42px);
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.salesforce-home-hero:before {
  background: rgba(134, 79, 254, .16);
  height: 260px;
  right: 2%;
  top: 8%;
  width: 260px;
}

.salesforce-home-hero:after {
  display: none;
}

.salesforce-home-hero > .main-container {
  display: flex;
  max-width: min(1360px, calc(100vw - 40px));
  position: relative;
  width: 100%;
  z-index: 1;
}

.salesforce-home-hero__panel {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: clamp(24px, 3vw, 52px);
  grid-template-areas:
    "copy visual"
    "clients clients";
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  justify-content: stretch;
  isolation: isolate;
  min-height: calc(100svh - 148px);
  position: relative;
  width: 100%;
  z-index: 0;
}

.salesforce-home-hero__panel:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .58) 42%, rgba(245, 251, 255, .16) 100%);
  content: "";
  inset: -6px 0 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.salesforce-home-hero__copy {
  display: grid;
  gap: 18px;
  grid-area: copy;
  justify-content: start;
  max-width: 620px;
  padding-top: 8px;
}

.salesforce-home-hero__eyebrow {
  align-items: center;
  background: #16417d;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .12);
  color: #fff;
  display: inline-flex;
  gap: 10px;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
  min-height: 42px;
  padding: 9px 18px;
  text-transform: none;
  width: fit-content;
}

.salesforce-home-hero__eyebrow img {
  display: block;
  height: 45px;
  object-fit: contain;
  width: auto;
}

.salesforce-home-hero__heading {
  display: grid;
  gap: 16px;
}

.salesforce-home-hero__heading h1 {
  color: #092868;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: clamp(2.4rem, 3vw, 3.35rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  max-width: 620px;
}

.salesforce-home-hero__heading h1 span {
  background: linear-gradient(100deg, #0a8bff 8%, #1466ff 45%, #8d4bff 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.salesforce-home-hero__heading p {
  color: rgba(9, 40, 104, .72);
  font-size: clamp(.92rem, .96vw, 1.02rem);
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  max-width: 560px;
}

.startbit-dropdown-hover {
  background: linear-gradient(180deg, rgba(134, 79, 254, .12), rgba(134, 79, 254, .18));
}

.startbit-dropdown-hover:where(.dark, .dark *) {
  background: linear-gradient(180deg, rgba(134, 79, 254, .18), rgba(134, 79, 254, .24));
}

.salesforce-home-hero__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-start;
  margin-top: 2px;
}

.salesforce-home-hero__actions .btn {
  gap: 10px;
  min-height: 50px;
  min-width: 232px;
  padding-inline: 24px;
}

.salesforce-home-hero__proof {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-top: 10px;
}

.salesforce-home-hero__proof-item {
  align-items: center;
  color: rgba(17, 31, 59, .88);
  display: inline-flex;
  gap: 10px;
  min-width: 0;
  padding-right: 18px;
  position: relative;
}

.salesforce-home-hero__proof-item + .salesforce-home-hero__proof-item:before {
  background: rgba(22, 65, 125, .14);
  content: "";
  height: 44px;
  left: -7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.salesforce-home-hero__proof-item span {
  align-items: center;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(131, 231, 238, .98), rgba(134, 79, 254, .72)) border-box;
  border: 1px solid transparent;
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .08);
  color: #1466d8;
  display: inline-flex;
  flex: 0 0 auto;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.salesforce-home-hero__proof-item strong {
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.34;
}

.salesforce-home-hero__proof-item-badge {
  padding-right: 22px;
}

.salesforce-home-hero__proof-item-badge img {
  display: block;
  height: 56px;
  object-fit: contain;
  width: auto;
}

.salesforce-home-hero__service-icon,
.salesforce-inline-icon,
.salesforce-cloud-card__icon {
  align-items: center;
  background: linear-gradient(180deg, rgba(134, 79, 254, .12), rgba(131, 231, 238, .1));
  border: 1px solid rgba(134, 79, 254, .16);
  border-radius: 18px;
  color: var(--color-primary-500);
  display: inline-flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.salesforce-inline-icon-cyan {
  border-color: rgba(131, 231, 238, .22);
  color: #2d98a3;
}

.salesforce-home-hero__visual {
  grid-area: visual;
  isolation: isolate;
  min-height: 515px;
  position: relative;
}

.salesforce-home-hero__visual:before {
  background: url("../images/salesforce-solutions/hero/salesforce-ai-transformation-banner-v2.png") center/contain no-repeat;
  content: "";
  height: min(98%, 700px);
  left: 52%;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(98%, 700px);
  z-index: 0;
}

.salesforce-home-hero__card-stage {
  height: 100%;
  min-height: 515px;
  position: relative;
  width: min(100%, 760px);
  z-index: 1;
}

.salesforce-home-hero__service-pill {
  align-items: flex-start;
  animation: none;
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(179, 208, 248, .86);
  border-radius: 20px;
  box-shadow: 0 22px 48px rgba(22, 65, 125, .09);
  color: inherit;
  cursor: pointer;
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
  position: absolute;
  text-decoration: none;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
  width: 258px;
  z-index: 2;
}

.salesforce-home-hero__service-pill:hover,
.salesforce-home-hero__service-pill:focus-visible {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(134, 79, 254, .34);
  box-shadow: 0 28px 62px rgba(22, 65, 125, .14);
}

.salesforce-home-hero__service-pill:focus-visible {
  outline: 3px solid rgba(134, 79, 254, .28);
  outline-offset: 4px;
}

.salesforce-home-hero__service-pill strong {
  color: #092868;
  display: block;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .94rem;
  font-weight: 700;
  line-height: 1.18;
}

.salesforce-home-hero__service-pill p {
  color: rgba(22, 65, 125, .78);
  font-size: .76rem;
  font-weight: 500;
  line-height: 1.42;
  margin: 6px 0 0;
}

.salesforce-home-hero__service-avatar {
  align-items: center;
  background: linear-gradient(135deg, #1598ff, #0b64e9);
  border-radius: 16px;
  box-shadow: 0 15px 30px rgba(20, 102, 216, .24);
  color: #fff;
  display: inline-flex;
  flex-shrink: 0;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.salesforce-home-hero__service-avatar img {
  display: block;
  filter: brightness(0) invert(1);
  height: 24px;
  object-fit: contain;
  width: 24px;
}

.salesforce-home-hero__service-pill--ai .salesforce-home-hero__service-avatar,
.salesforce-home-hero__service-pill--agentforce .salesforce-home-hero__service-avatar {
  background: linear-gradient(135deg, #9c63ff, #6935df);
  box-shadow: 0 15px 30px rgba(134, 79, 254, .24);
}

.salesforce-home-hero__service-pill--integration .salesforce-home-hero__service-avatar {
  background: linear-gradient(135deg, #4dd6d9, #0b9ba8);
  box-shadow: 0 15px 30px rgba(20, 207, 228, .22);
}

.salesforce-home-hero__service-pill--canada .salesforce-home-hero__service-avatar {
  background: linear-gradient(135deg, #48bfff, #365dcb);
}

.salesforce-home-hero__ai-chip {
  background: rgba(134, 79, 254, .12);
  border-radius: 999px;
  color: #864ffe;
  display: inline-flex;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 6px;
  padding: 4px 8px;
}

.salesforce-home-hero__service-pill--crm {
     left: -13%;
    top: 0%;
}

.salesforce-home-hero__service-pill--agentforce {
  animation-delay: -2s;
  right: -19%;
    top: -7%;
  width: 292px;
}

.salesforce-home-hero__service-pill--ai {
  animation-delay: -4s;
 left: -21%;
    top: 28%;
  width: 270px;
}

.salesforce-home-hero__service-pill--integration {
  animation-delay: -6s;
  right: -7%;
    top: 29%;
  width: 292px;
}

.salesforce-home-hero__service-pill--industry {
  animation-delay: -8s;
  bottom: 19%;
    left: 3%;
  width: 262px;
}

.salesforce-home-hero__service-pill--cloud {
  animation-delay: -10s;
 bottom: 3%;
    left: 38%;
  width: 230px;
}

.salesforce-home-hero__service-pill--canada {
  animation-delay: -12s;
  bottom: 16%;
  right: -4%;
  width: 284px;
}

.salesforce-home-hero__clients {
  align-items: center;
  align-self: end;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(179, 208, 248, .9);
  border-radius: 999px;
  box-shadow: 0 18px 46px rgba(22, 65, 125, .08);
  color: #092868;
  display: flex;
  gap: 34px;
  grid-area: clients;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 1380px;
  min-height: 74px;
  padding: 14px 34px;
  width: 86%;
}

.salesforce-home-hero__clients > span {
  color: rgba(9, 40, 104, .82);
  font-size: .92rem;
  font-weight: 600;
  white-space: nowrap;
}

.salesforce-home-hero__client-logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(22px, 3vw, 42px);
  justify-content: center;
}

.salesforce-home-hero__client-logos img {
  display: block;
  filter: saturate(1.02);
  height: 45px;
  object-fit: contain;
  width: auto;
}

.salesforce-home-hero__client-logos strong {
  display: inline-flex;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1;
}

.salesforce-home-hero__client-logos small {
  display: block;
  font-size: .53rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-left: 4px;
  margin-top: 10px;
}

.salesforce-home-hero__client-logos em {
  color: rgba(9, 40, 104, .62);
  font-style: normal;
  font-weight: 600;
  position: relative;
}

.salesforce-home-hero__client-logos em:before,
.salesforce-home-hero__client-logos em:after {
  color: #864ffe;
  content: "•";
  margin-inline: 12px;
}

.salesforce-home-hero__brand-sales {
  color: #cf202f;
}

.salesforce-home-hero__brand-inmar {
  color: #176bb5;
}

.salesforce-home-hero__brand-uplifter {
  color: #48319d;
}

.salesforce-home-hero__brand-nanak {
  color: #6f28ad;
}

#integration-services,
#crm-setup,
#salesforce-services,
#clouds,
#salesforce-ai-solutions,
#agentforce,
#industries,
#salesforce-capabilities,
#why-startbit {
  scroll-margin-top: 120px;
}

.startbit-partnership-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.startbit-partnership-badge {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94)),
    linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .08));
  border: 1px solid rgba(210, 220, 238, .92);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(22, 65, 125, .08);
  display: grid;
  gap: 10px;
  grid-template-columns: auto;
  justify-items: center;
  min-height: 104px;
  min-width: 170px;
  padding: 16px 18px;
  text-align: center;
}

.startbit-partnership-badge__label {
  color: rgba(22, 65, 125, .72);
  display: block;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.startbit-partnership-badge img {
  display: block;
  height: 34px;
  max-width: 124px;
  object-fit: contain;
  width: auto;
}

.startbit-partnership-badge__mark {
  display: inline-grid;
}

.startbit-partnership-badge__mark-microsoft {
  gap: 4px;
  grid-template-columns: repeat(2, 16px);
  grid-template-rows: repeat(2, 16px);
}

.startbit-partnership-badge__mark-microsoft span {
  border-radius: 3px;
  display: block;
  height: 16px;
  width: 16px;
}

.startbit-partnership-badge__mark-microsoft span:nth-child(1) {
  background: #f25022;
}

.startbit-partnership-badge__mark-microsoft span:nth-child(2) {
  background: #7fba00;
}

.startbit-partnership-badge__mark-microsoft span:nth-child(3) {
  background: #00a4ef;
}

.startbit-partnership-badge__mark-microsoft span:nth-child(4) {
  background: #ffb900;
}

@media (min-width: 1024px) {
  .startbit-partnership-badges {
    justify-content: flex-start;
  }

  .startbit-partnership-badge {
    text-align: left;
  }
}

.salesforce-home-marquee {
  overflow: hidden;
}

.salesforce-home-marquee__track {
  display: flex;
  gap: 22px;
  min-width: max-content;
}

.salesforce-home-marquee__content {
  animation: startbitSalesforceTicker 28s linear infinite;
  display: flex;
  flex-shrink: 0;
  gap: 14px;
}

.salesforce-home-marquee__content span {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(22, 65, 125, .06);
  color: rgba(22, 65, 125, .8);
  display: inline-flex;
  font-size: .88rem;
  font-weight: 700;
  min-height: 46px;
  padding: 10px 18px;
  white-space: nowrap;
}

.salesforce-trust-marquee-wrapper-text {
  background:
    radial-gradient(circle at 8% 0%, rgba(131, 231, 238, .18), transparent 26%),
    radial-gradient(circle at 100% 12%, rgba(134, 79, 254, .1), transparent 30%),
    #fff;
}

.salesforce-trust-item-text {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(22, 65, 125, .06);
  min-height: 46px;
  padding: 10px 18px;
}

.salesforce-trust-item-text strong {
  color: rgba(22, 65, 125, .8);
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.salesforce-services-marquee-section {
  background:
    radial-gradient(circle at 16% 16%, rgba(131, 231, 238, .1), transparent 24%),
    radial-gradient(circle at 86% 8%, rgba(134, 79, 254, .1), transparent 26%),
    linear-gradient(180deg, #fff 0%, #f9fcff 100%);
  overflow: hidden;
  position: relative;
}

.salesforce-services-marquee-section:before,
.salesforce-services-marquee-section:after {
  background-image: radial-gradient(circle, rgba(134, 79, 254, .22) 1.8px, transparent 2px);
  background-size: 18px 18px;
  content: "";
  height: 120px;
  opacity: .32;
  pointer-events: none;
  position: absolute;
  top: 104px;
  width: 170px;
}

.salesforce-services-marquee-section:before {
  left: 9%;
}

.salesforce-services-marquee-section:after {
  right: 9%;
}

.salesforce-services-marquee-section > .main-container {
  max-width: 1920px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.salesforce-services-marquee-head {
  margin-inline: auto;
  max-width: 1360px;
  text-align: center;
}

.salesforce-services-marquee-badge {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  margin-bottom: 28px;
}

.salesforce-services-marquee-head h2 {
  color: #08153f;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: clamp(2.45rem, 3.4vw, 3.65rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0;
}

.salesforce-services-marquee-head h2 span {
  background: linear-gradient(100deg, #198cff 0%, #7a48ff 86%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.salesforce-services-marquee-head p {
  color: rgba(9, 40, 104, .68);
  font-size: clamp(1.05rem, 1.35vw, 1.45rem);
  font-weight: 500;
  line-height: 1.5;
  margin: 24px auto 0;
  max-width: 900px;
}

.salesforce-services-marquee {
  margin-top: clamp(46px, 5.5vw, 78px);
  overflow: visible;
  position: relative;
}

.salesforce-services-trust-marquee {
  border-block: 1px solid rgba(223, 228, 235, .62);
  margin-top: clamp(34px, 4.2vw, 58px);
}

.salesforce-services-trust-container {
  padding: 16px;
}

.salesforce-services-trust-item {
  background: rgba(255, 255, 255, .88);
  color: var(--color-secondary);
  min-height: 86px;
  min-width: 270px;
  padding: 14px 20px 14px 14px;
  text-decoration: none;
}

.salesforce-services-trust-item strong {
  color: var(--color-secondary);
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.22;
}

.salesforce-services-trust-icon {
  align-items: center;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .9), transparent 42%),
    var(--salesforce-service-icon-bg, rgba(31, 143, 255, .12));
  color: var(--salesforce-service-icon-color, #188cff);
  display: inline-flex;
  justify-content: center;
}

.salesforce-services-trust-icon:after {
  display: none;
}

.salesforce-services-trust-icon svg {
  position: relative;
  z-index: 1;
}

.salesforce-services-marquee:before,
.salesforce-services-marquee:after {
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 110px;
  z-index: 4;
}

.salesforce-services-marquee:before {
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  left: -1px;
}

.salesforce-services-marquee:after {
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  right: -1px;
}

.salesforce-services-marquee-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 4px 28px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.salesforce-services-marquee-track::-webkit-scrollbar {
  display: none;
}

.salesforce-services-marquee-group {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  min-width: max-content;
}

.salesforce-services-marquee-group[aria-hidden="true"] {
  display: none;
}

.salesforce-services-card {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)) padding-box,
    linear-gradient(180deg, rgba(188, 215, 252, .86), rgba(226, 234, 248, .72)) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
  box-shadow: 0 22px 56px rgba(22, 65, 125, .07);
  color: #07103a;
  display: flex;
  flex-direction: column;
  flex: 0 0 clamp(214px, 13vw, 250px);
  gap: 34px;
  justify-content: center;
  min-height: 286px;
  padding: 34px 22px 30px;
  scroll-snap-align: center;
  text-align: center;
  text-decoration: none;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.salesforce-services-card:hover,
.salesforce-services-card:focus-visible {
  border-color: rgba(134, 79, 254, .34);
  box-shadow: 0 28px 68px rgba(22, 65, 125, .13);
  transform: translateY(-8px);
}

.salesforce-services-card:focus-visible {
  outline: 3px solid rgba(134, 79, 254, .24);
  outline-offset: 4px;
}

.salesforce-services-card__icon {
  align-items: center;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .82), transparent 40%), var(--salesforce-service-icon-bg, rgba(31, 143, 255, .12));
  border-radius: 999px;
  color: var(--salesforce-service-icon-color, #188cff);
  display: inline-flex;
  height: 106px;
  justify-content: center;
  width: 106px;
}

.salesforce-services-card strong {
  color: #07103a;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: clamp(1.08rem, 1.22vw, 1.34rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.24;
}

.salesforce-services-card-blue {
  --salesforce-service-icon-bg: rgba(31, 143, 255, .12);
  --salesforce-service-icon-color: #188cff;
}

.salesforce-services-card-cyan {
  --salesforce-service-icon-bg: rgba(20, 207, 228, .16);
  --salesforce-service-icon-color: #12aabd;
}

.salesforce-services-card-purple {
  --salesforce-service-icon-bg: rgba(134, 79, 254, .14);
  --salesforce-service-icon-color: #864ffe;
}

.salesforce-services-card-orange {
  --salesforce-service-icon-bg: rgba(255, 128, 31, .13);
  --salesforce-service-icon-color: #ff7418;
}

.salesforce-services-card-green {
  --salesforce-service-icon-bg: rgba(79, 178, 83, .13);
  --salesforce-service-icon-color: #41a847;
}

.salesforce-services-marquee-arrow {
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 999px;
  box-shadow: 0 18px 42px rgba(22, 65, 125, .1);
  color: #6d61ff;
  display: inline-flex;
  height: 66px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 66px;
  z-index: 5;
}

.salesforce-services-marquee-arrow-left {
  left: -28px;
}

.salesforce-services-marquee-arrow-right {
  right: -28px;
}

@media (max-width: 991px) {
  .salesforce-services-marquee-section:before,
  .salesforce-services-marquee-section:after {
    height: 96px;
    opacity: .2;
    top: 86px;
    width: 132px;
  }


  

  .salesforce-services-marquee-head {
    max-width: 720px;
  }

  .salesforce-services-marquee-badge {
    margin-bottom: 22px;
    padding: 12px 20px;
  }

  .salesforce-services-marquee:before,
  .salesforce-services-marquee:after {
    width: 46px;
  }

  .salesforce-services-marquee-arrow {
    display: none;
  }

  .salesforce-services-card {
    flex-basis: 218px;
    gap: 26px;
    min-height: 246px;
    padding: 28px 20px 26px;
  }

  .salesforce-services-card__icon {
    height: 88px;
    width: 88px;
  }
}

@media (max-width: 640px) {
  .salesforce-services-marquee-section > .main-container {
    padding-inline: 0;
  }

  .salesforce-services-marquee-head {
    padding-inline: 20px;
  }

  .salesforce-services-marquee-head h2 {
    font-size: clamp(2rem, 9vw, 2.8rem);
  }

  .salesforce-services-marquee-head p {
    font-size: .98rem;
    margin-top: 18px;
  }

  .salesforce-services-marquee-track {
    padding-inline: 20px;
  }

  .salesforce-services-card {
    flex-basis: 206px;
    min-height: 226px;
  }

  .salesforce-services-card strong {
    font-size: 1rem;
  }
}

.salesforce-crm-setup-section {
  background:
    radial-gradient(circle at 8% 18%, rgba(131, 231, 238, .18), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(134, 79, 254, .12), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f8fcff 100%);
  overflow: hidden;
  position: relative;
}

.salesforce-crm-setup-section .main-container {
  max-width: min(1680px, calc(100vw - 40px));
}

.salesforce-crm-setup-shell {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .94) 28%, rgba(255, 255, 255, .6) 43%, rgba(255, 255, 255, .1) 62%, rgba(255, 255, 255, 0) 100%),
    url("../images/salesforce-solutions/crm-setup/salesforce-crm-command-center-background.png") center center / cover no-repeat,
    linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 34px;
  box-shadow: 0 34px 90px rgba(22, 65, 125, .1);
  min-height: 820px;
  overflow: hidden;
  padding: clamp(34px, 4vw, 62px);
  position: relative;
}

.salesforce-crm-setup-shell:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .52), transparent);
  content: "";
  inset: 0 auto 0 0;
  pointer-events: none;
  position: absolute;
  width: min(48%, 720px);
  z-index: 1;
}

.salesforce-crm-setup-copy {
  max-width: 475px;
  position: relative;
  z-index: 3;
}

.salesforce-crm-setup-copy > .badge {
  margin-bottom: 18px;
}

.salesforce-crm-setup-copy h2 {
  color: var(--color-secondary);
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: clamp(2.2rem, 3.25vw, 3.65rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0;
}

.salesforce-crm-setup-copy h2 span {
  background: linear-gradient(100deg, #198cff 0%, #7a48ff 86%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.salesforce-crm-setup-copy > p {
  color: rgba(22, 65, 125, .72);
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.68;
  margin: 20px 0 0;
}

.salesforce-crm-setup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.salesforce-crm-setup-actions .btn {
  min-height: 52px;
}

.salesforce-crm-feature-list {
  display: grid;
  gap: 18px;
  margin-top: 40px;
  max-width: 430px;
}

.salesforce-crm-feature-item {
  display: grid;
  gap: 16px;
  grid-template-columns: 56px 1fr;
  padding-bottom: 18px;
  position: relative;
}

.salesforce-crm-feature-item:not(:last-child):after {
  background: linear-gradient(90deg, rgba(223, 228, 235, 0), rgba(198, 214, 235, .9), rgba(223, 228, 235, 0));
  bottom: 0;
  content: "";
  height: 1px;
  left: 72px;
  position: absolute;
  right: 0;
}

.salesforce-crm-feature-icon {
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(223, 228, 235, .88);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .08);
  color: var(--color-primary-500);
  display: inline-flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.salesforce-crm-feature-item strong {
  color: var(--color-secondary);
  display: block;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.salesforce-crm-feature-item > div {
  min-width: 0;
}

.salesforce-crm-feature-item p {
  color: rgba(22, 65, 125, .64);
  font-size: .94rem;
  font-weight: 500;
  line-height: 1.55;
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.salesforce-crm-setup-scene {
  inset: 46px 34px 34px 39%;
  position: absolute;
  z-index: 2;
}

.salesforce-crm-setup-card,
.salesforce-crm-dashboard-card {
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(204, 220, 241, .9);
  border-radius: 22px;
  box-shadow: 0 22px 52px rgba(22, 65, 125, .1);
  position: absolute;
}

.salesforce-crm-setup-card {
  display: grid;
  gap: 12px;
  grid-template-columns: 50px 1fr;
  padding: 16px;
  width: 260px;
}

.salesforce-crm-setup-card h3,
.salesforce-crm-dashboard-card strong {
  color: #0f2c57;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.32;
  margin: 0;
}

.salesforce-crm-setup-card p {
  color: rgba(22, 65, 125, .7);
  font-size: .83rem;
  font-weight: 500;
  line-height: 1.46;
  margin: 4px 0 0;
}

.salesforce-crm-card-icon {
  align-items: center;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.salesforce-crm-card-icon-blue {
  background: linear-gradient(135deg, #16417d, #247cff);
}

.salesforce-crm-card-icon-cyan {
  background: linear-gradient(135deg, #12b8d0, #83e7ee);
}

.salesforce-crm-card-icon-purple {
  background: linear-gradient(135deg, #a585ff, #864ffe);
}

.salesforce-crm-card-lead {
  left: 6%;
  top: 2%;
}

.salesforce-crm-card-workflow {
  right: 15%;
  top: 7%;
}

.salesforce-crm-card-customer {
  right: 0;
  top: 31%;
  width: 238px;
}

.salesforce-crm-card-collab {
  bottom: 2%;
  left: 4%;
}

.salesforce-crm-card-security {
  bottom: 19%;
  right: 2%;
  width: 250px;
}

.salesforce-crm-dashboard-card {
  left: 20%;
  padding: 16px;
  top: 43%;
  width: min(460px, 42%);
}

.salesforce-crm-dashboard-head {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.salesforce-crm-dashboard-head small {
  color: rgba(22, 65, 125, .6);
  font-size: .76rem;
  font-weight: 700;
}

.salesforce-crm-dashboard-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

.salesforce-crm-dashboard-metrics span {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(217, 227, 244, .92);
  border-radius: 12px;
  padding: 10px;
}

.salesforce-crm-dashboard-metrics b {
  color: #0f2c57;
  display: block;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .95rem;
}

.salesforce-crm-dashboard-metrics small {
  color: rgba(22, 65, 125, .62);
  display: block;
  font-size: .66rem;
  font-weight: 700;
  margin-top: 4px;
}

.salesforce-crm-dashboard-bars {
  align-items: end;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(217, 227, 244, .92);
  border-radius: 14px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, 1fr);
  height: 112px;
  margin-top: 12px;
  padding: 14px 12px 10px;
}

.salesforce-crm-dashboard-bars i {
  background: linear-gradient(180deg, var(--color-ns-cyan), var(--color-primary-500));
  border-radius: 999px 999px 10px 10px;
  display: block;
}

.salesforce-crm-dashboard-bars i:nth-child(1) {
  height: 38%;
}

.salesforce-crm-dashboard-bars i:nth-child(2) {
  height: 58%;
}

.salesforce-crm-dashboard-bars i:nth-child(3) {
  height: 44%;
}

.salesforce-crm-dashboard-bars i:nth-child(4) {
  height: 70%;
}

.salesforce-crm-dashboard-bars i:nth-child(5) {
  height: 62%;
}

.salesforce-crm-dashboard-bars i:nth-child(6) {
  height: 86%;
}

#crm-setup {
  --crm-navy: var(--color-secondary);
  --crm-violet: var(--color-primary-500);
  --crm-cyan: var(--color-ns-cyan);
  --crm-cyan-deep: #29c4d4;
  --crm-violet-soft: #a585ff;
  --crm-text-strong: #0f2c57;
  --crm-text-soft: rgba(22, 65, 125, .78);
  --crm-border: rgba(204, 220, 241, .92);
  --crm-shadow: 0 28px 70px rgba(22, 65, 125, .12);
  --crm-shadow-soft: 0 18px 44px rgba(22, 65, 125, .08);
  --crm-card-bg: rgba(255, 255, 255, .9);
}

#crm-setup .salesforce-crm-setup-shell {
  min-height: 1060px;
  padding: 36px 30px 28px;
}

#crm-setup .salesforce-crm-setup-copy {
  max-width: 35.5%;
  padding: 8px 0 0 12px;
}

#crm-setup .salesforce-crm-setup-scene.crm-scene {
  inset: 0;
  position: absolute;
  z-index: 2;
}

#crm-setup .crm-card {
  backdrop-filter: blur(12px);
  background: var(--crm-card-bg);
  border: 1px solid var(--crm-border);
  border-radius: 22px;
  box-shadow: 0 22px 52px rgba(22, 65, 125, .1);
  position: absolute;
}

#crm-setup .crm-card-head {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: 50px 1fr;
}

#crm-setup .crm-card-icon {
  align-items: center;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}

#crm-setup .crm-card-icon-blue {
  background: linear-gradient(135deg, var(--crm-navy), var(--crm-violet));
}

#crm-setup .crm-card-icon-green {
  background: linear-gradient(135deg, var(--crm-cyan), var(--crm-cyan-deep));
}

#crm-setup .crm-card-icon-purple {
  background: linear-gradient(135deg, var(--crm-violet-soft), var(--crm-violet));
}

#crm-setup .crm-card-icon-orange {
  background: linear-gradient(135deg, var(--crm-violet), var(--crm-navy));
}

#crm-setup .crm-card h3 {
  color: var(--crm-text-strong);
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
}

#crm-setup .crm-card-head > div {
  min-width: 0;
}

#crm-setup .crm-card p {
  color: var(--crm-text-soft);
  font-size: .88rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

#crm-setup .crm-card-lead {
  left: 38.8%;
  padding: 16px 16px 12px;
  top: 3%;
  width: 18.6%;
}

#crm-setup .crm-lead-pipeline,
#crm-setup .crm-workflow-panel,
#crm-setup .crm-customer-profile,
#crm-setup .crm-collab-list,
#crm-setup .crm-analytics-chart {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(217, 227, 244, .92);
  border-radius: 16px;
}

#crm-setup .crm-lead-pipeline {
  margin-top: 18px;
  padding: 12px 14px;
}

#crm-setup .crm-lead-pipeline strong,
#crm-setup .crm-workflow-panel strong,
#crm-setup .crm-dashboard-panel strong {
  color: var(--crm-text-strong);
  display: block;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .82rem;
  margin-bottom: 12px;
}

#crm-setup .crm-lead-funnel {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
}

#crm-setup .crm-lead-funnel-shape {
  display: grid;
  gap: 5px;
  justify-items: center;
}

#crm-setup .crm-lead-funnel-shape i {
  border-radius: 8px;
  display: block;
  height: 20px;
}

#crm-setup .crm-lead-funnel-shape i:nth-child(1) {
  background: #16417d;
  width: 128px;
}

#crm-setup .crm-lead-funnel-shape i:nth-child(2) {
  background: #2461d0;
  width: 104px;
}

#crm-setup .crm-lead-funnel-shape i:nth-child(3) {
  background: #864ffe;
  width: 80px;
}

#crm-setup .crm-lead-funnel-shape i:nth-child(4) {
  background: #44cad9;
  width: 56px;
}

#crm-setup .crm-lead-funnel-shape i:nth-child(5) {
  background: #b7a3ff;
  width: 28px;
}

#crm-setup .crm-lead-funnel-list,
#crm-setup .crm-customer-details,
#crm-setup .crm-pie-list,
#crm-setup .crm-activities,
#crm-setup .crm-collab-list,
#crm-setup .crm-security-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#crm-setup .crm-lead-funnel-list {
  display: grid;
  gap: 8px;
}

#crm-setup .crm-lead-funnel-list li {
  align-items: center;
  color: var(--crm-text-soft);
  display: grid;
  font-size: .76rem;
  gap: 10px;
  grid-template-columns: auto 1fr auto;
}

#crm-setup .crm-lead-funnel-list li i {
  border-radius: 999px;
  display: block;
  height: 8px;
  width: 8px;
}

#crm-setup .crm-lead-funnel-list li:nth-child(1) i {
  background: #16417d;
}

#crm-setup .crm-lead-funnel-list li:nth-child(2) i {
  background: #2461d0;
}

#crm-setup .crm-lead-funnel-list li:nth-child(3) i {
  background: #864ffe;
}

#crm-setup .crm-lead-funnel-list li:nth-child(4) i {
  background: #44cad9;
}

#crm-setup .crm-lead-funnel-list li:nth-child(5) i {
  background: #b7a3ff;
}

#crm-setup .crm-lead-total {
  align-items: center;
  display: flex;
  font-family: var(--font-sora, "Sora", sans-serif);
  gap: 10px;
  justify-content: space-between;
  margin-top: 12px;
}

#crm-setup .crm-lead-total span,
#crm-setup .crm-lead-total b {
  color: var(--crm-text-strong);
  font-size: .84rem;
}

#crm-setup .crm-lead-total small,
#crm-setup .crm-mini-metric small {
  color: #19b14f;
  font-size: .68rem;
  font-weight: 800;
}

#crm-setup .crm-card-workflow {
  padding: 16px;
  right: 11.7%;
  top: 5.1%;
  width: 19.6%;
}

#crm-setup .crm-workflow-panel {
  margin-top: 18px;
  padding: 12px 14px 16px;
}

#crm-setup .crm-workflow-line {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}

#crm-setup .crm-workflow-line:before,
#crm-setup .crm-workflow-line:after {
  border-top: 2px dashed #6a95ff;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(33.333% - 28px);
}

#crm-setup .crm-workflow-line:before {
  left: calc(16.666% + 24px);
}

#crm-setup .crm-workflow-line:after {
  right: calc(16.666% + 24px);
}

#crm-setup .crm-workflow-step {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 247, 255, .92));
  border: 1px solid rgba(207, 222, 247, .84);
  border-radius: 999px;
  box-shadow: var(--crm-shadow-soft);
  color: var(--crm-navy);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  margin-inline: auto;
  position: relative;
  width: 44px;
  z-index: 1;
}

#crm-setup .crm-workflow-step.success {
  color: #19b14f;
}

#crm-setup .crm-card-customer {
  padding: 5px;
  right: 1%;
  top: 29.4%;
  width: 14.4%;
}

#crm-setup .crm-connector,
#crm-setup .crm-orbit {
  display: none;
}

#crm-setup .crm-customer-profile {
  margin-top: 16px;
  padding: 12px 12px 10px;
}

#crm-setup .crm-customer-top {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 48px 1fr auto;
}

#crm-setup .crm-avatar {
  background: linear-gradient(135deg, #e6eefc, #f8fbff);
  border-radius: 50%;
  height: 48px;
  object-fit: contain;
  padding: 6px;
  width: 48px;
}

#crm-setup .crm-customer-top strong {
  color: var(--crm-text-strong);
  display: block;
  font-size: .88rem;
  line-height: 1.2;
}

#crm-setup .crm-customer-top span {
  color: var(--crm-text-soft);
  display: block;
  font-size: .72rem;
  margin-top: 4px;
}

#crm-setup .crm-status {
  background: rgba(25, 177, 79, .12);
  border-radius: 999px;
  color: #19b14f;
  font-size: .68rem;
  font-weight: 800;
  padding: 6px 10px;
}

#crm-setup .crm-customer-details {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

#crm-setup .crm-customer-details li {
  align-items: center;
  color: var(--crm-text-soft);
  display: grid;
  font-size: .72rem;
  gap: 8px;
  grid-template-columns: 18px 1fr auto;
}

#crm-setup .crm-customer-details svg {
  color: #7f95c0;
}

#crm-setup .crm-dashboard {
  left: 30.4%;
  padding: 10px;
  top: 38.9%;
  width: 28.4%;
}

#crm-setup .crm-dashboard-head {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

#crm-setup .crm-dashboard-head img {
  width: 24px;
}

#crm-setup .crm-dashboard-head strong {
  color: var(--crm-text-strong);
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: .92rem;
}

#crm-setup .crm-dashboard-top-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#crm-setup .crm-mini-metric {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(217, 227, 244, .92);
  border-radius: 12px;
  padding: 9px 9px 8px;
}

#crm-setup .crm-mini-metric span {
  color: var(--crm-text-soft);
  display: block;
  font-size: .62rem;
  font-weight: 700;
  line-height: 1.35;
}

#crm-setup .crm-mini-metric strong {
  color: var(--crm-text-strong);
  display: inline-block;
  font-size: .88rem;
  margin-top: 8px;
}

#crm-setup .crm-dashboard-panels {
  display: grid;
  gap: 8px;
  grid-template-columns: 1.08fr .92fr;
  margin-top: 10px;
}

#crm-setup .crm-dashboard-panel {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(217, 227, 244, .92);
  border-radius: 14px;
  min-height: 156px;
  padding: 11px;
}

#crm-setup .crm-dashboard-panel strong {
  font-size: .76rem;
  margin-bottom: 8px;
}

#crm-setup .crm-pie-wrap {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 76px 1fr;
}

#crm-setup .crm-pie {
  background: conic-gradient(#16417d 0 32%, #864ffe 32% 55%, #83e7ee 55% 75%, #b7a3ff 75% 88%, #2a68d5 88% 100%);
  border-radius: 50%;
  height: 76px;
  position: relative;
  width: 76px;
}

#crm-setup .crm-pie:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  inset: 16px;
  position: absolute;
}

#crm-setup .crm-pie-list,
#crm-setup .crm-activities {
  display: grid;
  gap: 7px;
}

#crm-setup .crm-pie-list li {
  align-items: center;
  color: var(--crm-text-soft);
  display: grid;
  font-size: .68rem;
  gap: 8px;
  grid-template-columns: auto 1fr auto;
}

#crm-setup .crm-pie-list i {
  border-radius: 999px;
  display: block;
  height: 8px;
  width: 8px;
}

#crm-setup .crm-pie-list li:nth-child(1) i {
  background: #16417d;
}

#crm-setup .crm-pie-list li:nth-child(2) i {
  background: #864ffe;
}

#crm-setup .crm-pie-list li:nth-child(3) i {
  background: #83e7ee;
}

#crm-setup .crm-pie-list li:nth-child(4) i {
  background: #b7a3ff;
}

#crm-setup .crm-pie-list li:nth-child(5) i {
  background: #2a68d5;
}

#crm-setup .crm-activities li {
  align-items: start;
  color: var(--crm-text-soft);
  display: grid;
  font-size: .7rem;
  gap: 8px;
  grid-template-columns: 24px 1fr auto;
}

#crm-setup .crm-activities i {
  align-items: center;
  background: linear-gradient(135deg, rgba(131, 231, 238, .26), rgba(134, 79, 254, .14));
  border-radius: 999px;
  color: var(--crm-navy);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

#crm-setup .crm-collab {
  bottom: 1%;
  left: 27.6%;
  padding: 16px;
  width: 16.8%;
}

#crm-setup .crm-collab-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 10px;
}

#crm-setup .crm-collab-list li {
  align-items: center;
  color: var(--crm-text-soft);
  display: grid;
  font-size: .7rem;
  gap: 10px;
  grid-template-columns: 24px 1fr auto;
}

#crm-setup .crm-collab-list img {
  border-radius: 999px;
  height: 24px;
  object-fit: contain;
  width: 24px;
}

#crm-setup .crm-analytics {
  bottom: 1%;
  left: 46.8%;
  padding: 16px;
  width: 19.6%;
}

#crm-setup .crm-analytics-chart {
  align-items: end;
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(8, 1fr);
  height: 112px;
  margin-top: 16px;
  padding: 14px 10px 10px;
}

#crm-setup .crm-analytics-chart i {
  background: linear-gradient(180deg, var(--crm-cyan), var(--crm-violet));
  border-radius: 999px 999px 10px 10px;
  display: block;
}

#crm-setup .crm-analytics-chart i:nth-child(1) {
  height: 28px;
}

#crm-setup .crm-analytics-chart i:nth-child(2) {
  height: 54px;
}

#crm-setup .crm-analytics-chart i:nth-child(3) {
  height: 74px;
}

#crm-setup .crm-analytics-chart i:nth-child(4) {
  height: 44px;
}

#crm-setup .crm-analytics-chart i:nth-child(5) {
  height: 64px;
}

#crm-setup .crm-analytics-chart i:nth-child(6) {
  height: 88px;
}

#crm-setup .crm-analytics-chart i:nth-child(7) {
  height: 56px;
}

#crm-setup .crm-analytics-chart i:nth-child(8) {
  height: 98px;
}

#crm-setup .crm-mobile {
  bottom: 1%;
  padding: 5px;
  right: 16.2%;
  width: 15%;
}

#crm-setup .crm-mobile-phone {
  background: linear-gradient(180deg, #16417d, #864ffe);
  border: 5px solid #102a52;
  border-radius: 24px;
  box-shadow: var(--crm-shadow);
  color: #fff;
  margin: 16px auto 0;
  min-height: 214px;
  overflow: hidden;
  padding: 10px 10px 14px;
  width: 128px;
}

#crm-setup .crm-mobile-phone strong {
  color: #fff;
  display: block;
  font-size: .72rem;
  margin-bottom: 10px;
}

#crm-setup .crm-mobile-phone b {
  display: block;
  font-family: var(--font-sora, "Sora", sans-serif);
  font-size: 1.2rem;
  margin-bottom: 10px;
}

#crm-setup .crm-mobile-line {
  background: linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0));
  border-radius: 14px;
  height: 64px;
  margin-bottom: 10px;
  position: relative;
}

#crm-setup .crm-mobile-line:before {
  border-top: 3px solid #9fe1ff;
  content: "";
  left: 12px;
  position: absolute;
  right: 12px;
  top: 36px;
  transform: skewY(-12deg);
}

#crm-setup .crm-mobile-phone p {
  color: rgba(255, 255, 255, .92);
  font-size: .66rem;
  line-height: 1.5;
  margin: 0;
}

#crm-setup .crm-security {
  bottom: 17.4%;
  padding: 15px;
  right: 1%;
  width: 13.4%;
}

#crm-setup .crm-security-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

#crm-setup .crm-security-list li {
  align-items: center;
  color: var(--crm-text-strong);
  display: flex;
  font-size: .8rem;
  font-weight: 700;
  gap: 10px;
}

#crm-setup .crm-security-list svg {
  color: #19b14f;
  flex: 0 0 auto;
}

@media (max-width: 1199px) {
  .salesforce-crm-setup-shell {
    min-height: 0;
  }

  .salesforce-crm-setup-scene:not(.crm-scene) {
    display: grid;
    gap: 16px;
    inset: auto;
    margin-top: 34px;
    position: relative;
  }

  .salesforce-crm-setup-card,
  .salesforce-crm-dashboard-card {
    inset: auto;
    position: relative;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .salesforce-crm-setup-section .main-container {
    max-width: min(100vw - 28px, 640px);
  }

  .salesforce-crm-setup-shell {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 58%, rgba(255, 255, 255, .7) 100%),
      url("../images/salesforce-solutions/crm-setup/salesforce-crm-command-center-background.png") center bottom / cover no-repeat,
      linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    border-radius: 24px;
    display: grid;
    gap: 28px;
    min-height: 0;
    padding: 28px 22px;
  }

  .salesforce-crm-setup-shell:before {
    display: none;
  }

  #crm-setup .salesforce-crm-setup-copy {
    max-width: none;
    padding: 0;
    position: relative;
    z-index: 3;
  }

  .salesforce-crm-setup-copy h2 {
    font-size: clamp(2rem, 10vw, 2.75rem);
    max-width: 100%;
    overflow-wrap: anywhere;
    width: auto;
  }

  .salesforce-crm-setup-actions .btn {
    width: 100%;
  }

  .salesforce-crm-feature-item {
    grid-template-columns: 48px 1fr;
  }

  .salesforce-crm-feature-icon {
    height: 48px;
    width: 48px;
  }

  .salesforce-crm-dashboard-metrics {
    grid-template-columns: 1fr;
  }

  #crm-setup .salesforce-crm-setup-scene.crm-scene {
    display: grid;
    gap: 16px;
    inset: auto;
    margin-top: 4px;
    min-height: 0;
    position: relative;
    z-index: 2;
  }

  #crm-setup .crm-card {
    backdrop-filter: none;
    inset: auto;
    position: relative;
    width: 100%;
  }

  #crm-setup .crm-card-lead,
  #crm-setup .crm-card-workflow,
  #crm-setup .crm-card-customer,
  #crm-setup .crm-dashboard,
  #crm-setup .crm-collab,
  #crm-setup .crm-analytics,
  #crm-setup .crm-mobile,
  #crm-setup .crm-security {
    bottom: auto;
    left: auto;
    padding: 18px;
    right: auto;
    top: auto;
    width: 100%;
  }

  #crm-setup .crm-card-head {
    grid-template-columns: 46px 1fr;
  }

  #crm-setup .crm-card-icon {
    height: 46px;
    width: 46px;
  }

  #crm-setup .crm-dashboard-top-metrics,
  #crm-setup .crm-dashboard-panels {
    grid-template-columns: 1fr;
  }

  #crm-setup .crm-pie-wrap {
    grid-template-columns: 1fr;
  }

  #crm-setup .crm-mobile-phone {
    width: min(100%, 160px);
  }
}

@media (max-width: 375px) {
  .salesforce-crm-setup-section .main-container {
    max-width: min(100vw - 20px, 640px);
  }

  .salesforce-crm-setup-shell {
    padding: 24px 18px;
  }

  .salesforce-crm-setup-copy h2 {
    font-size: clamp(1.8rem, 7.9vw, 2.2rem);
    line-height: 1.08;
  }

  .salesforce-crm-setup-copy > p {
    font-size: .98rem;
    line-height: 1.6;
  }
}

@keyframes startbitSalesforceTicker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 14px));
  }
}

.salesforce-section-heading h2 {
  color: var(--color-secondary);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.14;
}

.salesforce-section-heading p {
  font-size: 1rem;
  line-height: 1.7;
}

.salesforce-integration-highlight {
  background:
    radial-gradient(circle at top right, rgba(131, 231, 238, .18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 250, 255, .95));
}

.salesforce-integration-section .main-container {
  max-width: min(1440px, calc(100vw - 40px));
}

.salesforce-integration-showcase {
  background:
    radial-gradient(circle at 50% 118%, rgba(26, 173, 255, .94) 0%, rgba(12, 102, 202, .7) 24%, rgba(7, 63, 150, .38) 42%, rgba(2, 10, 26, 0) 60%),
    radial-gradient(circle at 18% 12%, rgba(131, 231, 238, .18), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(134, 79, 254, .16), transparent 26%),
    linear-gradient(180deg, #041120 0%, #020814 44%, #01050d 100%);
  border: 1px solid rgba(134, 206, 255, .18);
  border-radius: 34px;
  box-shadow: 0 34px 90px rgba(3, 10, 24, .34);
  margin-inline: auto;
  max-width: 1440px;
  overflow: hidden;
  padding: 82px clamp(30px, 5vw, 74px) 74px;
  position: relative;
  isolation: isolate;
}

.salesforce-integration-showcase:before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 22%),
    radial-gradient(circle at top center, rgba(68, 196, 255, .16), transparent 38%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.salesforce-integration-showcase:after {
  background:
    radial-gradient(circle at 50% 112%, rgba(33, 178, 255, .84) 0%, rgba(19, 129, 255, .62) 18%, rgba(81, 229, 255, .38) 31%, rgba(134, 79, 254, .24) 40%, rgba(0, 0, 0, 0) 58%);
  content: "";
  inset: auto 2% 54px;
  height: 470px;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.salesforce-integration-showcase__head,
.salesforce-integration-footnote,
.salesforce-integration-actions {
  position: relative;
  z-index: 2;
}

.salesforce-integration-showcase__head {
  margin-inline: auto;
  max-width: 720px;
  text-align: center;
}

.salesforce-integration-showcase__head .badge {
  justify-self: center;
  margin-bottom: 16px;
}

.salesforce-integration-showcase__head h2 {
  color: rgba(255, 255, 255, .96);
  font-size: clamp(2.15rem, 3.1vw, 3.2rem);
  line-height: 1.1;
  text-wrap: balance;
}

.salesforce-integration-showcase__head p {
  color: rgba(221, 239, 255, .76);
  margin: 16px auto 0;
  max-width: 620px;
}

.salesforce-integration-arc {
  background:
    radial-gradient(circle at 50% 100%, rgba(122, 220, 255, .92) 0%, rgba(39, 193, 255, .88) 20%, rgba(18, 124, 255, .72) 34%, rgba(37, 127, 255, .4) 43%, rgba(134, 79, 254, .24) 49%, rgba(0, 0, 0, 0) 62%);
  border-radius: 999px 999px 0 0;
  filter: blur(10px);
  height: 570px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 240px;
  transform: translateX(-50%);
  width: min(1280px, 112%);
  z-index: 1;
}

.salesforce-integration-card-grid {
  display: grid;
  gap: clamp(22px, 2.2vw, 32px);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-top: 62px;
  position: relative;
  z-index: 2;
}

.salesforce-integration-card {
  --integration-card-offset: 0px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .09)),
    linear-gradient(135deg, rgba(13, 48, 104, .6), rgba(7, 22, 48, .78));
  backdrop-filter: blur(14px);
  border: 1px solid rgba(150, 219, 255, .16);
  border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 32px rgba(2, 12, 32, .22);
  color: #fff;
  min-height: 218px;
  padding: 32px 26px 28px;
  position: relative;
  text-align: center;
  transform: translateY(var(--integration-card-offset));
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.salesforce-integration-card:before {
  background:
    linear-gradient(90deg, rgba(131, 231, 238, .18), rgba(134, 79, 254, .14), rgba(131, 231, 238, .18));
  content: "";
  height: 1px;
  left: 18px;
  opacity: .9;
  position: absolute;
  right: 18px;
  top: 0;
}

.salesforce-integration-card:hover {
  border-color: rgba(131, 231, 238, .34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 22px 38px rgba(4, 20, 46, .32);
  transform: translateY(calc(var(--integration-card-offset) - 6px));
}

.salesforce-integration-card {
  grid-column: span 4;
}

.salesforce-integration-card:nth-child(1),
.salesforce-integration-card:nth-child(3),
.salesforce-integration-card:nth-child(4),
.salesforce-integration-card:nth-child(6) {
  --integration-card-offset: 12px;
}

.salesforce-integration-card:nth-child(2),
.salesforce-integration-card:nth-child(5) {
  --integration-card-offset: -2px;
}

.salesforce-integration-card__icon {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04)),
    linear-gradient(135deg, rgba(131, 231, 238, .22), rgba(134, 79, 254, .18));
  border: 1px solid rgba(181, 232, 255, .18);
  border-radius: 16px;
  color: rgba(235, 245, 255, .96);
  display: inline-flex;
  height: 56px;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 18px;
  width: 56px;
}

.salesforce-integration-card h3 {
  color: rgba(255, 255, 255, .96);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.28;
  text-wrap: balance;
}

.salesforce-integration-card p {
  color: rgba(219, 235, 255, .78);
  font-size: .9rem;
  line-height: 1.55;
  margin-top: 10px;
}

.salesforce-integration-card small {
  color: rgba(152, 227, 255, .96);
  display: inline-block;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
  margin-top: 14px;
  text-transform: uppercase;
}

.salesforce-integration-footnote {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(154, 221, 255, .14);
  border-radius: 999px;
  margin: 36px auto 0;
  max-width: 920px;
  padding: 18px 28px;
  text-align: center;
}

.salesforce-integration-footnote strong {
  color: rgba(255, 255, 255, .96);
  display: block;
  font-size: 1.08rem;
  font-weight: 700;
}

.salesforce-integration-footnote p {
  color: rgba(219, 235, 255, .8);
  font-size: .9rem;
  line-height: 1.6;
  margin: 8px auto 0;
  max-width: 760px;
}

.salesforce-integration-footnote small {
  color: rgba(185, 212, 244, .72);
  display: block;
  font-size: .82rem;
  line-height: 1.58;
  margin-top: 10px;
}

.salesforce-integration-actions {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

.salesforce-integration-highlight__copy {
  display: grid;
  gap: 12px;
}

.salesforce-check-list {
  display: grid;
  gap: 14px;
}

.salesforce-check-list li {
  color: rgba(22, 65, 125, .76);
  font-size: .96rem;
  line-height: 1.6;
  padding-left: 18px;
  position: relative;
}

.salesforce-check-list li:before {
  background: var(--color-primary-500);
  border-radius: 999px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: .56rem;
  width: 7px;
}

.salesforce-clouds-section {
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
  overflow: hidden;
  position: relative;
}

.salesforce-clouds-section:before {
  background: linear-gradient(180deg, rgba(247, 251, 255, .62), rgba(255, 255, 255, 0));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.salesforce-clouds-section > .main-container {
  max-width: min(1535px, calc(100vw - 56px));
  position: relative;
  z-index: 1;
}

.salesforce-clouds-stage {
  align-items: start;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .86) 30%, rgba(255, 255, 255, .24) 54%, rgba(255, 255, 255, 0) 100%),
    url("../images/salesforce-solutions/clouds/salesforce-clouds-background.png") center calc(100% + 26px) / calc(100% + 8px) auto no-repeat;
  border-radius: 24px;
  display: grid;
  gap: clamp(28px, 3vw, 58px);
  grid-template-columns: minmax(390px, 540px) minmax(0, 1fr);
  min-height: 860px;
  overflow: hidden;
  padding: clamp(34px, 3vw, 52px) clamp(28px, 3.8vw, 58px);
  position: relative;
}

.salesforce-clouds-copy {
  display: grid;
  gap: 18px;
  max-width: 540px;
  padding-top: 0;
  position: relative;
  z-index: 2;
}

.salesforce-clouds-copy > .badge {
  /* justify-self: start; */
  width: fit-content;
}

.salesforce-clouds-copy h2 {
  color: #071947;
  font-size: clamp(2.7rem, 3.25vw, 3.35rem);
  font-weight: 700;
  line-height: 1.14;
  max-width: 610px;
  width: max-content;
}

.salesforce-clouds-copy h2 span {
  color: #1f77ff;
  display: block;
}

.salesforce-clouds-copy > p {
  color: rgba(7, 25, 71, .72);
  font-size: 1.14rem;
  line-height: 1.65;
  max-width: 430px;
}

.salesforce-clouds-divider {
  background: linear-gradient(90deg, #1f83ff, #5d4cf0);
  border-radius: 999px;
  height: 4px;
  width: 62px;
}

.salesforce-clouds-copy .btn {
  box-shadow: 0 18px 36px rgba(37, 121, 223, .18);
  min-width: 320px;
  width: fit-content;
}

.salesforce-clouds-cta {
  background: linear-gradient(135deg, #0ea5ff 0%, #1169ff 100%) !important;
  border: 0 !important;
  color: #fff !important;
  display: inline-flex;
  gap: 18px;
  justify-content: center;
}

.salesforce-clouds-cta:hover {
  background: linear-gradient(135deg, #1169ff 0%, #0b49d8 100%) !important;
  color: #fff !important;
}

.salesforce-clouds-cta svg {
  flex: 0 0 auto;
}

.salesforce-clouds-points {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  max-width: 450px;
}

.salesforce-clouds-point {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr;
}

.salesforce-clouds-point__icon {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(240, 246, 255, .94));
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(22, 65, 125, .1);
  color: #167cff;
  display: inline-flex;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.salesforce-clouds-point strong {
  color: var(--color-secondary);
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.salesforce-clouds-point p {
  color: rgba(22, 65, 125, .66);
  font-size: .98rem;
  line-height: 1.6;
  margin-top: 4px;
}

.salesforce-clouds-visual {
  position: relative;
}

.salesforce-clouds-canvas {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
  position: relative;
}

.salesforce-clouds-scene {
  display: grid;
  gap: 22px;
}

.salesforce-clouds-orbit {
  min-height: 730px;
  position: relative;
}

.salesforce-clouds-agentforce-badge {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 18px;
  box-shadow: 0 20px 44px rgba(60, 94, 164, .1);
  display: grid;
  gap: 8px;
  justify-items: center;
  left: 50%;
  min-width: 128px;
  padding: 14px 16px 12px;
  position: absolute;
  top: 21%;
  transform: translateX(-50%);
  z-index: 4;
}

.salesforce-clouds-agentforce-badge img {
  display: block;
  height: 44px;
  object-fit: contain;
  width: auto;
}

.salesforce-clouds-agentforce-badge span {
  color: var(--color-secondary);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
}

.salesforce-cloud-flow-card {
  animation: heroDashboardFloat 17s ease-in-out infinite;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 18px;
  box-shadow: 0 22px 46px rgba(60, 94, 164, .1);
  display: block;
  max-width: 188px;
  min-height: 204px;
  padding: 15px 16px 17px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.salesforce-cloud-flow-card-sales {
  --cloud-accent: #14a897;
  animation-delay: -.5s;
  left: 0%;
  top: 0%;
}

.salesforce-cloud-flow-card-commerce {
  --cloud-accent: #5a42ef;
  animation-delay: -1.4s;
  right: 5%;
  top: 0%;
}

.salesforce-cloud-flow-card-marketing {
  --cloud-accent: #ff6c1a;
  animation-delay: -2s;
  left: 0%;
  top: 53%;
}

.salesforce-cloud-flow-card-service {
  --cloud-accent: #1f64f0;
  animation-delay: -.9s;
  right: 5%;
  top: 53%;
}

.salesforce-cloud-flow-card__icon {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  margin-bottom: 11px;
  width: 50px;
}

.salesforce-cloud-flow-card__icon-green {
  background: linear-gradient(135deg, #16a892 0%, #4cc7a8 100%);
  color: #fff;
}

.salesforce-cloud-flow-card__icon-purple {
  background: linear-gradient(135deg, #6b4df4 0%, #8758ff 100%);
  color: #fff;
}

.salesforce-cloud-flow-card__icon-orange {
  background: linear-gradient(135deg, #ff5f13 0%, #ff8a2a 100%);
  color: #fff;
}

.salesforce-cloud-flow-card__icon-blue {
  background: linear-gradient(135deg, #1169ff 0%, #1f8cff 100%);
  color: #fff;
}

.salesforce-cloud-flow-card strong,
.salesforce-agentforce-metric strong,
.salesforce-industry-card h3 {
  color: var(--color-secondary);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.28;
}

.salesforce-cloud-flow-card strong {
  color: var(--cloud-accent, var(--color-secondary));
  display: block;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.18;
}

.salesforce-cloud-flow-card p,
.salesforce-agentforce-metric p {
  color: rgba(7, 25, 71, .74);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.56;
  margin-top: 8px;
}

.salesforce-cloud-core:before {
  background: radial-gradient(circle, rgba(74, 155, 255, .12) 0%, rgba(255, 255, 255, 0) 70%);
  content: "";
  inset: 10% 12% 16%;
  position: absolute;
  z-index: -1;
}

.salesforce-cloud-core {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  margin: 0;
  min-height: 438px;
  position: absolute;
  top: 80px;
  transform: translateX(-50%);
  width: min(58%, 438px);
  z-index: 2;
}

@media (min-width: 992px) {
  .salesforce-clouds-section {
    padding-bottom: 72px !important;
    padding-top: 48px !important;
  }

  .salesforce-clouds-copy > .badge {
    display: none;
  }

  .salesforce-clouds-points {
    margin-top: 10px;
  }

  .salesforce-clouds-agentforce-badge {
    top: 15%;
    left: 46%;
  }

  .salesforce-cloud-core__ring,
  .salesforce-cloud-core__connector,
  .salesforce-cloud-core__logo,
  .salesforce-clouds-data-row {
    display: none !important;
  }
}

.salesforce-cloud-core__ring {
  border-radius: 999px;
  position: absolute;
}

.salesforce-cloud-core__ring--outer {
  border: 1.5px dashed rgba(79, 148, 255, .38);
  inset: 2%;
}

.salesforce-cloud-core__ring--middle {
  border: 1px solid rgba(120, 180, 255, .18);
  inset: 14%;
}

.salesforce-cloud-core__ring--inner {
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, .94), rgba(231, 240, 255, .88));
  border: 1px solid rgba(133, 187, 255, .24);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .74);
  inset: 25%;
}

.salesforce-cloud-core__logo {
  align-items: center;
  background: linear-gradient(135deg, #1f7dff, #1597ff);
  border-radius: 999px;
  box-shadow: 0 26px 58px rgba(32, 120, 255, .24);
  color: #fff;
  display: inline-flex;
  height: 126px;
  justify-content: center;
  position: relative;
  width: 202px;
  z-index: 3;
}

.salesforce-cloud-core__logo:before,
.salesforce-cloud-core__logo:after {
  background: inherit;
  border-radius: 999px;
  content: "";
  position: absolute;
}

.salesforce-cloud-core__logo:before {
  height: 88px;
  left: 18px;
  top: -24px;
  width: 88px;
}

.salesforce-cloud-core__logo:after {
  height: 96px;
  right: 18px;
  top: -30px;
  width: 96px;
}

.salesforce-cloud-core__logo span {
  font-size: 1.9rem;
  font-weight: 700;
  position: relative;
  z-index: 2;
}

.salesforce-cloud-core__connector {
  border-radius: 999px;
  position: absolute;
  z-index: 2;
}

.salesforce-cloud-core__connector:before,
.salesforce-cloud-core__connector:after {
  border-radius: 999px;
  content: "";
  position: absolute;
}

.salesforce-cloud-core__connector-sales {
  background: linear-gradient(90deg, rgba(20, 168, 151, .78), rgba(20, 168, 151, .18));
  height: 2px;
  left: -8%;
  top: 23%;
  transform: rotate(42deg);
  width: 118px;
}

.salesforce-cloud-core__connector-sales:before,
.salesforce-cloud-core__connector-sales:after {
  background: #14a897;
  height: 10px;
  top: -4px;
  width: 10px;
}

.salesforce-cloud-core__connector-sales:before {
  left: 0;
}

.salesforce-cloud-core__connector-sales:after {
  right: 0;
}

.salesforce-cloud-core__connector-commerce {
  background: linear-gradient(90deg, rgba(90, 66, 239, .18), rgba(90, 66, 239, .78));
  height: 2px;
  right: -8%;
  top: 23%;
  transform: rotate(-42deg);
  width: 118px;
}

.salesforce-cloud-core__connector-commerce:before,
.salesforce-cloud-core__connector-commerce:after {
  background: #5a42ef;
  height: 10px;
  top: -4px;
  width: 10px;
}

.salesforce-cloud-core__connector-commerce:before {
  left: 0;
}

.salesforce-cloud-core__connector-commerce:after {
  right: 0;
}

.salesforce-cloud-core__connector-marketing {
  background: linear-gradient(90deg, rgba(255, 108, 26, .78), rgba(255, 108, 26, .18));
  bottom: 24%;
  height: 2px;
  left: -8%;
  transform: rotate(-42deg);
  width: 118px;
}

.salesforce-cloud-core__connector-marketing:before,
.salesforce-cloud-core__connector-marketing:after {
  background: #ff6c1a;
  height: 10px;
  top: -4px;
  width: 10px;
}

.salesforce-cloud-core__connector-marketing:before {
  left: 0;
}

.salesforce-cloud-core__connector-marketing:after {
  right: 0;
}

.salesforce-cloud-core__connector-service {
  background: linear-gradient(90deg, rgba(31, 100, 240, .18), rgba(31, 100, 240, .78));
  bottom: 24%;
  height: 2px;
  right: -8%;
  transform: rotate(42deg);
  width: 118px;
}

.salesforce-cloud-core__connector-service:before,
.salesforce-cloud-core__connector-service:after {
  background: #1f64f0;
  height: 10px;
  top: -4px;
  width: 10px;
}

.salesforce-cloud-core__connector-service:before {
  left: 0;
}

.salesforce-cloud-core__connector-service:after {
  right: 0;
}

.salesforce-cloud-core__node {
  align-items: center;
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 1), rgba(255, 255, 255, .94) 48%, rgba(239, 247, 255, .98) 100%);
  border: 1px solid rgba(219, 233, 250, .98);
  border-radius: 999px;
  box-shadow:
    0 16px 34px rgba(70, 100, 162, .16),
    inset 0 1px 0 rgba(255, 255, 255, .98);
  color: #0878ff;
  display: grid;
  gap: 4px;
  justify-items: center;
  min-height: 88px;
  padding: 10px 8px 9px;
  position: absolute;
  text-align: center;
  width: 88px;
  z-index: 4;
}

.salesforce-cloud-core__node small {
  color: #071947;
  display: block;
  font-size: .54rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.12;
  max-width: 72px;
  text-wrap: balance;
}

.salesforce-cloud-core__node-icon {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(239, 247, 255, .9));
  border: 1px solid rgba(218, 234, 252, .94);
  border-radius: 999px;
  box-shadow: 0 8px 16px rgba(22, 117, 255, .12);
  color: inherit;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.salesforce-cloud-core__node-icon svg {
  height: 22px;
  width: 22px;
}

.salesforce-cloud-core__node-left {
  left: .5%;
  top: 33%;
}

.salesforce-cloud-core__node-right {
  right: 5%;
  top: 40%;
}

.salesforce-cloud-core__node-bottom {
  bottom: 3%;
  left: 45%;
  transform: translate(-50%);
}

.salesforce-clouds-data-row {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1.02fr .84fr .9fr;
  margin-top: -18px;
  position: relative;
  z-index: 2;
}

.salesforce-clouds-data-card,
.salesforce-clouds-phone-card {
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 26px;
  box-shadow: 0 24px 52px rgba(65, 98, 166, .08);
}

.salesforce-clouds-data-card {
  padding: 18px 18px 16px;
}

.salesforce-clouds-data-card span,
.salesforce-clouds-phone-card span {
  color: #2475db;
  display: block;
  font-size: .9rem;
  font-weight: 700;
}

.salesforce-clouds-data-card strong {
  color: var(--color-secondary);
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 8px;
}

.salesforce-clouds-data-card small {
  color: #28b47b;
  font-size: .86rem;
  font-weight: 700;
  margin-left: 8px;
}

.salesforce-clouds-data-card small.down {
  color: #ef7f6d;
}

.salesforce-clouds-data-card__spark {
  background:
    linear-gradient(180deg, rgba(31, 131, 255, .04), rgba(31, 131, 255, .18)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 76' fill='none'%3E%3Cpath d='M4 58C18 58 25 44 39 46C53 48 63 56 77 49C91 42 97 25 112 27C127 29 135 44 149 38C163 32 169 18 176 10' stroke='%231f83ff' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  border-radius: 18px;
  height: 88px;
  margin-top: 14px;
}

.salesforce-clouds-funnel {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}

.salesforce-clouds-funnel i {
  border-radius: 8px;
  display: block;
  height: 16px;
  margin-inline: auto;
}

.salesforce-clouds-funnel i:nth-child(1) {
  background: #24a8ff;
  width: 100%;
}

.salesforce-clouds-funnel i:nth-child(2) {
  background: #47bbff;
  width: 78%;
}

.salesforce-clouds-funnel i:nth-child(3) {
  background: #82d3ff;
  width: 56%;
}

.salesforce-clouds-funnel i:nth-child(4) {
  background: #ffd08a;
  width: 34%;
}

.salesforce-clouds-bars {
  align-items: end;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(7, 1fr);
  height: 70px;
  margin-top: 16px;
}

.salesforce-clouds-bars i {
  background: linear-gradient(180deg, rgba(120, 198, 255, .6), rgba(31, 131, 255, .95));
  border-radius: 999px 999px 10px 10px;
  display: block;
}

.salesforce-clouds-bars i:nth-child(1) { height: 24px; }
.salesforce-clouds-bars i:nth-child(2) { height: 36px; }
.salesforce-clouds-bars i:nth-child(3) { height: 28px; }
.salesforce-clouds-bars i:nth-child(4) { height: 48px; }
.salesforce-clouds-bars i:nth-child(5) { height: 34px; }
.salesforce-clouds-bars i:nth-child(6) { height: 56px; }
.salesforce-clouds-bars i:nth-child(7) { height: 42px; }

.salesforce-clouds-data-card p {
  color: rgba(22, 65, 125, .66);
  font-size: .82rem;
  line-height: 1.45;
  margin-top: 12px;
}

.salesforce-clouds-data-card p b {
  color: var(--color-secondary);
  font-size: 1rem;
  margin-left: 6px;
}

.salesforce-clouds-phone-card {
  padding: 16px;
}

.salesforce-clouds-phone-card ul {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.salesforce-clouds-phone-card li {
  background: rgba(255, 255, 255, .74);
  border-radius: 16px;
  padding: 10px 12px;
}

.salesforce-clouds-phone-card li strong,
.salesforce-clouds-phone-card li small {
  display: block;
}

.salesforce-clouds-phone-card li strong {
  color: var(--color-secondary);
  font-size: .84rem;
  font-weight: 700;
}

.salesforce-clouds-phone-card li small {
  color: rgba(22, 65, 125, .58);
  font-size: .74rem;
  margin-top: 4px;
}

.salesforce-clouds-phone-card a {
  color: #2475db;
  display: inline-block;
  font-size: .84rem;
  font-weight: 700;
  margin-top: 14px;
}

.salesforce-app-service-list {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.salesforce-app-service-pill {
  align-items: flex-start;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(22, 65, 125, .06);
  display: grid;
  gap: 14px;
  grid-template-columns: auto 1fr;
  padding: 16px 18px;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.salesforce-app-service-pill:hover {
  border-color: rgba(134, 79, 254, .22);
  box-shadow: 0 20px 42px rgba(22, 65, 125, .1);
  transform: translateY(-2px);
}

.salesforce-app-service-pill > span {
  align-items: center;
  background: linear-gradient(135deg, rgba(131, 231, 238, .2), rgba(134, 79, 254, .16));
  border-radius: 999px;
  color: #16417d;
  display: inline-flex;
  font-size: .8rem;
  font-weight: 800;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.salesforce-app-service-pill strong {
  color: var(--color-secondary);
  display: block;
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.3;
}

.salesforce-app-service-pill p {
  color: rgba(22, 65, 125, .66);
  font-size: .88rem;
  line-height: 1.55;
  margin-top: 4px;
}

.salesforce-app-stage {
  background:
    radial-gradient(circle at 10% 10%, rgba(131, 231, 238, .2), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(134, 79, 254, .15), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(247, 251, 255, .96));
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 34px;
  box-shadow: 0 28px 70px rgba(22, 65, 125, .08);
  display: grid;
  gap: 18px;
  grid-template-areas:
    "visual analytics"
    "timeline global";
  grid-template-columns: minmax(0, 1.08fr) minmax(290px, .92fr);
  overflow: hidden;
  padding: 20px;
  position: relative;
}

.salesforce-app-stage:before,
.salesforce-app-stage:after {
  border-radius: 999px;
  content: "";
  filter: blur(48px);
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.salesforce-app-stage:before {
  background: rgba(131, 231, 238, .22);
  height: 160px;
  left: -48px;
  top: -38px;
  width: 160px;
}

.salesforce-app-stage:after {
  background: rgba(134, 79, 254, .16);
  bottom: -56px;
  right: -36px;
  height: 170px;
  width: 170px;
}

.salesforce-app-card {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(22, 65, 125, .08);
  overflow: hidden;
  padding: 18px;
  position: relative;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s cubic-bezier(.22, 1, .36, 1), border-color .32s ease;
  z-index: 1;
}

.salesforce-app-card:hover {
  border-color: rgba(134, 79, 254, .22);
  box-shadow: 0 24px 58px rgba(22, 65, 125, .12);
  transform: translateY(-4px);
}

.salesforce-app-card-visual,
.salesforce-app-card-analytics,
.salesforce-app-card-timeline,
.salesforce-app-card-global {
  animation: heroDashboardFloat 16s ease-in-out infinite;
}

.salesforce-app-card-visual {
  animation-delay: -.8s;
  display: flex;
  flex-direction: column;
  grid-area: visual;
  min-height: 316px;
}

.salesforce-app-card-analytics {
  animation-delay: -2.4s;
  grid-area: analytics;
  min-height: 316px;
}

.salesforce-app-card-timeline {
  animation-delay: -1.2s;
  grid-area: timeline;
  min-height: 220px;
}

.salesforce-app-card-global {
  animation-delay: -3.1s;
  grid-area: global;
  min-height: 220px;
}

.salesforce-app-card__label,
.salesforce-app-card__eyebrow {
  align-items: center;
  color: rgba(22, 65, 125, .58);
  display: flex;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
}

.salesforce-app-card__label {
  justify-content: flex-start;
}

.salesforce-app-card__eyebrow {
  justify-content: space-between;
}

.salesforce-app-dot {
  background: linear-gradient(135deg, #83e7ee, #864ffe);
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(134, 79, 254, .1);
  display: inline-block;
  height: 10px;
  margin-right: 8px;
  width: 10px;
}

.salesforce-app-card__label span:last-child {
  color: rgba(22, 65, 125, .66);
}

.salesforce-app-flow-preview {
  background:
    radial-gradient(circle at 88% 20%, rgba(134, 79, 254, .16), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(131, 231, 238, .24), transparent 32%),
    linear-gradient(180deg, rgba(246, 251, 255, .96), rgba(255, 247, 239, .88));
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 22px;
  min-height: 172px;
  overflow: hidden;
  padding: 18px;
  position: relative;
}

.salesforce-app-card-visual .salesforce-app-flow-preview {
  flex: 1;
  min-height: 380px;
}

.salesforce-app-card-visual .salesforce-app-flow-preview:before {
  background:
    linear-gradient(90deg, rgba(22, 65, 125, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(22, 65, 125, .06) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  inset: 0;
  opacity: .45;
  pointer-events: none;
  position: absolute;
}

.salesforce-app-card-visual .salesforce-app-flow-preview:after {
  background: linear-gradient(180deg, rgba(134, 79, 254, .32), rgba(131, 231, 238, .32));
  border-radius: 999px;
  content: "";
  height: 70%;
  left: 50%;
  opacity: .45;
  position: absolute;
  top: 18%;
  transform: translateX(-50%);
  width: 2px;
}

.salesforce-app-flow-node {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(22, 65, 125, .08);
  max-width: 220px;
  padding: 12px 14px;
  position: relative;
  z-index: 1;
}

.salesforce-app-flow-node + .salesforce-app-flow-node {
  margin-top: 12px;
}

.salesforce-app-flow-node:nth-child(2) {
  margin-left: 34px;
}

.salesforce-app-flow-node:nth-child(3) {
  margin-left: 68px;
}

.salesforce-app-flow-node strong {
  color: var(--color-secondary);
  display: block;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.24;
}

.salesforce-app-flow-node p {
  color: rgba(22, 65, 125, .62);
  font-size: .78rem;
  line-height: 1.4;
  margin-top: 3px;
}

.salesforce-app-flow-cta {
  align-items: center;
  background: linear-gradient(135deg, #864ffe 0%, #6d4ff9 100%);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(134, 79, 254, .24);
  color: #fff;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  transition: transform .26s ease, box-shadow .26s ease;
  width: 42px;
  z-index: 2;
}

.salesforce-app-flow-cta:hover {
  box-shadow: 0 18px 36px rgba(134, 79, 254, .28);
  transform: translateY(-2px);
}

.salesforce-app-card__media {
  border-radius: 22px;
  margin-top: 16px;
  overflow: hidden;
}

.salesforce-app-card__media img {
  display: block;
  height: 170px;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.salesforce-app-chart-header {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.salesforce-app-chart-header small,
.salesforce-app-metrics span {
  color: rgba(22, 65, 125, .56);
  display: block;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.3;
}

.salesforce-app-chart-header strong,
.salesforce-app-metrics strong {
  color: var(--color-secondary);
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 2px;
}

.salesforce-app-avatar-group {
  display: flex;
  justify-content: flex-end;
}

.salesforce-app-avatar-group span,
.salesforce-app-map-avatars span {
  align-items: center;
  background: linear-gradient(135deg, #16417d, #864ffe);
  border: 2px solid rgba(255, 255, 255, .92);
  border-radius: 999px;
  box-shadow: 0 12px 22px rgba(22, 65, 125, .14);
  color: #fff;
  display: inline-flex;
  font-size: .68rem;
  font-weight: 800;
  height: 34px;
  justify-content: center;
  letter-spacing: .04em;
  width: 34px;
}

.salesforce-app-avatar-group span + span,
.salesforce-app-map-avatars span + span {
  margin-left: -8px;
}

.salesforce-app-line-chart {
  display: block;
  height: 110px;
  margin-top: 16px;
  width: 100%;
}

.salesforce-app-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-app-card-copy {
  margin-top: 14px;
}

.salesforce-app-card-copy h3 {
  color: var(--color-secondary);
}

.salesforce-app-card-copy p {
  color: rgba(22, 65, 125, .68);
  font-size: .92rem;
  line-height: 1.58;
  margin-top: 6px;
}

.salesforce-app-bars {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  height: 108px;
  margin-top: 10px;
}

.salesforce-app-bars span {
  background: linear-gradient(180deg, rgba(131, 231, 238, .92), rgba(134, 79, 254, .86));
  border-radius: 999px 999px 10px 10px;
  box-shadow: 0 12px 24px rgba(134, 79, 254, .12);
  display: block;
  height: var(--bar-height);
  min-height: 18px;
}

.salesforce-app-map-wrap {
  background:
    radial-gradient(circle at 50% 50%, rgba(134, 79, 254, .08), transparent 48%),
    url("../images/salesforce-solutions/app-development/global-readiness-map.png") center 47% / 88% auto no-repeat,
    linear-gradient(180deg, rgba(245, 247, 255, .92), rgba(255, 255, 255, .98));
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 22px;
  min-height: 188px;
  padding: 0 16px 54px;
  position: relative;
}

.salesforce-app-map {
  display: none;
}

.salesforce-app-map-avatars {
  bottom: 14px;
  display: flex;
  position: absolute;
  right: 18px;
}

.salesforce-agentforce-section {
  background:
    radial-gradient(circle at 14% 10%, rgba(131, 231, 238, .18), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(134, 79, 254, .14), transparent 26%),
    linear-gradient(180deg, #fbfdff 0%, #f8fbff 42%, #ffffff 100%);
}

.salesforce-agentforce-stage {
  display: grid;
  gap: 34px;
}

.salesforce-agentforce-main {
  align-items: center;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1.03fr) minmax(390px, .96fr) minmax(300px, .82fr);
}

.salesforce-agentforce-copy {
  display: grid;
  gap: 26px;
  padding-top: 8px;
}

.salesforce-agentforce-kicker {
  justify-self: start;
}

.salesforce-agentforce-copy h2 {
  color: var(--color-secondary);
  /* font-size: clamp(2.2rem, 4vw, 4rem); */
  line-height: 1.12;
  max-width: 520px;
  text-wrap: balance;
}

.salesforce-agentforce-title-mark {
  color: #4e43f1;
  display: block;
}

.salesforce-agentforce-divider {
  background: linear-gradient(90deg, #7e5cff, #5b63ff);
  border-radius: 999px;
  display: block;
  height: 4px;
  width: 48px;
}

.salesforce-agentforce-copy p {
  font-size: 1rem;
  line-height: 1.7;
  max-width: 560px;
}

.salesforce-agentforce-copy__strong {
  color: rgba(22, 65, 125, .92) !important;
  font-weight: 600;
}

.salesforce-agentforce-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.salesforce-agentforce-actions .btn {
  box-shadow: 0 14px 32px rgba(134, 79, 254, .14);
}

.salesforce-agentforce-orbit-wrap {
  position: relative;
}

.salesforce-agentforce-orbit {
  margin-inline: auto;
  max-width: 560px;
  position: relative;
  width: 100%;
}

.salesforce-agentforce-orbit img {
  animation: heroDashboardFloat 17s ease-in-out infinite;
  display: block;
  filter: drop-shadow(0 28px 52px rgba(91, 121, 184, .16));
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.salesforce-agentforce-core__media img {
  animation: heroDashboardFloat 17s ease-in-out infinite;
  display: block;
  max-width: 96%;
  object-fit: contain;
}

.salesforce-agentforce-dashboard {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 30px;
  box-shadow: 0 28px 60px rgba(67, 95, 158, .08);
  display: grid;
  gap: 14px;
  padding: 18px;
}

.salesforce-agentforce-dashboard__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.salesforce-agentforce-dashboard__top strong,
.salesforce-agentforce-dashboard__performance strong {
  color: var(--color-secondary);
  font-size: 1.02rem;
  font-weight: 700;
}

.salesforce-agentforce-cloud-badge {
  align-items: center;
  background: linear-gradient(135deg, #20a6f2, #2db7ff);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: .72rem;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  min-width: 74px;
  padding-inline: 10px;
  position: relative;
  white-space: nowrap;
}

.salesforce-agentforce-cloud-badge:before,
.salesforce-agentforce-cloud-badge:after {
  background: inherit;
  border-radius: 999px;
  content: "";
  position: absolute;
  z-index: -1;
}

.salesforce-agentforce-cloud-badge:before {
  height: 22px;
  left: -6px;
  top: 6px;
  width: 22px;
}

.salesforce-agentforce-cloud-badge:after {
  height: 18px;
  right: -4px;
  top: 8px;
  width: 18px;
}

.salesforce-agentforce-dashboard__hero,
.salesforce-agentforce-dashboard__stats article,
.salesforce-agentforce-dashboard__performance,
.salesforce-agentforce-dashboard__agents {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .96));
  border: 1px solid rgba(223, 228, 235, .92);
  border-radius: 22px;
  box-shadow: 0 14px 30px rgba(22, 65, 125, .04);
}

.salesforce-agentforce-dashboard__hero {
  padding: 18px;
}

.salesforce-agentforce-dashboard__hero > span,
.salesforce-agentforce-dashboard__stats span,
.salesforce-agentforce-dashboard__agents > span {
  color: rgba(22, 65, 125, .62);
  display: block;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.35;
}

.salesforce-agentforce-dashboard__headline {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

.salesforce-agentforce-dashboard__headline strong,
.salesforce-agentforce-dashboard__stats strong {
  color: var(--color-secondary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.salesforce-agentforce-dashboard__headline b,
.salesforce-agentforce-dashboard__stats small {
  align-items: center;
  color: #28b47b;
  display: inline-flex;
  font-size: .8rem;
  font-weight: 700;
  gap: 4px;
}

.salesforce-agentforce-dashboard__hero small {
  color: rgba(22, 65, 125, .5);
  display: block;
  font-size: .74rem;
  margin-top: 6px;
}

.salesforce-agentforce-dashboard__chart {
  display: block;
  height: 84px;
  margin-top: 10px;
  width: 100%;
}

.salesforce-agentforce-dashboard__stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-agentforce-dashboard__stats article {
  padding: 16px;
}

.salesforce-agentforce-dashboard__stats strong {
  font-size: 1.1rem;
  margin-top: 8px;
}

.salesforce-agentforce-dashboard__stats small {
  margin-top: 6px;
}

.salesforce-agentforce-dashboard__performance {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.salesforce-agentforce-progress-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 82px 1fr 40px;
}

.salesforce-agentforce-progress-row span,
.salesforce-agentforce-progress-row b {
  color: rgba(22, 65, 125, .76);
  font-size: .8rem;
  font-weight: 600;
}

.salesforce-agentforce-progress-row div {
  background: rgba(22, 65, 125, .08);
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.salesforce-agentforce-progress-row i {
  background: linear-gradient(90deg, #72d8bf, #4cbfa7);
  border-radius: inherit;
  display: block;
  height: 100%;
  width: var(--agentforce-progress);
}

.salesforce-agentforce-dashboard__agents {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.salesforce-agentforce-agent-list {
  display: flex;
}

.salesforce-agentforce-agent-list i {
  align-items: center;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0) 40%),
    linear-gradient(135deg, rgba(131, 231, 238, .28), rgba(134, 79, 254, .18));
  border: 2px solid rgba(255, 255, 255, .92);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(22, 65, 125, .08);
  color: var(--color-secondary);
  display: inline-flex;
  font-size: .72rem;
  font-style: normal;
  font-weight: 800;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.salesforce-agentforce-agent-list i + i {
  margin-left: -8px;
}

.salesforce-agentforce-agent-list i:last-child {
  background: rgba(134, 79, 254, .08);
}

.salesforce-agentforce-benefits {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 30px;
  box-shadow: 0 22px 54px rgba(22, 65, 125, .06);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
}

.salesforce-agentforce-benefit {
  display: grid;
  gap: 14px;
  grid-template-columns: auto 1fr;
  min-height: 100%;
  padding: 24px 22px;
  position: relative;
}

.salesforce-agentforce-benefit + .salesforce-agentforce-benefit:before {
  background: linear-gradient(180deg, rgba(134, 79, 254, .04), rgba(131, 231, 238, .22), rgba(134, 79, 254, .04));
  content: "";
  left: 0;
  position: absolute;
  top: 20px;
  bottom: 20px;
  width: 1px;
}

.salesforce-agentforce-benefit__icon {
  align-items: center;
  background: linear-gradient(135deg, rgba(194, 173, 255, .48), rgba(134, 79, 254, .16));
  border-radius: 18px;
  color: #6b4df4;
  display: inline-flex;
  flex: 0 0 auto;
  height: 62px;
  justify-content: center;
  width: 62px;
}

.salesforce-agentforce-benefit__icon-blue {
  background: linear-gradient(135deg, rgba(176, 218, 255, .58), rgba(58, 169, 255, .18));
  color: #2579df;
}

.salesforce-agentforce-benefit__icon-green {
  background: linear-gradient(135deg, rgba(195, 246, 224, .82), rgba(96, 207, 156, .22));
  color: #24a068;
}

.salesforce-agentforce-benefit__icon-orange {
  background: linear-gradient(135deg, rgba(255, 222, 193, .88), rgba(255, 154, 77, .24));
  color: #f48b3a;
}

.salesforce-agentforce-benefit__icon-purple {
  background: linear-gradient(135deg, rgba(209, 198, 255, .82), rgba(134, 79, 254, .22));
  color: #6b4df4;
}

.salesforce-agentforce-benefit strong {
  color: var(--color-secondary);
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.salesforce-agentforce-benefit p {
  color: rgba(22, 65, 125, .7);
  font-size: .92rem;
  line-height: 1.6;
  margin-top: 6px;
}

.salesforce-industries-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-why-showcase {
  background:
    linear-gradient(138deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 58%, rgba(240, 227, 255, .76) 100%),
    linear-gradient(232deg, rgba(134, 79, 254, .58), rgba(255, 255, 255, 0) 34%);
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 30px;
  box-shadow: 0 26px 82px rgba(22, 65, 125, .1);
  min-height: 820px;
  overflow: hidden;
  padding: clamp(34px, 5vw, 76px) clamp(22px, 4.6vw, 72px) 0;
  position: relative;
}

.salesforce-why-showcase:before {
  background:
    linear-gradient(118deg, rgba(134, 79, 254, 0) 54%, rgba(134, 79, 254, .26) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, 0));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.salesforce-why-showcase > * {
  position: relative;
  z-index: 1;
}

.salesforce-why-showcase__head {
  max-width: 590px;
}

.salesforce-why-showcase__head .badge {
  display: none;
}

.salesforce-why-showcase__head h2 {
  color: var(--color-secondary);
  /* font-size: clamp(2.65rem, 4.45vw, 4.65rem); */
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.08;
  text-wrap: balance;
}

.salesforce-why-showcase__head h2 span {
  color: var(--color-primary-500);
}

.salesforce-why-showcase__head p {
  color: rgba(22, 65, 125, .68);
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  font-weight: 500;
  line-height: 1.55;
  margin-top: 22px;
  max-width: 520px;
}

.salesforce-why-showcase__cta {
  margin-top: 30px;
}

.salesforce-why-showcase__cta svg {
  flex: 0 0 auto;
}

.salesforce-why-layout {
  align-items: end;
  display: grid;
  gap: clamp(14px, 1.45vw, 24px);
  grid-template-columns: minmax(250px, 290px) minmax(560px, 1fr) minmax(250px, 290px);
  margin-top: 36px;
}

.salesforce-why-list {
  display: grid;
  margin-bottom: clamp(56px, 7vw, 110px);
}

.salesforce-why-list-left {
  padding-left: 8px;
}

.salesforce-why-list-right {
  padding-right: 8px;
}

.salesforce-why-list .salesforce-why-card + .salesforce-why-card {
  border-top: 1px solid rgba(22, 65, 125, .13);
}

.salesforce-why-card,
.salesforce-process-card,
.salesforce-resource-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 250, 255, .95));
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 30px;
  box-shadow: 0 20px 44px rgba(22, 65, 125, .06);
}

.salesforce-why-card {
  align-items: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr;
  padding: 18px 0 26px;
}

.salesforce-why-card h3,
.salesforce-process-card h3,
.salesforce-resource-card h3 {
  color: var(--color-secondary);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.34;
}

.salesforce-why-card p,
.salesforce-resource-card p,
.salesforce-industry-card p {
  color: rgba(22, 65, 125, .62);
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 6px;
}

.salesforce-why-card .startbit-icon {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(223, 228, 235, .86);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .08);
  color: var(--color-primary-500);
  height: 58px;
  width: 58px;
}

.salesforce-why-device-wrap {
  align-self: end;
  min-height: 540px;
  position: relative;
}

.salesforce-why-device {
  bottom: -6px;
  left: 50%;
  max-width: none;
  position: absolute;
  transform: translateX(-48%);
  width: min(176%, 1120px);
}

.salesforce-why-laptop-image {
  display: block;
  filter: drop-shadow(0 34px 46px rgba(7, 9, 15, .16));
  height: auto;
  margin-inline: 0;
  max-width: none;
  position: relative;
  width: 100%;
  z-index: 2;
}

.salesforce-why-device__screen {
  background: #11131a;
  border-radius: 20px 20px 10px 10px;
  box-shadow: 0 28px 54px rgba(7, 9, 15, .24);
  margin-inline: auto;
  padding: 12px 12px 14px;
  position: relative;
  width: min(100%, 620px);
  z-index: 2;
}

.salesforce-why-device__screen:before {
  background: #07090f;
  border-radius: 18px 18px 8px 8px;
  content: "";
  inset: 0;
  position: absolute;
}

.salesforce-dashboard {
  background: #f7fbff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(22, 65, 125, .08);
  min-height: 330px;
  overflow: hidden;
  padding: 16px;
  position: relative;
  z-index: 1;
}

.salesforce-dashboard__bar,
.salesforce-dashboard__tabs,
.salesforce-dashboard__stats,
.salesforce-dashboard__main,
.salesforce-dashboard__bottom {
  display: grid;
  gap: 10px;
}

.salesforce-dashboard__bar {
  align-items: center;
  grid-template-columns: 1fr 24px 24px 24px;
  margin-bottom: 12px;
}

.salesforce-dashboard__bar span {
  color: #16417d;
  font-size: .75rem;
  font-weight: 800;
}

.salesforce-dashboard__bar i {
  background: rgba(22, 65, 125, .1);
  border-radius: 999px;
  height: 8px;
}

.salesforce-dashboard__tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.salesforce-dashboard__tabs span {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .86);
  border-radius: 999px;
  color: rgba(22, 65, 125, .62);
  font-size: .58rem;
  font-weight: 800;
  padding: 7px 4px;
  text-align: center;
}

.salesforce-dashboard__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.salesforce-dashboard__stats strong {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .78);
  border-radius: 8px;
  color: rgba(22, 65, 125, .58);
  display: grid;
  font-size: .58rem;
  gap: 4px;
  line-height: 1.2;
  min-height: 58px;
  padding: 9px;
}

.salesforce-dashboard__stats b {
  color: #16417d;
  font-size: 1rem;
}

.salesforce-dashboard__main {
  grid-template-columns: .9fr 1.1fr .9fr;
}

.salesforce-dashboard__list,
.salesforce-dashboard__chart,
.salesforce-dashboard__cards,
.salesforce-dashboard__bottom span {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .78);
  border-radius: 10px;
}

.salesforce-dashboard__list,
.salesforce-dashboard__cards {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.salesforce-dashboard__list span,
.salesforce-dashboard__cards span {
  background: linear-gradient(90deg, rgba(31, 119, 255, .18), rgba(134, 79, 254, .08));
  border-radius: 999px;
  height: 12px;
}

.salesforce-dashboard__chart {
  align-items: end;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 130px;
  padding: 18px;
}

.salesforce-dashboard__chart i {
  background: linear-gradient(180deg, #864ffe, #1f77ff);
  border-radius: 999px 999px 6px 6px;
  width: 24px;
}

.salesforce-dashboard__chart i:nth-child(1) { height: 44px; }
.salesforce-dashboard__chart i:nth-child(2) { height: 72px; }
.salesforce-dashboard__chart i:nth-child(3) { height: 54px; }
.salesforce-dashboard__chart i:nth-child(4) { height: 92px; }

.salesforce-dashboard__bottom {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.salesforce-dashboard__bottom span {
  min-height: 66px;
}

.salesforce-why-device__base {
  background: linear-gradient(180deg, #b8bec8, #747984);
  border-radius: 0 0 38px 38px;
  box-shadow: 0 28px 42px rgba(7, 9, 15, .18);
  height: 72px;
  margin: -4px auto 0;
  position: relative;
  transform: perspective(420px) rotateX(62deg);
  transform-origin: top center;
  width: min(108%, 700px);
  z-index: 1;
}

.salesforce-why-device__hand {
  background: linear-gradient(135deg, #f1b68b, #c98461 72%);
  border-radius: 42% 58% 28% 72% / 42% 44% 56% 58%;
  bottom: -14px;
  box-shadow: -16px 12px 34px rgba(88, 48, 28, .14);
  height: 104px;
  position: absolute;
  right: 4%;
  transform: rotate(-11deg);
  width: 220px;
  z-index: 3;
}

.salesforce-why-device__hand:after {
  background: linear-gradient(135deg, #101624, #26314f);
  border-radius: 34px 0 0 44px;
  content: "";
  height: 76px;
  position: absolute;
  right: -78px;
  top: 42px;
  transform: rotate(7deg);
  width: 120px;
}

.salesforce-process-grid {
  align-items: stretch;
  display: grid;
  gap: clamp(18px, 2vw, 24px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-process-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  padding: clamp(24px, 2.4vw, 34px);
  position: relative;
}

.salesforce-process-card::before {
  background: linear-gradient(90deg, var(--color-ns-green), var(--color-primary-500));
  content: "";
  height: 3px;
  left: 24px;
  opacity: .9;
  position: absolute;
  right: 24px;
  top: 0;
}

.salesforce-process-card > span {
  align-items: center;
  background: var(--color-secondary);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: .82rem;
  font-weight: 800;
  height: 42px;
  justify-content: center;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
  width: 42px;
}

.salesforce-process-card h3 {
  margin: 0;
  position: relative;
  z-index: 1;
}

.salesforce-process-card ul {
  display: grid;
  flex: 1;
  gap: 10px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.salesforce-process-card li {
  color: rgba(22, 65, 125, .72);
  font-size: .92rem;
  line-height: 1.6;
  /* padding-left: 18px; */
  position: relative;
}

/* .salesforce-process-card li:before {
  background: #2b84f3;
  border-radius: 999px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: .58rem;
  width: 7px;
} */

.salesforce-practice-panel {
  background:
    radial-gradient(circle at 50% -8%, rgba(134, 79, 254, .18), transparent 34%),
    radial-gradient(circle at 12% 18%, rgba(131, 231, 238, .14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
  border: 1px solid rgba(223, 228, 235, .92);
  border-radius: 34px;
  box-shadow: 0 26px 70px rgba(22, 65, 125, .08);
  overflow: hidden;
  padding: clamp(24px, 3vw, 38px);
}

.salesforce-practice-head {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  margin-bottom: 24px;
  text-align: center;
}

.salesforce-practice-head h3 {
  color: var(--color-secondary);
  font-size: clamp(1.8rem, 2.4vw, 2.65rem);
  font-weight: 700;
  line-height: 1.14;
  max-width: 720px;
  margin: 0 auto;
  text-wrap: balance;
}

.salesforce-practice-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.salesforce-practice-card {
  background: linear-gradient(145deg, #7c31f6, #16417d);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 22px;
  box-shadow: 0 20px 42px rgba(22, 65, 125, .16);
  color: #fff;
  min-height: 188px;
  padding: 22px;
}

.salesforce-practice-card:nth-child(even) {
  background: linear-gradient(145deg, #16417d, #0caed0);
}

.salesforce-practice-card span {
  align-items: center;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  display: inline-flex;
  font-size: .82rem;
  font-weight: 800;
  height: 34px;
  justify-content: center;
  margin-bottom: 18px;
  width: 34px;
}

.salesforce-practice-card strong {
  color: #fff;
  display: block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.28;
}

.salesforce-practice-card p {
  color: rgba(255, 255, 255, .76);
  font-size: .86rem;
  line-height: 1.55;
  margin-top: 9px;
}

.salesforce-blogs-grid {
  align-items: stretch;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  margin-inline: auto;
  max-width: 1160px;
}

.salesforce-blogs-head h2 {
  color: var(--color-secondary);
  text-wrap: balance;
}

.salesforce-blogs-head p {
  color: rgba(22, 65, 125, .68);
}

.salesforce-blog-card {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 26px;
  box-shadow: 0 22px 52px rgba(22, 65, 125, .07);
  color: inherit;
  display: grid;
  grid-template-columns: minmax(180px, 42%) 1fr;
  min-height: 172px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.salesforce-blog-card::before {
  background: linear-gradient(90deg, var(--color-ns-green), var(--color-primary-500));
  content: "";
  height: 3px;
  left: 18px;
  opacity: .9;
  position: absolute;
  right: 18px;
  top: 0;
  z-index: 2;
}

.salesforce-blog-card:hover {
  border-color: rgba(134, 79, 254, .24);
  box-shadow: 0 30px 68px rgba(22, 65, 125, .12);
  transform: translateY(-4px);
}

.salesforce-blog-card-featured {
  grid-row: span 3;
  grid-template-columns: 1fr;
  min-height: 100%;
}

.salesforce-blog-card-featured::before {
  left: 24px;
  right: 24px;
}

.salesforce-blog-card__media {
  background:
    radial-gradient(circle at 78% 12%, rgba(134, 79, 254, .16), transparent 34%),
    linear-gradient(135deg, rgba(131, 231, 238, .18), rgba(255, 255, 255, .72));
  min-height: 100%;
  overflow: hidden;
}

.salesforce-blog-card-featured .salesforce-blog-card__media {
  min-height: 285px;
}

.salesforce-blog-card__media img {
  display: block;
  height: 100%;
  min-height: 172px;
  object-fit: cover;
  transition: transform .35s ease;
  width: 100%;
}

.salesforce-blog-card:hover .salesforce-blog-card__media img {
  transform: scale(1.035);
}

.salesforce-blog-card__body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px;
}

.salesforce-blog-meta {
  align-items: center;
  color: rgba(22, 65, 125, .48);
  display: flex;
  flex-wrap: wrap;
  font-size: .74rem;
  font-weight: 800;
  gap: 8px 14px;
  letter-spacing: .04em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.salesforce-blog-meta span:first-child {
  color: var(--color-primary-500);
}

.salesforce-blog-card h3 {
  color: var(--color-secondary);
  font-size: clamp(1.08rem, 1.35vw, 1.28rem);
  font-weight: 800;
  line-height: 1.28;
}

.salesforce-blog-card p {
  color: rgba(22, 65, 125, .62);
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.62;
  margin-top: 10px;
  padding-bottom: 18px;
}

.salesforce-blog-link {
  align-items: center;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(22, 65, 125, .14);
  border-radius: 999px;
  color: var(--color-secondary);
  display: inline-flex;
  font-size: .78rem;
  font-weight: 800;
  gap: 8px;
  margin-top: auto;
  padding: 9px 14px;
  transition: background .24s ease, border-color .24s ease, color .24s ease;
  width: fit-content;
}

.salesforce-blog-card:hover .salesforce-blog-link {
  background: rgba(134, 79, 254, .08);
  border-color: rgba(134, 79, 254, .2);
  color: var(--color-primary-500);
}

.salesforce-blog-link::after {
  content: "->";
  color: var(--color-primary-500);
  font-size: .9rem;
  line-height: 1;
  transition: transform .25s ease;
}

.salesforce-blog-card:hover .salesforce-blog-link::after {
  transform: translateX(3px);
}

.salesforce-ai-insights-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(131, 231, 238, .14), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(134, 79, 254, .12), transparent 25%),
    linear-gradient(180deg, #fbfdff 0%, #f5fbff 54%, #ffffff 100%);
}

.salesforce-ai-insights-shell {
  display: grid;
  gap: clamp(34px, 4vw, 56px);
}

.salesforce-ai-insights-head {
  margin-inline: auto;
  max-width: 880px;
  text-align: center;
}

.salesforce-ai-insights-head h2 {
  color: var(--color-secondary);
  /* font-size: clamp(2.5rem, 5vw, 5.15rem); */
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.06;
  margin-top: 16px;
  text-wrap: balance;
}

.salesforce-ai-insights-head h2 span {
  color: var(--color-primary-500);
  display: block;
  font-weight: 500;
}

.salesforce-ai-insights-head p {
  color: rgba(22, 65, 125, .64);
  font-size: clamp(.98rem, 1.16vw, 1.12rem);
  line-height: 1.7;
  margin: 18px auto 0;
  max-width: 760px;
}

.salesforce-ai-insights-grid {
  align-items: flex-start;
  display: flex;
  gap: clamp(22px, 2.4vw, 30px);
  justify-content: center;
  overflow: hidden;
}

.salesforce-ai-insight-card {
  color: inherit;
  display: block;
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  text-decoration: none;
  transition: flex-basis .8s ease-in-out, flex-grow .8s ease-in-out, width .8s ease-in-out;
  width: 100%;
}

@media (min-width: 768px) {
  .salesforce-ai-insight-card {
    flex: 0 0 318px;
    width: 318px;
  }

  .salesforce-ai-insights-grid:not(:has(.salesforce-ai-insight-card:hover)) .salesforce-ai-insight-card.is-active,
  .salesforce-ai-insight-card:hover {
    flex-basis: 590px;
    width: 590px;
  }
}

.salesforce-ai-insight-card__media {
  background: linear-gradient(135deg, rgba(131, 231, 238, .18), rgba(134, 79, 254, .1));
  border: 1px solid rgba(223, 228, 235, .86);
  border-radius: 12px;
  box-shadow: 0 24px 58px rgba(22, 65, 125, .09);
  height: 380px;
  overflow: hidden;
  width: 100%;
}

.salesforce-ai-insight-card__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease-in-out;
  width: 100%;
}

.salesforce-ai-insight-card:hover .salesforce-ai-insight-card__media img {
  transform: scale(1.05) rotate(2deg);
}

.salesforce-ai-insight-card__body {
  padding: 16px 10px 0;
}

.salesforce-ai-insight-card__body p {
  color: rgba(22, 65, 125, .56);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 14px;
}

.salesforce-ai-insight-card__body div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.salesforce-ai-insight-card__body span {
  background: rgba(134, 79, 254, .08);
  border: 1px solid rgba(134, 79, 254, .1);
  border-radius: 999px;
  color: rgba(22, 65, 125, .62);
  display: inline-flex;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 6px 11px;
  text-transform: uppercase;
}

.salesforce-ai-insight-card__body h3 {
  color: var(--color-secondary);
  font-size: clamp(1.24rem, 1.55vw, 1.55rem);
  font-weight: 700;
  line-height: 1.24;
  text-wrap: balance;
}

@media (max-width: 991px) {
  .salesforce-ai-insights-grid {
    display: grid;
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .salesforce-ai-insight-card {
    flex: none;
    width: 100%;
  }

  .salesforce-ai-insight-card__media {
    height: auto;
    aspect-ratio: 1 / .78;
  }
}

.salesforce-faq-list {
  display: grid;
  gap: 16px;
}

.salesforce-faq-list > * {
  margin-block: 0 !important;
}

.salesforce-faq-list .accordion-item {
  background:
    linear-gradient(135deg, rgba(131, 231, 238, .2), rgba(255, 255, 255, .94) 46%, rgba(134, 79, 254, .12));
  border: 1px solid rgba(223, 228, 235, .95);
  overflow: hidden;
  position: relative;
  box-shadow: 0 16px 38px rgba(22, 65, 125, .05);
}

.salesforce-faq-list .accordion-action {
  align-items: flex-start;
  gap: 20px;
  min-height: 96px;
  padding-bottom: 28px !important;
  padding-top: 28px !important;
}

.salesforce-faq-list .accordion-item[data-state="true"] .accordion-action {
  min-height: 82px;
  padding-bottom: 16px !important;
}

.salesforce-faq-list .accordion-arrow {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 252, 255, .9)) padding-box,
    linear-gradient(135deg, rgba(131, 231, 238, .62), rgba(134, 79, 254, .42)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .08);
  color: var(--color-secondary);
  flex: 0 0 44px;
  height: 44px;
  margin-left: 0;
  transition: background .28s ease, box-shadow .28s ease, color .28s ease, transform .28s ease;
  width: 44px;
}

.salesforce-faq-list .accordion-arrow[data-state="true"] {
  background:
    linear-gradient(135deg, #16417d, #1466d8) padding-box,
    linear-gradient(135deg, rgba(131, 231, 238, .7), rgba(134, 79, 254, .58)) border-box;
  box-shadow: 0 16px 34px rgba(22, 65, 125, .18);
  color: #fff;
}

.salesforce-faq-list .accordion-arrow svg {
  display: block;
  transform-origin: center;
}

.salesforce-faq-list .accordion-content {
  overflow: hidden;
}

.salesforce-faq-list .accordion-content p {
  padding-bottom: 28px;
}

.salesforce-industry-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(243, 249, 255, .96));
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 30px;
  box-shadow: 0 20px 40px rgba(22, 65, 125, .06);
  display: grid;
  gap: 16px;
  min-height: 100%;
  padding: 24px;
}

.salesforce-industry-card > .badge {
  align-items: center;
  display: inline-flex;
  justify-self: start;
  max-width: 100%;
  min-height: auto;
  padding: 6px 20px;
  width: fit-content;
  height: fit-content;
}

.salesforce-industries-grid-expanded {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.salesforce-industry-card-alt {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 244, 255, .94));
}

.salesforce-industry-card-cyan {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(237, 253, 255, .94));
}

.salesforce-industry-card-purple {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 241, 255, .96));
}

.salesforce-industry-card-featured {
  background:
    radial-gradient(circle at 86% 0%, rgba(131, 231, 238, .18), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 247, 255, .96));
  grid-column: span 3;
}

.salesforce-industry-capabilities {
  border-top: 1px solid rgba(22, 65, 125, .08);
  margin-top: 4px;
  padding-top: 16px;
}

.salesforce-industry-capabilities > strong {
  color: var(--color-secondary);
  display: block;
  font-size: .9rem;
  font-weight: 800;
  margin-bottom: 12px;
}

.salesforce-manufacturing-shell {
  background:
    radial-gradient(circle at 50% 38%, rgba(134, 79, 254, .1), transparent 30%),
    radial-gradient(circle at 50% 18%, rgba(131, 231, 238, .18), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 251, 255, .98) 100%);
  border: 1px solid rgba(223, 228, 235, .96);
  border-radius: 30px;
  box-shadow: 0 32px 80px rgba(22, 65, 125, .1);
  overflow: hidden;
  padding: clamp(32px, 4.2vw, 58px) clamp(18px, 4vw, 58px) clamp(22px, 2.4vw, 28px);
  position: relative;
}

.salesforce-manufacturing-shell::before {
  background:
    linear-gradient(rgba(22, 65, 125, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 65, 125, .03) 1px, transparent 1px);
  background-size: 78px 78px;
  content: "";
  inset: 0;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 68%);
  opacity: .42;
  pointer-events: none;
  position: absolute;
}

.salesforce-manufacturing-head {
  margin-inline: auto;
  max-width: 880px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.salesforce-manufacturing-head h2 {
  color: var(--color-secondary);
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  font-weight: 700;
  line-height: 1.12;
  margin: 18px 0 12px;
  text-wrap: balance;
}

.salesforce-manufacturing-head h2 span {
  color: var(--color-primary-500);
}

.salesforce-manufacturing-head h3 {
  color: rgba(22, 65, 125, .72);
  font-size: clamp(1.05rem, 1.8vw, 1.58rem);
  font-weight: 700;
  line-height: 1.36;
}

.salesforce-manufacturing-head p {
  color: rgba(22, 65, 125, .64);
  font-size: 1rem;
  line-height: 1.7;
  margin: 16px auto 0;
  max-width: 720px;
}

.salesforce-manufacturing-layout {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: 280px minmax(0, 1fr) 280px;
  margin-top: clamp(32px, 4vw, 44px);
  position: relative;
  z-index: 1;
}

.salesforce-manufacturing-side-stack {
  display: grid;
  gap: 24px;
}

.salesforce-manufacturing-mini-card,
.salesforce-manufacturing-use-card,
.salesforce-manufacturing-metrics {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 228, 235, .96);
  box-shadow: 0 18px 42px rgba(22, 65, 125, .08);
}

.salesforce-manufacturing-mini-card {
  border-radius: 18px;
  min-height: 232px;
  padding: 22px;
}

.salesforce-manufacturing-mini-card-head {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: 50px 1fr;
}

.salesforce-manufacturing-mini-icon,
.salesforce-manufacturing-use-icon,
.salesforce-manufacturing-orbit-chip,
.salesforce-manufacturing-salesforce-badge {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.salesforce-manufacturing-mini-icon {
  background: linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));
  box-shadow: 0 14px 30px rgba(124, 49, 246, .22);
  color: #fff;
  height: 50px;
  width: 50px;
}

.salesforce-manufacturing-mini-card h4,
.salesforce-manufacturing-use-card h4 {
  color: var(--color-secondary);
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.32;
}

.salesforce-manufacturing-line {
  background: linear-gradient(90deg, var(--color-primary-500), rgba(134, 79, 254, .14));
  border-radius: 999px;
  display: block;
  height: 3px;
  margin: 16px 0 18px 64px;
  width: 46px;
}

.salesforce-manufacturing-list {
  display: grid;
  gap: 10px;
}

.salesforce-manufacturing-list li {
  color: rgba(22, 65, 125, .78);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
}

.salesforce-manufacturing-list li::before {
  background: linear-gradient(135deg, var(--color-primary-500), var(--color-ns-green));
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(134, 79, 254, .12);
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: .58rem;
  width: 6px;
}

.salesforce-manufacturing-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.salesforce-manufacturing-circle {
  align-items: center;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  max-width: 470px;
  position: relative;
  width: min(100%, 470px);
}

.salesforce-manufacturing-ring {
  border: 1.5px dashed rgba(134, 79, 254, .18);
  border-radius: 50%;
  inset: 22px;
  position: absolute;
}

.salesforce-manufacturing-ring::before,
.salesforce-manufacturing-ring::after {
  border: 1px solid rgba(131, 231, 238, .25);
  border-radius: inherit;
  content: "";
  inset: 36px;
  position: absolute;
}

.salesforce-manufacturing-ring::after {
  border-color: rgba(22, 65, 125, .1);
  inset: 76px;
}

.salesforce-manufacturing-salesforce-badge {
  background: #fff;
  border: 10px solid #fff;
  box-shadow: 0 16px 36px rgba(22, 65, 125, .12);
  height: 92px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: -4%;
  transform: translateX(-50%);
  width: 92px;
  z-index: 3;
}

.salesforce-manufacturing-salesforce-badge img {
  height: 66px;
  object-fit: contain;
  width: 72px;
}

.salesforce-manufacturing-orbit-chip {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(223, 228, 235, .96);
  box-shadow: 0 14px 30px rgba(22, 65, 125, .1);
  color: var(--color-primary-500);
  height: 54px;
  position: absolute;
  width: 54px;
  z-index: 3;
}

.salesforce-manufacturing-orbit-chip.top-left {
  left: 18px;
  top: 132px;
}

.salesforce-manufacturing-orbit-chip.left-bottom {
  bottom: 86px;
  left: 8px;
}

.salesforce-manufacturing-orbit-chip.top-right {
  right: 18px;
  top: 132px;
}

.salesforce-manufacturing-orbit-chip.right-bottom {
  bottom: 86px;
  right: 10px;
}

.salesforce-manufacturing-photo {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  box-shadow: 0 26px 54px rgba(22, 65, 125, .16);
  overflow: hidden;
  position: relative;
  width: calc(100% - 88px);
  z-index: 2;
}

.salesforce-manufacturing-photo::after {
  background: linear-gradient(180deg, rgba(22, 65, 125, .05), rgba(134, 79, 254, .12));
  content: "";
  inset: 0;
  position: absolute;
}

.salesforce-manufacturing-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.salesforce-manufacturing-metrics {
  border-radius: 18px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 18px 20px;
  width: min(100%, 420px);
}

.salesforce-manufacturing-metric {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 24px 1fr;
}

.salesforce-manufacturing-metric svg {
  color: var(--color-primary-500);
}

.salesforce-manufacturing-metric strong {
  color: var(--color-primary-500);
  display: block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.15;
}

.salesforce-manufacturing-metric span {
  color: rgba(22, 65, 125, .62);
  display: block;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 3px;
}

.salesforce-manufacturing-usecases {
  margin-top: 42px;
  position: relative;
  z-index: 1;
}

.salesforce-manufacturing-usecases-title {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-bottom: 18px;
}

.salesforce-manufacturing-usecases-title::before,
.salesforce-manufacturing-usecases-title::after {
  background: linear-gradient(90deg, rgba(134, 79, 254, .16), var(--color-primary-500), rgba(131, 231, 238, .26));
  border-radius: 999px;
  content: "";
  height: 2px;
  width: 92px;
}

.salesforce-manufacturing-usecases-title h3 {
  color: var(--color-secondary);
  font-size: clamp(1.3rem, 1.8vw, 1.85rem);
  font-weight: 800;
  line-height: 1.2;
}

.salesforce-manufacturing-usecases-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.salesforce-manufacturing-use-card {
  align-items: start;
  border-radius: 18px;
  display: grid;
  gap: 16px;
  grid-template-columns: 56px 1fr;
  min-height: 144px;
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.salesforce-manufacturing-use-card::after {
  background:
    linear-gradient(180deg, rgba(134, 79, 254, 0), rgba(134, 79, 254, .08)),
    radial-gradient(circle at 12px 44px, rgba(134, 79, 254, .2) 0 4px, transparent 5px),
    linear-gradient(90deg, rgba(134, 79, 254, .12) 0 18px, transparent 18px 24px, rgba(131, 231, 238, .12) 24px 40px, transparent 40px 48px, rgba(134, 79, 254, .1) 48px 64px, transparent 64px);
  bottom: 0;
  content: "";
  height: 64px;
  left: 10px;
  opacity: .8;
  position: absolute;
  width: 88px;
}

.salesforce-manufacturing-use-icon {
  background: linear-gradient(135deg, rgba(134, 79, 254, .12), rgba(131, 231, 238, .12));
  border: 1px solid rgba(134, 79, 254, .16);
  color: var(--color-primary-500);
  height: 56px;
  position: relative;
  width: 56px;
  z-index: 1;
}

.salesforce-manufacturing-use-card > div {
  position: relative;
  z-index: 1;
}

.salesforce-capability-head {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: clamp(34px, 5vw, 64px);
}

.salesforce-capability-head > div {
  max-width: 720px;
}

.salesforce-capability-head h2 {
  color: var(--color-secondary);
  /* font-size: clamp(2.4rem, 4.2vw, 4.8rem); */
  font-weight: 600;
  line-height: 1.08;
  text-wrap: balance;
}

.salesforce-capability-head h2 span {
  color: var(--color-primary-500);
}

.salesforce-capability-head p {
  color: rgba(22, 65, 125, .66);
  font-size: clamp(.98rem, 1.2vw, 1.12rem);
  line-height: 1.62;
  max-width: 600px;
}

.salesforce-capability-head .btn {
  flex: 0 0 auto;
}

.salesforce-capability-grid {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.84fr);
}

.salesforce-capability-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(134, 79, 254, .09), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 252, 255, .95));
  border: 1px solid rgba(205, 221, 244, .92);
  border-radius: 28px;
  box-shadow: 0 22px 58px rgba(22, 65, 125, .08);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: clamp(20px, 2.2vw, 30px);
  position: relative;
}

.salesforce-capability-card::before {
  background: linear-gradient(90deg, rgba(134, 79, 254, 0), #864ffe 24%, #864ffe 76%, rgba(134, 79, 254, 0));
  content: "";
  height: 2px;
  left: 34%;
  opacity: .95;
  position: absolute;
  right: 12%;
  top: 0;
}

.salesforce-capability-card-large {
  min-height: 0;
}

.salesforce-capability-right {
  display: grid;
  gap: 18px;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}

.salesforce-capability-top-row,
.salesforce-capability-bottom-row {
  align-items: stretch;
  display: grid;
  gap: 18px;
}

.salesforce-capability-top-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.salesforce-capability-bottom-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-capability-copy {
  position: relative;
  z-index: 2;
}

.salesforce-capability-icon {
  align-items: center;
  background: linear-gradient(135deg, rgba(131, 231, 238, .18), rgba(134, 79, 254, .1));
  border: 1px solid rgba(133, 160, 255, .2);
  border-radius: 18px;
  color: var(--color-secondary);
  display: inline-flex;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 10px 28px rgba(22, 65, 125, .06);
  height: 50px;
  justify-content: center;
  margin-bottom: 18px;
  width: 50px;
}

.salesforce-capability-icon-purple {
  background: linear-gradient(135deg, rgba(212, 197, 255, .72), rgba(134, 79, 254, .12));
  color: var(--color-primary-500);
}

.salesforce-capability-icon-cyan {
  background: linear-gradient(135deg, rgba(200, 245, 240, .88), rgba(40, 201, 196, .12));
  color: #10a9a0;
}

.salesforce-capability-icon-blue {
  background: linear-gradient(135deg, rgba(223, 235, 255, .9), rgba(31, 143, 255, .08));
  color: #3467d8;
}

.salesforce-capability-icon-dark {
  background: linear-gradient(135deg, rgba(232, 219, 255, .9), rgba(134, 79, 254, .12));
  color: var(--color-primary-500);
}

.salesforce-capability-card h3 {
  color: var(--color-secondary);
  font-size: clamp(1.1rem, 1.45vw, 1.55rem);
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1.14;
}

.salesforce-capability-card p {
  color: rgba(22, 65, 125, .62);
  font-size: .95rem;
  line-height: 1.52;
  margin-top: 12px;
  max-width: 470px;
}

.salesforce-capability-card-api {
  justify-content: flex-start;
}

.salesforce-capability-card-api .salesforce-capability-copy {
  max-width: 460px;
}

.salesforce-capability-integration-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(22px, 3vw, 28px);
  max-width: 500px;
}

.salesforce-capability-integration-list span {
  align-items: flex-start;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(249, 252, 255, .78)) padding-box,
    linear-gradient(135deg, rgba(221, 231, 255, .62), rgba(134, 79, 254, .2)) border-box;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(22, 65, 125, .05);
  display: grid;
  gap: 2px 10px;
  grid-template-columns: 30px 1fr;
  min-height: 105px;
  padding: 14px;
}

.salesforce-capability-integration-list strong {
  color: var(--color-secondary);
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.25;
}

.salesforce-capability-integration-list small {
  color: rgba(22, 65, 125, .58);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

.salesforce-capability-integration-list span > i {
  align-items: center;
  background: linear-gradient(135deg, rgba(239, 244, 255, .92), rgba(214, 226, 255, .72));
  border: 1px solid rgba(171, 188, 255, .24);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
  color: #5f55ef;
  display: inline-flex;
  grid-row: span 2;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.salesforce-capability-api-visual {
  align-items: flex-end;
  display: flex;
  flex: 1 1 auto;
  margin-top: 22px;
  min-height: 0;
  position: relative;
  width: 100%;
}

.salesforce-capability-api-dot-pattern {
  background-image: radial-gradient(rgba(154, 174, 255, .32) 1.4px, transparent 1.4px);
  background-size: 12px 12px;
  display: block;
  height: 104px;
  opacity: .75;
  position: absolute;
  right: 24px;
  top: -18px;
  width: 104px;
}

.salesforce-capability-orbit {
  align-self: center;
  left: 0;
  margin-top: 0;
  min-height: 340px;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}

.salesforce-capability-orbit-line {
  border: 2px dashed rgba(159, 179, 255, .46);
  border-radius: 999px;
  height: 208px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 208px;
}

.salesforce-capability-orbit-center {
  align-items: center;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .92), rgba(255, 255, 255, .72) 42%, rgba(219, 232, 255, .38) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 250, 255, .95));
  border: 1px solid rgba(215, 228, 246, .95);
  border-radius: 999px;
  box-shadow: 0 26px 54px rgba(22, 65, 125, .1);
  display: inline-flex;
  height: 126px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 126px;
  z-index: 2;
}

.salesforce-capability-orbit-node {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94));
  border: 1px solid rgba(214, 226, 248, .96);
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(22, 65, 125, .08);
  color: var(--color-primary-500);
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  height: 64px;
  justify-content: center;
  position: absolute;
  width: 64px;
  z-index: 3;
}

.salesforce-capability-orbit-node-top-left {
  color: var(--color-secondary);
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 132px));
}

.salesforce-capability-orbit-node-top-right {
  right: 50%;
  top: 50%;
  transform: translate(calc(50% + 132px), -50%);
}

.salesforce-capability-orbit-node-bottom-left {
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% - 132px), -50%);
}

.salesforce-capability-orbit-node-bottom-right {
  color: #6b4df4;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 132px));
}

.salesforce-capability-card-glow::after,
.salesforce-capability-card-audio::after {
  background:
    radial-gradient(circle at 78% 22%, rgba(134, 79, 254, .12), transparent 22%),
    radial-gradient(circle at 90% 34%, rgba(131, 231, 238, .18), transparent 26%);
  content: "";
  filter: blur(8px);
  inset: 0;
  opacity: .78;
  position: absolute;
}

.salesforce-capability-flow {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  margin-top: auto;
  padding-top: 26px;
  position: relative;
  z-index: 2;
}

.salesforce-capability-card-flow .salesforce-capability-flow {
  gap: 6px;
  grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr);
  padding-top: 18px;
}

.salesforce-capability-card-flow,
.salesforce-capability-card-glow,
.salesforce-capability-card-small {
  min-height: 368px;
}

.salesforce-capability-card-audio,
.salesforce-capability-card-wide {
  min-height: 226px;
}

.salesforce-capability-flow span {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 251, 255, .92)) padding-box,
    linear-gradient(135deg, rgba(131, 231, 238, .42), rgba(134, 79, 254, .26)) border-box;
  border: 1px solid transparent;
  border-radius: 16px;
  color: rgba(22, 65, 125, .74);
  display: flex;
  font-size: .8rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.25;
  min-height: 52px;
  padding: 10px;
  text-align: center;
}

.salesforce-capability-card-flow .salesforce-capability-flow span {
  font-size: .72rem;
  min-height: 48px;
  padding: 8px 6px;
}

.salesforce-capability-flow i {
  background: linear-gradient(90deg, rgba(22, 65, 125, .18), rgba(134, 79, 254, .5));
  border-radius: 999px;
  display: block;
  height: 2px;
  position: relative;
  width: 18px;
}

.salesforce-capability-card-flow .salesforce-capability-flow i {
  width: 12px;
}

.salesforce-capability-flow i::after {
  border-bottom: 2px solid rgba(134, 79, 254, .65);
  border-right: 2px solid rgba(134, 79, 254, .65);
  content: "";
  height: 8px;
  position: absolute;
  right: -1px;
  top: -3px;
  transform: rotate(-45deg);
  width: 8px;
}

.salesforce-capability-profile-stack {
  display: grid;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
  position: relative;
  z-index: 2;
}

.salesforce-capability-profile-stack article {
  align-items: center;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(223, 228, 235, .82);
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(22, 65, 125, .08);
  display: grid;
  gap: 12px;
  grid-template-columns: 42px 1fr;
  padding: 12px 14px;
}

.salesforce-capability-profile-stack b {
  align-items: center;
  background: linear-gradient(135deg, rgba(240, 230, 255, .95), rgba(134, 79, 254, .14));
  border-radius: 14px;
  color: var(--color-secondary);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 800;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.salesforce-capability-profile-stack strong,
.salesforce-capability-profile-stack span {
  display: block;
}

.salesforce-capability-profile-stack strong {
  color: var(--color-secondary);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
}

.salesforce-capability-profile-stack span {
  color: rgba(22, 65, 125, .58);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 3px;
}

.salesforce-capability-mini-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 250, 255, .92));
  border: 1px solid rgba(219, 228, 244, .92);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  margin-top: auto;
  padding: 14px 0 0;
  position: relative;
  z-index: 2;
}

.salesforce-capability-mini-panel__grid {
  display: grid;
  gap: 8px;
}

.salesforce-capability-mini-panel__grid span {
  align-items: center;
  background: rgba(248, 250, 255, .94);
  border-bottom: 1px solid rgba(219, 228, 244, .9);
  color: rgba(22, 65, 125, .7);
  display: flex;
  font-size: .74rem;
  font-weight: 700;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px 8px;
}

.salesforce-capability-mini-panel__grid span::before {
  color: #2557ff;
  content: "\2713";
  font-size: .86rem;
  line-height: 1;
}

.salesforce-capability-inline-link {
  align-items: center;
  color: #234cff;
  display: inline-flex;
  font-size: .94rem;
  font-weight: 700;
  gap: 8px;
  margin-top: 2px;
  padding: 0 0 6px 14px;
  text-decoration: none;
  width: fit-content;
}

.salesforce-capability-feed {
  align-items: end;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, .92fr) minmax(120px, .78fr);
  margin-top: auto;
  position: relative;
  z-index: 2;
}

.salesforce-capability-feed__meta {
  display: grid;
  gap: 12px;
}

.salesforce-capability-feed__chart {
  align-items: end;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  min-height: 110px;
  padding: 0 6px 2px;
  position: relative;
}

.salesforce-capability-feed__chart i {
  background: linear-gradient(180deg, rgba(134, 79, 254, .92), rgba(31, 143, 255, .78));
  border-radius: 8px 8px 0 0;
  height: 100%;
  width: 100%;
}

.salesforce-capability-feed__chart::after {
  background: rgba(177, 192, 229, .5);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.salesforce-capability-feed__chart i:nth-child(1) { max-height: 44px; }
.salesforce-capability-feed__chart i:nth-child(2) { max-height: 72px; }
.salesforce-capability-feed__chart i:nth-child(3) { max-height: 94px; }
.salesforce-capability-feed__chart i:nth-child(4) { max-height: 118px; }

.salesforce-capability-feed > span {
  align-items: center;
  display: flex;
  gap: 10px;
}

.salesforce-capability-feed > span i {
  background: linear-gradient(135deg, var(--color-ns-green), var(--color-primary-500));
  border-radius: 999px;
  height: 16px;
  width: 16px;
}

.salesforce-capability-feed > span b {
  background: rgba(22, 65, 125, .08);
  border-radius: 999px;
  display: block;
  height: 8px;
  width: min(180px, 100%);
}

.salesforce-capability-ai-stage {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: auto;
  padding-top: 10px;
  position: relative;
  z-index: 2;
}

.salesforce-capability-ai-actions {
  align-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.salesforce-capability-ai-actions span {
  align-items: center;
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(220, 229, 244, .95);
  border-radius: 14px;
  box-shadow: 0 12px 26px rgba(22, 65, 125, .06);
  color: var(--color-primary-500);
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.salesforce-capability-robot {
  justify-self: end;
  position: relative;
  width: 144px;
}

.salesforce-capability-robot::before {
  background: radial-gradient(circle, rgba(134, 79, 254, .1), transparent 68%);
  content: "";
  height: 170px;
  position: absolute;
  right: -4px;
  top: -26px;
  width: 170px;
}

.salesforce-capability-robot-antenna {
  background: linear-gradient(180deg, #6f92f8, #9fb7ff);
  border-radius: 999px;
  display: block;
  height: 30px;
  left: 50%;
  position: absolute;
  top: -10px;
  transform: translateX(-50%);
  width: 4px;
}

.salesforce-capability-robot-antenna::before {
  background: linear-gradient(135deg, #6f92f8, #7cbcff);
  border-radius: 999px;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: -5px;
  transform: translateX(-50%);
  width: 10px;
}

.salesforce-capability-robot-head {
  align-items: center;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #2f69c9, #17366d);
  border-radius: 30px;
  box-shadow: inset 0 -8px 18px rgba(4, 18, 48, .24), 0 18px 34px rgba(22, 65, 125, .12);
  display: flex;
  height: 78px;
  justify-content: center;
  margin: 12px auto 0;
  position: relative;
  width: 98px;
}

.salesforce-capability-robot-head::before,
.salesforce-capability-robot-head::after {
  background: linear-gradient(180deg, #b8d2ff, #7da6f6);
  border-radius: 999px;
  content: "";
  height: 28px;
  position: absolute;
  top: 25px;
  width: 7px;
}

.salesforce-capability-robot-head::before { left: -11px; }
.salesforce-capability-robot-head::after { right: -11px; }

.salesforce-capability-robot-head i {
  background: radial-gradient(circle at 35% 35%, #74bbff, #243d79 72%);
  border-radius: 999px;
  box-shadow: inset 0 0 0 2px rgba(182, 210, 255, .2);
  display: block;
  height: 26px;
  width: 26px;
}

.salesforce-capability-robot-head i + i {
  margin-left: 10px;
}

.salesforce-capability-robot-body {
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, .9), rgba(255, 255, 255, .18) 34%),
    linear-gradient(180deg, #ffffff, #dbe8ff);
  border-radius: 38px 38px 50px 50px;
  box-shadow: inset 0 -10px 18px rgba(111, 146, 248, .1);
  display: block;
  height: 78px;
  margin: -10px auto 0;
  position: relative;
  width: 80px;
}

.salesforce-capability-robot-body::before,
.salesforce-capability-robot-body::after {
  background: linear-gradient(180deg, #bdd6ff, #82a8ef);
  border-radius: 999px;
  content: "";
  height: 40px;
  position: absolute;
  top: 26px;
  width: 10px;
}

.salesforce-capability-robot-body::before {
  left: -12px;
  transform: rotate(42deg);
}

.salesforce-capability-robot-body::after {
  right: -12px;
  transform: rotate(-42deg);
}

.salesforce-capability-benefits {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(205, 221, 244, .9);
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(22, 65, 125, .06);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
}

.salesforce-capability-benefit {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: auto 1fr;
  min-height: 100%;
  padding: 24px 28px;
  position: relative;
}

.salesforce-capability-benefit + .salesforce-capability-benefit::before {
  background: linear-gradient(180deg, rgba(134, 79, 254, .05), rgba(22, 65, 125, .12), rgba(134, 79, 254, .05));
  bottom: 24px;
  content: "";
  left: 0;
  position: absolute;
  top: 24px;
  width: 1px;
}

.salesforce-capability-benefit__icon {
  align-items: center;
  border-radius: 18px;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.salesforce-capability-benefit__icon-purple {
  background: linear-gradient(135deg, rgba(220, 208, 255, .9), rgba(134, 79, 254, .18));
  color: var(--color-primary-500);
}

.salesforce-capability-benefit__icon-blue {
  background: linear-gradient(135deg, rgba(226, 237, 255, .95), rgba(31, 143, 255, .14));
  color: #2557ff;
}

.salesforce-capability-benefit__icon-cyan {
  background: linear-gradient(135deg, rgba(222, 246, 255, .95), rgba(30, 193, 214, .18));
  color: #2a7fff;
}

.salesforce-capability-benefit strong {
  color: var(--color-secondary);
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.24;
}

.salesforce-capability-benefit p {
  color: rgba(22, 65, 125, .68);
  font-size: .92rem;
  line-height: 1.45;
  margin-top: 4px;
}

@media (min-width: 1024px) {
  .salesforce-solution-chip {
    min-width: 192px;
  }
}

@media (max-width: 991px) {
  .salesforce-page-hero-panel {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .salesforce-home-hero__panel,
  .salesforce-app-metrics,
  .salesforce-agentforce-benefits,
  .salesforce-industries-grid,
  .salesforce-process-grid,
  .salesforce-manufacturing-layout,
  .salesforce-manufacturing-usecases-grid,
  .salesforce-blogs-grid,
  .salesforce-ai-insights-grid,
  .salesforce-integration-card-grid {
    grid-template-columns: 1fr;
  }

  .salesforce-capability-grid {
    grid-template-columns: 1fr;
  }

  .salesforce-manufacturing-side-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .salesforce-manufacturing-center {
    order: -1;
  }

  .salesforce-capability-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .salesforce-capability-card,
  .salesforce-capability-card-large,
  .salesforce-capability-card-wide {
    grid-column: auto;
    grid-row: auto;
  }

  .salesforce-capability-card-large {
    min-height: 0;
  }

  .salesforce-capability-api-visual {
    /* min-height: 220px; */
  }

  .salesforce-capability-right,
  .salesforce-capability-top-row,
  .salesforce-capability-bottom-row,
  .salesforce-capability-feed {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .salesforce-capability-ai-stage,
  .salesforce-capability-benefits {
    grid-template-columns: 1fr;
  }

  .salesforce-capability-benefit + .salesforce-capability-benefit::before {
    height: 1px;
    left: 24px;
    right: 24px;
    top: 0;
    width: auto;
  }

  .salesforce-capability-card-flow,
  .salesforce-capability-card-glow,
  .salesforce-capability-card-small,
  .salesforce-capability-card-audio,
  .salesforce-capability-card-wide {
    min-height: 0;
  }

  .salesforce-why-showcase {
    min-height: 0;
  }

  .salesforce-why-layout {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .salesforce-why-list {
    margin-bottom: 0;
    padding: 0;
  }

  .salesforce-why-list-right {
    margin-top: 0;
  }

  .salesforce-why-device-wrap {
    min-height: 0;
    order: -1;
  }

  .salesforce-why-device {
    bottom: auto;
    left: auto;
    margin-inline: auto;
    position: relative;
    transform: none;
    width: min(118%, 660px);
  }

  .salesforce-why-laptop-image {
    width: 100%;
  }

  .salesforce-blog-card,
  .salesforce-blog-card-featured {
    grid-row: auto;
    grid-template-columns: 1fr;
  }

  .salesforce-integration-card {
    grid-column: auto;
  }

  .salesforce-integration-card {
    --integration-card-offset: 0px;
  }

  .salesforce-clouds-stage {
    grid-template-columns: 1fr;
  }

  .salesforce-clouds-copy {
    max-width: none;
  }

  .salesforce-clouds-copy h2 {
    max-width: 500px;
  }

  .salesforce-clouds-canvas {
    padding: 0;
  }

  .salesforce-clouds-orbit {
    min-height: 720px;
  }

  .salesforce-clouds-agentforce-badge {
    min-width: 118px;
    padding: 12px 14px 10px;
    top: 19%;
  }

  .salesforce-clouds-agentforce-badge img {
    height: 38px;
  }

  .salesforce-cloud-flow-card-sales,
  .salesforce-cloud-flow-card-marketing {
    left: 0;
  }

  .salesforce-cloud-flow-card-commerce,
  .salesforce-cloud-flow-card-service {
    right: 0;
  }

  .salesforce-cloud-core {
    top: 74px;
    width: min(56%, 390px);
  }

  .salesforce-cloud-core__logo {
    height: 110px;
    width: 176px;
  }

  .salesforce-cloud-core__logo span {
    font-size: 1.72rem;
  }

  .salesforce-cloud-core__node {
    min-height: 88px;
    width: 88px;
  }

  .salesforce-clouds-data-row {
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .salesforce-app-stage {
    grid-template-areas:
      "visual"
      "analytics"
      "timeline"
      "global";
    grid-template-columns: 1fr;
  }

  .salesforce-agentforce-main {
    grid-template-columns: 1fr;
  }

  .salesforce-agentforce-copy h2,
  .salesforce-agentforce-copy p {
    max-width: none;
  }

  .salesforce-agentforce-orbit {
    max-width: 500px;
  }

  .salesforce-agentforce-benefit + .salesforce-agentforce-benefit:before {
    display: none;
  }

  .salesforce-home-hero__copy {
    padding-top: 0;
  }

  .salesforce-home-hero__panel {
    gap: 36px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "visual"
      "clients";
    min-height: auto;
  }

  .salesforce-home-hero__heading h1,
  .salesforce-home-hero__heading p {
    max-width: none;
  }

  .salesforce-home-hero__proof {
    flex-wrap: wrap;
  }

  .salesforce-home-hero__visual,
  .salesforce-home-hero__card-stage {
    min-height: auto;
  }

  .salesforce-home-hero__card-stage {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .salesforce-home-hero__service-pill,
  .salesforce-home-hero__service-pill:nth-child(n) {
    inset: auto;
    min-height: 132px;
    position: relative;
    transform: none;
    width: 100%;
  }

  .salesforce-home-hero__clients {
    border-radius: 28px;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    text-align: center;
    width: 100%;
  }

  .salesforce-home-hero__panel:before {
    inset: -12px 0 0;
    opacity: .72;
  }

  .salesforce-home-hero__visual:before {
    height: min(86vw, 560px);
    opacity: .32;
    top: 46%;
    width: min(86vw, 560px);
  }

  .salesforce-home-hero {
    min-height: auto;
    padding: 112px 0 58px;
  }
}

@media (max-width: 640px) {
  .salesforce-page-hero-panel {
    border-radius: 24px;
    padding: 20px;
  }

  .salesforce-page-hero-stat {
    border-radius: 22px;
    padding: 20px;
  }

  .salesforce-solution-chip {
    width: 100%;
  }

  .salesforce-capability-head h2 {
    font-size: 2.4rem;
  }

  .salesforce-capability-head .btn {
    width: 100%;
  }

  .salesforce-capability-card {
    border-radius: 24px;
    padding: 22px;
  }

  .salesforce-process-grid {
    gap: 16px;
  }

  .salesforce-process-card {
    border-radius: 24px;
    padding: 22px;
  }

  .salesforce-process-card::before {
    left: 22px;
    right: 22px;
  }

  .salesforce-capability-card-large {
    min-height: 0;
  }

  .salesforce-capability-integration-list {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .salesforce-capability-flow {
    grid-template-columns: 1fr;
  }

  .salesforce-capability-flow i {
    height: 18px;
    justify-self: center;
    transform: rotate(90deg);
    width: 2px;
  }

  .salesforce-capability-flow i::after {
    right: -3px;
    top: 9px;
    transform: rotate(45deg);
  }

  .salesforce-capability-orbit {
    display: none;
  }

  .salesforce-capability-api-dot-pattern {
    right: 6px;
    top: -2px;
    transform: scale(.8);
    transform-origin: top right;
  }

  .salesforce-capability-feed > span b {
    width: 100%;
  }

  .salesforce-capability-ai-stage {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .salesforce-capability-robot {
    justify-self: center;
  }

  .salesforce-capability-benefit {
    padding: 20px;
  }

  .salesforce-manufacturing-shell {
    border-radius: 24px;
  }

  .salesforce-manufacturing-head h2 {
    font-size: 2.2rem;
  }

  .salesforce-manufacturing-head h3 {
    font-size: 1.05rem;
  }

  .salesforce-manufacturing-side-stack {
    grid-template-columns: 1fr;
  }

  .salesforce-manufacturing-mini-card,
  .salesforce-manufacturing-use-card {
    padding: 18px;
  }

  .salesforce-manufacturing-circle {
    width: min(100%, 340px);
  }

  .salesforce-manufacturing-ring {
    inset: 18px;
  }

  .salesforce-manufacturing-photo {
    width: calc(100% - 72px);
  }

  .salesforce-manufacturing-salesforce-badge {
    border-width: 8px;
    height: 78px;
    width: 78px;
  }

  .salesforce-manufacturing-salesforce-badge img {
    height: 54px;
    width: 60px;
  }

  .salesforce-manufacturing-orbit-chip {
    height: 46px;
    width: 46px;
  }

  .salesforce-manufacturing-orbit-chip.top-left,
  .salesforce-manufacturing-orbit-chip.top-right {
    top: 92px;
  }

  .salesforce-manufacturing-orbit-chip.left-bottom,
  .salesforce-manufacturing-orbit-chip.right-bottom {
    bottom: 62px;
  }

  .salesforce-manufacturing-metrics {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .salesforce-manufacturing-usecases-title::before,
  .salesforce-manufacturing-usecases-title::after {
    width: 46px;
  }

  .salesforce-manufacturing-line {
    margin-left: 0;
  }

  .salesforce-capability-orbit {
    height: 150px;
    margin-top: 16px;
    width: 100%;
  }

  .salesforce-capability-orbit i {
    height: 38px;
    width: 38px;
  }

  .salesforce-why-showcase {
    border-radius: 24px;
    padding: 28px 18px 0;
  }

  .salesforce-why-showcase__head h2 {
    font-size: 2.35rem;
  }

  .salesforce-why-showcase__cta {
    width: 100%;
  }

  .salesforce-why-card,
  .salesforce-process-card,
  .salesforce-resource-card > div {
    padding: 18px;
  }

  .salesforce-why-card {
    padding: 18px 0;
  }

  .salesforce-why-device__screen {
    border-radius: 16px 16px 8px 8px;
    padding: 8px;
  }

  .salesforce-why-laptop-image {
    width: 100%;
  }

  .salesforce-dashboard {
    min-height: 260px;
    padding: 10px;
  }

  .salesforce-dashboard__tabs,
  .salesforce-dashboard__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .salesforce-dashboard__main {
    grid-template-columns: 1fr;
  }

  .salesforce-dashboard__list,
  .salesforce-dashboard__cards,
  .salesforce-dashboard__bottom {
    display: none;
  }

  .salesforce-why-device__base {
    height: 44px;
  }

  .salesforce-why-device__hand {
    height: 64px;
    right: -4%;
    width: 138px;
  }

  .salesforce-why-device__hand:after {
    height: 50px;
    right: -56px;
    width: 80px;
  }


  .salesforce-integration-showcase {
    border-radius: 24px;
    padding: 28px 14px 34px;
  }

  .salesforce-integration-showcase:after {
    background: radial-gradient(ellipse at 50% 100%, rgba(33, 178, 255, .42) 0%, rgba(23, 117, 255, .22) 34%, rgba(134, 79, 254, .1) 52%, rgba(0, 0, 0, 0) 74%);
    filter: blur(26px);
    height: 320px;
    inset: auto -22% -82px;
    opacity: .68;
  }

  .salesforce-integration-arc {
    height: 260px;
    opacity: .58;
    top: 210px;
    width: 100%;
  }

  .salesforce-integration-card-grid {
    gap: 24px;
    margin-top: 42px;
  }

  .salesforce-integration-card {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .07)),
      radial-gradient(circle at 50% 0%, rgba(131, 231, 238, .08), rgba(131, 231, 238, 0) 46%),
      linear-gradient(180deg, rgba(30, 67, 116, .95), rgba(11, 31, 66, .96));
    backdrop-filter: none;
    border-color: rgba(160, 221, 255, .24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 36px rgba(1, 10, 28, .3);
    min-height: 0;
    padding: 24px 18px 22px;
    transform: none;
  }

  .salesforce-integration-card__icon {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)),
      linear-gradient(135deg, rgba(131, 231, 238, .2), rgba(134, 79, 254, .24));
    margin-bottom: 16px;
  }

  .salesforce-integration-card p {
    color: rgba(226, 239, 255, .8);
  }

  .salesforce-integration-footnote {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .08)),
      linear-gradient(180deg, rgba(28, 67, 116, .9), rgba(10, 31, 66, .92));
    border-color: rgba(160, 221, 255, .22);
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 36px rgba(1, 10, 28, .24);
    margin-top: 26px;
    padding: 24px 18px;
  }

  .salesforce-integration-actions {
    margin-top: 28px;
  }

  .salesforce-home-hero__panel {
    gap: 30px;
  }

  .salesforce-home-hero__eyebrow {
    font-size: .68rem;
    letter-spacing: .12em;
    min-height: 44px;
    padding: 12px 16px;
  }

  .salesforce-home-hero__heading h1 {
    font-size: clamp(2.7rem, 12vw, 4.2rem);
  }

  .salesforce-home-hero__actions .btn {
    min-width: 0;
    width: 100%;
  }

  .salesforce-home-hero__proof {
    align-items: flex-start;
    flex-direction: column;
  }

  .salesforce-home-hero__proof-item + .salesforce-home-hero__proof-item:before {
    display: none;
  }

  .salesforce-home-hero__card-stage {
    grid-template-columns: 1fr;
  }

  .salesforce-home-hero__service-pill,
  .salesforce-home-hero__service-pill:nth-child(n) {
    min-height: 0;
    padding: 18px;
  }

  .salesforce-home-hero__service-avatar {
    border-radius: 14px;
    height: 54px;
    width: 54px;
  }

  .salesforce-home-hero__service-avatar img {
    height: 28px;
    width: 28px;
  }

  .salesforce-home-hero__service-pill strong {
    font-size: 1.08rem;
  }

  .salesforce-home-hero__service-pill p {
    font-size: .88rem;
  }

  .salesforce-home-hero__clients > span {
    white-space: normal;
  }

  .salesforce-home-hero__client-logos {
    gap: 16px 24px;
  }

  .salesforce-home-hero__client-logos strong {
    font-size: 1.08rem;
  }

  .salesforce-home-hero__panel:before {
    opacity: .46;
  }

  .salesforce-home-hero__visual:before {
    height: min(92vw, 420px);
    opacity: .22;
    top: 42%;
    width: min(92vw, 420px);
  }

  .salesforce-home-hero {
    min-height: auto;
    padding: 104px 0 56px;
  }

  .salesforce-clouds-copy h2 {
    font-size: clamp(2rem, 8vw, 3rem);
    max-width: none;
    width: auto;
  }

  .salesforce-clouds-copy .btn {
    min-width: 0;
    width: 100%;
  }

  .salesforce-clouds-section > .main-container {
    max-width: min(100vw - 28px, 640px);
  }

  .salesforce-clouds-stage {
    background:
      radial-gradient(circle at 78% 18%, rgba(134, 79, 254, .12), transparent 34%),
      radial-gradient(circle at 8% 42%, rgba(131, 231, 238, .14), transparent 38%),
      linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 251, 255, .96));
    border-radius: 24px;
    gap: 30px;
    overflow: visible;
    padding: 28px 18px 30px;
  }

  .salesforce-clouds-canvas {
    border-radius: 0;
    padding: 0;
  }

  .salesforce-clouds-orbit {
    display: grid;
    gap: 18px;
    min-height: 0;
  }

  .salesforce-cloud-flow-card {
    animation: none;
    justify-self: stretch;
    max-width: none;
    min-height: 0;
    padding: 20px;
    position: relative;
    width: 100%;
  }

  .salesforce-cloud-flow-card-sales,
  .salesforce-cloud-flow-card-commerce,
  .salesforce-cloud-flow-card-marketing,
  .salesforce-cloud-flow-card-service {
    left: auto;
    right: auto;
    top: auto;
  }

  .salesforce-cloud-core {
    align-items: center;
    display: flex;
    justify-content: center;
    left: auto;
    margin-inline: auto;
    min-height: 300px;
    order: 3;
    overflow: visible;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: min(100%, 330px);
  }

  .salesforce-cloud-core__connector {
    display: none;
  }

  .salesforce-cloud-core__ring--outer {
    inset: 6%;
  }

  .salesforce-cloud-core__ring--middle {
    inset: 18%;
  }

  .salesforce-cloud-core__ring--inner {
    inset: 30%;
  }

  .salesforce-cloud-core__logo {
    height: 98px;
    width: 158px;
  }

  .salesforce-cloud-core__logo span {
    font-size: 1.48rem;
  }

  .salesforce-cloud-core__node {
    min-height: 76px;
    padding: 10px 8px;
    width: 76px;
  }

  .salesforce-cloud-core__node small {
    font-size: .6rem;
  }

  .salesforce-cloud-core__node-left {
    left: 0;
  }

  .salesforce-cloud-core__node-right {
    right: 0;
  }

  .salesforce-cloud-core__node-bottom {
    bottom: 0;
  }

  .salesforce-clouds-data-row {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .salesforce-clouds-data-card strong {
    font-size: 1.7rem;
  }

  .salesforce-cloud-core__ring--outer {
    inset: 10%;
  }

  .salesforce-cloud-core__ring--middle {
    inset: 20%;
  }

  .salesforce-cloud-core__ring--inner {
    inset: 29%;
  }

  .salesforce-cloud-core__logo {
    height: 104px;
    width: 168px;
  }

  .salesforce-cloud-core__logo span {
    font-size: 1.56rem;
  }

  .salesforce-cloud-core__node {
    min-height: 82px;
    padding: 12px 8px;
    width: 82px;
  }

  .salesforce-cloud-core__node small {
    font-size: .62rem;
  }

  .salesforce-app-stage {
    border-radius: 24px;
    padding: 14px;
  }

  .salesforce-app-card {
    border-radius: 22px;
    padding: 16px;
  }

  .salesforce-app-flow-preview {
    min-height: 160px;
    padding: 14px;
  }

  .salesforce-app-flow-node {
    max-width: 180px;
    padding: 10px 12px;
  }

  .salesforce-app-flow-node:nth-child(2) {
    margin-left: 18px;
  }

  .salesforce-app-flow-node:nth-child(3) {
    margin-left: 36px;
  }

  .salesforce-app-card__media img {
    height: 142px;
  }

  .salesforce-app-bars {
    gap: 7px;
  }

  .salesforce-agentforce-stage {
    gap: 22px;
  }

  .salesforce-agentforce-copy h2 {
    font-size: clamp(2rem, 8vw, 2.9rem);
  }

  .salesforce-agentforce-actions .btn {
    width: 100%;
  }

  .salesforce-agentforce-orbit {
    max-width: none;
  }

  .salesforce-agentforce-orbit img {
    margin-inline: auto;
    max-width: 100%;
  }

  .salesforce-agentforce-dashboard {
    border-radius: 24px;
    padding: 14px;
  }

  .salesforce-agentforce-dashboard__stats {
    grid-template-columns: 1fr;
  }

  .salesforce-agentforce-progress-row {
    grid-template-columns: 72px 1fr 38px;
  }

  .salesforce-agentforce-benefits {
    border-radius: 24px;
  }

  .salesforce-agentforce-benefit {
    grid-template-columns: auto 1fr;
    padding: 18px 16px;
  }

  .salesforce-home-marquee__content span {
    font-size: .8rem;
    min-height: 40px;
    padding: 9px 14px;
  }

  .salesforce-trust-item-text {
    min-height: 40px;
    padding: 9px 14px;
  }

  .salesforce-trust-item-text strong {
    font-size: .8rem;
  }

  .salesforce-agentforce-metric,
  .salesforce-industry-card {
    border-radius: 24px;
    padding: 20px;
  }
}

.startbit-desktop-logo {
  margin-left: 6px;
  background: transparent;
  /* max-width: 188px;
  width: 188px; */
}

.startbit-desktop-logo img {
  background: transparent;
  max-height: 48px;
}

.startbit-mobile-logo {
  max-width: 108px;
  width: 108px;
}

.startbit-mobile-logo img {
  max-height: 47px;
}

.startbit-drawer-logo {
  max-width: 124px;
  width: 124px;
}

.startbit-drawer-logo img {
  max-height: 34px;
}

@media (min-width: 1280px) {
  .startbit-marketing-header {
    max-width: 1210px;
  }

  .startbit-marketing-header nav > ul {
    gap: 2px;
  }

  .startbit-marketing-header .nav-item > a,
  .startbit-marketing-header .nav-item > button {
    padding-inline: 12px;
    white-space: nowrap;
  }
}

.mobile-menu-label {
  overflow: hidden;
}

.mobile-menu-label:after {
  content: none;
}

.mobile-drawer-link {
  border-radius: 12px;
  color: var(--color-secondary);
  display: block;
  font-size: var(--text-tagline-1);
  font-weight: var(--font-weight-normal);
  line-height: 1.45;
  padding: 10px 0;
  transition: color .2s ease, padding-left .2s ease;
}

.mobile-drawer-link:hover,
.mobile-drawer-link:focus-visible {
  background: transparent;
  color: #16417d;
  outline: none;
  padding-left: 8px;
}

.mobile-menu-section {
  padding: 2px 0;
}

.mobile-menu-section-toggle {
  align-items: center;
  color: var(--color-secondary);
  display: flex;
  font-size: var(--text-tagline-1);
  font-weight: var(--font-weight-normal);
  justify-content: space-between;
  line-height: 1.45;
  padding: 10px 0;
  text-align: left;
  transition: color .2s ease;
  width: 100%;
}

.mobile-menu-section-toggle:hover,
.mobile-menu-section-toggle:focus-visible {
  color: #16417d;
  outline: none;
}

.mobile-menu-section-arrow {
  height: 18px;
  transition: transform .25s ease;
  width: 18px;
}

.mobile-menu-section-toggle[aria-expanded="false"] .mobile-menu-section-arrow {
  transform: rotate(-90deg);
}

.mobile-submenu-list {
  display: grid;
  gap: 22px;
  padding: 18px 0 16px 16px;
}

.mobile-submenu-list[hidden] {
  display: none;
}

.mobile-submenu-list a {
  color: rgba(24, 24, 27, .82);
  display: block;
  font-size: var(--text-tagline-1);
  font-weight: var(--font-weight-normal);
  line-height: 1.45;
  transition: color .2s ease, padding-left .2s ease;
}

.mobile-submenu-list a:hover,
.mobile-submenu-list a:focus-visible {
  color: #16417d;
  outline: none;
  padding-left: 6px;
}

.header-one {
  left: 50vw !important;
  right: auto !important;
  transform: translateZ(0) !important;
  translate: -50% 0 !important;
  width: calc(100vw - 24px) !important;
}

.mobile-menu {
  background: #fff;
  border-color: rgba(22, 65, 125, .12) !important;
  border-radius: 24px !important;
  box-shadow: -24px 0 70px rgba(22, 65, 125, .14);
  height: auto !important;
  inset: 12px 12px 12px auto !important;
  max-width: none;
  max-height: calc(100dvh - 24px);
  opacity: 0;
  padding: 24px 20px;
  pointer-events: none;
  transform: translate3d(calc(100% + 24px), 0, 0) !important;
  transition: opacity .28s ease, transform .36s cubic-bezier(.22, 1, .36, 1), visibility .28s ease;
  translate: 0 0 !important;
  visibility: hidden;
  width: calc(100vw - 24px) !important;
  will-change: transform, opacity;
  z-index: 10070 !important;
}

.mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) !important;
  visibility: visible;
}

@media (min-width: 640px) {
  .mobile-menu {
    max-width: 420px;
    padding: 32px 24px;
    width: min(420px, calc(100vw - 24px)) !important;
  }
}

.mobile-overlay {
  opacity: 0;
  transition: opacity .24s ease;
  z-index: 10060 !important;
}

.mobile-overlay.is-open {
  opacity: 1;
}

html.page-scroll-lock,
body.page-scroll-lock,
html.mobile-menu-lock,
body.mobile-menu-lock,
html.free-call-lock,
body.free-call-lock {
  overflow: hidden !important;
  overscroll-behavior: none;
}

.free-call-modal {
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  touch-action: none;
  transition: opacity .34s cubic-bezier(.22, 1, .36, 1);
  z-index: 10090;
}

.free-call-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.free-call-modal__overlay {
  background: rgba(4, 18, 38, .34);
  backdrop-filter: blur(0);
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .34s cubic-bezier(.22, 1, .36, 1), backdrop-filter .34s cubic-bezier(.22, 1, .36, 1), background .34s cubic-bezier(.22, 1, .36, 1);
}

.free-call-modal.is-open .free-call-modal__overlay {
  background: rgba(4, 18, 38, .44);
  backdrop-filter: blur(12px);
  opacity: 1;
}

.free-call-modal__dialog {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 24px;
  box-shadow: 0 34px 90px rgba(22, 65, 125, .24), inset 0 1px 0 rgba(255, 255, 255, .72);
  display: grid;
  gap: 18px;
  left: 50%;
  max-height: calc(100vh - 40px);
  max-width: 620px;
  opacity: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 28px;
  position: absolute;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  top: 50%;
  transform: translate(-50%, -44%) scale(.94);
  transition: opacity .32s cubic-bezier(.22, 1, .36, 1), transform .42s cubic-bezier(.16, 1, .3, 1), box-shadow .32s ease;
  width: calc(100vw - 32px);
}

.free-call-modal__dialog > .badge {
  display: inline-flex;
  justify-self: start;
  margin-right: 52px;
  width: auto;
}

.free-call-modal.is-open .free-call-modal__dialog {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.free-call-modal__close {
  align-items: center;
  background: rgba(247, 251, 255, .9);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 999px;
  color: var(--color-secondary);
  display: flex;
  height: 38px;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  transition: background .24s cubic-bezier(.22, 1, .36, 1), border-color .24s cubic-bezier(.22, 1, .36, 1), box-shadow .24s cubic-bezier(.22, 1, .36, 1), color .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
  width: 38px;
  z-index: 2;
}

.free-call-modal__close:hover {
  background: #fff;
  border-color: rgba(134, 79, 254, .36);
  box-shadow: 0 10px 24px rgba(22, 65, 125, .14);
  color: var(--color-primary-500);
  transform: rotate(90deg) scale(1.06);
}

.free-call-modal__close:focus-visible {
  outline: 3px solid rgba(134, 79, 254, .28);
  outline-offset: 3px;
}

.free-call-form {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.free-call-modal__dialog > .badge,
.free-call-modal__dialog > .space-y-2,
.free-call-form label,
.free-call-form button {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .36s cubic-bezier(.22, 1, .36, 1), transform .36s cubic-bezier(.22, 1, .36, 1);
}

.free-call-modal.is-open .free-call-modal__dialog > .badge,
.free-call-modal.is-open .free-call-modal__dialog > .space-y-2,
.free-call-modal.is-open .free-call-form label,
.free-call-modal.is-open .free-call-form button {
  opacity: 1;
  transform: translateY(0);
}

.free-call-modal.is-open .free-call-modal__dialog > .space-y-2 {
  transition-delay: .04s;
}

.free-call-modal.is-open .free-call-form label:nth-child(1) {
  transition-delay: .08s;
}

.free-call-modal.is-open .free-call-form label:nth-child(2) {
  transition-delay: .1s;
}

.free-call-modal.is-open .free-call-form label:nth-child(3) {
  transition-delay: .12s;
}

.free-call-modal.is-open .free-call-form label:nth-child(4) {
  transition-delay: .14s;
}

.free-call-modal.is-open .free-call-form label:nth-child(5) {
  transition-delay: .16s;
}

.free-call-modal.is-open .free-call-form button {
  transition-delay: .18s;
}

.free-call-form label {
  color: var(--color-secondary);
  display: grid;
  gap: 7px;
  font-size: .86rem;
  font-weight: 600;
}

.free-call-form input,
.free-call-form select,
.free-call-form textarea {
  background: rgba(247, 251, 255, .88);
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 12px;
  color: var(--color-secondary);
  font: inherit;
  font-weight: 500;
  outline: none;
  padding: 12px 14px;
  transition: background .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.free-call-form input:hover,
.free-call-form select:hover,
.free-call-form textarea:hover {
  background: #fff;
  border-color: rgba(22, 65, 125, .18);
  box-shadow: 0 8px 18px rgba(22, 65, 125, .06);
}

.free-call-form input:focus,
.free-call-form select:focus,
.free-call-form textarea:focus {
  background: #fff;
  border-color: rgba(134, 79, 254, .56);
  box-shadow: 0 0 0 4px rgba(134, 79, 254, .12);
  transform: translateY(-1px);
}

.free-call-form__full {
  grid-column: 1 / -1;
}

.free-call-form .h-captcha,
.salesforce-contact-form .h-captcha {
  width: 100%;
}

.free-call-form .h-captcha iframe,
.salesforce-contact-form .h-captcha iframe {
  max-width: 100%;
}

.free-call-form .btn {
  box-shadow: 0 14px 28px rgba(134, 79, 254, .2);
  transition: box-shadow .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1), filter .24s ease;
}

.free-call-form .btn:hover {
  box-shadow: 0 18px 34px rgba(134, 79, 254, .28);
  filter: saturate(1.06);
  transform: translateY(-2px);
}

.free-call-form .btn:active {
  box-shadow: 0 10px 22px rgba(134, 79, 254, .2);
  transform: translateY(0);
}

.free-call-form .btn[disabled] {
  cursor: progress;
  filter: saturate(.8);
  opacity: .72;
  pointer-events: none;
}

.free-call-form__status {
  border-radius: 12px;
  color: var(--color-secondary);
  display: none;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.45;
  margin-top: -2px;
  padding: 11px 14px;
}

.free-call-form__status.is-visible {
  display: block;
}

.free-call-form__status.is-success {
  background: rgba(20, 207, 228, .12);
  border: 1px solid rgba(20, 207, 228, .36);
}

.free-call-form__status.is-error {
  background: rgba(255, 90, 90, .1);
  border: 1px solid rgba(255, 90, 90, .28);
  color: #8a1f1f;
}

@media (prefers-reduced-motion: reduce) {
  .free-call-modal,
  .free-call-modal__overlay,
  .free-call-modal__dialog,
  .free-call-modal__close,
  .free-call-modal__dialog > .badge,
  .free-call-modal__dialog > .space-y-2,
  .free-call-form label,
  .free-call-form button,
  .free-call-form input,
  .free-call-form select,
  .free-call-form textarea,
  .free-call-form .btn {
    transition-duration: .01ms !important;
  }
}

@media (max-width: 640px) {
  .free-call-modal__dialog {
    border-radius: 18px;
    max-height: calc(100dvh - 24px);
    padding: 22px 20px 24px;
    width: calc(100vw - 24px);
  }

  .free-call-form {
    grid-template-columns: 1fr;
  }
}

.nav-item:hover > div .dropdown-menu,
.nav-item:focus-within > div .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

#services-dropdown.active,
#why-dropdown.active,
.nav-item:hover > div #services-dropdown,
.nav-item:hover > div #why-dropdown,
.nav-item:focus-within > div #services-dropdown,
.nav-item:focus-within > div #why-dropdown {
  animation: none;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

#services-dropdown,
#why-dropdown {
  background: #fff !important;
  width: min(360px, calc(100vw - 32px));
}

#services-dropdown a,
#why-dropdown a {
  background: transparent;
  min-width: 0;
}

#services-dropdown .bg-white,
#why-dropdown .bg-white {
  background: #fff;
}

#services-dropdown p,
#why-dropdown p {
  line-height: 1.35;
}

@keyframes mobileOverlayFade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.hero-visual-wrap {
  animation: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 24px;
  max-width: min(1080px, 100%);
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
}

.hero-visual-wrap:before,
.hero-visual-wrap:after {
  display: none;
}

.hero-visual-wrap:before {
  background: rgba(134, 79, 254, .18);
  filter: blur(44px);
  height: 150px;
  right: 12%;
  top: 12%;
  width: 150px;
}

.hero-visual-wrap:after {
  background: rgba(131, 231, 238, .20);
  bottom: 4%;
  filter: blur(46px);
  height: 180px;
  left: 10%;
  width: 180px;
}

.hero-visual-wrap img {
  border-radius: 0;
  display: block;
  filter: drop-shadow(0 24px 44px rgba(22, 65, 125, .18));
  height: auto;
  max-height: 430px;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.hero-dashboard-stage {
  --hero-card-w: 292px;
  --hero-core-w: 460px;
  height: 500px;
  margin-inline: auto;
  max-width: 1180px;
  position: relative;
  width: min(1180px, 100%);
}

.hero-dashboard-core,
.hero-metric-card {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(223, 228, 235, .82);
  box-shadow: 0 24px 54px rgba(22, 65, 125, .12);
  position: absolute;
  will-change: opacity, transform;
}

.hero-dashboard-core {
  align-items: center;
  background:
    radial-gradient(circle at 80% 20%, rgba(131, 231, 238, .24), transparent 32%),
    linear-gradient(135deg, #07346d 0%, #041c42 100%);
  border-color: rgba(131, 231, 238, .18);
  border-radius: 18px;
  color: #fff;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr;
  left: calc(50% - (var(--hero-core-w) / 2));
  min-height: 216px;
  overflow: hidden;
  padding: 28px 34px;
  top: 92px;
  width: var(--hero-core-w);
  z-index: 3;
}

.hero-dashboard-core:after {
  background: repeating-linear-gradient(170deg, rgba(131, 231, 238, .4) 0 2px, transparent 2px 9px);
  bottom: -18px;
  content: "";
  height: 112px;
  left: 0;
  opacity: .75;
  position: absolute;
  right: 0;
  transform: skewY(-8deg);
}

.hero-dashboard-core-salesforce {
  background:
    radial-gradient(circle at 78% 18%, rgba(131, 231, 238, .32), transparent 34%),
    linear-gradient(135deg, #0e5fcd 0%, #063f93 54%, #04275f 100%);
}

.hero-salesforce-mark {
  align-items: center;
  background: linear-gradient(135deg, #17a8f5, #24c6df);
  border-radius: 999px;
  box-shadow: inset 0 -10px 20px rgba(4, 39, 95, .18);
  color: #fff;
  display: flex;
  font-size: .68rem;
  font-weight: 800;
  height: 62px;
  justify-content: center;
  letter-spacing: -.02em;
  line-height: 1;
  padding-inline: 8px;
  position: relative;
  text-transform: lowercase;
  width: 86px;
  z-index: 2;
}

.hero-salesforce-mark:before,
.hero-salesforce-mark:after {
  background: inherit;
  border-radius: inherit;
  content: "";
  height: 44px;
  position: absolute;
  top: 9px;
  width: 44px;
  z-index: -1;
}

.hero-salesforce-mark:before {
  left: -12px;
}

.hero-salesforce-mark:after {
  right: -12px;
}

.hero-dynamics-mark {
  background: linear-gradient(135deg, #864ffe, #0ea5ff 58%, #83e7ee);
  border-radius: 14px;
  height: 64px;
  position: relative;
  width: 64px;
  z-index: 2;
}

.hero-dynamics-mark:before,
.hero-dynamics-mark:after {
  background: rgba(255, 255, 255, .34);
  border-radius: 10px;
  content: "";
  position: absolute;
}

.hero-dynamics-mark:before {
  inset: 12px 27px 12px 12px;
}

.hero-dynamics-mark:after {
  inset: 24px 12px 12px 28px;
}

.hero-dashboard-core > div:not(.hero-dynamics-mark),
.hero-core-metrics {
  position: relative;
  z-index: 2;
}

.hero-dashboard-core span {
  display: block;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.1;
}

.hero-dashboard-core strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.05;
}

.hero-dashboard-core p {
  color: rgba(255, 255, 255, .78);
  font-size: .95rem;
  line-height: 1.4;
  margin-top: 12px;
}

.hero-core-metrics {
  display: flex;
  gap: 10px;
  grid-column: 1 / -1;
  margin-top: 8px;
}

.hero-core-metrics span {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  display: inline-flex;
  font-size: .78rem;
  gap: 5px;
  padding: 8px 11px;
}

.hero-core-metrics b {
  color: #83e7ee;
  font-weight: 700;
}

.hero-metric-card {
  border-radius: 16px;
  color: #0f2239;
  min-height: 144px;
  padding: 20px;
  width: var(--hero-card-w);
  z-index: 4;
}

.hero-metric-card span {
  display: block;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.2;
}

.hero-metric-card small {
  color: rgba(15, 34, 57, .58);
  display: block;
  font-size: .72rem;
  margin-top: 4px;
}

.hero-metric-card strong {
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 10px;
}

.hero-metric-card em {
  color: #10a866;
  display: block;
  font-size: .7rem;
  font-style: normal;
  font-weight: 700;
  margin-top: 4px;
}

.hero-card-icon {
  align-items: center;
  border-radius: 12px;
  color: #fff;
  display: flex;
  height: 42px;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 42px;
}

.hero-card-icon svg {
  display: block;
  height: 23px;
  width: 23px;
}

.hero-card-icon-purple {
  background: linear-gradient(135deg, #864ffe, #b485ff);
}

.hero-card-icon-cyan {
  background: linear-gradient(135deg, #14cfe4, #51e6ef);
}

.hero-card-financials {
  left: 0;
  top: 0;
}

.hero-card-inventory {
  right: 0;
  top: 12px;
}

.hero-card-workflow {
  left: 28px;
  top: 214px;
  width: 286px;
}

.hero-card-report {
  right: 28px;
  top: 214px;
  width: 286px;
}

.hero-card-supply {
  bottom: 0;
  left: calc(50% - 260px);
  min-height: 128px;
  width: 520px;
}

.hero-line-chart {
  display: block;
  height: 56px;
  margin-top: 10px;
  width: 100%;
}

.hero-dashboard-salesforce .hero-card-financials .hero-line-chart,
.hero-dashboard-insurance .hero-card-financials .hero-line-chart {
  background:
    linear-gradient(90deg, #864ffe 0 20%, #5a7cff 20% 40%, #1976f3 40% 60%, #20bfd6 60% 80%, #39d7df 80% 100%);
  border-radius: 4px;
  height: 42px;
  margin-top: 14px;
  clip-path: polygon(0 0, 100% 0, 76% 100%, 24% 100%);
}

.hero-dashboard-salesforce .hero-card-financials .hero-line-chart path,
.hero-dashboard-insurance .hero-card-financials .hero-line-chart path {
  display: none;
}

.hero-line-chart path {
  fill: none;
  stroke: #864ffe;
  stroke-linecap: round;
  stroke-width: 4;
}

.hero-progress-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.hero-progress-list i {
  background: rgba(14, 165, 255, .12);
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
  position: relative;
}

.hero-progress-list i:before {
  background: linear-gradient(90deg, #83e7ee, #00bdd6);
  border-radius: inherit;
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  transform: scaleX(var(--progress, 0));
  transform-origin: left;
  width: var(--target);
}

.hero-card-workflow ul {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.hero-card-workflow li {
  color: rgba(15, 34, 57, .76);
  font-size: .78rem;
  padding-left: 24px;
  position: relative;
}

.hero-card-workflow li:before {
  background: #864ffe;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(134, 79, 254, .12);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 8px;
}

.hero-dashboard-salesforce .hero-card-workflow ul,
.hero-dashboard-insurance .hero-card-workflow ul {
  gap: 9px;
}

.hero-dashboard-salesforce .hero-card-workflow li,
.hero-dashboard-insurance .hero-card-workflow li {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.hero-bar-chart {
  align-items: end;
  display: flex;
  gap: 9px;
  height: 76px;
  margin-top: 14px;
}

.hero-bar-chart i {
  background: linear-gradient(180deg, #864ffe, rgba(134, 79, 254, .24));
  border-radius: 999px 999px 4px 4px;
  display: block;
  height: var(--target);
  transform: scaleY(var(--bar-scale, 0));
  transform-origin: bottom;
  width: 22px;
}

.hero-route-line {
  align-items: center;
  background: linear-gradient(90deg, rgba(131, 231, 238, .22), rgba(14, 95, 205, .18));
  border-radius: 999px;
  display: flex;
  height: 7px;
  justify-content: space-around;
  margin-top: 18px;
  position: relative;
}

.hero-route-line:before {
  background: linear-gradient(90deg, #83e7ee, #0e5fcd);
  border-radius: inherit;
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  transform: scaleX(var(--route-scale, 0));
  transform-origin: left;
  width: 100%;
}

.hero-route-line i {
  background: #fff;
  border: 3px solid #14cfe4;
  border-radius: 50%;
  height: 18px;
  position: relative;
  width: 18px;
  z-index: 2;
}

.hero-dashboard-salesforce .hero-dashboard-core {
  min-height: 260px;
  top: 92px;
  width: 420px;
  left: calc(50% - 210px);
}

.hero-dashboard-salesforce .hero-card-financials {
  left: 0;
  min-height: 146px;
  top: 0;
  width: 315px;
}

.hero-dashboard-salesforce .hero-card-workflow {
  left: 24px;
  min-height: 172px;
  top: 178px;
  width: 265px;
}

.hero-dashboard-salesforce .hero-card-supply {
  bottom: 0;
  left: 0;
  min-height: 130px;
  width: 330px;
}

.hero-dashboard-salesforce .hero-card-inventory {
  right: 0;
  top: 0;
  width: 300px;
}

.hero-dashboard-salesforce .hero-card-report {
  bottom: 0;
  right: 0;
  top: auto;
  width: 330px;
}

.hero-dashboard-insurance .hero-dashboard-core {
  background:
    radial-gradient(circle at 74% 42%, rgba(134, 79, 254, .16), transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .96));
  border-color: rgba(223, 228, 235, .9);
  color: #16417d;
  min-height: 260px;
  top: 94px;
  width: 460px;
  left: calc(50% - 230px);
}

.hero-dashboard-insurance .hero-dashboard-core p {
  color: rgba(22, 65, 125, .68);
}

.hero-dashboard-insurance .hero-dashboard-core:after {
  background: radial-gradient(circle, rgba(134, 79, 254, .18) 0 2px, transparent 2px 18px);
  bottom: 18px;
  height: 180px;
  opacity: .9;
  transform: none;
}

.hero-dashboard-insurance .hero-core-metrics span {
  background: rgba(22, 65, 125, .06);
  border-color: rgba(22, 65, 125, .1);
  color: #16417d;
}

.hero-dashboard-insurance .hero-card-financials {
  left: 0;
  top: 0;
  width: 300px;
}

.hero-dashboard-insurance .hero-card-workflow {
  left: 20px;
  top: 196px;
  width: 300px;
}

.hero-dashboard-insurance .hero-card-supply {
  bottom: 0;
  left: 46px;
  min-height: 98px;
  width: 300px;
}

.hero-dashboard-insurance .hero-card-inventory {
  right: 0;
  top: 0;
  width: 300px;
}

.hero-dashboard-insurance .hero-card-report {
  bottom: 0;
  right: 34px;
  top: auto;
  width: 300px;
}

.hero-dashboard-dynamics-crm .hero-card-financials {
  left: 0;
  top: 0;
  width: 296px;
}

.hero-dashboard-dynamics-crm .hero-card-workflow {
  left: auto;
  right: 0;
  top: 56px;
  width: 318px;
}

.hero-dashboard-dynamics-crm .hero-card-inventory {
  left: 34px;
  right: auto;
  top: 224px;
  width: 292px;
}

.hero-dashboard-dynamics-crm .hero-card-report {
  right: 40px;
  top: 224px;
  width: 304px;
}

.hero-dashboard-dynamics-crm .hero-card-supply {
  bottom: 0;
  left: calc(50% - 305px);
  width: 610px;
}

.hero-dashboard-dynamics-erp .hero-card-workflow {
  min-height: 206px;
}

.hero-dashboard-dynamics-erp .hero-card-report {
  min-height: 206px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .hero-dashboard-stage {
    --hero-card-w: 250px;
    --hero-core-w: 390px;
    height: 460px;
    max-width: 100%;
  }

  .hero-dashboard-core {
    min-height: 190px;
    padding: 24px 26px;
    top: 88px;
  }

  .hero-dashboard-core strong {
    font-size: 1.7rem;
  }

  .hero-dashboard-core span {
    font-size: 1.35rem;
  }

  .hero-metric-card {
    min-height: 132px;
    padding: 17px;
  }

  .hero-card-workflow,
  .hero-card-report {
    top: 212px;
    width: 245px;
  }

  .hero-card-supply {
    left: calc(50% - 220px);
    width: 440px;
  }

  .hero-dashboard-salesforce .hero-dashboard-core,
  .hero-dashboard-insurance .hero-dashboard-core {
    left: calc(50% - 190px);
    width: 380px;
  }

  .hero-dashboard-salesforce .hero-card-financials,
  .hero-dashboard-salesforce .hero-card-inventory,
  .hero-dashboard-salesforce .hero-card-workflow,
  .hero-dashboard-salesforce .hero-card-report,
  .hero-dashboard-insurance .hero-card-financials,
  .hero-dashboard-insurance .hero-card-inventory,
  .hero-dashboard-insurance .hero-card-workflow,
  .hero-dashboard-insurance .hero-card-report,
  .hero-dashboard-dynamics-crm .hero-card-financials,
  .hero-dashboard-dynamics-crm .hero-card-workflow,
  .hero-dashboard-dynamics-crm .hero-card-inventory,
  .hero-dashboard-dynamics-crm .hero-card-report {
    width: 250px;
  }

  .hero-dashboard-salesforce .hero-card-workflow,
  .hero-dashboard-insurance .hero-card-workflow,
  .hero-dashboard-dynamics-crm .hero-card-inventory {
    left: 0;
    top: 212px;
  }

  .hero-dashboard-salesforce .hero-card-report,
  .hero-dashboard-insurance .hero-card-report,
  .hero-dashboard-dynamics-crm .hero-card-report {
    right: 0;
    top: 212px;
  }

  .hero-dashboard-dynamics-crm .hero-card-inventory,
  .hero-dashboard-dynamics-crm .hero-card-report {
    top: 214px;
    width: 250px;
  }

  .hero-dashboard-salesforce .hero-card-supply,
  .hero-dashboard-insurance .hero-card-supply,
  .hero-dashboard-dynamics-crm .hero-card-supply {
    left: calc(50% - 220px);
    width: 440px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .hero-dashboard-stage {
    --hero-card-w: 210px;
    --hero-core-w: 320px;
    height: 410px;
    max-width: 100%;
  }

  .hero-dashboard-core {
    gap: 12px;
    min-height: 170px;
    padding: 20px;
    top: 76px;
  }

  .hero-dashboard-core strong {
    font-size: 1.42rem;
  }

  .hero-dashboard-core span {
    font-size: 1.12rem;
  }

  .hero-dashboard-core p {
    font-size: .78rem;
  }

  .hero-core-metrics {
    flex-wrap: wrap;
  }

  .hero-metric-card {
    min-height: 112px;
    padding: 14px;
  }

  .hero-metric-card strong {
    font-size: 1.24rem;
  }

  .hero-card-workflow,
  .hero-card-report {
    top: 198px;
    width: 210px;
  }

  .hero-card-workflow {
    left: 0;
  }

  .hero-card-report {
    right: 0;
  }

  .hero-card-supply {
    left: calc(50% - 190px);
    min-height: 104px;
    width: 380px;
  }

  .hero-dashboard-salesforce .hero-dashboard-core,
  .hero-dashboard-insurance .hero-dashboard-core {
    left: calc(50% - 160px);
    width: 320px;
  }

  .hero-dashboard-salesforce .hero-card-workflow,
  .hero-dashboard-insurance .hero-card-workflow,
  .hero-dashboard-dynamics-crm .hero-card-inventory {
    left: 0;
    top: 198px;
    width: 210px;
  }

  .hero-dashboard-salesforce .hero-card-report,
  .hero-dashboard-insurance .hero-card-report,
  .hero-dashboard-dynamics-crm .hero-card-report {
    right: 0;
    top: 198px;
    width: 210px;
  }

  .hero-dashboard-salesforce .hero-card-financials,
  .hero-dashboard-salesforce .hero-card-inventory,
  .hero-dashboard-salesforce .hero-card-workflow,
  .hero-dashboard-salesforce .hero-card-report,
  .hero-dashboard-insurance .hero-card-financials,
  .hero-dashboard-insurance .hero-card-inventory,
  .hero-dashboard-insurance .hero-card-workflow,
  .hero-dashboard-insurance .hero-card-report,
  .hero-dashboard-dynamics-crm .hero-card-financials,
  .hero-dashboard-dynamics-crm .hero-card-workflow,
  .hero-dashboard-dynamics-crm .hero-card-inventory,
  .hero-dashboard-dynamics-crm .hero-card-report {
    width: 210px;
  }

  .hero-dashboard-salesforce .hero-card-supply,
  .hero-dashboard-insurance .hero-card-supply,
  .hero-dashboard-dynamics-crm .hero-card-supply {
    left: calc(50% - 170px);
    width: 340px;
  }
}

.hero-swiper .swiper-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  bottom: 24px !important;
}

.hero-swiper .swiper-slide {
  pointer-events: none;
}

.hero-swiper .swiper-slide-active {
  pointer-events: auto;
  z-index: 2;
}

.hero-swiper .swiper-slide-prev,
.hero-swiper .swiper-slide-next {
  z-index: 1;
}

.hero-swiper .swiper-pagination-bullet {
  transition: opacity .3s ease, transform .3s ease, width .3s ease;
}

.hero-swiper .swiper-pagination-bullet-active {
  transform: scale(1.05);
}

@media (min-width: 768px) and (max-height: 900px) {
  .hero-swiper,
  .hero-swiper .swiper-slide {
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .hero-content-frame {
    padding: 114px 0 34px;
  }

  .hero-badge-row {
    gap: 8px;
  }

  .hero-kicker,
  .hero-support-badge {
    font-size: 13px;
    padding-block: 6px;
  }

  .hero-title {
    font-size: clamp(2.06rem, 2.5vw, 2.42rem);
    line-height: 1.1;
    margin-top: 12px;
    max-width: 880px;
  }

  .hero-visual-wrap {
    height: 500px;
    margin-top: 8px;
  }

  .hero-dashboard-stage {
    transform: scale(.96);
    transform-origin: top center;
  }

  .hero-actions {
    margin-top: -4px;
  }

  .hero-actions .btn {
    min-height: 42px;
    padding-inline: 18px;
  }

  .hero-swiper .swiper-pagination {
    bottom: 18px !important;
  }
}

@media (min-width: 768px) and (max-height: 800px) {
  .hero-content-frame {
    padding: 96px 0 28px;
  }

  .hero-kicker,
  .hero-support-badge {
    font-size: 12px;
    padding-block: 5px;
  }

  .hero-title {
    font-size: clamp(1.82rem, 2.24vw, 2.12rem);
    margin-top: 10px;
    max-width: 780px;
  }

  .hero-visual-wrap {
    height: 430px;
    margin-top: 10px;
  }

  .hero-dashboard-stage {
    transform: scale(.84);
  }

  .hero-actions {
    margin-top: -2px;
  }

  .hero-actions .btn {
    min-height: 40px;
    padding-inline: 16px;
  }

  .hero-swiper .swiper-pagination {
    bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-height: 720px) {
  .hero-content-frame {
    padding: 86px 0 24px;
  }

  .hero-support-badge {
    display: none;
  }

  .hero-title {
    font-size: clamp(1.55rem, 2vw, 1.82rem);
    max-width: 700px;
  }

  .hero-visual-wrap {
    height: 370px;
    margin-top: 8px;
  }

  .hero-dashboard-stage {
    transform: scale(.74);
  }

  .hero-actions {
    margin-top: -4px;
  }

  .hero-actions .btn {
    min-height: 38px;
    padding-inline: 14px;
  }
}

@keyframes heroFloatOne {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-22px, 18px, 0) scale(1.08);
  }
}

@keyframes heroFloatTwo {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(24px, -20px, 0) scale(.94);
  }
}

@keyframes heroDashboardFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -5px, 0);
  }
}

@media (max-width: 767px) {
  .hero-swiper {
    background-attachment: scroll;
    background-position: 20% center;
  }

  .hero-swiper,
  .hero-swiper .swiper-slide {
    min-height: 870px !important;
  }

  .hero-content-frame {
    padding: 104px 0 88px;
  }

  .hero-kicker,
  .hero-title,
  .hero-copy,
  .hero-actions,
  .hero-visual-wrap {
    filter: none !important;
  }

  .hero-title {
    font-size: clamp(1.55rem, 8vw, 2.05rem) !important;
    margin-top: 16px;
    max-width: 340px !important;
  }

  .hero-badge-row-primary {
    padding-inline: 10px;
  }

  .hero-badge-row-primary .hero-kicker {
    font-size: 12px;
    line-height: 1.25;
    max-width: min(340px, calc(100vw - 44px));
    padding: 7px 12px;
    text-align: center;
    text-wrap: balance;
    white-space: normal;
  }

  .hero-badge-row-support {
    padding-inline: 12px;
  }

  .hero-badge-row-support .hero-kicker {
    font-size: 12px;
    line-height: 1.25;
    max-width: min(310px, calc(100vw - 72px));
    padding: 7px 12px;
    text-align: center;
    white-space: normal;
  }

  .hero-copy {
    margin-top: 14px;
    max-width: 320px !important;
  }

  .hero-actions {
    margin-top: 20px;
    max-width: min(100%, 330px);
    width: 100%;
  }

  .hero-actions .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    min-height: 44px;
    padding-inline: 18px;
    text-wrap: balance;
    white-space: normal;
    width: 100%;
  }

  .hero-visual-wrap {
    margin-top: 28px;
    max-width: 390px !important;
    padding: 0;
  }

  .hero-visual-wrap img {
    object-fit: contain;
    max-height: 270px !important;
  }

  .hero-dashboard-stage {
    height: 330px;
    max-width: 390px;
  }

  .hero-dashboard-stage .hero-badge-row-overlay {
    left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hero-dashboard-salesforce .hero-dashboard-core,
  .hero-dashboard-insurance .hero-dashboard-core,
  .hero-dashboard-dynamics-erp .hero-dashboard-core,
  .hero-dashboard-dynamics-crm .hero-dashboard-core {
    border-radius: 16px;
    gap: 12px;
    left: calc(50% - min(160px, 44vw));
    min-height: 168px;
    padding: 20px;
    top: 86px;
    width: min(320px, 88vw);
  }

  .hero-dynamics-mark {
    height: 48px;
    width: 48px;
  }

  .hero-dashboard-core span {
    font-size: 1.2rem;
  }

  .hero-dashboard-core strong {
    font-size: 1.45rem;
  }

  .hero-dashboard-core p {
    font-size: .76rem;
  }

  .hero-core-metrics {
    flex-wrap: wrap;
    gap: 7px;
  }

  .hero-core-metrics span {
    font-size: .68rem;
    padding: 6px 8px;
  }

  .hero-metric-card {
    display: none;
  }

  .hero-dashboard-salesforce .hero-card-financials,
  .hero-dashboard-insurance .hero-card-financials,
  .hero-dashboard-dynamics-erp .hero-card-financials,
  .hero-dashboard-dynamics-crm .hero-card-financials,
  .hero-dashboard-salesforce .hero-card-report,
  .hero-dashboard-insurance .hero-card-report,
  .hero-dashboard-dynamics-erp .hero-card-report,
  .hero-dashboard-dynamics-crm .hero-card-report {
    display: none;
  }

  .hero-card-icon {
    height: 30px;
    right: 10px;
    top: 10px;
    width: 30px;
  }

  .hero-card-icon svg {
    height: 18px;
    width: 18px;
  }

  .hero-metric-card span {
    font-size: .72rem;
  }

  .hero-metric-card small,
  .hero-metric-card em {
    font-size: .62rem;
  }

  .hero-metric-card strong {
    font-size: 1.08rem;
    margin-top: 7px;
  }

  .hero-line-chart,
  .hero-bar-chart {
    display: none;
  }

  .hero-orb {
    opacity: .32;
  }

  .hero-swiper .swiper-pagination {
    bottom: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-orb,
  .hero-visual-wrap {
    animation: none;
  }
}

.salesforce-showcase {
  background:
    radial-gradient(circle at 12% 12%, rgba(131, 231, 238, .2), transparent 28%),
    radial-gradient(circle at 92% 20%, rgba(134, 79, 254, .14), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.salesforce-showcase-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.salesforce-showcase-card {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 24px;
  box-shadow: 0 22px 58px rgba(22, 65, 125, .08);
  min-height: 400px;
  overflow: hidden;
  position: relative;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.salesforce-showcase-card:hover {
  border-color: rgba(134, 79, 254, .28);
  box-shadow: 0 30px 80px rgba(22, 65, 125, .12);
  transform: translateY(-6px);
}

.salesforce-visual {
  align-items: center;
  background:
    radial-gradient(circle at 72% 16%, rgba(134, 79, 254, .18), transparent 28%),
    linear-gradient(180deg, rgba(22, 65, 125, .72) 0%, rgba(131, 231, 238, .18) 100%);
  color: #16417d;
  display: flex;
  height: 235px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.salesforce-visual:before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, .8) 1.4px, transparent 1.5px);
  background-size: 52px 52px;
  content: "";
  inset: 0;
  opacity: .42;
  position: absolute;
}

.salesforce-visual:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .62) 100%);
  content: "";
  inset: 0;
  position: absolute;
}

.salesforce-card-copy {
  background: #fff;
  border-top: 1px solid rgba(223, 228, 235, .85);
  min-height: 165px;
  padding: 22px 22px 26px;
  position: relative;
  z-index: 2;
}

.salesforce-card-copy h3 {
  color: var(--color-secondary);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 10px;
}

.salesforce-card-copy p {
  color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
  font-size: .9rem;
  line-height: 1.55;
}

.sf-mini-window,
.sf-performance-card,
.sf-admin-panel,
.sf-network-card,
.sf-flow-node,
.sf-managed-pill {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .74);
  box-shadow: 0 18px 50px rgba(22, 65, 125, .16);
  position: relative;
  z-index: 2;
}

.sf-mini-window {
  border-radius: 20px;
  padding: 16px;
  width: min(480px, 82%);
}

.sf-window-top {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}

.sf-window-top span {
  background: rgba(22, 65, 125, .22);
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.sf-dashboard-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1.25fr .75fr;
}

.sf-customer-panel,
.sf-kpi-panel,
.sf-chart-line {
  background: #f7fbff;
  border: 1px solid rgba(22, 65, 125, .08);
  border-radius: 14px;
  padding: 14px;
}

.sf-customer-panel {
  grid-row: span 2;
}

.sf-customer-panel span,
.sf-kpi-panel span,
.sf-performance-card span {
  color: rgba(22, 65, 125, .52);
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}

.sf-customer-panel strong,
.sf-kpi-panel strong,
.sf-performance-card strong {
  color: var(--color-secondary);
  display: block;
  font-size: 22px;
  line-height: 1.1;
}

.sf-customer-panel small {
  color: rgba(22, 65, 125, .5);
  display: block;
  margin-top: 18px;
}

.sf-chart-line {
  background:
    linear-gradient(180deg, rgba(134, 79, 254, .14), transparent),
    #f7fbff;
  grid-column: span 2;
  height: 58px;
  position: relative;
}

.sf-chart-line:before {
  background: linear-gradient(90deg, #16417d, #864ffe, #83e7ee);
  border-radius: 999px;
  content: "";
  height: 5px;
  left: 18px;
  position: absolute;
  right: 58px;
  top: 28px;
  transform: skewY(-8deg);
}

.salesforce-visual-workflow {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  /* padding-left: 54px; */
}

.sf-flow-node {
  border-radius: 999px;
  color: rgba(22, 65, 125, .72);
  font-size: 14px;
  padding: 10px 18px;
}

.sf-flow-node-active {
  background: #864ffe;
  color: #fff;
}

.sf-flow-line {
  background: rgba(255, 255, 255, .72);
  display: block;
  height: 28px;
  margin-left: 28px;
  position: relative;
  width: 2px;
  z-index: 2;
}

.sf-rocket {
  animation: sfFloat 5s ease-in-out infinite;
  color: #fff;
  position: absolute;
  right: 16%;
  top: 30px;
  z-index: 2;
}

.sf-network-ring {
  align-items: center;
  animation: sfPulse 4.8s ease-in-out infinite;
  border: 2px solid rgba(255, 255, 255, .78);
  border-radius: 999px;
  color: #fff;
  display: flex;
  height: 148px;
  justify-content: center;
  position: relative;
  width: 148px;
  z-index: 2;
}

.sf-network-ring strong {
  font-size: 16px;
  font-weight: 600;
}

.sf-network-ring span {
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(22, 65, 125, .18);
  height: 18px;
  position: absolute;
  width: 18px;
}

.sf-network-ring span:nth-child(1) { left: 18px; top: 18px; }
.sf-network-ring span:nth-child(2) { right: 18px; top: 18px; }
.sf-network-ring span:nth-child(3) { bottom: 18px; left: 18px; }
.sf-network-ring span:nth-child(4) { bottom: 18px; right: 18px; }

.sf-network-card {
  border-radius: 999px;
  color: var(--color-secondary);
  font-size: 13px;
  padding: 10px 16px;
  position: absolute;
  z-index: 2;
}

.sf-network-card-left {
  left: 13%;
  top: 44px;
}

.sf-network-card-right {
  bottom: 48px;
  right: 12%;
}

.sf-cloud-gear {
  color: #fff;
  position: relative;
  z-index: 2;
}

.sf-managed-pill {
  border-radius: 999px;
  bottom: 44px;
  color: var(--color-secondary);
  font-size: 14px;
  left: 50%;
  padding: 10px 18px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.sf-shield {
  color: #fff;
  position: relative;
  z-index: 2;
}

.sf-admin-panel {
  border-radius: 16px;
  display: grid;
  gap: 8px;
  padding: 12px;
  position: absolute;
  right: 14%;
  top: 48px;
  width: 150px;
  z-index: 2;
}

.sf-admin-panel span {
  background: rgba(22, 65, 125, .07);
  border-radius: 999px;
  color: rgba(22, 65, 125, .66);
  font-size: 12px;
  padding: 7px 10px;
}

.sf-performance-card {
  border-radius: 20px;
  padding: 18px;
  width: 210px;
}

.sf-performance-card strong {
  font-size: 48px;
}

.sf-performance-bars {
  align-items: end;
  display: flex;
  gap: 7px;
  height: 54px;
  margin-top: 16px;
}

.sf-performance-bars i {
  background: linear-gradient(180deg, #864ffe, #83e7ee);
  border-radius: 999px;
  display: block;
  flex: 1;
}

.sf-performance-bars i:nth-child(1) { height: 42%; }
.sf-performance-bars i:nth-child(2) { height: 64%; }
.sf-performance-bars i:nth-child(3) { height: 84%; }
.sf-performance-bars i:nth-child(4) { height: 100%; }

.sf-analytics-line {
  color: rgba(255, 255, 255, .88);
  height: 150px;
  left: 8%;
  position: absolute;
  top: 44px;
  width: 84%;
  z-index: 1;
}

@keyframes sfFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}

@keyframes sfPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}

@media (max-width: 1199px) {
  .salesforce-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .salesforce-showcase-card {
    min-height: 420px;
  }

  .salesforce-visual {
    height: 260px;
  }

  .salesforce-card-copy {
    min-height: 150px;
    padding: 24px 26px 28px;
  }

  .salesforce-card-copy h3 {
    font-size: 1.16rem;
  }

  .salesforce-card-copy p {
    font-size: .95rem;
  }
}

@media (max-width: 991px) {
  .salesforce-showcase-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .salesforce-showcase-card {
    border-radius: 18px;
    min-height: 0;
  }

  .salesforce-visual {
    height: 230px;
  }

  .salesforce-card-copy {
    padding: 22px;
  }

  .salesforce-card-copy h3 {
    font-size: 1.08rem;
  }

  .sf-mini-window {
    width: 88%;
  }

  .salesforce-visual-workflow {
    padding-left: 24px;
  }

  .sf-rocket {
    opacity: .72;
    right: 8%;
  }

  .sf-admin-panel,
  .sf-network-card {
    display: none;
  }
}

.salesforce-trust-section {
  background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);
  margin-top: -1px;
  overflow: hidden;
  position: relative;
}

.salesforce-trust-marquee-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background: radial-gradient(circle at 8% 0%, rgba(131, 231, 238, .26), transparent 26%),
    radial-gradient(circle at 100% 12%, rgba(134, 79, 254, .16), transparent 30%),
    #fff;
}

.salesforce-trust-marquee-container {
  display: flex;
  gap: 12px;
  padding: 16px;
  min-width: max-content;
  align-items: center;
}

.salesforce-trust-bar {
  background:
    radial-gradient(circle at 8% 0%, rgba(131, 231, 238, .26), transparent 26%),
    radial-gradient(circle at 100% 12%, rgba(134, 79, 254, .16), transparent 30%),
    #fff;
  border: 1px solid rgba(223, 228, 235, .95);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(22, 65, 125, .08);
  padding: 24px;
}

.salesforce-trust-intro {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.salesforce-trust-intro p,
.salesforce-trust-note {
  color: color-mix(in oklab, var(--color-secondary) 62%, transparent);
  font-size: .95rem;
  line-height: 1.5;
}

.salesforce-trust-items {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.salesforce-trust-item {
  align-items: center;
  background: rgba(247, 251, 255, .86);
  border: 1px solid rgba(223, 228, 235, .88);
  border-radius: 18px;
  display: flex;
  gap: 12px;
  min-height: 86px;
  padding: 14px;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  flex: 0 0 auto;
  white-space: nowrap;
}

.salesforce-trust-item:hover {
  border-color: rgba(134, 79, 254, .26);
  box-shadow: 0 18px 44px rgba(22, 65, 125, .09);
  transform: translateY(-4px);
}

.salesforce-trust-icon {
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .11);
  display: block;
  flex: 0 0 auto;
  height: 52px;
  overflow: hidden;
  position: relative;
  width: 52px;
}

.salesforce-trust-icon:after {
  background: linear-gradient(135deg, rgba(134, 79, 254, .22), rgba(131, 231, 238, .28));
  content: "";
  inset: 0;
  position: absolute;
}

.salesforce-trust-icon img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.bg-gradient{
      background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
}

.recognition-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(131, 231, 238, .18), transparent 30%),
    radial-gradient(circle at 92% 22%, rgba(134, 79, 254, .14), transparent 32%),
    linear-gradient(180deg, #fff 0%, #f8fcff 100%);
}

.recognition-logo-grid {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)),
    radial-gradient(circle at 16% 18%, rgba(131, 231, 238, .18), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(134, 79, 254, .14), transparent 36%);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(22, 65, 125, .09);
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  max-width: 1040px;
  overflow: visible;
  padding: clamp(20px, 3vw, 38px);
  position: relative;
}

.recognition-logo-grid:before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .86), transparent);
  content: "";
  height: 100%;
  left: -32%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-18deg);
  width: 22%;
  animation: recognitionPanelShine 7s ease-in-out infinite;
}

.recognition-logo-card {
  align-items: center;
  animation: recognitionBadgeFloat 4.8s ease-in-out infinite;
  animation-delay: calc(var(--recognition-index, 0) * .18s);
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(223, 228, 235, .88);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(22, 65, 125, .08);
  display: flex;
  flex: 0 1 174px;
  justify-content: center;
  min-height: 166px;
  padding: 16px;
  position: relative;
  transform: scale(.96);
  transition: border-color .32s ease, box-shadow .32s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.recognition-logo-card:nth-child(1) { --recognition-index: 1; }
.recognition-logo-card:nth-child(2) { --recognition-index: 2; }
.recognition-logo-card:nth-child(3) { --recognition-index: 3; }
.recognition-logo-card:nth-child(4) { --recognition-index: 4; }
.recognition-logo-card:nth-child(5) { --recognition-index: 5; }
.recognition-logo-card:nth-child(6) { --recognition-index: 6; }
.recognition-logo-card:nth-child(7) { --recognition-index: 7; }
.recognition-logo-card:nth-child(8) { --recognition-index: 8; }
.recognition-logo-card:nth-child(9) { --recognition-index: 9; }

.recognition-logo-card-featured {
  flex-basis: 188px;
  min-height: 178px;
  transform: scale(1);
}

.recognition-logo-card:after {
  background: radial-gradient(circle at 50% 0%, rgba(131, 231, 238, .22), transparent 60%);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .28s ease;
}

.recognition-logo-card:hover {
  border-color: rgba(134, 79, 254, .24);
  box-shadow: 0 28px 68px rgba(22, 65, 125, .16);
  transform: translateY(-8px) scale(1.08);
}

.recognition-logo-card:hover:after {
  opacity: 1;
}

.recognition-logo-card img {
  display: block;
  height: auto;
  max-height: 118px;
  max-width: 100%;
  object-fit: contain;
  transition: transform .34s cubic-bezier(.22, 1, .36, 1);
  width: auto;
}

.recognition-logo-card:hover img {
  transform: scale(1.12);
}

.client-recognition-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(131, 231, 238, .14), transparent 28%),
    radial-gradient(circle at 92% 22%, rgba(134, 79, 254, .1), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f9fcff 100%);
}

.client-logo-grid {
  align-items: stretch;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)),
    radial-gradient(circle at 16% 18%, rgba(131, 231, 238, .16), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(134, 79, 254, .12), transparent 36%);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(22, 65, 125, .08);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1160px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.client-logo-grid:before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .82), transparent);
  content: "";
  height: 100%;
  left: -32%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-18deg);
  width: 22%;
  animation: recognitionPanelShine 7s ease-in-out infinite;
}

.client-logo-card {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border: 0;
  border-bottom: 1px dashed rgba(22, 65, 125, .2);
  border-right: 1px dashed rgba(22, 65, 125, .2);
  border-radius: 0;
  box-shadow: none;
  display: flex;
  justify-content: center;
  min-height: 132px;
  overflow: hidden;
  padding: 18px 16px;
  position: relative;
  text-align: center;
  transition: background .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
}

.client-logo-card:nth-child(6n) {
  border-right: 0;
}

.client-logo-card:nth-child(n + 13) {
  border-bottom: 0;
}

.client-logo-card:nth-child(1) { --recognition-index: 1; }
.client-logo-card:nth-child(2) { --recognition-index: 2; }
.client-logo-card:nth-child(3) { --recognition-index: 3; }
.client-logo-card:nth-child(4) { --recognition-index: 4; }
.client-logo-card:nth-child(5) { --recognition-index: 5; }
.client-logo-card:nth-child(6) { --recognition-index: 6; }
.client-logo-card:nth-child(7) { --recognition-index: 7; }
.client-logo-card:nth-child(8) { --recognition-index: 8; }
.client-logo-card:nth-child(9) { --recognition-index: 9; }
.client-logo-card:nth-child(10) { --recognition-index: 10; }
.client-logo-card:nth-child(11) { --recognition-index: 11; }
.client-logo-card:nth-child(12) { --recognition-index: 12; }
.client-logo-card:nth-child(13) { --recognition-index: 13; }
.client-logo-card:nth-child(14) { --recognition-index: 14; }
.client-logo-card:nth-child(15) { --recognition-index: 15; }
.client-logo-card:nth-child(16) { --recognition-index: 16; }
.client-logo-card:nth-child(17) { --recognition-index: 17; }
.client-logo-card:nth-child(18) { --recognition-index: 18; }

.client-logo-card:after {
  background: radial-gradient(circle at 50% 0%, rgba(131, 231, 238, .18), transparent 60%);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .28s ease;
}

.client-logo-card:hover {
  background: rgba(255, 255, 255, 1);
  transform: translateY(-3px);
}

.client-logo-card:hover:after {
  opacity: 1;
}

.client-logo-card span {
  display: block;
  font-size: clamp(1rem, 1.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.05;
}

.client-logo-card img {
  display: block;
  height: auto;
  max-height: 88px;
  max-width: 92%;
  object-fit: contain;
  position: relative;
  width: auto;
  z-index: 1;
}

.client-logo-card-honeywell {
  background: #df0000;
}

.client-logo-card-honeywell span,
.client-logo-card-cocacola span {
  color: #fff;
}

.client-logo-card-beonhome span {
  color: #8a8f9c;
  font-size: clamp(1rem, 1.2vw, 1.65rem);
  font-weight: 600;
}

.client-logo-card-federal span {
  color: #0f5da7;
  font-size: clamp(1rem, 1.15vw, 1.55rem);
}

.client-logo-card-horizons span {
  color: #b26a2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.2vw, 1.7rem);
  font-weight: 500;
  letter-spacing: .04em;
}

.client-logo-card-stl span {
  color: #2d56c9;
  font-size: clamp(1.6rem, 2vw, 3rem);
  letter-spacing: -.06em;
}

.client-logo-card-cocacola {
  background: #ef2230;
}

.client-logo-card-cocacola span {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 700;
}

.client-logo-card-jcb {
  background: #ffb52d;
}

.client-logo-card-jcb span {
  background: #111;
  color: #fff;
  padding: 8px 12px;
}

.client-logo-card-stryker span {
  color: #111;
  font-size: clamp(1.2rem, 1.5vw, 2rem);
  font-weight: 700;
}

.client-logo-card-mazree span {
  color: #39566d;
  font-size: clamp(1.05rem, 1.3vw, 1.8rem);
  font-weight: 500;
  letter-spacing: .12em;
}

.client-logo-card-youngcow span {
  color: #4c8fc0;
  font-size: clamp(.95rem, 1.1vw, 1.35rem);
  text-transform: lowercase;
}

.client-logo-card-amarujala span {
  color: #d11f1f;
  font-size: clamp(1rem, 1.25vw, 1.65rem);
}

.client-logo-card-tci span {
  color: #111;
  font-size: clamp(1.4rem, 1.8vw, 2.5rem);
  font-style: italic;
}

.client-logo-card-royalenfield span {
  color: #da3728;
  font-size: clamp(1.1rem, 1.45vw, 2rem);
}

.client-logo-card-growgeneration span {
  color: #37a7d8;
  font-size: clamp(.95rem, 1.1vw, 1.35rem);
}

.client-logo-card-cmc span {
  background: linear-gradient(135deg, #6bd35f, #3aa9ff 54%, #864ffe);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: clamp(1.4rem, 1.8vw, 2.5rem);
}

.client-logo-card-grind span {
  color: #c34a25;
  font-size: clamp(1rem, 1.2vw, 1.55rem);
}

.client-logo-card-kb span {
  color: #303030;
  font-size: clamp(1.05rem, 1.25vw, 1.6rem);
}

.client-logo-card-cart span {
  color: #2a8de0;
  font-size: clamp(1.05rem, 1.25vw, 1.7rem);
}

@media (max-width: 1199px) {
  .client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .client-logo-card,
  .client-logo-card:nth-child(6n),
  .client-logo-card:nth-child(n + 13) {
    border-bottom: 1px dashed rgba(22, 65, 125, .2);
    border-right: 1px dashed rgba(22, 65, 125, .2);
  }

  .client-logo-card:nth-child(4n) {
    border-right: 0;
  }

  .client-logo-card:nth-child(n + 17) {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .client-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-logo-card {
    min-height: 104px;
    padding: 14px 10px;
  }

  .client-logo-card,
  .client-logo-card:nth-child(4n),
  .client-logo-card:nth-child(n + 17) {
    border-bottom: 1px dashed rgba(22, 65, 125, .18);
    border-right: 1px dashed rgba(22, 65, 125, .18);
  }

  .client-logo-card:nth-child(2n) {
    border-right: 0;
  }

  .client-logo-card:nth-child(n + 17) {
    border-bottom: 0;
  }

  .client-logo-card img {
    max-height: 72px;
    max-width: 94%;
  }

  .client-logo-card:hover {
    transform: translateY(-2px);
  }
}

@keyframes recognitionBadgeFloat {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -5px;
  }
}

@keyframes recognitionPanelShine {
  0%, 45% {
    left: -32%;
    opacity: 0;
  }
  55% {
    opacity: .8;
  }
  100% {
    left: 112%;
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .recognition-logo-grid {
    gap: 12px;
    padding: 16px;
  }

  .recognition-logo-card,
  .recognition-logo-card-featured {
    flex-basis: calc(50% - 6px);
    min-height: 138px;
    padding: 14px;
    transform: none;
  }

  .recognition-logo-card:hover {
    transform: translateY(-4px) scale(1.04);
  }

  .recognition-logo-card img {
    max-height: 96px;
  }
}

.business-central-card-grid {
  align-items: stretch;
}

.stats-strip-section {
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.stats-strip-panel {
  background:
    radial-gradient(circle at 12% 20%, rgba(131, 231, 238, .24), transparent 34%),
    radial-gradient(circle at 88% 38%, rgba(134, 79, 254, .22), transparent 38%),
    linear-gradient(135deg, rgba(131, 231, 238, .18) 0%, rgba(247, 251, 255, .92) 48%, rgba(134, 79, 254, .18) 100%);
  border: 1px solid rgba(131, 231, 238, .34);
  box-shadow: 0 20px 60px rgba(22, 65, 125, .08), inset 0 1px 0 rgba(255, 255, 255, .72);
  overflow: hidden;
  position: relative;
}

.stats-strip-panel:before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .1)),
    linear-gradient(90deg, rgba(255, 255, 255, .16), transparent 40%, rgba(255, 255, 255, .16));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.stats-strip-item {
  min-height: 150px;
  position: relative;
  z-index: 1;
}

.stats-strip-item:not(:last-child):after {
  background: linear-gradient(180deg, transparent, rgba(22, 65, 125, .08), rgba(22, 65, 125, .34), rgba(22, 65, 125, .08), transparent);
  bottom: 28px;
  content: "";
  position: absolute;
  right: 0;
  top: 28px;
  width: 1px;
}

.stats-strip-number {
  color: #16417d;
  letter-spacing: .08em;
  text-shadow: 0 12px 26px rgba(22, 65, 125, .12);
}

.stats-strip-label {
  color: #16417d;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 767px) {
  .stats-strip-item:not(:last-child):after {
    background: linear-gradient(90deg, transparent, rgba(22, 65, 125, .08), rgba(22, 65, 125, .34), rgba(22, 65, 125, .08), transparent);
    bottom: 0;
    height: 1px;
    left: 28px;
    right: 28px;
    top: auto;
    width: auto;
  }
}

.business-central-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 500px;
  background: linear-gradient(135deg, rgba(131, 231, 238, .1), rgba(134, 79, 254, .13));
}

.business-central-card-media {
  flex: 0 0 auto;
  height: 260px;
  padding: 10px;
}

.business-central-card-media img {
  border-radius: 16px;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.business-central-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.business-central-card-body p {
  flex: 1;
}

.business-central-card-body h4 {
  font-size: 22px;
}

.business-central-card-body p {
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 767px) {
  .business-central-card {
    min-height: auto;
  }

  .business-central-card-media {
    height: 220px;
    padding: 8px;
  }
}

.salesforce-trust-item strong {
  color: var(--color-secondary);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.25;
}

.salesforce-trust-note {
  border-top: 1px solid rgba(223, 228, 235, .8);
  margin-top: 18px;
  padding-top: 16px;
}

@media (max-width: 1199px) {
  .salesforce-trust-item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .salesforce-trust-marquee-container {
    padding: 12px;
    gap: 8px;
  }

  .salesforce-trust-item {
    min-height: auto;
    padding: 10px;
    gap: 8px;
  }

  .salesforce-trust-item strong {
    font-size: .85rem;
  }

  .salesforce-trust-icon {
    height: 40px;
    width: 40px;
  }

  .salesforce-trust-item:hover {
    transform: none;
  }
}

.dynamics-showcase {
  background: #f7f8fa;
  overflow: hidden;
  position: relative;
}

.dynamics-showcase:before,
.dynamics-showcase:after {
  border-radius: 999px;
  content: "";
  filter: blur(70px);
  opacity: .52;
  pointer-events: none;
  position: absolute;
}

.dynamics-showcase:before {
  background: rgba(131, 231, 238, .28);
  height: 260px;
  left: -90px;
  top: 120px;
  width: 260px;
}

.dynamics-showcase:after {
  background: rgba(134, 79, 254, .18);
  bottom: 120px;
  height: 300px;
  right: -100px;
  width: 300px;
}

.dynamics-card-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  position: relative;
  z-index: 1;
}

.dynamics-card {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 26px;
  box-shadow: 0 20px 58px rgba(22, 65, 125, .06);
  display: flex;
  flex-direction: column;
  min-height: 430px;
  overflow: hidden;
  padding: 34px;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.dynamics-card:hover {
  border-color: rgba(134, 79, 254, .24);
  box-shadow: 0 30px 84px rgba(22, 65, 125, .11);
  transform: translateY(-6px);
}

.dynamics-card-dark {
  background:radial-gradient(circle at 85% 16%, rgba(134, 63, 190, 13.34), transparent 34%), #003153;
  color: #fff;
}
.dynamics-card-wide {
  grid-column: span 2;
}

.dynamics-card-icon {
  align-items: center;
  color: var(--color-secondary);
  display: flex;
  height: 58px;
  justify-content: center;
  margin-bottom: 44px;
  width: 58px;
}

.dynamics-card-dark .dynamics-card-icon {
  color: rgba(255, 255, 255, .78);
}

.dynamics-card h3 {
  color: var(--color-secondary);
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.22;
  margin-bottom: 12px;
}

.dynamics-card p {
  color: color-mix(in oklab, var(--color-secondary) 62%, transparent);
  font-size: .98rem;
  line-height: 1.56;
}

.dynamics-card-dark h3,
.dynamics-card-dark p {
  color: #fff;
}

.dynamics-card-dark p {
  color: rgba(255, 255, 255, .68);
}

.dynamics-mini-bars,
.dynamics-deploy-panel,
.dynamics-crm-widget,
.dynamics-flow-card,
.dynamics-analytics-panel {
  margin-top: auto;
}

.dynamics-mini-bars {
  align-items: end;
  background: linear-gradient(180deg, rgba(131, 231, 238, .18), rgba(134, 79, 254, .08));
  border-radius: 18px;
  display: flex;
  gap: 10px;
  height: 110px;
  justify-content: center;
  padding: 18px;
}

.dynamics-mini-bars span {
  background: linear-gradient(180deg, #83e7ee, #864ffe);
  border-radius: 999px;
  display: block;
  width: 18px;
}

.dynamics-mini-bars span:nth-child(1) { height: 48%; }
.dynamics-mini-bars span:nth-child(2) { height: 68%; }
.dynamics-mini-bars span:nth-child(3) { height: 86%; }
.dynamics-mini-bars span:nth-child(4) { height: 58%; }

.dynamics-deploy-panel,
.dynamics-crm-widget,
.dynamics-analytics-panel {
  background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
  border: 1px solid rgba(223, 228, 235, .82);
  border-radius: 18px;
  padding: 18px;
}

.dynamics-deploy-panel {
  display: grid;
  gap: 10px;
}

.dynamics-deploy-panel span,
.dynamics-flow-card span {
  background: #fff;
  border: 1px solid rgba(223, 228, 235, .8);
  border-radius: 999px;
  color: rgba(22, 65, 125, .72);
  font-size: 13px;
  padding: 9px 12px;
}

.dynamics-crm-widget strong,
.dynamics-analytics-panel strong {
  color: var(--color-secondary);
  display: block;
  font-size: 34px;
  line-height: 1.1;
}

.dynamics-crm-widget small,
.dynamics-analytics-panel span {
  color: rgba(22, 65, 125, .56);
  display: block;
  font-size: 13px;
  margin-top: 6px;
}

.dynamics-flow-card {
  align-items: center;
  /* background: rgba(255, 255, 255, .08); */
  background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  padding: 18px;
}

.dynamics-flow-card span {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .76);
}

.dynamics-flow-card i {
  background: linear-gradient(90deg, #83e7ee, #864ffe);
  display: block;
  flex: 1;
  height: 2px;
  min-width: 18px;
}

.dynamics-analytics-panel {
  display: grid;
  grid-template-columns: minmax(150px, .65fr) minmax(220px, 1fr);
  gap: 16px;
}

.dynamics-analytics-panel svg {
  align-self: center;
  color: #864ffe;
  width: 100%;
}

@media (max-width: 1199px) {
  .dynamics-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dynamics-card-wide {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .dynamics-card-grid {
    grid-template-columns: 1fr;
  }

  .dynamics-card,
  .dynamics-card-wide {
    grid-column: span 1;
  }

  .dynamics-card {
    border-radius: 20px;
    min-height: 0;
    padding: 26px;
  }

  .dynamics-card:hover {
    transform: none;
  }

  .dynamics-card-icon {
    margin-bottom: 28px;
  }

  .dynamics-analytics-panel {
    grid-template-columns: 1fr;
  }

  .dynamics-flow-card {
    align-items: stretch;
    display: grid;
    gap: 10px;
    padding: 16px;
  }

  .dynamics-flow-card span {
    text-align: center;
    width: 100%;
  }

  .dynamics-flow-card i {
    height: 16px;
    justify-self: center;
    min-width: 2px;
    width: 2px;
  }
}

.startbit-ai-section {
  background-color: #07175a;
  background-image:
    linear-gradient(180deg, rgba(2, 13, 58, .24) 0%, rgba(3, 12, 54, .18) 42%, rgba(2, 9, 42, .3) 100%),
    radial-gradient(circle at 14% 0%, rgba(131, 231, 238, .2), transparent 28%),
    radial-gradient(circle at 84% 82%, rgba(0, 196, 218, .18), transparent 30%),
    url("../images/ai-solutions/ai-section-background-current.png");
  background-position: center, 14% 0%, 84% 82%, center top;
  background-repeat: no-repeat;
  background-size: auto, auto, auto, 100% auto;
}

.ai-gradient-top,
.ai-gradient-bottom {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}

.ai-gradient-top {
  top: -140px;
  height: 430px;
  background: radial-gradient(ellipse at center top, rgba(131, 231, 238, .22), transparent 66%);
}

.ai-gradient-bottom {
  bottom: -210px;
  height: 520px;
  background: radial-gradient(ellipse at center bottom, rgba(0, 212, 230, .22), transparent 68%);
}

.ai-showcase-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ai-solution-card {
  background:
    linear-gradient(145deg, rgba(2, 13, 58, .76), rgba(4, 12, 52, .82)),
    radial-gradient(circle at 18% 12%, rgba(131, 231, 238, .18), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(0, 191, 214, .2), transparent 34%),
    url("../images/ai-solutions/ai-section-background-current.png") center/cover no-repeat,
    #07175a;
  border: 1px solid rgba(131, 231, 238, .18);
  border-radius: 18px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
  color: #fff;
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  min-height: 560px;
  overflow: hidden;
  position: relative;
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

.ai-solution-card:before {
  background: linear-gradient(90deg, rgba(131, 231, 238, .82), rgba(0, 188, 214, .78), rgba(22, 65, 125, .42));
  content: "";
  height: 2px;
  inset: 0 0 auto;
  opacity: .76;
  position: absolute;
  z-index: 3;
}

.ai-solution-card:after {
  background: radial-gradient(circle at 50% 0, rgba(131, 231, 238, .12), transparent 58%);
  content: "";
  inset: 0;
  opacity: .72;
  pointer-events: none;
  position: absolute;
}

.ai-solution-card:hover {
  border-color: rgba(131, 231, 238, .34);
  box-shadow: 0 34px 82px rgba(0, 0, 0, .32);
  transform: translateY(-6px);
}

.ai-solution-card-salesforce {
  grid-column: span 3;
}

.ai-solution-media,
.ai-solution-visual {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(0, 196, 218, .14), rgba(2, 13, 58, .18)),
    radial-gradient(circle at 20% 10%, rgba(131, 231, 238, .2), transparent 40%);
  border-bottom: 1px solid rgba(131, 231, 238, .16);
  display: flex;
  justify-content: center;
  min-height: 250px;
  overflow: hidden;
  padding: 22px;
  position: relative;
  z-index: 2;
}

.ai-solution-media img {
  display: block;
  filter: drop-shadow(0 20px 38px rgba(0, 0, 0, .28));
  height: auto;
  max-height: 220px;
  object-fit: contain;
  width: min(100%, 520px);
}

.ai-routine-media,
.ai-reporting-media,
.ai-strategy-media {
  min-height: 260px;
  padding: 14px;
}

.ai-routine-media img,
.ai-reporting-media img,
.ai-strategy-media img {
  border-radius: 14px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .3);
  height: 230px;
  max-height: none;
  object-fit: cover;
  width: 100%;
}

.ai-routine-media img {
  object-position: center;
}

.ai-reporting-media img {
  object-position: center;
}

.ai-strategy-media img {
  object-position: center;
}

.ai-solution-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 28px;
  position: relative;
  z-index: 4;
}

.ai-solution-eyebrow {
  background: rgba(131, 231, 238, .14);
  border: 1px solid rgba(131, 231, 238, .24);
  border-radius: 999px;
  color: #83e7ee;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;
  margin-bottom: 14px;
  padding: 8px 11px;
  text-transform: uppercase;
  width: fit-content;
}

.ai-solution-copy h3 {
  color: rgba(255, 255, 255, .94);
  font-size: clamp(23px, 1.7vw, 30px);
  font-weight: 600;
  line-height: 1.16;
  margin-bottom: 12px;
}

.ai-solution-copy p {
  color: rgba(255, 255, 255, .68);
  font-size: 15px;
  line-height: 1.62;
}

.ai-solution-copy ul {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.ai-solution-copy li {
  color: rgba(255, 255, 255, .78);
  font-size: 14px;
  line-height: 1.45;
  padding-left: 24px;
  position: relative;
}

.ai-solution-copy li:before {
  background: linear-gradient(135deg, #83e7ee, #00bdd6);
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(131, 231, 238, .08);
  content: "";
  height: 8px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 8px;
}

.ai-solution-visual {
  min-height: 236px;
}

.ai-routine-visual {
  background:
    radial-gradient(circle at 24% 22%, rgba(131, 231, 238, .28), transparent 30%),
    linear-gradient(135deg, rgba(22, 65, 125, .72), rgba(0, 189, 214, .16));
}

.ai-routine-node {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
  color: #16417d;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 14px;
  position: absolute;
  z-index: 3;
}

.ai-routine-node-top {
  left: 12%;
  top: 28%;
}

.ai-routine-node-mid {
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
}

.ai-routine-node-end {
  bottom: 24%;
  right: 12%;
}

.ai-routine-flow {
  background: linear-gradient(90deg, #83e7ee, #00bdd6);
  border-radius: 999px;
  height: 4px;
  left: 18%;
  position: absolute;
  right: 18%;
  top: 50%;
  transform: rotate(9deg);
}

.ai-routine-flow:before,
.ai-routine-flow:after {
  background: #83e7ee;
  border-radius: 50%;
  box-shadow: 0 0 26px rgba(131, 231, 238, .7);
  content: "";
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.ai-routine-flow:before {
  left: 0;
}

.ai-routine-flow:after {
  right: 0;
}

.ai-reporting-visual {
  background:
    radial-gradient(circle at 76% 18%, rgba(131, 231, 238, .26), transparent 34%),
    linear-gradient(135deg, rgba(4, 16, 74, .34), rgba(22, 65, 125, .58));
}

.ai-report-panel {
  background: rgba(255, 255, 255, .92);
  border-radius: 14px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .22);
  color: #16417d;
  min-width: min(100%, 270px);
  padding: 22px;
}

.ai-report-panel span {
  color: rgba(22, 65, 125, .62);
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}

.ai-report-panel strong {
  display: block;
  font-size: 42px;
  line-height: 1;
  margin-bottom: 18px;
}

.ai-report-bars {
  align-items: end;
  display: flex;
  gap: 10px;
  height: 88px;
}

.ai-report-bars i {
  animation: aiForecastBar 3.4s cubic-bezier(.22, 1, .36, 1) infinite;
  background: linear-gradient(180deg, #83e7ee, rgba(0, 189, 214, .6));
  border-radius: 999px 999px 5px 5px;
  display: block;
  height: var(--bar);
  transform: scaleY(.18);
  transform-origin: bottom;
  width: 28px;
}

.ai-solution-card-strategy {
  background:
    linear-gradient(180deg, rgba(2, 13, 58, .82), rgba(2, 8, 42, .9)),
    radial-gradient(circle at 8% 0%, rgba(131, 231, 238, .24), transparent 38%),
    radial-gradient(circle at 86% 70%, rgba(0, 189, 214, .16), transparent 36%),
    url("../images/ai-solutions/ai-section-background-current.png") center/cover no-repeat,
    #07175a;
  justify-content: center;
  min-height: 560px;
  text-align: center;
}

.ai-solution-card-strategy:before {
  background: linear-gradient(180deg, rgba(131, 231, 238, .48), transparent);
  height: 100%;
  opacity: .36;
  width: 2px;
}

.ai-solution-card-strategy:after {
  background:
    radial-gradient(circle at 50% 44%, rgba(131, 231, 238, .14), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0));
  opacity: 1;
}

.ai-solution-card-strategy .ai-solution-copy {
  align-items: center;
  flex: 1;
  justify-content: center;
  margin: 0 auto;
  max-width: 520px;
  padding: 30px 28px 34px;
}

.ai-solution-card-strategy .ai-solution-copy h3 {
  font-size: clamp(28px, 2.2vw, 36px);
  margin-bottom: 14px;
}

.ai-solution-card-strategy .ai-solution-copy p {
  color: rgba(255, 255, 255, .62);
  font-size: 18px;
  line-height: 1.46;
  margin-bottom: 28px;
}

.ai-solution-card-strategy .btn {
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
  color: #16417d;
  min-height: 48px;
  padding-inline: 28px;
}

.ai-solution-card-strategy .btn:hover {
  color: #fff;
}

@media (max-width: 1199px) {
  .ai-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-solution-card,
  .ai-solution-card-salesforce,
  .ai-solution-card-strategy {
    grid-column: span 1;
  }

  .ai-solution-card-strategy {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .ai-showcase-grid {
    grid-template-columns: 1fr;
  }

  .ai-solution-card,
  .ai-solution-card-salesforce,
  .ai-solution-card-strategy {
    grid-column: span 1;
    min-height: auto;
  }

  .ai-solution-media,
  .ai-solution-visual {
    min-height: 210px;
    padding: 18px;
  }

  .ai-solution-copy {
    padding: 24px;
  }
}

.ai-empower-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ai-grid-row {
  display: grid;
  gap: 24px;
}

.ai-grid-row-top {
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
}

.ai-grid-row-bottom {
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr);
}

.ai-side-stack {
  display: grid;
  gap: 24px;
}

.ai-glow-card {
  --xPos: 50%;
  --yPos: 50%;
  background: #0f1217;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  color: #fff;
  min-height: 330px;
  overflow: hidden;
  position: relative;
  transition: border-color .3s ease, transform .3s ease;
}

.ai-glow-card:before,
.ai-glow-card:after {
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: .28;
  pointer-events: none;
  position: absolute;
  transition: opacity .3s ease;
  z-index: 2;
}

.ai-glow-card:before {
  background: radial-gradient(650px circle at var(--xPos) var(--yPos), rgba(134, 79, 254, .48), transparent 26%);
}

.ai-glow-card:after {
  background: radial-gradient(380px circle at var(--xPos) var(--yPos), rgba(131, 231, 238, .32), transparent 34%);
  opacity: .18;
}

.ai-glow-card:hover {
  border-color: rgba(134, 79, 254, .45);
  transform: translateY(-4px);
}

.ai-glow-card:hover:before {
  opacity: .48;
}

.ai-card-glow {
  background: rgba(134, 79, 254, .82);
  border-radius: 999px;
  filter: blur(80px);
  height: 190px;
  left: -80px;
  mix-blend-mode: plus-lighter;
  pointer-events: none;
  position: absolute;
  top: -82px;
  transform: rotate(12deg);
  width: 130px;
  z-index: 1;
}

.ai-card-content {
  bottom: 34px;
  left: 32px;
  max-width: 320px;
  position: absolute;
  right: 32px;
  z-index: 5;
}

.ai-card-content-top {
  bottom: auto;
  top: 32px;
}

.ai-card-content h3 {
  color: rgba(255, 255, 255, .86);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 6px;
}

.ai-card-content p {
  color: rgba(255, 255, 255, .52);
  font-size: 16px;
  line-height: 1.5;
}

.ai-automation-card {
  min-height: 719px;
}

.ai-workflow {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  inset: 26px 28px auto;
  position: absolute;
  z-index: 4;
}

.ai-workflow-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.ai-workflow-step p,
.ai-workflow-step small {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 4px;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  line-height: 1.35;
  padding: 10px 18px;
}

.ai-workflow-step small {
  display: block;
  font-size: 11px;
  margin-top: -4px;
}

.ai-workflow-pill {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 13px;
  gap: 8px;
  padding: 6px 10px;
}

.ai-pill-dot {
  border-radius: 999px;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.ai-pill-blue {
  background: rgba(22, 65, 125, .28);
  color: rgba(131, 231, 238, .72);
}

.ai-pill-blue .ai-pill-dot {
  background: #83e7ee;
}

.ai-pill-cyan {
  background: rgba(131, 231, 238, .11);
  color: rgba(131, 231, 238, .72);
}

.ai-pill-cyan .ai-pill-dot {
  background: #83e7ee;
}

.ai-pill-purple {
  background: rgba(134, 79, 254, .13);
  color: rgba(195, 177, 255, .78);
}

.ai-pill-purple .ai-pill-dot {
  background: #864ffe;
}

.ai-pill-green {
  background: rgba(131, 231, 238, .12);
  color: rgba(131, 231, 238, .72);
}

.ai-pill-green .ai-pill-dot {
  background: #83e7ee;
}

.ai-workflow-arrow {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .18), rgba(255, 255, 255, .04));
  display: block;
  height: 42px;
  position: relative;
  width: 1px;
}

.ai-workflow-arrow:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid rgba(255, 255, 255, .18);
  bottom: -1px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.ai-card-shade {
  background: linear-gradient(to top, #0f1217 20%, rgba(15, 18, 23, 0) 100%);
  bottom: 0;
  height: 410px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 3;
}

.ai-curve-card,
.ai-chat-card {
  min-height: 347px;
}

.ai-chat-card {
  min-height: 390px;
}

.ai-chat-card .ai-card-content {
  max-width: min(350px, 46%);
}

.ai-flow-curve {
  bottom: 18px;
  height: 178px;
  left: 21%;
  position: absolute;
  width: 390px;
  z-index: 4;
}

.ai-flow-curve svg {
  height: 100%;
  overflow: visible;
  width: 100%;
}

.ai-forecast-chart {
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 12px;
  bottom: 70px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
  padding: 16px 16px 14px;
  position: absolute;
  right: 28px;
  z-index: 4;
  width: 400px;
}

.ai-forecast-chart-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.ai-forecast-chart-head span {
  color: rgba(255, 255, 255, .52);
  font-size: 12px;
}

.ai-forecast-chart-head strong {
  color: #83e7ee;
  font-size: 22px;
  line-height: 1;
}

.ai-forecast-chart svg {
  display: block;
  height: 126px;
  width: 100%;
}

.ai-forecast-grid {
  stroke: rgba(255, 255, 255, .08);
  stroke-width: 1;
}

.ai-forecast-area {
  fill: url(#startbitAiCurve);
  opacity: .16;
}

.flow-line-curve-path {
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
  animation: aiForecastDraw 3.4s cubic-bezier(.22, 1, .36, 1) infinite;
}

.ai-forecast-bars {
  align-items: end;
  display: flex;
  gap: 7px;
  height: 34px;
  justify-content: flex-end;
  margin-top: -28px;
  padding-right: 12px;
  position: relative;
  z-index: 2;
}

.ai-forecast-bars i {
  animation: aiForecastBar 3.4s cubic-bezier(.22, 1, .36, 1) infinite;
  background: linear-gradient(180deg, #864ffe, rgba(131, 231, 238, .54));
  border-radius: 999px 999px 4px 4px;
  display: block;
  height: var(--bar);
  transform: scaleY(.18);
  transform-origin: bottom;
  width: 9px;
}

.flow-line-curve-circle {
  background: #fff;
  border-radius: 999px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  z-index: 5;
}

.flow-line-curve-circle:after {
  background: #864ffe;
  border-radius: 999px;
  box-shadow: 0 8px 16px rgba(134, 79, 254, .28);
  content: "";
  height: 20px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 20px;
}

.ai-forecast-metrics {
  bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  left: 28px;
  position: absolute;
  right: 28px;
  z-index: 5;
}

.ai-forecast-metrics span {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: rgba(255, 255, 255, .58);
  font-size: 12px;
  padding: 7px 10px;
}

.ai-chat-figure {
  bottom: 22px;
  max-width: 430px;
  position: absolute;
  right: 24px;
  width: min(52%, 430px);
  z-index: 4;
}

.ai-chat-figure img {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .28);
  display: block;
  height: auto;
  width: 100%;
}


.ai-analytics-card {
  align-items: center;
  display: flex;
  min-height: 334px;
}

.ai-progress-panel {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  margin-left: auto;
  /* margin-right: 42px; */
  padding: 24px 30px 30px;
  position: relative;
  width: min(330px, 48%);
  z-index: 5;
}

.ai-progress-head,
.ai-progress-row,
.ai-progress-axis {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.ai-progress-head {
  margin-bottom: 20px;
}

.ai-progress-head strong {
  color: rgba(255, 255, 255, .32);
  font-size: 20px;
  font-weight: 500;
}

.ai-progress-head span {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 4px;
  color: rgba(255, 255, 255, .32);
  font-size: 12px;
  padding: 5px 8px;
}

.ai-progress-row {
  gap: 16px;
  justify-content: flex-start;
  margin-top: 14px;
}

.ai-progress-row span,
.ai-progress-axis {
  color: rgba(255, 255, 255, .24);
  font-size: 12px;
}

.ai-progress-row span {
  min-width: 76px;
}

.empowering-business-progress-bar {
  border-radius: 999px;
  display: inline-block;
  height: 6px;
  width: var(--bar-width);
}

.ai-progress-purple {
  background: linear-gradient(90deg, rgba(134, 79, 254, 0), #864ffe);
}

.ai-progress-blue {
  background: linear-gradient(90deg, rgba(22, 65, 125, 0), #16417d);
}

.ai-progress-cyan {
  background: linear-gradient(90deg, rgba(131, 231, 238, 0), #83e7ee);
}

.ai-progress-axis {
  gap: 14px;
  justify-content: center;
  margin-top: 18px;
}

@keyframes aiForecastDraw {
  0% {
    stroke-dashoffset: 420;
  }

  48%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes aiForecastBar {
  0% {
    transform: scaleY(.18);
  }

  44%,
  100% {
    transform: scaleY(1);
  }
}

.ai-decision-card {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 334px;
}

.ai-decision-card .ai-card-content {
  bottom: auto;
  left: 50%;
  max-width: 340px;
  right: auto;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 48px);
}

.ai-orbit {
  height: 190px;
  opacity: .42;
  position: absolute;
  width: 190px;
  z-index: 3;
}

.ai-orbit span {
  border: 1px solid rgba(131, 231, 238, .18);
  border-radius: 999px;
  inset: calc(var(--i, 0) * 18px);
  position: absolute;
}

.ai-orbit span:nth-child(1) {
  --i: 0;
}

.ai-orbit span:nth-child(2) {
  --i: 1;
}

.ai-orbit span:nth-child(3) {
  --i: 2;
}

.ai-orbit span:nth-child(4) {
  --i: 3;
  background: radial-gradient(circle, rgba(134, 79, 254, .38), transparent 62%);
}

@media (max-width: 991px) {
  .ai-grid-row-top,
  .ai-grid-row-bottom {
    grid-template-columns: 1fr;
  }

  .ai-automation-card {
    min-height: 640px;
  }
}

@media (max-width: 767px) {
  .ai-glow-card {
    min-height: 320px;
  }

  .ai-automation-card {
    min-height: 610px;
  }

  .ai-card-content {
    bottom: 26px;
    left: 24px;
    right: 24px;
  }

  .ai-card-content-top {
    top: 26px;
  }

  .ai-flow-curve {
    left: 7%;
    transform: scale(.82);
    transform-origin: left bottom;
  }

  .ai-chat-figure {
    bottom: 24px;
    opacity: .72;
    right: 16px;
    width: calc(100% - 32px);
  }

  .ai-progress-panel {
    margin: 136px auto 0;
    width: calc(100% - 40px);
  }
}

/* Startbit consistency polish */
.badge-primary-light,
.badge-yellow,
.badge-yellow-v2,
.delivery-model-badge {
  background: #16417d;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 12px 28px rgba(22, 65, 125, .12);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}

.delivery-model-badge {
  display: inline-flex;
  margin-inline: auto;
}

.process-assurance-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.process-assurance-chip {
  align-items: center;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(22, 65, 125, .12);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(22, 65, 125, .06);
  color: #16417d;
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  gap: 10px;
  line-height: 1.25;
  padding: 10px 18px;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.process-assurance-chip span {
  background: linear-gradient(135deg, #83e7ee, #864ffe);
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(131, 231, 238, .13);
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.process-assurance-chip:hover {
  border-color: rgba(134, 79, 254, .22);
  box-shadow: 0 16px 34px rgba(22, 65, 125, .1);
  transform: translateY(-2px);
}

.btn {
  transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease, transform .28s ease;
}

.btn-primary,
.hover\:btn-primary:hover {
  background: linear-gradient(135deg, #864ffe 0%, #7b3ff1 100%);
  border-color: rgba(134, 79, 254, .95);
  box-shadow: 0 14px 34px rgba(134, 79, 254, .2);
  color: #fff;
}

.btn-secondary,
.hover\:btn-secondary:hover {
  background: #16417d;
  border-color: #16417d;
  box-shadow: 0 14px 34px rgba(22, 65, 125, .18);
  color: #fff;
}

.btn-white,
.hover\:btn-white:hover {
  background: rgba(255, 255, 255, .94);
  border-color: rgba(22, 65, 125, .16);
  box-shadow: 0 12px 30px rgba(22, 65, 125, .08);
  color: #16417d;
}

.hover\:btn-primary:hover {
  background: linear-gradient(135deg, #864ffe 0%, #7b3ff1 100%);
  border-color: rgba(134, 79, 254, .95);
  color: #fff;
}

.hover\:btn-secondary:hover {
  background: #16417d;
  border-color: #16417d;
  color: #fff;
}

.hover\:btn-white:hover {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(22, 65, 125, .16);
  color: #16417d;
}

.btn:hover {
  box-shadow: 0 18px 42px rgba(22, 65, 125, .14);
  transform: translateY(-2px);
}

/* Salesforce page alignment with the index-page component rhythm */
.salesforce-solutions-page {
  --startbit-page-section-title: clamp(2.08rem, 3.15vw, 3.45rem);
  --startbit-page-section-lead: clamp(.98rem, 1.08vw, 1.12rem);
}

.salesforce-solutions-page .btn {
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.salesforce-solutions-page .btn:not(.hidden) {
  display: inline-flex;
}

.salesforce-solutions-page :where(.badge-primary-light, .badge-yellow, .badge-yellow-v2) {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  max-width: 100%;
  min-height: 38px;
  padding: 9px 18px;
  text-align: center;
  white-space: normal;
  width: fit-content;
}

.salesforce-solutions-page :where(.salesforce-clouds-copy > .badge, .salesforce-why-showcase__head .badge) {
  display: inline-flex !important;
}

.salesforce-solutions-page :where(
  .salesforce-services-marquee-head h2,
  .salesforce-home-hero__heading h1,
  .salesforce-crm-setup-copy h2,
  .salesforce-integration-showcase__head h2,
  .salesforce-clouds-copy h2,
  .salesforce-agentforce-copy h2,
  .salesforce-ai-insights-head h2,
  .salesforce-manufacturing-head h2,
  .salesforce-capability-head h2,
  .salesforce-why-showcase__head h2,
  .salesforce-blogs-head h2,
  .salesforce-contact-copy h2
) {
  font-size: var(--startbit-page-section-title);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.12;
}

.salesforce-solutions-page .salesforce-clouds-copy h2 {
  max-width: 720px;
  width: auto;
}

.salesforce-solutions-page .salesforce-capability-head {
  align-items: end;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.salesforce-solutions-page .salesforce-capability-head > div {
  grid-column: 1 / -1;
  grid-row: 1;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.salesforce-solutions-page .salesforce-capability-head h2 {
  max-width: 100%;
  text-wrap: wrap;
  width: 100%;
}

.salesforce-solutions-page .salesforce-capability-head p {
  max-width: min(760px, calc(100% - 190px));
}

.salesforce-solutions-page .salesforce-capability-head .btn {
  align-self: end;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.salesforce-solutions-page .salesforce-why-showcase__head {
  max-width: 100%;
  width: 100%;
}

.salesforce-solutions-page .salesforce-why-showcase__head h2 {
  max-width: 100%;
  text-wrap: wrap;
  width: 100%;
}

.salesforce-solutions-page .salesforce-why-showcase__head p {
  max-width: min(100%, 780px);
}

.salesforce-solutions-page :where(
  .salesforce-services-marquee-head p,
  .salesforce-home-hero__heading p,
  .salesforce-crm-setup-copy > p,
  .salesforce-integration-showcase__head p,
  .salesforce-clouds-copy > p,
  .salesforce-agentforce-copy p,
  .salesforce-ai-insights-head p,
  .salesforce-manufacturing-head p,
  .salesforce-capability-head p,
  .salesforce-why-showcase__head p,
  .salesforce-blogs-head p,
  .salesforce-contact-copy p
) {
  font-size: var(--startbit-page-section-lead);
  line-height: 1.65;
}

.salesforce-solutions-page .salesforce-industry-card > .badge {
  font-size: 14px;
  min-height: 34px;
  padding: 8px 14px;
}

.salesforce-solutions-page .salesforce-services-marquee-badge {
  gap: 0;
}

.salesforce-solutions-page .salesforce-services-marquee-badge svg {
  display: none;
}

.salesforce-solutions-page .salesforce-services-trust-item {
  align-items: center;
}

.salesforce-solutions-page .salesforce-services-trust-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 0;
}

.salesforce-solutions-page .salesforce-services-trust-icon::after {
  content: none;
  display: none;
}

.salesforce-solutions-page .salesforce-services-trust-icon svg {
  display: block;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .salesforce-home-hero__panel {
    grid-template-areas:
      "copy"
      "visual"
      "clients";
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .salesforce-home-hero__copy {
    max-width: 760px;
  }

  .salesforce-home-hero__heading h1,
  .salesforce-home-hero__heading p {
    max-width: none;
  }

  .salesforce-home-hero__visual,
  .salesforce-home-hero__card-stage {
    min-height: 560px;
  }

  .salesforce-home-hero__card-stage {
    margin-inline: auto;
  }

  .salesforce-home-hero__clients {
    width: 100%;
  }
}

@media (max-width: 1440px) and (min-width: 1200px) {
  .salesforce-home-hero > .main-container {
    max-width: min(1240px, calc(100vw - 40px));
  }

  .salesforce-home-hero__panel {
    gap: clamp(22px, 2.2vw, 34px);
    grid-template-columns: minmax(0, 510px) minmax(0, 1fr);
  }

  .salesforce-home-hero__heading h1 {
    font-size: clamp(2.4rem, 3.6vw, 3rem);
  }

  .salesforce-home-hero__visual,
  .salesforce-home-hero__card-stage {
    min-height: 500px;
  }

  .salesforce-home-hero__card-stage {
    width: min(100%, 650px);
  }

  .salesforce-home-hero__service-pill {
    gap: 12px;
    min-height: 92px;
    padding: 14px;
  }

  .salesforce-home-hero__service-pill--agentforce,
  .salesforce-home-hero__service-pill--integration {
    right: 0;
    width: 270px;
  }

  .salesforce-home-hero__service-pill--canada {
    bottom: 10%;
    right: 0;
    width: 258px;
  }

  .salesforce-home-hero__service-pill--ai {
    left: 0;
    width: 250px;
  }

  .salesforce-home-hero__service-pill--industry {
    left: 0;
    width: 245px;
  }

  .salesforce-home-hero__service-pill--cloud {
    bottom: -56px;
    left: 42%;
    transform: translateX(-50%);
  }
}

@media (min-width: 992px) {
  .salesforce-home-hero__clients {
    gap: clamp(18px, 2vw, 28px);
    width: min(100%, 1220px);
  }

  .salesforce-home-hero__client-logos {
    flex-wrap: nowrap;
    gap: clamp(18px, 2.2vw, 34px);
  }
}

@media (max-width: 991px) {
  .salesforce-solutions-page .salesforce-capability-head {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }

  .salesforce-solutions-page .salesforce-capability-head > div,
  .salesforce-solutions-page .salesforce-capability-head .btn {
    grid-column: auto;
    grid-row: auto;
  }

  .salesforce-solutions-page .salesforce-capability-head p {
    max-width: 100%;
  }

  .salesforce-solutions-page .salesforce-capability-head .btn {
    align-self: stretch;
    justify-self: auto;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .salesforce-home-hero [data-ns-animate] {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .salesforce-home-hero__heading h1 {
    font-size: clamp(2.35rem, 10.25vw, 3.15rem);
    line-height: 1.08;
  }

  .salesforce-home-hero__eyebrow {
    font-size: .78rem;
    padding: 9px 14px;
  }

  .salesforce-solutions-page {
    --startbit-page-section-title: clamp(1.95rem, 8.2vw, 2.55rem);
  }
}

@media (max-width: 767px) {
  .badge-primary-light,
  .badge-yellow,
  .badge-yellow-v2,
  .delivery-model-badge {
    font-size: 14px;
  }

  .process-assurance-chip {
    font-size: 14px;
    padding: 9px 15px;
  }
}


/* Startbit premium section background system */
.premium-band {
  isolation: isolate;
  position: relative;
}

.premium-band > * {
  position: relative;
  z-index: 1;
}

.premium-band::before,
.premium-band::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.premium-band::after {
  mix-blend-mode: multiply;
  opacity: .32;
}

.premium-band-partnerships {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 50%, #ffffff 100%);
}

.premium-band-partnerships::before {
  background:
    linear-gradient(115deg, rgba(131, 231, 238, .16) 0%, rgba(255, 255, 255, 0) 36%),
    linear-gradient(245deg, rgba(134, 79, 254, .1) 0%, rgba(255, 255, 255, 0) 34%);
}

.premium-band-salesforce.salesforce-showcase {
  background:
    linear-gradient(125deg, rgba(131, 231, 238, .18), rgba(255, 255, 255, 0) 44%),
    linear-gradient(235deg, rgba(134, 79, 254, .12), rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #ffffff 0%, #eefaff 48%, #f9fbff 100%);
}

.premium-band-trust.salesforce-trust-section {
  background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
}

.premium-band-business-central {
  background:
    linear-gradient(118deg, rgba(22, 65, 125, .04), rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 38%, #f1fbff 100%);
}

.premium-band-business-central::before {
  background:
    linear-gradient(90deg, rgba(131, 231, 238, .14), rgba(255, 255, 255, 0) 34%),
    linear-gradient(270deg, rgba(134, 79, 254, .11), rgba(255, 255, 255, 0) 32%);
}

.premium-band-stats.stats-strip-section {
  background: linear-gradient(180deg, #f1fbff 0%, #ffffff 100%);
}

.premium-band-core {
  background:
    linear-gradient(180deg, #f8fbff 0%, #edf9fc 54%, #ffffff 100%) !important;
}

.premium-band-core::before {
  background:
    linear-gradient(120deg, rgba(131, 231, 238, .18), rgba(255, 255, 255, 0) 42%),
    linear-gradient(238deg, rgba(22, 65, 125, .08), rgba(255, 255, 255, 0) 44%);
}

.premium-band-tech {
  background:
    linear-gradient(135deg, rgba(134, 79, 254, .08), rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 46%, #ffffff 100%);
}

.premium-band-tech::before {
  background-image:
    linear-gradient(rgba(22, 65, 125, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 65, 125, .04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%);
  opacity: .42;
}

.premium-band-blogs {
  background:
    radial-gradient(circle at 24% 20%, rgba(131, 231, 238, .16), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(134, 79, 254, .11), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 46%, #f6fbff 100%);
}

.premium-band-blogs::before {
  background-image:
    linear-gradient(rgba(22, 65, 125, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 65, 125, .035) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 78%, transparent 100%);
  opacity: .3;
}

.premium-band-industries {
  background:
    linear-gradient(120deg, rgba(131, 231, 238, .14), rgba(255, 255, 255, 0) 40%),
    linear-gradient(240deg, rgba(134, 79, 254, .1), rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #ffffff 0%, #f4fbff 48%, #ffffff 100%);
}

.premium-band-manufacturing {
  background:
    radial-gradient(circle at 14% 18%, rgba(131, 231, 238, .16), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(134, 79, 254, .12), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f6fbff 48%, #ffffff 100%);
}

.premium-band-capabilities {
  background:
    radial-gradient(circle at 12% 18%, rgba(131, 231, 238, .18), transparent 26%),
    radial-gradient(circle at 88% 24%, rgba(134, 79, 254, .14), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f5fbff 100%);
}

.premium-band-capabilities::before {
  background-image:
    linear-gradient(rgba(22, 65, 125, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 65, 125, .035) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 20%, #000 78%, transparent 100%);
  opacity: .24;
}

.premium-band-process {
  background:
    linear-gradient(130deg, rgba(131, 231, 238, .16), rgba(255, 255, 255, 0) 42%),
    linear-gradient(236deg, rgba(22, 65, 125, .06), rgba(255, 255, 255, 0) 36%),
    linear-gradient(180deg, #f8fbff 0%, #eef8fb 54%, #f9fbff 100%);
}

.premium-band-recognition.recognition-section {
  background:
    linear-gradient(120deg, rgba(131, 231, 238, .14), rgba(255, 255, 255, 0) 42%),
    linear-gradient(240deg, rgba(134, 79, 254, .11), rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fcff 52%, #ffffff 100%);
}

.premium-band-why-offshore {
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 42%, #ffffff 100%);
}

.premium-band-why-offshore::before {
  background:
    linear-gradient(115deg, rgba(22, 65, 125, .08), rgba(255, 255, 255, 0) 40%),
    linear-gradient(245deg, rgba(131, 231, 238, .14), rgba(255, 255, 255, 0) 38%);
}

.premium-band-cta {
  background:
    linear-gradient(128deg, rgba(131, 231, 238, .2), rgba(255, 255, 255, 0) 34%),
    linear-gradient(235deg, rgba(134, 79, 254, .16), rgba(255, 255, 255, 0) 36%),
    linear-gradient(180deg, #ffffff 0%, #eefaff 54%, #f7fbff 100%) !important;
}

.premium-band-cta::before {
  background:
    linear-gradient(118deg, rgba(131, 231, 238, .22), rgba(255, 255, 255, 0) 42%),
    linear-gradient(238deg, rgba(134, 79, 254, .16), rgba(255, 255, 255, 0) 38%);
}


.startbit-cta-content {
  padding-inline: clamp(18px, 3vw, 42px);
}

.salesforce-solutions-page #contact .startbit-cta-content {
  padding-inline: 0;
}

.startbit-cta-heading {
  margin-inline: auto;
  max-width: 980px;
}

.startbit-cta-heading h2 {
  color: #16417d;
  font-size: clamp(32px, 3.5vw, 52px);
  line-height: 1.14;
  max-width: 900px;
  text-wrap: balance;
}

.startbit-cta-heading p {
  color: rgba(22, 65, 125, .72);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.58;
}

.startbit-cta-actions .btn {
  min-width: 238px;
}

.startbit-cta-points {
  color: rgba(22, 65, 125, .78);
}

.startbit-cta-points li {
  background: rgba(255, 255, 255, .58);
  border: 1px solid rgba(22, 65, 125, .08);
  border-radius: 999px;
  padding: 8px 14px;
}

.salesforce-contact-panel {
  align-items: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  column-gap: clamp(30px, 4vw, 56px);
  grid-template-columns: minmax(0, 1.06fr) minmax(540px, .94fr);
  margin-inline: auto;
  max-width: 1320px;
  overflow: visible;
  padding: 0;
  row-gap: 16px;
}

.salesforce-contact-copy {
  align-content: start;
  display: grid;
  gap: clamp(24px, 3vw, 34px);
  grid-column: 1;
  grid-row: 1 / span 2;
  padding-top: clamp(0px, 1vw, 12px);
}

.salesforce-contact-copy > .badge {
  justify-self: start;
  width: fit-content;
}

.salesforce-contact-copy h2 {
  color: var(--color-secondary);
  font-size: clamp(2.4rem, 3vw, 3.25rem);
  font-weight: 700;
  line-height: 1.08;
  max-width: 820px;
  text-wrap: wrap;
}

.salesforce-contact-copy h2 span {
  background: linear-gradient(100deg, #0a8bff 8%, #1466ff 45%, #8d4bff 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.salesforce-contact-copy p {
  color: rgba(22, 65, 125, .7);
  font-size: clamp(.98rem, 1.04vw, 1.08rem);
  line-height: 1.72;
  max-width: 700px;
}

.salesforce-contact-partner-badge {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 250, 255, .94)),
    linear-gradient(135deg, rgba(131, 231, 238, .18), rgba(134, 79, 254, .1));
  border: 1px solid rgba(210, 220, 238, .92);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(22, 65, 125, .08);
  display: grid;
  gap: 16px;
  grid-template-columns: auto 1fr;
  max-width: 460px;
  padding: 16px 18px;
}

.salesforce-contact-partner-badge img {
  display: block;
  height: 108px;
  object-fit: contain;
  width: 100px;
}

.salesforce-contact-partner-badge strong {
  color: var(--color-secondary);
  display: block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.salesforce-contact-partner-badge p {
  color: rgba(22, 65, 125, .66);
  font-size: .86rem;
  line-height: 1.55;
  margin-top: 6px;
}

.d365-contact-partner-badge img {
  height: 94px;
  width: 94px;
}

.salesforce-contact-services {
  display: grid;
  gap: 0 clamp(22px, 3vw, 40px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salesforce-contact-services article {
  align-items: start;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(22, 65, 125, .12);
  border-radius: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 22px 0;
}

.salesforce-contact-services article:nth-child(-n+2) {
  border-top: 0;
  padding-top: 0;
}

.salesforce-contact-service-icon {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 252, 255, .92)) padding-box,
    linear-gradient(135deg, rgba(131, 231, 238, .58), rgba(134, 79, 254, .42)) border-box;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(22, 65, 125, .08);
  color: var(--color-primary-500);
  display: inline-flex;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.salesforce-contact-services strong {
  color: var(--color-secondary);
  display: block;
  font-size: clamp(.96rem, 1.05vw, 1.08rem);
  font-weight: 800;
  line-height: 1.28;
}

.salesforce-contact-services p {
  font-size: .88rem;
  line-height: 1.58;
  margin-top: 8px;
}

.salesforce-contact-form {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(223, 228, 235, .94);
  border-radius: 26px;
  box-shadow: 0 28px 82px rgba(22, 65, 125, .1);
  display: grid;
  gap: 14px 16px;
  grid-column: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-row: 1;
  height: auto;
  padding: clamp(22px, 2.5vw, 32px);
}

.salesforce-contact-form__head,
.salesforce-contact-form__full {
  grid-column: 1 / -1;
}

.salesforce-contact-form__head strong {
  color: var(--color-secondary);
  display: block;
  font-size: clamp(1.35rem, 1.45vw, 1.55rem);
  font-weight: 800;
  line-height: 1.18;
}

.salesforce-contact-form__head p {
  color: rgba(22, 65, 125, .66);
  font-size: .92rem;
  line-height: 1.5;
  margin-top: 6px;
}

.salesforce-contact-form label {
  display: grid;
  gap: 7px;
}

.salesforce-contact-form label span {
  color: var(--color-secondary);
  font-size: .84rem;
  font-weight: 800;
}

.salesforce-form-control {
  position: relative;
}

.salesforce-form-control > svg {
  color: rgba(22, 65, 125, .48);
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.salesforce-form-control-textarea > svg {
  top: 17px;
  transform: none;
}

.salesforce-contact-form input,
.salesforce-contact-form select,
.salesforce-contact-form textarea {
  appearance: none;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(201, 214, 231, .9);
  border-radius: 12px;
  color: var(--color-secondary);
  font: inherit;
  font-size: .92rem;
  min-height: 48px;
  outline: none;
  padding: 12px 14px 12px 46px;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
  width: 100%;
}

.salesforce-contact-form textarea {
  min-height: 98px;
  resize: vertical;
}

.salesforce-contact-form input:focus,
.salesforce-contact-form select:focus,
.salesforce-contact-form textarea:focus {
  background: #fff;
  border-color: rgba(134, 79, 254, .5);
  box-shadow: 0 0 0 4px rgba(134, 79, 254, .1);
}

.salesforce-contact-form .btn {
  justify-content: center;
  min-height: 54px;
  width: 100%;
}

.salesforce-contact-proof {
  align-items: stretch;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(223, 228, 235, .9);
  border-radius: 22px;
  box-shadow: 0 24px 58px rgba(22, 65, 125, .08);
  display: grid;
  gap: 0;
  grid-column: 2;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-row: 2;
  padding: 14px 12px;
}

.salesforce-contact-proof span {
  align-items: center;
  display: grid;
  gap: 8px;
  justify-items: center;
  min-width: 0;
  padding: 4px 12px;
  text-align: center;
}

.salesforce-contact-proof span + span {
  border-left: 1px solid rgba(22, 65, 125, .1);
}

.salesforce-contact-proof i {
  align-items: center;
  background: rgba(134, 79, 254, .08);
  border: 1px solid rgba(134, 79, 254, .24);
  border-radius: 999px;
  color: var(--color-primary-500);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.salesforce-contact-proof strong {
  color: rgba(22, 65, 125, .78);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.35;
}

.startbit-cta-figure {
  display: none;
}

.startbit-cta-figure-left {
  bottom: -22%;
  left: -7%;
  max-width: 310px;
  top: auto;
}

.startbit-cta-figure-right {
  bottom: -18%;
  max-width: 300px;
  right: -5%;
}

@media (max-width: 767px) {
  .premium-band-cta {
    padding-bottom: 52px !important;
    padding-top: 52px !important;
  }

  .startbit-cta-heading {
    margin-bottom: 28px;
  }

  .startbit-cta-heading h2 {
    font-size: 28px;
    line-height: 1.18;
  }

  .startbit-cta-actions {
    margin-bottom: 24px;
  }

  .startbit-cta-actions .btn {
    min-width: 0;
    width: 100%;
  }

  .startbit-cta-points {
    align-items: stretch;
    gap: 10px;
  }

  .startbit-cta-points li {
    justify-content: center;
    width: 100%;
  }

  .startbit-cta-figure {
    opacity: .1;
  }
}

@media (max-width: 1199px) {
  .salesforce-industries-grid-expanded,
  .salesforce-practice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .salesforce-industry-card-featured {
    grid-column: span 2;
  }
}

@media (max-width: 991px) {
  .salesforce-contact-panel {
    grid-template-columns: 1fr;
  }

  .salesforce-contact-copy,
  .salesforce-contact-form,
  .salesforce-contact-proof {
    grid-column: auto;
    grid-row: auto;
  }

  .salesforce-practice-head {
    align-items: start;
    flex-direction: column;
  }

  .salesforce-industry-card-featured {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  .salesforce-industries-grid-expanded {
    grid-template-columns: 1fr;
  }

  .salesforce-industry-card-featured {
    grid-column: auto;
  }

  .salesforce-solutions-page #contact .startbit-cta-content {
    padding-inline: 20px;
  }

  .salesforce-contact-panel {
    padding: 0;
  }

  .salesforce-contact-services,
  .salesforce-contact-form,
  .salesforce-contact-proof,
  .salesforce-practice-grid {
    grid-template-columns: 1fr;
  }

  .salesforce-contact-services {
    gap: 0;
  }

  .salesforce-contact-services article {
    border-top: 1px solid rgba(22, 65, 125, .12);
    grid-template-columns: auto minmax(0, 1fr);
    padding: 20px 0;
  }

  .salesforce-contact-services article:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .salesforce-contact-copy h2 {
    font-size: clamp(2.15rem, 8.8vw, 2.7rem);
    line-height: 1.16;
  }

  .salesforce-contact-partner-badge {
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: none;
    text-align: center;
  }

  .salesforce-contact-partner-badge img {
    height: 72px;
  }

  .salesforce-contact-form {
    border-radius: 24px;
    padding: 22px;
  }

  .salesforce-contact-proof {
    border-radius: 20px;
    padding: 8px 16px;
  }

  .salesforce-contact-proof span {
    align-items: center;
    border-left: 0 !important;
    border-top: 1px solid rgba(22, 65, 125, .1);
    grid-template-columns: auto 1fr;
    justify-items: start;
    padding: 12px 0;
    text-align: left;
  }

  .salesforce-contact-proof span:first-child {
    border-top: 0;
  }

  .salesforce-contact-panel .startbit-cta-points {
    align-items: stretch;
    display: grid;
  }

  .salesforce-contact-panel .startbit-cta-points li {
    border-radius: 18px;
    width: 100%;
  }

  .salesforce-practice-panel {
    border-radius: 24px;
    padding: 18px;
  }

  .salesforce-practice-card {
    min-height: 0;
  }

  .salesforce-faq-list .accordion-action {
    gap: 14px;
    min-height: 84px;
    padding-bottom: 22px !important;
    padding-top: 22px !important;
  }

  .salesforce-faq-list .accordion-arrow {
    flex-basis: 40px;
    height: 40px;
    width: 40px;
  }

  .salesforce-why-proof__stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .premium-band::after {
    opacity: .18;
  }

  .premium-band-tech::before {
    background-size: 48px 48px;
    opacity: .3;
  }
}


/* Partnership banner: real HTML text over the visual for SEO and accessibility. */
.partnership-visual {
  aspect-ratio: 1920 / 1081;
  position: relative;
}

.partnership-visual > img {
  height: 100%;
}

.partnership-overlay {
  color: #061d68;
  font-family: var(--font-deon-sub);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.partnership-side-list,
.partnership-service-row {
  inset: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

@media (min-width: 768px) {
  .partnership-side-list {
    height: 708px;
  }
}

.partnership-side-list li {
  align-items: center;
  display: flex;
  font-size: clamp(7px, .82vw, 15px);
  font-weight: 600;
  line-height: 1.28;
  min-height: 8.5%;
  position: absolute;
  transform: translateY(-50%);
}

.partnership-side-list-crm li {
  left: 11.8%;
  width: 10.6%;
}

.partnership-side-list-erp li {
  left: 81.35%;
  width: 10.8%;
}

.partnership-side-list li:nth-child(1) { top: 16.2%; }
.partnership-side-list li:nth-child(2) { top: 28.4%; }
.partnership-side-list li:nth-child(3) { top: 40.8%; }
.partnership-side-list li:nth-child(4) { top: 53.1%; }
.partnership-side-list li:nth-child(5) { top: 65.4%; }

.partnership-service-row li {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 1.28;
  position: absolute;
  text-align: center;
  top: 86.4%;
  transform: translateX(-50%);
  width: 11.8%;
}

.partnership-service-row li:nth-child(1) { left: 12.55%; }
.partnership-service-row li:nth-child(2) { left: 26.9%; }
.partnership-service-row li:nth-child(3) { left: 41.4%; }
.partnership-service-row li:nth-child(4) { left: 55.9%; }
.partnership-service-row li:nth-child(5) { left: 70.4%; }
.partnership-service-row li:nth-child(6) { left: 84.85%; width: 13.4%; }

.partnership-service-row strong {
  display: block;
  font-size: clamp(8px, .82vw, 15px);
  font-weight: 800;
  line-height: 1.12;
  margin-bottom: .22em;
}

.partnership-service-row span {
  display: block;
  font-size: clamp(6px, .58vw, 10.5px);
  font-weight: 500;
  line-height: 1.28;
}

@media (max-width: 767px) {
  .partnership-visual {
    border-radius: 18px;
  }

  .partnership-side-list {
    display: block;
  }

  .partnership-side-list li {
    color: #031b63;
    font-size: clamp(3.4px, .9vw, 5px);
    font-weight: 800;
    line-height: 1.12;
    min-height: 8%;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .92);
  }

  .partnership-side-list-crm li {
    left: 10.8%;
    width: 13.6%;
  }

  .partnership-side-list-erp li {
    left: 80.5%;
    width: 13.8%;
  }

  .partnership-side-list li:nth-child(1) { top: 16%; }
  .partnership-side-list li:nth-child(2) { top: 28.2%; }
  .partnership-side-list li:nth-child(3) { top: 40.6%; }
  .partnership-side-list li:nth-child(4) { top: 52.9%; }
  .partnership-side-list li:nth-child(5) { top: 65.2%; }

  .partnership-service-row li {
    top: 91.6%;
    width: 13.7%;
  }

  .partnership-service-row li:nth-child(1) { left: 12.55%; }
  .partnership-service-row li:nth-child(2) { left: 26.9%; }
  .partnership-service-row li:nth-child(3) { left: 41.4%; }
  .partnership-service-row li:nth-child(4) { left: 55.9%; }
  .partnership-service-row li:nth-child(5) { left: 70.4%; }
  .partnership-service-row li:nth-child(6) { left: 84.85%; width: 15%; }

  .partnership-service-row strong {
    color: #031b63;
    font-size: clamp(4.2px, 1.08vw, 5.4px);
    font-weight: 800;
    line-height: 1.05;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .9);
  }

  .partnership-service-row span {
    display: block;
    font-size: 4px;
    font-weight: 500;
    line-height: 1.12;
  }
}


/* Microsoft Dynamics 365 page styles */
.d365-page {
      --ms-blue: #16417d;
      --ms-purple: #864ffe;
      --ms-purple-deep: #7038f0;
      --ms-cyan: #83e7ee;
      --ms-cyan-deep: #29c4d4;
      --ms-ink: #10315f;
      --ms-text: rgba(16, 49, 95, 0.78);
      --ms-border: rgba(204, 220, 241, 0.9);
      --ms-shadow: 0 28px 74px rgba(22, 65, 125, 0.12);
      --ms-shadow-soft: 0 16px 34px rgba(22, 65, 125, 0.08);
      --ms-bg: linear-gradient(180deg, #f7fbff 0%, #ffffff 52%, #f6f8ff 100%);
    }

.d365-page {
      margin: 0;
      font-family: "Manrope", sans-serif;
      color: var(--ms-ink);
      background:
        radial-gradient(circle at top left, rgba(131, 231, 238, 0.18), transparent 24%),
        radial-gradient(circle at right top, rgba(134, 79, 254, 0.08), transparent 22%),
        var(--ms-bg);
    }

.d365-page img {
      display: block;
      max-width: 100%;
    }

    .d365-page {
      overflow-x: clip;
    }

    .d365-main {
      /* padding-top: 108px; */
    }

    .d365-shell {
      width: min(100%, 1440px);
      margin: 0 auto;
      padding: 0 20px;
    }

    .d365-section.d365-hero-section {
      isolation: isolate;
      min-height: 100vh;
      min-height: 100svh;
      overflow: hidden;
      padding: 120px 0 28px;
      position: relative;
    }

    .d365-section {
      padding: 42px 0;
    }

    .d365-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 38px;
      padding: 0 18px;
      border-radius: 999px;
      /* background: linear-gradient(135deg, rgba(134, 79, 254, 0.14), rgba(131, 231, 238, 0.22)); */
      color: var(--ms-blue);
      font-family: "Sora", sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .d365-title {
      margin: 18px 0 14px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: clamp(2.4rem, 3vw, 3.35rem);
      font-weight: 800;
      letter-spacing: 0;
      line-height: 1.1;
      max-width: 620px;
    }

    .d365-title span,
    .d365-section-head h2 span,
    .d365-card h3 span {
      background: linear-gradient(100deg, #0a8bff 8%, #1466ff 45%, #8d4bff 92%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      display: inline-block;
    }

    .d365-lead,
    .d365-section-head p,
    .d365-card p,
    .d365-industry-card p,
    .d365-benefit-card p,
    .d365-delivery-card p,
    .d365-why-card p,
    .d365-footer-copy {
      color: var(--ms-text);
      line-height: 1.72;
    }

    .d365-lead {
      font-size: clamp(.92rem, .96vw, 1.02rem);
      font-weight: 500;
      line-height: 1.5;
      margin: 0;
      max-width: 560px;
    }

    .d365-section-head {
      max-width: 760px;
      margin: 0 auto 30px;
      text-align: center;
    }

    .d365-section-head h2 {
      margin: 16px 0 12px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: clamp(2rem, 4vw, 3.25rem);
      line-height: 1.08;
    }

    .d365-hero-card {
      position: relative;
      overflow: hidden;
      align-items: center;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      display: grid;
      min-height: calc(100svh - 148px);
      padding: 0;
    }

    .d365-hero-card::before,
    .d365-hero-card::after {
      display: none;
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
    }

    .d365-hero-card::before {
      inset: -6px 0 0;
      border-radius: 0;
      /* background: linear-gradient(90deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .58) 42%, rgba(245, 251, 255, .16) 100%); */
      z-index: 0;
    }

    .d365-hero-card::after {
      display: none;
    }

    .d365-hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 40px;
      align-items: center;
      min-height: inherit;
    }

    .d365-hero-copy {
      max-width: 610px;
    }

    .d365-partner-badge {
      display: inline-flex;
      align-items: center;
      background: #16417d;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 999px;
      box-shadow: 0 12px 28px rgba(22, 65, 125, .12);
      color: #fff;
      gap: 10px;
      font-size: .9rem;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 1.25;
      min-height: 42px;
      padding: 9px 18px;
      width: fit-content;
    }

    .d365-partner-logo {
      align-items: center;
      border-radius: 999px;
      display: grid;
      grid-template-columns: repeat(2, 12px);
      gap: 2px;
      flex: 0 0 auto;
      padding: 0;
    }

    .d365-partner-logo i {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 2px;
    }

    .d365-partner-logo i:nth-child(1) {
      background: #f25022;
    }

    .d365-partner-logo i:nth-child(2) {
      background: #7fba00;
    }

    .d365-partner-logo i:nth-child(3) {
      background: #00a4ef;
    }

    .d365-partner-logo i:nth-child(4) {
      background: #ffb900;
    }

    .d365-hero-heading {
      display: grid;
      gap: 16px;
    }

    .d365-hero-actions {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      justify-content: flex-start;
      margin-top: 20px;
    }

    .d365-hero-actions .btn {
      gap: 10px;
      min-height: 50px;
      min-width: 232px;
      padding-inline: 24px;
    }

    .d365-hero-notes {
      display: flex;
      flex-wrap: nowrap;
      gap: 10px;
      margin-top: 25px;
      padding-top: 0;
      border-top: 0;
    }

    .d365-hero-note {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: rgba(17, 31, 59, .88);
      font-family: "Sora", sans-serif;
      font-size: .78rem;
      font-weight: 600;
      line-height: 1.34;
      flex: 1 1 0;
      min-width: 0;
      padding-right: 12px;
      position: relative;
      white-space: normal;
    }

    .d365-hero-note > span:last-child {
      display: block;
      line-height: 1.25;
      max-width: 110px;
    }

    .d365-hero-note + .d365-hero-note::before {
      background: rgba(22, 65, 125, .14);
      content: "";
      height: 44px;
      left: -7px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
    }

    .d365-icon-badge,
    .d365-card-icon,
    .d365-check,
    .d365-hero-note-icon,
    .d365-orbit-feature-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }

    .d365-icon-badge,
    .d365-card-icon {
      width: 52px;
      height: 52px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--ms-purple-deep), var(--ms-purple));
      color: #fff;
      box-shadow: 0 16px 30px rgba(134, 79, 254, 0.22);
    }

    .d365-hero-note-icon {
      align-items: center;
      background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, rgba(131, 231, 238, .98), rgba(134, 79, 254, .72)) border-box;
      border: 1px solid transparent;
      border-radius: 999px;
      box-shadow: 0 12px 28px rgba(22, 65, 125, .08);
      color: #1466d8;
      height: 44px;
      justify-content: center;
      width: 44px;
    }

    .d365-hero-point strong,
    .d365-card h3,
    .d365-industry-card h3,
    .d365-benefit-card h3,
    .d365-delivery-card h3,
    .d365-why-card h3 {
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
    }

    .d365-hero-visual {
      isolation: isolate;
      min-height: 620px;
      position: relative;
    }

    .d365-hero-card-stage {
      height: 100%;
      margin-left: auto;
      min-height: 620px;
      position: relative;
      width: min(100%, 760px);
    }

    .d365-hero-card-stage::before {
      background: radial-gradient(circle at center, rgba(125, 167, 255, .18), rgba(125, 167, 255, 0) 68%);
      content: "";
      inset: 16% 12% 12%;
      pointer-events: none;
      position: absolute;
      z-index: 0;
    }

    .d365-hero-image-stage {
      align-items: center;
      display: flex;
      inset: 50% auto auto 50%;
      justify-content: center;
      pointer-events: none;
      position: absolute;
      transform: translate(-50%, -50%);
      width: min(100%, 480px);
      z-index: 1;
    }

    .d365-hero-image-stage img {
      display: block;
      height: auto;
      max-width: 100%;
      object-fit: contain;
      width: 100%;
    }

    .d365-orbit-feature {
      backdrop-filter: blur(12px);
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(193, 214, 247, 0.92);
      border-radius: 24px;
      box-shadow: 0 22px 52px rgba(22, 65, 125, 0.12);
      color: var(--ms-text);
      display: grid;
      gap: 4px;
      min-height: 118px;
      padding: 18px 20px;
      position: absolute;
      text-decoration: none;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
      width: 238px;
      z-index: 2;
    }

    .d365-orbit-feature:hover {
      border-color: rgba(118, 124, 255, 0.42);
      box-shadow: 0 28px 58px rgba(22, 65, 125, 0.16);
    }

    .d365-orbit-feature h3 {
      margin: 0 0 8px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 1rem;
      line-height: 1.2;
    }

    .d365-orbit-feature p {
      margin: 0;
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .d365-orbit-feature-icon {
      width: 52px;
      height: 52px;
      margin-bottom: 14px;
      border-radius: 18px;
      color: #fff;
      box-shadow: 0 14px 30px rgba(22, 65, 125, 0.12);
    }

    .d365-orbit-feature.sales {
      top: -22%;
    left: 50%;
      transform: translateX(-50%);
    }

    .d365-orbit-feature.customer-service {
      right: -3%;
    top: 4%;
    }

    .d365-orbit-feature.field-service {
      bottom: -11%;
    right: -1%;
    }

    .d365-orbit-feature.project-operations {
     bottom: -21%;
      left: 50%;
      transform: translateX(-50%);
    }

    .d365-orbit-feature.customer-insight {
      bottom: -1%;
    left: -3%;
    }

    .d365-orbit-feature.marketing {
     left: -2%;
    top: 0%;
    }

    .d365-orbit-feature.sales,
    .d365-orbit-feature.project-operations {
      text-align: left;
      width: 250px;
    }

    .d365-orbit-feature.customer-service,
    .d365-orbit-feature.field-service,
    .d365-orbit-feature.customer-insight,
    .d365-orbit-feature.marketing {
      width: 228px;
    }

    .d365-orbit-feature.sales .d365-orbit-feature-icon,
    .d365-orbit-feature.project-operations .d365-orbit-feature-icon {
      margin-bottom: 12px;
    }

    .d365-orbit-feature.customer-service,
    .d365-orbit-feature.field-service,
    .d365-orbit-feature.customer-insight,
    .d365-orbit-feature.marketing {
      text-align: left;
    }

    .d365-marquee {
      position: relative;
      overflow: hidden;
      padding: 10px 0;
      border-block: 1px solid rgba(204, 220, 241, 0.72);
      background: rgba(255, 255, 255, 0.84);
    }

    .d365-marquee-track {
      display: flex;
      gap: 18px;
      width: max-content;
      animation: d365-marquee 28s linear infinite;
    }

    .d365-marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 18px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid rgba(209, 221, 239, 0.92);
      box-shadow: 0 10px 24px rgba(22, 65, 125, 0.06);
      color: var(--ms-blue);
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      font-weight: 600;
      white-space: nowrap;
    }

    .d365-marquee-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--ms-cyan-deep), var(--ms-purple));
      box-shadow: 0 0 0 5px rgba(131, 231, 238, 0.2);
    }

    .d365-card-grid,
    .d365-modules-grid,
    .d365-benefits-grid,
    .d365-industries-grid,
    .d365-delivery-grid,
    .d365-why-grid {
      display: grid;
      gap: 22px;
    }

    .d365-card-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-modules-grid,
    .d365-industries-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-benefits-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-delivery-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .d365-why-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-card,
    .d365-benefit-card,
    .d365-industry-card,
    .d365-delivery-card,
    .d365-why-card {
      position: relative;
      overflow: hidden;
      height: 100%;
      border: 1px solid rgba(209, 222, 240, 0.88);
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: var(--ms-shadow-soft);
    }

    .d365-card-media {
      aspect-ratio: 16 / 10;
      overflow: hidden;
    }

    .d365-card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .d365-card-body,
    .d365-benefit-card,
    .d365-industry-card,
    .d365-delivery-card,
    .d365-why-card {
      padding: 24px;
    }

    .d365-card-top {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 16px;
    }

    .d365-card h3,
    .d365-benefit-card h3,
    .d365-industry-card h3,
    .d365-delivery-card h3,
    .d365-why-card h3 {
      margin: 0;
      font-size: 1.18rem;
      line-height: 1.34;
    }

    .d365-card-list,
    .d365-benefit-list {
      display: grid;
      gap: 10px;
      margin: 18px 0 0;
      padding: 0;
      list-style: none;
    }

    .d365-card-list li,
    .d365-benefit-list li {
      position: relative;
      padding-left: 28px;
      color: rgba(16, 49, 95, 0.86);
      line-height: 1.6;
    }

    .d365-check {
      position: absolute;
      left: 0;
      top: 5px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(109, 124, 255, 0.95), rgba(134, 79, 254, 0.95));
    }

    .d365-capabilities-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
    }

    .d365-capability-card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
      gap: 22px;
      align-items: stretch;
      padding: 28px;
      border-radius: 30px;
      border: 1px solid rgba(209, 222, 240, 0.88);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
      box-shadow: var(--ms-shadow-soft);
      overflow: hidden;
      scroll-margin-top: 118px;
    }

    .d365-capability-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.72), transparent 34%);
      opacity: 0.9;
    }

    .d365-capability-card > * {
      position: relative;
      z-index: 1;
    }

    .d365-capability-card--sales {
      background:
        radial-gradient(circle at top right, rgba(49, 197, 110, 0.12), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
    }

    .d365-capability-card--service {
      background:
        radial-gradient(circle at top right, rgba(255, 88, 159, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 247, 255, 0.96));
    }

    .d365-capability-card--field {
      background:
        radial-gradient(circle at top right, rgba(242, 139, 22, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 244, 0.96));
    }

    .d365-capability-card--projects {
      background:
        radial-gradient(circle at top right, rgba(143, 93, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 246, 255, 0.96));
    }

    .d365-capability-card--insight {
      background:
        radial-gradient(circle at top right, rgba(31, 209, 216, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 255, 0.96));
    }

    .d365-capability-card--marketing {
      background:
        radial-gradient(circle at top right, rgba(122, 86, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 245, 255, 0.96));
    }

    .d365-capability-copy > p {
      margin: 0;
    }

    .d365-capability-label {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 14px;
      margin-bottom: 16px;
      border-radius: 999px;
      border: 1px solid rgba(136, 166, 232, 0.28);
      background: rgba(255, 255, 255, 0.88);
      color: var(--ms-blue);
      font-family: "Sora", sans-serif;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .d365-capability-card .d365-card-top {
      align-items: flex-start;
      margin-bottom: 14px;
    }

    .d365-capability-card h3 {
      margin: 0;
      font-size: 1.42rem;
      line-height: 1.2;
    }

    .d365-capability-side {
      display: grid;
      gap: 16px;
      align-content: start;
    }

    .d365-capability-stat {
      min-height: 100%;
      padding: 22px 20px;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(205, 218, 239, 0.92);
      box-shadow: 0 16px 32px rgba(22, 65, 125, 0.07);
    }

    .d365-capability-stat strong {
      display: block;
      margin-bottom: 8px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 2rem;
      line-height: 1;
    }

    .d365-capability-stat span {
      display: block;
      color: rgba(16, 49, 95, 0.74);
      line-height: 1.65;
    }

    .d365-capability-pillset {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .d365-capability-pillset span {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 14px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(201, 217, 242, 0.92);
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.82rem;
      font-weight: 600;
      box-shadow: 0 10px 22px rgba(22, 65, 125, 0.06);
    }

    .d365-capability-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 16px;
      width: fit-content;
      border-radius: 999px;
      border: 1px solid rgba(127, 144, 230, 0.24);
      background: rgba(255, 255, 255, 0.88);
      color: var(--ms-blue);
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      font-weight: 700;
      text-decoration: none;
      box-shadow: 0 10px 20px rgba(22, 65, 125, 0.06);
    }

    .d365-solution-spotlight {
      scroll-margin-top: 118px;
    }

    .d365-solution-shell {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
      gap: 30px;
      align-items: center;
      padding: 34px;
      border-radius: 32px;
      border: 1px solid rgba(209, 222, 240, 0.88);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
      box-shadow: var(--ms-shadow-soft);
      overflow: hidden;
      position: relative;
    }

    .d365-solution-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.72), transparent 32%);
      opacity: 0.9;
    }

    .d365-solution-shell > * {
      position: relative;
      z-index: 1;
    }

    .d365-solution-shell--reverse {
      grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
    }

    .d365-solution-copy > p {
      margin: 0;
    }

    .d365-solution-copy h2 {
      margin: 16px 0 12px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: clamp(2rem, 3.2vw, 3rem);
      line-height: 1.1;
    }

    .d365-solution-copy h2 span {
      color: var(--ms-purple);
    }

    .d365-solution-panel {
      display: grid;
      gap: 18px;
      align-content: start;
    }

    .d365-solution-stat,
    .d365-solution-metrics article {
      padding: 20px;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(205, 218, 239, 0.92);
      box-shadow: 0 16px 32px rgba(22, 65, 125, 0.07);
    }

    .d365-solution-stat strong,
    .d365-solution-metrics strong {
      display: block;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 1.1rem;
      line-height: 1.2;
      margin-bottom: 8px;
    }

    .d365-solution-stat span,
    .d365-solution-metrics span {
      display: block;
      color: rgba(16, 49, 95, 0.74);
      line-height: 1.65;
    }

    .d365-solution-metrics {
      display: grid;
      gap: 14px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-solution-spotlight--consulting .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(79, 133, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
    }

    .d365-solution-spotlight--sales .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(49, 197, 110, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
    }

    .d365-sales-showcase {
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
      border: 1px solid rgba(209, 222, 240, 0.88);
      border-radius: 32px;
      box-shadow: var(--ms-shadow-soft);
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
      overflow: hidden;
      padding: 28px;
      position: relative;
    }

    .d365-sales-showcase::before {
      background: radial-gradient(circle at 100% 0%, rgba(109, 124, 255, 0.14), transparent 32%);
      content: "";
      inset: 0;
      pointer-events: none;
      position: absolute;
    }

    .d365-sales-showcase > * {
      position: relative;
      z-index: 1;
    }

    .d365-sales-showcase__copy {
      max-width: 520px;
    }

    .d365-sales-capability-pills {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      margin-top: 24px;
    }

    .d365-sales-capability-pills span {
      align-items: center;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(211, 223, 242, 0.92);
      border-radius: 14px;
      box-shadow: 0 10px 22px rgba(22, 65, 125, 0.05);
      color: rgba(16, 49, 95, 0.72);
      display: flex;
      font-size: 0.72rem;
      font-weight: 700;
      justify-content: center;
      min-height: 58px;
      padding: 10px 8px;
      text-align: center;
    }

    .d365-sales-dashboard {
      display: grid;
      gap: 14px;
    }

    .d365-sales-dashboard__main {
      align-items: stretch;
      display: grid;
      gap: 12px;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr) minmax(118px, .72fr);
    }

    .d365-sales-dashboard__bottom {
      display: grid;
      gap: 12px;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr);
    }

    .d365-sales-dashboard__card {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(211, 223, 242, 0.9);
      border-radius: 20px;
      box-shadow: 0 14px 34px rgba(22, 65, 125, 0.07);
      overflow: hidden;
      padding: 16px;
      position: relative;
    }

    .d365-sales-dashboard__card strong {
      color: var(--ms-ink);
      display: block;
      font-family: "Sora", sans-serif;
      font-size: 0.8rem;
      line-height: 1.2;
    }

    .d365-sales-dashboard__eyebrow {
      align-items: center;
      color: rgba(16, 49, 95, 0.56);
      display: flex;
      font-size: 0.66rem;
      font-weight: 700;
      justify-content: space-between;
      line-height: 1.2;
      margin-bottom: 8px;
    }

    .d365-sales-dashboard__card-funnel {
      min-height: 174px;
    }

    .d365-sales-funnel {
      display: grid;
      gap: 10px;
      justify-items: center;
      margin-top: 18px;
    }

    .d365-sales-funnel__band {
      background: linear-gradient(90deg, #6a7bff, #8f55ff);
      clip-path: polygon(6% 0, 94% 0, 78% 100%, 22% 100%);
      display: block;
      height: 22px;
    }

    .d365-sales-funnel__band.band-1 { width: 132px; }
    .d365-sales-funnel__band.band-2 { width: 108px; opacity: .88; }
    .d365-sales-funnel__band.band-3 { width: 82px; opacity: .76; }
    .d365-sales-funnel__band.band-4 { width: 56px; opacity: .64; }

    .d365-sales-dashboard__card-performance {
      min-height: 174px;
    }

    .d365-sales-performance__value {
      align-items: baseline;
      display: flex;
      gap: 10px;
      margin-bottom: 8px;
    }

    .d365-sales-performance__value strong {
      font-size: 1.7rem;
    }

    .d365-sales-performance__value span {
      color: #28b47b;
      font-size: 0.78rem;
      font-weight: 700;
    }

    .d365-sales-line-chart {
      display: block;
      height: 84px;
      width: 100%;
    }

    .d365-sales-dashboard__card-activity {
      display: grid;
      gap: 10px;
      justify-items: center;
      min-height: 174px;
      padding-bottom: 18px;
    }

    .d365-sales-dashboard__floating-icon {
      align-items: center;
      background: rgba(241, 243, 255, 0.94);
      border: 1px solid rgba(211, 223, 242, 0.92);
      border-radius: 14px;
      color: #6a72ff;
      display: inline-flex;
      height: 34px;
      justify-content: center;
      justify-self: end;
      width: 34px;
    }

    .d365-sales-target {
      align-items: center;
      display: flex;
      height: 88px;
      justify-content: center;
      margin-top: 2px;
      position: relative;
      width: 88px;
    }

    .d365-sales-target__ring {
      border: 8px solid #dce8ff;
      border-radius: 999px;
      position: absolute;
    }

    .d365-sales-target__ring.ring-outer {
      border-color: #cfe0ff;
      height: 88px;
      width: 88px;
    }

    .d365-sales-target__ring.ring-mid {
      border-color: #9cb7ff;
      height: 58px;
      width: 58px;
    }

    .d365-sales-target__ring.ring-inner {
      border-color: #6a72ff;
      height: 28px;
      width: 28px;
    }

    .d365-sales-target__dot {
      background: #6a72ff;
      border-radius: 999px;
      height: 10px;
      position: absolute;
      right: 16px;
      top: 18px;
      width: 10px;
    }

    .d365-sales-mini-kpi {
      text-align: center;
    }

    .d365-sales-mini-kpi strong {
      font-size: 1rem;
      margin-bottom: 3px;
    }

    .d365-sales-mini-kpi span {
      color: #28b47b;
      font-size: 0.7rem;
      font-weight: 700;
    }

    .d365-sales-mini-bars {
      align-items: end;
      display: flex;
      gap: 6px;
      height: 42px;
    }

    .d365-sales-mini-bars i {
      background: linear-gradient(180deg, rgba(106, 114, 255, 0.95), rgba(132, 80, 255, 0.78));
      border-radius: 6px 6px 0 0;
      display: block;
      width: 10px;
    }

    .d365-sales-mini-bars i:nth-child(1) { height: 16px; opacity: .62; }
    .d365-sales-mini-bars i:nth-child(2) { height: 24px; opacity: .76; }
    .d365-sales-mini-bars i:nth-child(3) { height: 34px; }
    .d365-sales-mini-bars i:nth-child(4) { height: 20px; opacity: .72; }

    .d365-sales-stage-list,
    .d365-sales-donut-legend {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }

    .d365-sales-stage-list div,
    .d365-sales-donut-legend div {
      align-items: center;
      display: grid;
      gap: 8px;
      grid-template-columns: 10px 1fr auto;
    }

    .d365-sales-stage-list b,
    .d365-sales-donut-legend b {
      color: rgba(16, 49, 95, 0.78);
      font-size: 0.74rem;
      font-weight: 700;
    }

    .d365-sales-stage-list small,
    .d365-sales-donut-legend small {
      color: rgba(16, 49, 95, 0.52);
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-sales-stage-list .dot,
    .d365-sales-donut-legend .dot {
      border-radius: 999px;
      display: block;
      height: 10px;
      width: 10px;
    }

    .d365-sales-stage-list .dot.blue,
    .d365-sales-donut-legend .dot.blue { background: #6d7cff; }
    .d365-sales-stage-list .dot.cyan,
    .d365-sales-donut-legend .dot.cyan { background: #3cc6ff; }
    .d365-sales-stage-list .dot.purple,
    .d365-sales-donut-legend .dot.purple { background: #9c63ff; }
    .d365-sales-stage-list .dot.soft,
    .d365-sales-donut-legend .dot.soft { background: #d6deef; }

    .d365-sales-donut-wrap {
      align-items: center;
      display: grid;
      gap: 14px;
      grid-template-columns: auto 1fr;
      margin-top: 14px;
    }

    .d365-sales-donut {
      align-content: center;
      aspect-ratio: 1;
      background:
        radial-gradient(circle at center, #fff 0 44%, transparent 45%),
        conic-gradient(#6d7cff 0 40%, #3cc6ff 40% 70%, #9c63ff 70% 88%, #d6deef 88% 100%);
      border-radius: 999px;
      box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.9);
      display: grid;
      height: 108px;
      justify-items: center;
      width: 108px;
    }

    .d365-sales-donut strong {
      font-size: 1rem;
      margin-bottom: 2px;
    }

    .d365-sales-donut span {
      color: rgba(16, 49, 95, 0.54);
      font-size: 0.7rem;
      font-weight: 700;
    }

    .d365-solution-spotlight--marketing .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(122, 86, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 245, 255, 0.96));
    }

    .d365-marketing-showcase {
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
      border: 1px solid rgba(209, 222, 240, 0.88);
      border-radius: 32px;
      box-shadow: var(--ms-shadow-soft);
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
      overflow: hidden;
      padding: 28px;
      position: relative;
    }

    .d365-marketing-showcase::before {
      background: radial-gradient(circle at 96% 0%, rgba(180, 77, 255, 0.14), transparent 30%);
      content: "";
      inset: 0;
      pointer-events: none;
      position: absolute;
    }

    .d365-marketing-showcase > * {
      position: relative;
      z-index: 1;
    }

    .d365-marketing-showcase__copy {
      max-width: 520px;
    }

    .d365-marketing-capability-pills {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      margin-top: 24px;
    }

    .d365-marketing-capability-pills span {
      align-items: center;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(214, 221, 245, 0.92);
      border-radius: 14px;
      box-shadow: 0 10px 22px rgba(22, 65, 125, 0.05);
      color: rgba(16, 49, 95, 0.72);
      display: flex;
      font-size: 0.7rem;
      font-weight: 700;
      justify-content: center;
      min-height: 58px;
      padding: 10px 8px;
      text-align: center;
    }

    .d365-marketing-dashboard {
      display: grid;
      gap: 12px;
    }

    .d365-marketing-dashboard__top {
      display: grid;
      gap: 12px;
      grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr);
    }

    .d365-marketing-dashboard__bottom {
      display: grid;
      gap: 12px;
      grid-template-columns: minmax(0, 1.24fr) minmax(180px, .76fr);
    }

    .d365-marketing-dashboard__card {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(211, 223, 242, 0.9);
      border-radius: 20px;
      box-shadow: 0 14px 34px rgba(22, 65, 125, 0.07);
      overflow: hidden;
      padding: 16px;
      position: relative;
    }

    .d365-marketing-dashboard__card strong {
      color: var(--ms-ink);
      display: block;
      font-family: "Sora", sans-serif;
      font-size: 0.8rem;
      line-height: 1.2;
    }

    .d365-marketing-dashboard__eyebrow {
      align-items: center;
      color: rgba(16, 49, 95, 0.56);
      display: flex;
      font-size: 0.66rem;
      font-weight: 700;
      justify-content: space-between;
      line-height: 1.2;
      margin-bottom: 8px;
    }

    .d365-marketing-stats {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      margin: 12px 0 10px;
    }

    .d365-marketing-stats div span {
      color: rgba(16, 49, 95, 0.52);
      display: block;
      font-size: 0.64rem;
      font-weight: 700;
      margin-bottom: 5px;
    }

    .d365-marketing-stats div b {
      color: var(--ms-ink);
      display: block;
      font-family: "Sora", sans-serif;
      font-size: 1.02rem;
    }

    .d365-marketing-line-chart {
      display: block;
      height: 82px;
      width: 100%;
    }

    .d365-marketing-segment-wrap {
      align-items: center;
      display: grid;
      gap: 14px;
      grid-template-columns: 1fr;
      justify-items: center;
      margin-top: 12px;
    }

    .d365-marketing-donut {
      align-content: center;
      aspect-ratio: 1;
      background:
        radial-gradient(circle at center, #fff 0 44%, transparent 45%),
        conic-gradient(#7f71ff 0 42%, #b84dff 42% 70%, #66d1ff 70% 90%, #d8deef 90% 100%);
      border-radius: 999px;
      box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.9);
      display: grid;
      height: 110px;
      justify-items: center;
      width: 110px;
    }

    .d365-marketing-donut strong {
      font-size: 0.98rem;
      margin-bottom: 2px;
    }

    .d365-marketing-donut span {
      color: rgba(16, 49, 95, 0.54);
      font-size: 0.7rem;
      font-weight: 700;
    }

    .d365-marketing-segment-legend {
      display: grid;
      gap: 8px;
      width: 100%;
    }

    .d365-marketing-segment-legend div {
      align-items: center;
      display: grid;
      gap: 8px;
      grid-template-columns: 10px 1fr auto;
    }

    .d365-marketing-segment-legend .dot {
      border-radius: 999px;
      display: block;
      height: 10px;
      width: 10px;
    }

    .d365-marketing-segment-legend .dot.blue { background: #7f71ff; }
    .d365-marketing-segment-legend .dot.purple { background: #b84dff; }
    .d365-marketing-segment-legend .dot.cyan { background: #66d1ff; }
    .d365-marketing-segment-legend .dot.soft { background: #d8deef; }

    .d365-marketing-segment-legend b,
    .d365-marketing-segment-legend small {
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-marketing-segment-legend b {
      color: rgba(16, 49, 95, 0.76);
    }

    .d365-marketing-segment-legend small {
      color: rgba(16, 49, 95, 0.52);
    }

    .d365-marketing-journey {
      align-items: center;
      display: grid;
      gap: 6px;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      margin-top: 18px;
    }

    .d365-marketing-journey span {
      align-items: center;
      background: rgba(246, 248, 255, 0.92);
      border: 1px solid rgba(221, 228, 246, 0.9);
      border-radius: 14px;
      color: rgba(16, 49, 95, 0.72);
      display: flex;
      font-size: 0.66rem;
      font-weight: 700;
      justify-content: center;
      min-height: 46px;
      padding: 8px 6px;
      text-align: center;
    }

    .d365-marketing-journey i {
      display: none;
    }

    .d365-marketing-channel-list {
      display: grid;
      gap: 12px;
      margin-top: 14px;
    }

    .d365-marketing-channel-list div {
      align-items: center;
      display: grid;
      gap: 10px;
      grid-template-columns: 66px 1fr auto;
    }

    .d365-marketing-channel-list b,
    .d365-marketing-channel-list small {
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-marketing-channel-list b {
      color: rgba(16, 49, 95, 0.76);
    }

    .d365-marketing-channel-list small {
      color: rgba(16, 49, 95, 0.52);
    }

    .d365-marketing-channel-list span {
      background: rgba(229, 233, 246, 0.74);
      border-radius: 999px;
      display: block;
      height: 7px;
      overflow: hidden;
    }

    .d365-marketing-channel-list i {
      background: linear-gradient(90deg, #7f71ff, #b84dff);
      border-radius: inherit;
      display: block;
      height: 100%;
    }

    .d365-solution-spotlight--service .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(255, 88, 159, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 247, 255, 0.96));
    }

    .d365-service-showcase,
    .d365-insight-showcase {
      border: 1px solid rgba(209, 222, 240, 0.88);
      border-radius: 32px;
      box-shadow: var(--ms-shadow-soft);
      overflow: hidden;
      position: relative;
    }

    .d365-service-showcase {
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      padding: 28px;
    }

    .d365-service-showcase::before,
    .d365-insight-showcase::before {
      content: "";
      inset: 0;
      pointer-events: none;
      position: absolute;
    }

    .d365-service-showcase::before {
      background: radial-gradient(circle at 96% 0%, rgba(123, 114, 255, 0.14), transparent 30%);
    }

    .d365-service-showcase > *,
    .d365-insight-showcase > * {
      position: relative;
      z-index: 1;
    }

    .d365-service-capabilities {
      display: grid;
      gap: 12px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      margin-top: 24px;
    }

    .d365-service-capabilities article {
      align-items: center;
      display: grid;
      gap: 10px;
      justify-items: center;
      text-align: center;
    }

    .d365-service-capabilities span {
      align-items: center;
      background: linear-gradient(135deg, rgba(226, 233, 255, 0.92), rgba(245, 240, 255, 0.86));
      border: 1px solid rgba(214, 221, 245, 0.92);
      border-radius: 18px;
      box-shadow: 0 10px 24px rgba(22, 65, 125, 0.05);
      display: inline-flex;
      font-size: 1.55rem;
      height: 64px;
      justify-content: center;
      width: 64px;
    }

    .d365-service-capabilities strong {
      color: rgba(16, 49, 95, 0.82);
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1.45;
    }

    .d365-service-dashboard__main {
      display: grid;
      gap: 16px;
      grid-template-columns: minmax(0, 1.24fr) minmax(220px, .78fr);
    }

    .d365-service-monitor {
      background:
        radial-gradient(circle at 72% 100%, rgba(109, 124, 255, 0.08), transparent 32%),
        rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(211, 223, 242, 0.9);
      border-radius: 24px;
      box-shadow: 0 18px 36px rgba(22, 65, 125, 0.08);
      overflow: hidden;
      padding: 0 18px 18px;
    }

    .d365-service-monitor__topbar {
      align-items: center;
      background: linear-gradient(90deg, #3453d6, #6548e7);
      display: flex;
      gap: 8px;
      height: 34px;
      margin: 0 -18px 16px;
      padding: 0 16px;
    }

    .d365-service-monitor__topbar i {
      background: rgba(255, 255, 255, 0.76);
      border-radius: 999px;
      display: block;
      height: 8px;
      width: 8px;
    }

    .d365-service-monitor__panel,
    .d365-service-trends,
    .d365-service-activity,
    .d365-service-side-card,
    .d365-insight-card {
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(211, 223, 242, 0.9);
      border-radius: 18px;
      box-shadow: 0 12px 30px rgba(22, 65, 125, 0.06);
      padding: 16px;
    }

    .d365-service-monitor__panel strong,
    .d365-service-trends strong,
    .d365-service-activity strong,
    .d365-service-side-card strong,
    .d365-insight-card strong {
      color: var(--ms-ink);
      display: block;
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      line-height: 1.2;
    }

    .d365-service-overview-stats {
      display: grid;
      gap: 12px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: 14px;
    }

    .d365-service-overview-stats span,
    .d365-insight-kpis span,
    .d365-service-profile small,
    .d365-service-profile em,
    .d365-insight-profile small {
      color: rgba(16, 49, 95, 0.54);
      display: block;
      font-size: 0.68rem;
      font-weight: 700;
    }

    .d365-service-overview-stats b,
    .d365-insight-kpis b {
      color: var(--ms-ink);
      display: block;
      font-family: "Sora", sans-serif;
      font-size: 1.1rem;
      margin-top: 6px;
    }

    .d365-service-monitor__bottom {
      display: grid;
      gap: 12px;
      grid-template-columns: minmax(0, 1.1fr) minmax(180px, .72fr);
      margin-top: 12px;
    }

    .d365-service-line-chart {
      display: block;
      height: 150px;
      margin-top: 14px;
      width: 100%;
    }

    .d365-service-activity-list {
      display: grid;
      gap: 12px;
      margin-top: 14px;
    }

    .d365-service-activity-list div {
      align-items: center;
      display: grid;
      gap: 8px;
      grid-template-columns: 10px 1fr;
    }

    .d365-service-activity-list b {
      color: rgba(16, 49, 95, 0.78);
      font-size: 0.74rem;
      font-weight: 700;
    }

    .d365-service-activity-list small {
      color: rgba(16, 49, 95, 0.52);
      display: block;
      font-size: 0.68rem;
      font-weight: 700;
      margin-top: 4px;
    }

    .d365-service-activity-list .dot {
      border-radius: 999px;
      display: block;
      height: 10px;
      width: 10px;
    }

    .d365-service-activity-list .dot.blue { background: #6d7cff; }
    .d365-service-activity-list .dot.purple { background: #9b5cff; }
    .d365-service-activity-list .dot.cyan { background: #7b8dff; }

    .d365-service-side {
      display: grid;
      gap: 12px;
    }

    .d365-service-profile {
      align-items: center;
      display: grid;
      gap: 14px;
      grid-template-columns: 56px 1fr;
      margin-top: 12px;
    }

    .d365-service-avatar {
      background:
        radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.16) 34%),
        linear-gradient(135deg, #d7e4ff, #9db7ff);
      border-radius: 999px;
      box-shadow: inset 0 -10px 18px rgba(58, 91, 170, 0.12);
      display: block;
      height: 56px;
      position: relative;
      width: 56px;
    }

    .d365-service-avatar::before {
      background: radial-gradient(circle at center, #6d7cff 0 32%, transparent 34%);
      border-radius: 999px;
      content: "";
      inset: 12px;
      position: absolute;
    }

    .d365-service-profile b,
    .d365-insight-profile b {
      color: var(--ms-ink);
      display: block;
      font-size: 0.82rem;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .d365-service-profile em {
      color: #6d7cff;
      font-style: normal;
      margin-top: 4px;
    }

    .d365-service-channels {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      margin-top: 14px;
    }

    .d365-service-channels span {
      align-items: center;
      color: #4c67de;
      display: grid;
      font-size: 1.2rem;
      gap: 6px;
      justify-items: center;
      text-align: center;
    }

    .d365-service-channels small {
      color: rgba(16, 49, 95, 0.62);
      font-size: 0.68rem;
      font-weight: 700;
    }

    .d365-service-ai-card {
      align-items: center;
      background: linear-gradient(135deg, #5d40e6, #7f61ff);
      color: #fff;
      display: grid;
      gap: 12px;
      grid-template-columns: auto 1fr;
    }

    .d365-service-ai-card strong,
    .d365-service-ai-card span {
      color: #fff;
    }

    .d365-service-ai-card span {
      background: rgba(255, 255, 255, 0.18);
      border-radius: 999px;
      display: inline-flex;
      font-size: 0.68rem;
      font-weight: 700;
      margin-top: 8px;
      padding: 8px 12px;
      width: fit-content;
    }

    .d365-service-ai-card__robot {
      font-size: 2rem;
      line-height: 1;
    }

    .d365-insight-showcase {
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
      padding: 28px;
    }

    .d365-insight-showcase::before {
      background: radial-gradient(circle at 0% 100%, rgba(89, 199, 255, 0.08), transparent 28%);
    }

    .d365-insight-visual {
      display: grid;
      gap: 14px;
      grid-template-columns: minmax(0, .72fr) minmax(0, .88fr) minmax(96px, .5fr);
      grid-template-rows: auto auto auto;
      align-items: center;
    }

    .d365-insight-card-profile { grid-column: 1; grid-row: 1; }
    .d365-insight-card-segments { grid-column: 2; grid-row: 1; }
    .d365-insight-card-timeline { grid-column: 1 / span 2; grid-row: 2; }
    .d365-insight-card-kpis { grid-column: 1 / span 2; grid-row: 3; }

    .d365-insight-profile {
      align-items: center;
      display: grid;
      gap: 14px;
      grid-template-columns: 56px 1fr;
      margin-top: 14px;
    }

    .d365-insight-avatar::before {
      background: radial-gradient(circle at center, #7b8dff 0 32%, transparent 34%);
    }

    .d365-insight-contact-icons {
      display: flex;
      gap: 10px;
      margin-top: 14px;
    }

    .d365-insight-contact-icons span,
    .d365-insight-orbit-node {
      align-items: center;
      background: rgba(255, 255, 255, 0.94);
      border: 1px solid rgba(214, 221, 245, 0.92);
      border-radius: 999px;
      box-shadow: 0 10px 22px rgba(22, 65, 125, 0.05);
      display: inline-flex;
      height: 36px;
      justify-content: center;
      width: 36px;
    }

    .d365-insight-segment-bars,
    .d365-marketing-channel-list,
    .d365-insight-kpis {
      display: grid;
      gap: 12px;
      margin-top: 14px;
    }

    .d365-insight-segment-bars div {
      align-items: center;
      display: grid;
      gap: 10px;
      grid-template-columns: 88px 1fr auto;
    }

    .d365-insight-segment-bars b,
    .d365-insight-segment-bars small {
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-insight-segment-bars b { color: rgba(16, 49, 95, 0.76); }
    .d365-insight-segment-bars small { color: rgba(16, 49, 95, 0.52); }

    .d365-insight-segment-bars span {
      background: rgba(229, 233, 246, 0.74);
      border-radius: 999px;
      display: block;
      height: 7px;
      overflow: hidden;
    }

    .d365-insight-segment-bars i {
      background: linear-gradient(90deg, #6d7cff, #9b5cff);
      border-radius: inherit;
      display: block;
      height: 100%;
    }

    .d365-insight-timeline {
      align-items: center;
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      margin-top: 14px;
    }

    .d365-insight-timeline span {
      align-items: center;
      background: rgba(246, 248, 255, 0.92);
      border: 1px solid rgba(221, 228, 246, 0.9);
      border-radius: 14px;
      color: rgba(16, 49, 95, 0.72);
      display: flex;
      font-size: 0.66rem;
      font-weight: 700;
      justify-content: center;
      min-height: 48px;
      padding: 8px 6px;
      text-align: center;
    }

    .d365-insight-timeline i {
      display: none;
    }

    .d365-insight-orbit {
      align-items: center;
      display: flex;
      grid-column: 3;
      grid-row: 1 / span 2;
      justify-content: center;
      min-height: 240px;
      position: relative;
    }

    .d365-insight-orbit::before {
      border: 1px dashed rgba(146, 165, 235, 0.5);
      border-radius: 999px;
      content: "";
      height: 160px;
      position: absolute;
      width: 160px;
    }

    .d365-insight-orbit-center {
      align-items: center;
      background: linear-gradient(135deg, #f7fbff, #edf3ff);
      border: 1px solid rgba(214, 221, 245, 0.92);
      border-radius: 999px;
      box-shadow: 0 14px 28px rgba(22, 65, 125, 0.08);
      display: inline-flex;
      font-size: 2rem;
      height: 86px;
      justify-content: center;
      position: relative;
      width: 86px;
      z-index: 2;
    }

    .d365-insight-orbit-node {
      color: #4c67de;
      position: absolute;
    }

    .d365-insight-orbit-node.top { top: 22px; }
    .d365-insight-orbit-node.right { right: 0; top: 50%; transform: translateY(-50%); }
    .d365-insight-orbit-node.bottom { bottom: 22px; }
    .d365-insight-orbit-node.left { left: 0; top: 50%; transform: translateY(-50%); }

    .d365-insight-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .d365-insight-bullets {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }

    .d365-insight-bullets span {
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(214, 221, 245, 0.92);
      border-radius: 999px;
      color: rgba(16, 49, 95, 0.72);
      display: inline-flex;
      font-size: 0.72rem;
      font-weight: 700;
      padding: 10px 14px;
    }

    .d365-solution-spotlight--insight .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(123, 141, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 247, 255, 0.96));
    }

    .d365-solution-spotlight--field .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(242, 139, 22, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 244, 0.96));
    }

    .d365-solution-spotlight--shopify .d365-solution-shell {
      background:
        radial-gradient(circle at top right, rgba(95, 195, 95, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 252, 245, 0.96));
    }

    .d365-field-showcase,
    .d365-shopify-showcase {
      position: relative;
      overflow: hidden;
      padding: 28px;
      border: 1px solid rgba(209, 222, 240, 0.88);
      border-radius: 32px;
      box-shadow: var(--ms-shadow-soft);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 247, 255, 0.96));
    }

    .d365-field-showcase {
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
    }

    .d365-shopify-showcase {
      display: grid;
      gap: 28px;
      grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
      align-items: center;
      background:
        linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
    }

    .d365-field-features {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 24px;
    }

    .d365-field-features article {
      display: grid;
      justify-items: center;
      gap: 10px;
      text-align: center;
    }

    .d365-field-features span {
      width: 64px;
      height: 64px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      background: linear-gradient(135deg, rgba(226, 233, 255, 0.92), rgba(245, 240, 255, 0.86));
      border: 1px solid rgba(214, 221, 245, 0.92);
      box-shadow: 0 10px 24px rgba(22, 65, 125, 0.05);
    }

    .d365-field-features strong {
      color: rgba(16, 49, 95, 0.8);
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 1.45;
    }

    .d365-field-visual {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr);
      gap: 18px;
      align-items: start;
    }

    .d365-field-stage {
      position: relative;
      min-height: 470px;
      padding: 14px 10px 0;
    }

    .d365-field-skyline {
      position: absolute;
      left: 12%;
      right: 0;
      bottom: 44px;
      height: 180px;
      display: flex;
      align-items: end;
      gap: 14px;
      opacity: 0.26;
    }

    .d365-field-skyline i {
      display: block;
      width: 52px;
      border-radius: 10px 10px 0 0;
      background: linear-gradient(180deg, rgba(145, 167, 255, 0.3), rgba(124, 104, 255, 0.52));
    }

    .d365-field-skyline i:nth-child(1) { height: 78px; }
    .d365-field-skyline i:nth-child(2) { height: 118px; }
    .d365-field-skyline i:nth-child(3) { height: 94px; }
    .d365-field-skyline i:nth-child(4) { height: 146px; }
    .d365-field-skyline i:nth-child(5) { height: 108px; }

    .d365-field-phone {
      position: absolute;
      left: 18%;
      top: 0;
      width: 250px;
      height: 430px;
      padding: 14px;
      border-radius: 38px;
      background: linear-gradient(155deg, #1b2148, #30386a 42%, #0f132b);
      box-shadow: 0 26px 58px rgba(22, 65, 125, 0.22);
      transform: rotate(-9deg);
      z-index: 2;
    }

    .d365-field-phone__notch {
      position: absolute;
      top: 12px;
      left: 50%;
      transform: translateX(-50%);
      width: 120px;
      height: 24px;
      border-radius: 0 0 16px 16px;
      background: #0b0f25;
      z-index: 2;
    }

    .d365-field-phone__screen {
      height: 100%;
      border-radius: 28px;
      background: linear-gradient(180deg, #ffffff, #f5f7ff);
      padding: 36px 18px 18px;
      overflow: hidden;
    }

    .d365-field-phone__top,
    .d365-field-phone__details {
      display: grid;
      gap: 8px;
    }

    .d365-field-phone__top {
      grid-template-columns: 1fr auto;
      align-items: center;
    }

    .d365-field-phone__top span,
    .d365-field-phone__details b,
    .d365-field-phone__tasks strong {
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-weight: 700;
    }

    .d365-field-phone__top em {
      font-style: normal;
      font-size: 0.66rem;
      font-weight: 700;
      color: #fff;
      padding: 5px 8px;
      border-radius: 999px;
      background: linear-gradient(135deg, #6d7cff, #8f63ff);
    }

    .d365-field-phone__details {
      margin-top: 18px;
    }

    .d365-field-phone__details span,
    .d365-field-phone__tasks span,
    .d365-field-performance__stats span,
    .d365-shopify-metrics span,
    .d365-shopify-flow span,
    .d365-shopify-sync-card span {
      color: rgba(16, 49, 95, 0.56);
      font-size: 0.68rem;
      font-weight: 700;
    }

    .d365-field-phone__details b {
      font-size: 0.76rem;
      line-height: 1.45;
      margin-top: -2px;
    }

    .d365-field-phone__map {
      position: relative;
      height: 96px;
      margin-top: 16px;
      border-radius: 16px;
      overflow: hidden;
      background:
        linear-gradient(45deg, rgba(222, 229, 244, 0.85) 24%, transparent 24% 48%, rgba(222, 229, 244, 0.85) 48% 52%, transparent 52%),
        linear-gradient(-45deg, rgba(240, 244, 252, 0.9) 24%, transparent 24% 48%, rgba(240, 244, 252, 0.9) 48% 52%, transparent 52%),
        linear-gradient(180deg, #eef4ff, #f9fbff);
    }

    .d365-field-phone__map i {
      position: absolute;
      inset: 0;
    }

    .d365-field-phone__map i::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 20px;
      height: 20px;
      border-radius: 50% 50% 50% 0;
      background: linear-gradient(135deg, #6d7cff, #8f63ff);
      transform: translate(-50%, -60%) rotate(-45deg);
      box-shadow: 0 8px 18px rgba(109, 124, 255, 0.26);
    }

    .d365-field-phone__map button {
      position: absolute;
      right: 10px;
      bottom: 10px;
      border: 0;
      border-radius: 999px;
      padding: 8px 12px;
      color: var(--ms-ink);
      font-size: 0.66rem;
      font-weight: 700;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 10px 20px rgba(22, 65, 125, 0.08);
    }

    .d365-field-phone__tasks {
      display: grid;
      gap: 8px;
      margin-top: 16px;
    }

    .d365-field-phone__tasks span {
      position: relative;
      display: block;
      padding-left: 18px;
      color: rgba(16, 49, 95, 0.72);
    }

    .d365-field-phone__tasks span::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 10px;
      height: 10px;
      border-radius: 3px;
      background: linear-gradient(135deg, #6d7cff, #8f63ff);
    }

    .d365-field-path {
      position: absolute;
      top: 70px;
      right: 140px;
      width: 190px;
      height: 80px;
      border-top: 2px dashed rgba(133, 110, 255, 0.62);
      border-radius: 50% / 100% 100% 0 0;
      z-index: 1;
    }

    .d365-field-path .start,
    .d365-field-path .end {
      position: absolute;
      top: -8px;
      width: 18px;
      height: 18px;
      border-radius: 50% 50% 50% 0;
      background: linear-gradient(135deg, #6d7cff, #8f63ff);
      transform: rotate(-45deg);
    }

    .d365-field-path .start { left: -4px; }
    .d365-field-path .end { right: -4px; }

    .d365-field-van {
      position: absolute;
      right: 24px;
      bottom: 30px;
      width: 270px;
      height: 156px;
      z-index: 3;
    }

    .d365-field-van__body,
    .d365-field-van__cab {
      position: absolute;
      bottom: 28px;
      background: linear-gradient(180deg, #fefeff, #dae6ff 72%, #c4d6ff);
      border: 1px solid rgba(182, 199, 236, 0.92);
      box-shadow: 0 22px 40px rgba(22, 65, 125, 0.12);
    }

    .d365-field-van__body {
      left: 16px;
      width: 168px;
      height: 98px;
      border-radius: 24px 16px 14px 14px;
    }

    .d365-field-van__cab {
      right: 18px;
      width: 100px;
      height: 82px;
      border-radius: 20px 18px 14px 14px;
    }

    .d365-field-van__cab::before {
      content: "";
      position: absolute;
      left: 12px;
      right: 10px;
      top: 14px;
      height: 24px;
      border-radius: 12px 12px 8px 8px;
      background: linear-gradient(180deg, rgba(111, 133, 202, 0.82), rgba(234, 242, 255, 0.74));
    }

    .d365-field-van__badge {
      position: absolute;
      right: 18px;
      top: 24px;
      color: #6d55e9;
      font-family: "Sora", sans-serif;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.15;
      text-align: center;
    }

    .d365-field-van__badge::before {
      content: "⚙";
      display: block;
      font-size: 1.35rem;
      margin-bottom: 6px;
    }

    .d365-field-van .wheel {
      position: absolute;
      bottom: 0;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: radial-gradient(circle, #7f8fbf 0 24%, #1f274f 26% 58%, #0f1731 60%);
      box-shadow: inset 0 0 0 5px #d5def6;
    }

    .d365-field-van .wheel-left { left: 48px; }
    .d365-field-van .wheel-right { right: 54px; }

    .d365-field-performance,
    .d365-shopify-sync-card,
    .d365-shopify-metrics article,
    .d365-shopify-flow,
    .d365-field-status {
      background: rgba(255, 255, 255, 0.93);
      border: 1px solid rgba(211, 223, 242, 0.9);
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(22, 65, 125, 0.08);
    }

    .d365-field-performance {
      padding: 18px;
    }

    .d365-field-performance > strong,
    .d365-field-status strong,
    .d365-shopify-sync-card strong {
      display: block;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.92rem;
      font-weight: 700;
    }

    .d365-field-performance__stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }

    .d365-field-performance__stats div {
      padding: 14px 12px;
      border-radius: 16px;
      border: 1px solid rgba(223, 229, 244, 0.9);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 255, 0.92));
    }

    .d365-field-performance__stats b,
    .d365-shopify-metrics b {
      display: block;
      margin-top: 8px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 1.6rem;
      font-weight: 700;
    }

    .d365-field-performance__stats small,
    .d365-shopify-metrics small {
      display: block;
      margin-top: 6px;
      color: #6d7cff;
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-field-status {
      margin-top: 14px;
      padding: 18px;
    }

    .d365-field-status::before {
      content: "Work Orders by Status";
      display: block;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      font-weight: 700;
      margin-bottom: 16px;
    }

    .d365-field-status__chart {
      width: 120px;
      height: 120px;
      margin: 0 auto 18px;
      border-radius: 50%;
      background:
        conic-gradient(#3453d6 0 26%, #76afff 26% 52%, #8a5fff 52% 84%, #ff6c7b 84% 100%);
      position: relative;
    }

    .d365-field-status__chart::after {
      content: "";
      position: absolute;
      inset: 24px;
      border-radius: 50%;
      background: #fff;
      box-shadow: inset 0 0 0 1px rgba(211, 223, 242, 0.85);
    }

    .d365-field-status__legend {
      display: grid;
      gap: 10px;
    }

    .d365-field-status__legend span {
      display: flex;
      align-items: center;
      gap: 10px;
      color: rgba(16, 49, 95, 0.74);
      font-size: 0.76rem;
      font-weight: 700;
    }

    .d365-field-status__legend i {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      display: block;
    }

    .d365-field-status__legend .blue { background: #3453d6; }
    .d365-field-status__legend .sky { background: #76afff; }
    .d365-field-status__legend .purple { background: #8a5fff; }
    .d365-field-status__legend .red { background: #ff6c7b; }

    .d365-shopify-visual {
      position: relative;
      min-height: 430px;
      padding: 14px 10px 0 16px;
    }

    .d365-shopify-orbit {
      position: absolute;
      left: 110px;
      top: 0;
      width: 270px;
      height: 92px;
    }

    .d365-shopify-orbit::before {
      content: "";
      position: absolute;
      left: 34px;
      right: 34px;
      top: 46px;
      border-top: 2px dashed rgba(125, 145, 255, 0.56);
    }

    .d365-shopify-orbit::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 46px;
      height: 62px;
      border-left: 2px dashed rgba(125, 145, 255, 0.56);
      transform: translateX(-50%);
    }

    .d365-shopify-orbit-node {
      position: absolute;
      width: 76px;
      height: 76px;
      border-radius: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Sora", sans-serif;
      font-size: 2rem;
      font-weight: 700;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(211, 223, 242, 0.9);
      box-shadow: 0 16px 34px rgba(22, 65, 125, 0.08);
    }

    .d365-shopify-orbit-node.shopify {
      left: 0;
      top: 8px;
      color: #4a66dc;
    }

    .d365-shopify-orbit-node.sync {
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      color: #7b59ff;
    }

    .d365-shopify-orbit-node.bc {
      right: 0;
      top: 8px;
      color: #5667f4;
    }

    .d365-shopify-laptop {
      position: absolute;
      left: 18px;
      right: 92px;
      bottom: 14px;
      z-index: 1;
    }

    .d365-shopify-laptop__screen {
      padding: 14px;
      border-radius: 20px 20px 12px 12px;
      background: linear-gradient(180deg, #1f2c60, #24356e 16%, #f8fbff 16%, #f5f8ff 100%);
      box-shadow: 0 24px 54px rgba(22, 65, 125, 0.16);
      border: 1px solid rgba(179, 196, 232, 0.76);
    }

    .d365-shopify-laptop__header {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 16px;
      padding: 6px 8px 14px;
    }

    .d365-shopify-laptop__header strong {
      color: #193469;
      font-family: "Sora", sans-serif;
      font-size: 1.15rem;
      text-transform: lowercase;
    }

    .d365-shopify-laptop__header span {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 14px;
      border-radius: 999px;
      background: rgba(236, 241, 251, 0.92);
      color: rgba(16, 49, 95, 0.52);
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-shopify-laptop__body {
      display: grid;
      grid-template-columns: 86px 1fr;
      gap: 14px;
      min-height: 236px;
    }

    .d365-shopify-laptop__menu {
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(237, 242, 252, 0.94), rgba(245, 247, 255, 0.96));
      border: 1px solid rgba(222, 228, 245, 0.9);
      padding: 16px 12px;
      display: grid;
      gap: 10px;
    }

    .d365-shopify-laptop__menu i {
      display: block;
      height: 12px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(105, 126, 255, 0.24), rgba(138, 95, 255, 0.1));
    }

    .d365-shopify-laptop__table {
      border-radius: 14px;
      border: 1px solid rgba(222, 228, 245, 0.9);
      background: #fff;
      overflow: hidden;
    }

    .d365-shopify-laptop__table .row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      padding: 12px 14px;
      border-top: 1px solid rgba(236, 240, 250, 0.9);
      color: rgba(16, 49, 95, 0.74);
      font-size: 0.72rem;
      font-weight: 700;
    }

    .d365-shopify-laptop__table .row.heading {
      background: rgba(244, 247, 255, 0.92);
      color: rgba(16, 49, 95, 0.5);
      border-top: 0;
    }

    .d365-shopify-laptop__base {
      width: calc(100% + 34px);
      height: 18px;
      margin-left: -17px;
      border-radius: 0 0 18px 18px;
      background: linear-gradient(180deg, #c9d5ef, #e8eefb);
      box-shadow: 0 14px 30px rgba(22, 65, 125, 0.12);
    }

    .d365-shopify-sync-card {
      position: absolute;
      right: 4px;
      bottom: 42px;
      width: 168px;
      padding: 16px;
      z-index: 2;
    }

    .d365-shopify-sync-card em {
      display: inline-flex;
      margin-top: 10px;
      padding: 7px 10px;
      border-radius: 999px;
      color: #6d7cff;
      font-size: 0.72rem;
      font-style: normal;
      font-weight: 700;
      background: rgba(237, 241, 255, 0.94);
    }

    .d365-shopify-sync-card div {
      display: grid;
      gap: 2px;
      padding-top: 12px;
      margin-top: 12px;
      border-top: 1px solid rgba(227, 232, 245, 0.9);
    }

    .d365-shopify-sync-card b {
      color: rgba(16, 49, 95, 0.76);
      font-size: 0.74rem;
      font-weight: 700;
    }

    .d365-shopify-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 20px;
    }

    .d365-shopify-metrics article {
      padding: 18px 16px;
      text-align: center;
    }

    .d365-shopify-flow {
      display: grid;
      grid-template-columns: repeat(9, auto);
      gap: 14px;
      align-items: center;
      margin-top: 20px;
      padding: 18px 20px;
      overflow: auto hidden;
    }

    .d365-shopify-flow i {
      color: #6d7cff;
      font-style: normal;
      font-size: 1rem;
      font-weight: 700;
    }

    .d365-shopify-flow span {
      min-width: 128px;
      color: rgba(16, 49, 95, 0.76);
      line-height: 1.45;
    }

    .d365-band {
      padding: 30px;
      border-radius: 30px;
      background:
        linear-gradient(135deg, rgba(22, 65, 125, 0.98), rgba(92, 57, 210, 0.96));
      box-shadow: var(--ms-shadow);
      color: #fff;
    }

    .d365-band-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 26px;
      align-items: center;
    }

    .d365-band h2 {
      margin: 14px 0 12px;
      color: #fff;
      font-family: "Sora", sans-serif;
      font-size: clamp(1.95rem, 4vw, 3rem);
      line-height: 1.1;
    }

    .d365-band p,
    .d365-band li {
      color: rgba(255, 255, 255, 0.84);
    }

    .d365-band-image {
      overflow: hidden;
      border-radius: 26px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      box-shadow: 0 18px 46px rgba(7, 15, 38, 0.24);
    }

    .d365-band-image img {
      width: 100%;
      height: 100%;
      min-height: 280px;
      object-fit: cover;
    }

    .d365-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 18px;
    }

    .d365-pill {
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 0 16px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.14);
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    #delivery-model {
       background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));;
      border-radius: 32px;
      margin: 24px 0;
    }

    #delivery-model .d365-section-head {
      max-width: 880px;
      margin: 0 auto 48px;
    }

    #delivery-model .d365-kicker {
      padding: 0 18px;
      min-height: 40px;
      border: 1px solid rgba(136, 166, 232, 0.32);
      box-shadow: 0 10px 24px rgba(22, 65, 125, 0.08);
      /* color: var(--ms-blue); */
      letter-spacing: 0.14em;
      font-size: 0.8rem;
      font-weight: 700;
    }

    #delivery-model .d365-section-head h2 {
      font-size: clamp(2.2rem, 4.6vw, 3.6rem);
      font-weight: 800;
      letter-spacing: -0.01em;
      line-height: 1.1;
    }

    #delivery-model .d365-section-head h2 em {
      font-family: "Playfair Display", "Cormorant Garamond", "Georgia", serif;
      font-style: italic;
      font-weight: 500;
      color: var(--ms-ink);
      padding-right: 6px;
    }

    #delivery-model .d365-section-head p {
      font-size: 1.05rem;
      color: rgba(16, 49, 95, 0.7);
      max-width: 640px;
      margin: 18px auto 0;
    }

    .d365-delivery-grid {
      position: relative;
      gap: 22px;
    }

    .d365-delivery-card {
      position: relative;
      padding: 28px 26px 28px;
      border-radius: 18px;
      border: 1px solid rgba(16, 49, 95, 0.08);
      background: #ffffff;
      box-shadow: 0 2px 0 rgba(16, 49, 95, 0.04);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .d365-delivery-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 40px rgba(22, 65, 125, 0.1);
    }

    .d365-delivery-card strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      margin-bottom: 22px;
      border-radius: 999px;
      background: var(--ms-ink);
      color: #ffffff;
      font-family: "Sora", sans-serif;
      font-size: 0.92rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1;
    }

    .d365-delivery-card h3 {
      margin: 0 0 10px;
      font-size: 1.32rem;
      font-weight: 700;
      color: var(--ms-ink);
    }

    .d365-delivery-card p {
      margin: 0;
      font-size: 0.97rem;
      line-height: 1.55;
      color: rgba(16, 49, 95, 0.65);
    }

    .d365-delivery-card::after {
      content: "";
      position: absolute;
      top: 50px;
      right: -22px;
      width: 22px;
      height: 1.5px;
      background: linear-gradient(90deg, var(--ms-purple), rgba(134, 79, 254, 0.35));
      z-index: 1;
    }

    .d365-delivery-card:last-child::after {
      display: none;
    }

    .d365-assurance-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
      margin-top: 40px;
    }

    .d365-assurance-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 42px;
      padding: 0 20px;
      border-radius: 999px;
      border: 1px solid rgba(16, 49, 95, 0.1);
      background: #ffffff;
      box-shadow: 0 1px 0 rgba(16, 49, 95, 0.04);
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.86rem;
      font-weight: 500;
    }

    .d365-assurance-pill::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: var(--ms-purple);
      flex-shrink: 0;
    }

    @media (max-width: 1199px) {
      .d365-delivery-card::after {
        display: none;
      }
    }

    .d365-cta {
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      padding: 38px 24px;
      background:
        radial-gradient(circle at left center, rgba(131, 231, 238, 0.2), transparent 28%),
        radial-gradient(circle at right top, rgba(134, 79, 254, 0.12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
      border: 1px solid rgba(211, 223, 241, 0.9);
      box-shadow: var(--ms-shadow);
      text-align: center;
    }

    .d365-cta h2 {
      margin: 18px auto 12px;
      max-width: 720px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1.1;
    }

    .d365-cta p {
      max-width: 660px;
      margin: 0 auto;
      color: var(--ms-text);
      line-height: 1.72;
    }

    .d365-cta-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 14px;
      margin-top: 24px;
    }

    .d365-industries-section {
      position: relative;
      overflow: hidden;
    }

    .d365-industries-section::before,
    .d365-industries-section::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      filter: blur(8px);
    }

    .d365-industries-section::before {
      width: 260px;
      height: 260px;
      top: -90px;
      right: -90px;
      background: radial-gradient(circle, rgba(164, 87, 255, 0.28), transparent 68%);
    }

    .d365-industries-section::after {
      width: 220px;
      height: 220px;
      left: -110px;
      bottom: 30px;
      background: radial-gradient(circle, rgba(90, 122, 255, 0.12), transparent 70%);
    }

    .d365-industries-shell {
      position: relative;
      z-index: 1;
    }

    .d365-industries-head {
      position: relative;
      max-width: 940px;
      margin: 0 auto 34px;
      text-align: center;
    }

    .d365-industries-head::before,
    .d365-industries-head::after {
      content: "";
      position: absolute;
      top: 26px;
      width: 72px;
      height: 72px;
      background-image: radial-gradient(circle, rgba(99, 122, 255, 0.3) 1.2px, transparent 1.2px);
      background-size: 14px 14px;
      opacity: 0.55;
    }

    .d365-industries-head::before {
      left: -10px;
    }

    .d365-industries-head::after {
      right: -10px;
    }

    .d365-industries-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 42px;
      padding: 0 18px;
      border-radius: 999px;
      /* background: linear-gradient(135deg, rgba(117, 92, 255, 0.11), rgba(145, 125, 255, 0.18)); */
      color: #5f54ff;
      font-family: "Sora", sans-serif;
      font-size: 0.95rem;
      font-weight: 700;
    }

    .d365-industries-kicker::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #5f54ff;
      box-shadow: 0 0 0 8px rgba(95, 84, 255, 0.08);
    }

    .d365-industries-head h2 {
      margin: 18px auto 16px;
      max-width: 820px;
      /* color: #0e1742; */
      font-family: "Sora", sans-serif;
      font-size: clamp(2.4rem, 4.8vw, 4rem);
      line-height: 1.08;
      letter-spacing: -0.03em;
    }

    .d365-industries-head p {
      max-width: 780px;
      margin: 0 auto;
      /* color: rgba(48, 66, 114, 0.8); */
      font-size: 1.03rem;
      line-height: 1.65;
    }

    .d365-industries-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 34px;
    }

    .d365-industry-feature-card {
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr) 128px;
      gap: 16px;
      align-items: start;
      min-height: 182px;
      padding: 16px;
      border: 1px solid rgba(219, 228, 243, 0.95);
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 18px 40px rgba(22, 65, 125, 0.08);
    }

    .d365-industry-copy {
      min-width: 0;
    }

    .d365-industry-top {
      display: block;
      margin-bottom: 10px;
    }

    .d365-industry-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 56px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(123, 102, 255, 0.12), rgba(123, 102, 255, 0.06));
      color: #6b5cff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
      flex: 0 0 auto;
    }

    .d365-industry-feature-card h3 {
      margin: 4px 0 0;
      /* color: #121b48; */
      font-family: "Sora", sans-serif;
      font-size: 1rem;
      line-height: 1.35;
    }

    .d365-industry-feature-card p {
      margin: 0;
      /* color: rgba(65, 82, 124, 0.86); */
      font-size: 0.95rem;
      line-height: 1.65;
    }

    .d365-industry-mini {
      align-self: stretch;
      padding: 10px 10px 8px;
      border: 1px solid rgba(226, 232, 244, 0.96);
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.95));
      box-shadow: 0 10px 22px rgba(20, 49, 104, 0.06);
    }

    .d365-mini-title {
      margin-bottom: 10px;
      /* color: rgba(44, 60, 108, 0.92); */
      font-size: 0.5rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .d365-mini-stat {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .d365-mini-stat:last-child {
      margin-bottom: 0;
    }

    .d365-mini-label,
    .d365-mini-meta {
      color: rgba(82, 95, 138, 0.8);
      font-size: 0.5rem;
      line-height: 1.4;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .d365-mini-value {
      margin-top: 2px;
      color: #131d4a;
      font-family: "Sora", sans-serif;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .d365-mini-up {
      color: #23b26d;
      font-size: 0.58rem;
      font-weight: 700;
      white-space: nowrap;
    }

    .d365-mini-chart {
      width: 100%;
      height: 40px;
      margin-top: 2px;
    }

    .d365-mini-chart path,
    .d365-mini-chart polyline,
    .d365-mini-chart line,
    .d365-mini-chart circle {
      vector-effect: non-scaling-stroke;
    }

    .d365-mini-legend {
      display: grid;
      gap: 4px;
      margin-top: 8px;
    }

    .d365-mini-legend-row,
    .d365-mini-list-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: rgba(67, 81, 119, 0.86);
      font-size: 0.58rem;
      line-height: 1.4;
    }

    .d365-mini-legend-name,
    .d365-mini-list-name {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .d365-mini-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #6b5cff;
    }

    .d365-mini-dot.is-fade {
      background: #b7abff;
    }

    .d365-mini-dot.is-soft {
      background: #ddd6ff;
    }

    .d365-mini-bars {
      display: flex;
      align-items: flex-end;
      gap: 8px;
      height: 52px;
      margin-top: 8px;
    }

    .d365-mini-bars i {
      display: block;
      width: 9px;
      border-radius: 4px 4px 0 0;
      background: linear-gradient(180deg, #a594ff, #6b5cff);
    }

    .d365-mini-dual {
      display: grid;
      gap: 8px;
      margin-top: 10px;
    }

    .d365-mini-progress {
      position: relative;
      overflow: hidden;
      height: 8px;
      border-radius: 999px;
      background: #eeeafd;
    }

    .d365-mini-progress span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #8a74ff, #6b5cff);
    }

    .d365-mini-ring {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 10px;
    }

    .d365-mini-ring-graphic {
      position: relative;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: conic-gradient(#6b5cff 0 260deg, #ece8ff 260deg 360deg);
      display: grid;
      place-items: center;
    }

    .d365-mini-ring-graphic::before {
      content: "";
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #fff;
    }

    .d365-mini-ring-graphic strong {
      position: absolute;
      color: #1f2958;
      font-size: 0.52rem;
      line-height: 1.1;
      text-align: center;
    }

    .d365-mini-avatars {
      display: flex;
      align-items: center;
      gap: 0;
      margin-top: 8px;
    }

    .d365-mini-avatar {
      width: 24px;
      height: 24px;
      margin-left: -6px;
      border: 2px solid #fff;
      border-radius: 50%;
      background: linear-gradient(135deg, #ffd5c8, #ffb39e);
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .d365-mini-avatar:first-child {
      margin-left: 0;
    }

    .d365-mini-avatar:nth-child(2) {
      background: linear-gradient(135deg, #ffe5a8, #f6c365);
    }

    .d365-mini-avatar:nth-child(3) {
      background: linear-gradient(135deg, #d6d7ff, #9ea3ff);
    }

    .d365-mini-avatar:nth-child(4) {
      background: linear-gradient(135deg, #d3f2ff, #7bcfff);
    }

    .d365-mini-avatar svg {
      color: rgba(28, 35, 82, 0.7);
    }

    .d365-industries-foot {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
      color: rgba(71, 86, 126, 0.9);
      font-size: 0.98rem;
      line-height: 1.5;
      text-align: center;
    }

    .d365-industries-foot svg {
      color: #7a68ff;
      flex: 0 0 auto;
    }

    .d365-benefits-section {
      position: relative;
      overflow: hidden;
    }

    .d365-benefits-section::before,
    .d365-benefits-section::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      filter: blur(10px);
    }

    .d365-benefits-section::before {
      width: 260px;
      height: 260px;
      top: -90px;
      right: -90px;
      background: radial-gradient(circle, rgba(173, 99, 255, 0.26), transparent 68%);
    }

    .d365-benefits-section::after {
      width: 220px;
      height: 220px;
      left: -120px;
      bottom: 0;
      background: radial-gradient(circle, rgba(111, 137, 255, 0.14), transparent 70%);
    }

    .d365-benefits-shell {
      position: relative;
      z-index: 1;
    }

    .d365-benefits-head {
      position: relative;
      max-width: 960px;
      margin: 0 auto 36px;
      text-align: center;
    }

    .d365-benefits-head::before,
    .d365-benefits-head::after {
      content: "";
      position: absolute;
      top: 34px;
      width: 72px;
      height: 72px;
      background-image: radial-gradient(circle, rgba(112, 131, 255, 0.32) 1.2px, transparent 1.2px);
      background-size: 14px 14px;
      opacity: 0.5;
    }

    .d365-benefits-head::before {
      left: -12px;
    }

    .d365-benefits-head::after {
      right: -12px;
    }

    .d365-benefits-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 42px;
      padding: 0 18px;
      border-radius: 999px;
      color: #5f54ff;
      font-family: "Sora", sans-serif;
      font-size: 0.95rem;
      font-weight: 700;
    }

    .d365-benefits-kicker::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #5f54ff;
      box-shadow: 0 0 0 8px rgba(95, 84, 255, 0.08);
    }

    .d365-benefits-head h2 {
      margin: 18px auto 16px;
      max-width: 860px;
      font-family: "Sora", sans-serif;
      font-size: clamp(2.4rem, 4.8vw, 4rem);
      line-height: 1.08;
      letter-spacing: -0.03em;
    }

    .d365-benefits-head p {
      max-width: 760px;
      margin: 0 auto;
      color: rgba(54, 71, 111, 0.82);
      font-size: 1.02rem;
      line-height: 1.7;
    }

    .d365-benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-top: 34px;
    }

    .d365-benefit-visual-card {
      min-height: 460px;
      padding: 18px;
      border: 1px solid rgba(219, 228, 243, 0.95);
      border-radius: 28px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 18px 40px rgba(22, 65, 125, 0.08);
    }

    .d365-benefit-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 66px;
      height: 66px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(123, 102, 255, 0.12), rgba(123, 102, 255, 0.06));
      color: #6b5cff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    }

    .d365-benefit-visual {
      position: relative;
      min-height: 250px;
      margin: 18px 0 24px;
      border-radius: 24px;
      background:
        radial-gradient(circle at 50% 50%, rgba(160, 189, 255, 0.12), transparent 40%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(249, 251, 255, 0.92));
    }

    .d365-benefit-visual-card h3 {
      margin: 0 0 12px;
      color: #101a46;
      font-family: "Sora", sans-serif;
      font-size: 1.16rem;
      line-height: 1.32;
    }

    .d365-benefit-visual-card p {
      margin: 0;
      color: rgba(65, 82, 124, 0.86);
      font-size: 0.95rem;
      line-height: 1.65;
    }

    .d365-visibility-panel {
      position: absolute;
      left: 14px;
      right: 14px;
      top: 36px;
      padding: 14px;
      border: 1px solid rgba(223, 231, 244, 0.96);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 12px 28px rgba(20, 49, 104, 0.09);
    }

    .d365-visibility-user {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 14px;
    }

    .d365-visibility-user-main {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .d365-visibility-avatar {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ffd7ce, #f8ad96);
      display: grid;
      place-items: center;
      overflow: hidden;
      box-shadow: 0 8px 18px rgba(22, 65, 125, 0.08);
    }

    .d365-visibility-avatar svg {
      color: rgba(42, 36, 66, 0.72);
    }

    .d365-visibility-name {
      color: #17214c;
      font-family: "Sora", sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      line-height: 1.25;
    }

    .d365-visibility-role {
      color: rgba(90, 103, 139, 0.78);
      font-size: 0.62rem;
      line-height: 1.35;
    }

    .d365-visibility-status {
      padding: 5px 10px;
      border-radius: 999px;
      background: rgba(111, 94, 255, 0.1);
      color: #6b5cff;
      font-size: 0.56rem;
      font-weight: 700;
      white-space: nowrap;
    }

    .d365-visibility-tabs {
      display: flex;
      gap: 12px;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(229, 234, 244, 0.94);
      color: rgba(84, 97, 135, 0.82);
      font-size: 0.58rem;
      font-weight: 600;
    }

    .d365-visibility-tabs span:first-child {
      color: #15204f;
      position: relative;
    }

    .d365-visibility-tabs span:first-child::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -9px;
      height: 2px;
      border-radius: 999px;
      background: #6b5cff;
    }

    .d365-visibility-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: 14px;
    }

    .d365-visibility-stat {
      padding: 10px 8px;
      border: 1px solid rgba(232, 236, 245, 0.94);
      border-radius: 12px;
      background: #fff;
    }

    .d365-visibility-stat-label {
      color: rgba(90, 103, 139, 0.8);
      font-size: 0.5rem;
      line-height: 1.35;
    }

    .d365-visibility-stat-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-top: 8px;
    }

    .d365-visibility-stat strong {
      color: #18224f;
      font-family: "Sora", sans-serif;
      font-size: 0.9rem;
    }

    .d365-visibility-stat svg {
      color: #7b68ff;
    }

    .d365-workflow-map {
      position: absolute;
      inset: 22px 12px 10px;
    }

    .d365-workflow-node {
      position: absolute;
      width: 78px;
      min-height: 74px;
      padding: 10px 8px;
      border: 1px solid rgba(221, 230, 244, 0.95);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 10px 22px rgba(20, 49, 104, 0.08);
      text-align: center;
      color: #16204d;
      font-size: 0.6rem;
      font-weight: 700;
      line-height: 1.25;
    }

    .d365-workflow-node svg {
      display: block;
      margin: 0 auto 8px;
    }

    .d365-workflow-node.lead-created {
      left: 0;
      top: 56px;
    }

    .d365-workflow-node.lead-qualified {
      left: 50%;
      top: 54px;
      transform: translateX(-50%);
    }

    .d365-workflow-node.approval-required {
      right: 0;
      top: 54px;
    }

    .d365-workflow-node.task-assigned {
      left: 50%;
      top: 152px;
      transform: translateX(-50%);
    }

    .d365-workflow-node.followup-reminder {
      right: 0;
      top: 152px;
    }

    .d365-workflow-line {
      position: absolute;
      background: linear-gradient(90deg, rgba(123, 104, 255, 0.24), rgba(123, 104, 255, 0.95));
    }

    .d365-workflow-line.horizontal {
      height: 2px;
    }

    .d365-workflow-line.vertical {
      width: 2px;
      background: linear-gradient(180deg, rgba(123, 104, 255, 0.24), rgba(123, 104, 255, 0.95));
    }

    .d365-workflow-arrow {
      position: absolute;
      width: 8px;
      height: 8px;
      border-top: 2px solid #7b68ff;
      border-right: 2px solid #7b68ff;
      transform: rotate(45deg);
    }

    .d365-ops-map {
      position: absolute;
      inset: 10px;
      display: grid;
      place-items: center;
    }

    .d365-ops-map::before {
      content: "";
      position: absolute;
      inset: 32px;
      border-radius: 50%;
      border: 1px dashed rgba(188, 201, 237, 0.7);
    }

    .d365-ops-center {
      position: relative;
      z-index: 2;
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 255, 0.94));
      border: 1px solid rgba(218, 228, 245, 0.95);
      display: grid;
      place-items: center;
      box-shadow: 0 12px 28px rgba(20, 49, 104, 0.08);
    }

    .d365-ops-center svg {
      color: #5c47f5;
      filter: drop-shadow(0 8px 18px rgba(92, 71, 245, 0.18));
    }

    .d365-ops-node {
      position: absolute;
      z-index: 2;
      width: 78px;
      min-height: 68px;
      padding: 10px 8px;
      border: 1px solid rgba(221, 230, 244, 0.95);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 10px 22px rgba(20, 49, 104, 0.08);
      text-align: center;
      color: #16204d;
      font-size: 0.62rem;
      font-weight: 700;
      line-height: 1.25;
    }

    .d365-ops-node svg {
      display: block;
      margin: 0 auto 8px;
    }

    .d365-ops-node.sales {
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
    }

    .d365-ops-node.service {
      top: 94px;
      right: 4px;
    }

    .d365-ops-node.operations {
      right: 22px;
      bottom: 28px;
    }

    .d365-ops-node.finance {
      left: 24px;
      bottom: 28px;
    }

    .d365-ops-node.management {
      top: 94px;
      left: 4px;
    }

    .d365-ops-link {
      position: absolute;
      z-index: 1;
      border-top: 2px dashed rgba(123, 104, 255, 0.6);
      transform-origin: left center;
    }

    .startbit-mobile-logo {
      width: 122px;
    }

    .startbit-drawer-logo {
      width: 138px;
    }

    .mobile-menu {
      top: 16px;
      right: 16px;
      bottom: 16px;
      width: min(360px, calc(100vw - 32px));
      z-index: 9999;
      border-radius: 28px;
      padding: 22px;
      transform: translateX(115%);
      transition: transform 0.32s ease;
    }

    .mobile-menu.is-open {
      transform: translateX(0);
    }

    .mobile-menu-label::after {
      content: none;
    }

    .mobile-drawer-link,
    .mobile-menu-section-toggle,
    .mobile-submenu-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border: 0;
      border-radius: 0;
      padding: 10px 0;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.95rem;
      font-weight: 600;
      background: transparent;
    }

    body:not(.d365-page) .mobile-drawer-link,
    body:not(.d365-page) .mobile-menu-section-toggle,
    body:not(.d365-page) .mobile-submenu-list a {
      color: var(--color-secondary);
    }

    .mobile-menu-section-toggle {
      cursor: pointer;
    }

    .mobile-menu-section-arrow {
      width: 18px;
      height: 18px;
      transition: transform 0.22s ease;
    }

    .mobile-menu-section.is-open .mobile-menu-section-arrow {
      transform: rotate(180deg);
    }

    .mobile-submenu-list {
      display: grid;
      gap: 10px;
      margin-top: 10px;
      padding-left: 12px;
    }

    .page-scroll-lock {
      overflow: hidden !important;
    }

    @keyframes d365-marquee {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    /* ===== Why Startbit Section (numbered list layout) ===== */
    #why-startbit {
      padding-top: 56px;
    }

    #why-startbit .d365-section-head {
      max-width: 880px;
      margin: 0 auto 42px;
    }

    #why-startbit .d365-kicker {
      padding: 0 18px;
      min-height: 40px;
      border: 1px solid rgba(136, 166, 232, 0.32);
      box-shadow: 0 10px 24px rgba(22, 65, 125, 0.08);
      /* color: #4863c9; */
      letter-spacing: 0.14em;
      font-size: 0.8rem;
      font-weight: 700;
    }

    #why-startbit .d365-section-head h2 {
      font-size: clamp(2.2rem, 4.6vw, 3.5rem);
      line-height: 1.1;
      letter-spacing: -0.01em;
    }

    .d365-why-wrap {
      display: grid;
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      gap: 28px;
      align-items: stretch;
    }

    .d365-why-card-left {
      position: relative;
      overflow: hidden;
      padding: 38px 32px 32px;
      border-radius: 28px;
      border: 1px solid rgba(212, 220, 240, 0.85);
      background: linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));
      box-shadow: 0 24px 60px rgba(22, 65, 125, 0.1);
      min-height: 560px;
      display: flex;
      flex-direction: column;
    }

    .d365-why-kicker {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: #4863c9;
      font-family: "Sora", sans-serif;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .d365-why-kicker::before {
      content: "";
      width: 32px;
      height: 2px;
      border-radius: 999px;
      background: #4863c9;
    }

    .d365-why-headline {
      position: relative;
      z-index: 1;
      margin: 18px 0 0;
      max-width: 360px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: clamp(1.7rem, 2.6vw, 2.3rem);
      font-weight: 800;
      line-height: 1.18;
    }

    .d365-why-headline em {
      display: block;
      margin-top: 8px;
      color: #4863c9;
      font-family: "Playfair Display", "Cormorant Garamond", "Georgia", serif;
      font-style: italic;
      font-weight: 500;
    }

    .d365-why-orbit {
      position: relative;
      flex: 1;
      min-height: 252px;
      margin: 24px 0 22px;
    }

    .d365-why-orbit::before,
    .d365-why-orbit::after {
      content: "";
      position: absolute;
      inset: 0;
      margin: auto;
      border-radius: 50%;
      border: 1px dashed rgba(72, 99, 201, 0.28);
      pointer-events: none;
    }

    .d365-why-orbit::before {
      display: none;
    }

    .d365-why-orbit::after {
      width: clamp(142px, 46%, 196px);
      aspect-ratio: 1;
      border-color: rgba(72, 99, 201, 0.2);
    }

    .d365-why-orbit-panel {
      /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.22)); */
      /* border: 1px solid rgba(212, 220, 240, 0.72); */
      border-radius: 26px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
      inset: 26px 12px 22px;
      position: absolute;
      z-index: 0;
    }

    .d365-why-partner-logo {
      align-items: center;
      /* background: rgba(255, 255, 255, 0.98); */
      /* border: 1px solid rgba(212, 220, 240, 0.95); */
      border-radius: 26px;
      /* box-shadow: 0 18px 42px rgba(22, 65, 125, 0.12); */
      display: flex;
      inset: 0;
      justify-content: center;
      margin: auto;
      padding: 12px;
      position: absolute;
      /* width: clamp(116px, 34%, 142px); */
      z-index: 1;
    }

    .d365-why-partner-logo img {
      display: block;
      height: auto;
      max-height: 170px;
      object-fit: contain;
      width: 100%;
    }

    .d365-why-icon {
      position: absolute;
      display: grid;
      place-items: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #ffffff;
      box-shadow: 0 14px 30px rgba(22, 65, 125, 0.14);
      z-index: 2;
    }

    .d365-why-icon svg {
      width: 20px;
      height: 20px;
    }

    .d365-why-icon.is-zap {
      right: 45%;
      top: 14px;
      color: #ff7a1a;
    }

    .d365-why-icon.is-shield {
     bottom: 42%;
    left: 25%;
      color: #2f6fff;
    }

    .d365-why-icon.is-bot {
     bottom: 42%;
    right: 25%;
      background: linear-gradient(135deg, #ffd6a3, #ff8b4d);
      color: #ffffff;
    }

    .d365-why-icon.is-chart {
      bottom: 18px;
      left: 45%;
    }

    .d365-why-icon.is-chart i {
      display: inline-block;
      width: 4px;
      margin: 0 1px;
      border-radius: 2px;
    }

    .d365-why-icon.is-chart i:nth-child(1) {
      height: 10px;
      background: #ff7a1a;
    }

    .d365-why-icon.is-chart i:nth-child(2) {
      height: 18px;
      background: #2f6fff;
    }

    .d365-why-icon.is-chart i:nth-child(3) {
      height: 14px;
      background: #29c4d4;
    }

    .d365-why-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: auto;
      max-width: 430px;
      position: relative;
      z-index: 1;
    }

    .d365-why-pill {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 0 16px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid rgba(212, 220, 240, 0.95);
      box-shadow: 0 10px 22px rgba(22, 65, 125, 0.08);
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 0.84rem;
      font-weight: 600;
    }

    .d365-why-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .d365-why-item {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      gap: 18px;
      align-items: flex-start;
      padding: 22px 26px;
      border-radius: 22px;
      border: 1px solid rgba(225, 220, 210, 0.85);
      background:linear-gradient(135deg, rgba(131, 231, 238, .16), rgba(134, 79, 254, .12));;
      box-shadow: 0 14px 30px rgba(22, 65, 125, 0.05);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .d365-why-item:hover {
      transform: translateY(-2px);
      box-shadow: 0 22px 44px rgba(22, 65, 125, 0.1);
    }

    .d365-why-number {
      display: grid;
      place-items: center;
      width: 56px;
      height: 56px;
      border-radius: 14px;
      background: #ffffff;
      border: 1px solid rgba(220, 215, 205, 0.9);
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .d365-why-item-body h3 {
      margin: 6px 0 8px;
      color: var(--ms-ink);
      font-family: "Sora", sans-serif;
      font-size: 1.18rem;
      font-weight: 700;
      line-height: 1.3;
    }

    .d365-why-item-body p {
      margin: 0;
      color: rgba(35, 49, 86, 0.78);
      font-size: 0.98rem;
      line-height: 1.65;
    }

    /* ===== Project Operations Tabs Section ===== */
    .d365-ops {
      position: relative;
      overflow: hidden;
      padding: 56px clamp(20px, 4vw, 60px);
      border-radius: 34px;
      background:
        radial-gradient(circle at 14% 18%, rgba(134, 79, 254, 0.28), transparent 36%),
        radial-gradient(circle at 88% 84%, rgba(41, 196, 212, 0.18), transparent 38%),
        linear-gradient(135deg, #0b1f44 0%, #122a5e 48%, #1a1f56 100%);
      box-shadow: 0 30px 90px rgba(8, 18, 48, 0.32);
      color: #f5f8ff;
    }

    .d365-ops::before {
      content: "";
      position: absolute;
      pointer-events: none;
      top: -120px;
      right: -120px;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(134, 79, 254, 0.35), transparent 70%);
      filter: blur(6px);
    }

    .d365-ops::after {
      content: "";
      position: absolute;
      pointer-events: none;
      bottom: -140px;
      left: -120px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(41, 196, 212, 0.22), transparent 70%);
      filter: blur(6px);
    }

    .d365-ops-head {
      position: relative;
      z-index: 1;
      max-width: 760px;
      margin: 0 auto 38px;
      text-align: center;
    }

    .d365-ops-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 38px;
      padding: 0 18px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #d9defc;
      font-family: "Sora", sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .d365-ops-head h2 {
      margin: 16px 0 14px;
      color: #ffffff;
      font-family: "Sora", sans-serif;
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1.1;
    }

    .d365-ops-head h2 span {
      background: linear-gradient(135deg, #a98bff, #83e7ee);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .d365-ops-head p {
      margin: 0 auto;
      max-width: 620px;
      color: rgba(229, 234, 255, 0.78);
      font-size: 1rem;
      line-height: 1.7;
    }

    .d365-ops-layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
      gap: 26px;
      align-items: stretch;
    }

    .d365-ops-mobile-select-wrap {
      display: none;
    }

    .d365-ops-mobile-select {
      width: 100%;
      min-height: 54px;
      padding: 0 48px 0 16px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 14px;
      background:
        linear-gradient(135deg, rgba(134, 79, 254, 0.22), rgba(41, 196, 212, 0.16)),
        rgba(255, 255, 255, 0.06);
      color: #ffffff;
      font-family: "Sora", sans-serif;
      font-size: 0.96rem;
      font-weight: 600;
      appearance: none;
      -webkit-appearance: none;
      background-image:
        linear-gradient(45deg, transparent 50%, #d9defc 50%),
        linear-gradient(135deg, #d9defc 50%, transparent 50%);
      background-position:
        calc(100% - 22px) calc(50% - 3px),
        calc(100% - 16px) calc(50% - 3px);
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      box-shadow: 0 14px 30px rgba(8, 18, 48, 0.18);
    }

    .d365-ops-mobile-select:focus {
      outline: 2px solid rgba(131, 231, 238, 0.72);
      outline-offset: 3px;
    }

    .d365-ops-mobile-select option {
      color: #0b1f44;
    }

    .d365-ops-tabs {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(12px);
    }

    .d365-ops-tab {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      padding: 16px 18px;
      border: 1px solid transparent;
      border-radius: 14px;
      background: transparent;
      color: rgba(229, 234, 255, 0.78);
      font-family: "Sora", sans-serif;
      font-size: 0.98rem;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    .d365-ops-tab:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.05);
    }

    .d365-ops-tab.is-active {
      color: #ffffff;
      background: linear-gradient(135deg, rgba(134, 79, 254, 0.32), rgba(41, 196, 212, 0.22));
      border-color: rgba(255, 255, 255, 0.18);
      box-shadow: 0 14px 30px rgba(8, 18, 48, 0.32);
    }

    .d365-ops-tab.is-active::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 22px;
      border-radius: 999px;
      background: linear-gradient(180deg, #a98bff, #83e7ee);
    }

    .d365-ops-panel {
      position: relative;
      padding: 30px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 22px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
      backdrop-filter: blur(12px);
    }

    .d365-ops-pane {
      display: none;
      animation: d365-fade-in 0.35s ease;
    }

    .d365-ops-pane.is-active {
      display: block;
    }

    @keyframes d365-fade-in {
      from {
        opacity: 0;
        transform: translateY(6px);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }

    .d365-ops-pane p {
      margin: 0 0 22px;
      color: rgba(229, 234, 255, 0.88);
      font-size: 1.02rem;
      line-height: 1.78;
      text-align: center;
    }

    .d365-ops-visual {
      position: relative;
      overflow: hidden;
      border-radius: 18px;
      aspect-ratio: 16 / 7;
      box-shadow: 0 20px 44px rgba(8, 18, 48, 0.28);
    }

    .d365-ops-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(8, 18, 48, 0.55), rgba(134, 79, 254, 0.28));
    }

    .d365-ops-visual-label {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-family: "Sora", sans-serif;
      font-size: clamp(1.2rem, 2.4vw, 1.9rem);
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-shadow: 0 6px 20px rgba(8, 18, 48, 0.5);
    }

    .d365-ops-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.02);
    }

    .d365-ops-more {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 22px;
      color: #ffffff;
      font-family: "Sora", sans-serif;
      font-size: 0.95rem;
      font-weight: 600;
      text-decoration: none;
      transition: gap 0.25s ease, color 0.25s ease;
    }

    .d365-ops-more:hover {
      color: #83e7ee;
      gap: 14px;
    }

    .d365-ops-more svg {
      transition: transform 0.25s ease;
    }

    .d365-ops-more:hover svg {
      transform: translateX(4px);
    }

    @media (max-width: 1279px) {
      .d365-main {
        padding-top: 6px;
      }
    }

    @media (max-width: 1199px) {
      .d365-hero-grid,
      .d365-band-grid,
      .d365-card-grid,
      .d365-modules-grid,
      .d365-industries-grid,
      .d365-benefits-grid,
      .d365-delivery-grid,
      .d365-why-grid {
        grid-template-columns: 1fr 1fr;
      }

      .d365-hero-visual {
        min-height: 560px;
      }

      .d365-hero-card-stage {
        min-height: 560px;
        width: min(100%, 680px);
      }

      .d365-hero-image-stage {
        width: min(100%, 420px);
      }

      .d365-orbit-feature {
        width: 208px;
      }

      .d365-orbit-feature.sales,
      .d365-orbit-feature.project-operations {
        width: 224px;
      }

      .d365-orbit-feature.customer-service,
      .d365-orbit-feature.field-service,
      .d365-orbit-feature.customer-insight,
      .d365-orbit-feature.marketing {
        width: 202px;
      }

      .d365-orbit-feature.customer-service,
      .d365-orbit-feature.marketing {
        top: 92px;
      }

      .d365-orbit-feature.customer-service {
        right: 14px;
      }

      .d365-orbit-feature.field-service {
        bottom: 84px;
        right: 18px;
      }

      .d365-orbit-feature.customer-insight {
        bottom: 84px;
      }

      .d365-industries-grid {
        grid-template-columns: 1fr 1fr;
      }

      .d365-benefits-grid {
        grid-template-columns: 1fr 1fr;
      }

      .d365-why-wrap {
        grid-template-columns: 1fr;
      }

      .d365-why-card-left {
        min-height: auto;
      }
    }

    @media (min-width: 992px) {
      .d365-section.d365-hero-section,
      .d365-hero-card {
        overflow: visible;
      }

      .d365-hero-grid {
        align-items: center;
        gap: clamp(24px, 2.5vw, 40px);
      }

      .d365-hero-copy {
        max-width: 580px;
      }

      .d365-lead {
        max-width: 520px;
      }

      .d365-hero-visual {
        min-height: 660px;
      }

      .d365-hero-card-stage {
        min-height: 660px;
        width: min(100%, 720px);
      }

      .d365-hero-card-stage::before {
        inset: 18% 12% 14%;
      }

      .d365-hero-image-stage {
        width: min(100%, 430px);
      }

      .d365-orbit-feature {
        min-height: 96px;
        padding: 12px 14px;
        width: 258px;
      }

      .d365-orbit-feature h3 {
        font-size: 0.96rem;
        margin-bottom: 6px;
      }

      .d365-orbit-feature p {
        font-size: 0.86rem;
        line-height: 1.45;
      }

      .d365-orbit-feature-icon {
        height: 38px;
        margin-bottom: 10px;
        width: 38px;
      }

      .d365-orbit-feature.sales,
      .d365-orbit-feature.project-operations {
        width: 258px;
      }

      .d365-orbit-feature.customer-service,
      .d365-orbit-feature.field-service,
      .d365-orbit-feature.customer-insight,
      .d365-orbit-feature.marketing {
        width: 258px;
      }

      .d365-orbit-feature.sales {
        top: -5%
      }

      .d365-orbit-feature.marketing {
        left: -6%;
        top: 18%;
      }

      .d365-orbit-feature.customer-service {
        right: -7%;
        top: 18%;
      }

      .d365-orbit-feature.customer-insight {
                bottom: 16%;
        left: -7%;
      }

      .d365-orbit-feature.field-service {
        bottom: 15%;
        right: -7%;
      }

      .d365-orbit-feature.project-operations {
        bottom: -11%;
      }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
      .d365-shell {
        width: min(100%, 1520px);
      }

      .d365-section.d365-hero-section {
        padding: 108px 0 24px;
      }

      .d365-hero-card {
        min-height: calc(100svh - 132px);
      }

      .d365-hero-grid {
        gap: 26px;
        grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
      }

      .d365-hero-copy {
        max-width: 540px;
      }

      .d365-title {
        font-size: clamp(2.45rem, 3vw, 3rem);
        max-width: 540px;
      }

      .d365-lead {
        font-size: 0.95rem;
        max-width: 500px;
      }

      .d365-hero-actions {
        gap: 10px;
        margin-top: 16px;
      }

      .d365-hero-actions .btn {
        min-width: 200px;
        padding-inline: 20px;
      }

      .d365-hero-notes {
        gap: 10px 12px;
      }

      .d365-hero-note {
        font-size: 0.78rem;
        padding-right: 14px;
      }

      .d365-hero-note-icon {
        height: 40px;
        width: 40px;
      }

      .d365-hero-visual {
        min-height: 520px;
      }

      .d365-hero-card-stage {
        min-height: 520px;
        width: min(100%, 580px);
      }

      .d365-hero-card-stage::before {
        inset: 20% 14% 16%;
      }

      .d365-hero-image-stage {
        width: min(100%, 360px);
      }

      .d365-orbit-feature {
        border-radius: 22px;
        min-height: 92px;
        padding: 13px 14px;
        width: 172px;
      }

      .d365-orbit-feature h3 {
        font-size: 0.9rem;
        margin-bottom: 4px;
      }

      .d365-orbit-feature p {
        font-size: 0.78rem;
        line-height: 1.35;
      }

      .d365-orbit-feature-icon {
        height: 40px;
        margin-bottom: 8px;
        width: 40px;
      }

      .d365-orbit-feature.sales,
      .d365-orbit-feature.project-operations {
        width: 188px;
      }

      .d365-orbit-feature.customer-service,
      .d365-orbit-feature.field-service,
      .d365-orbit-feature.customer-insight,
      .d365-orbit-feature.marketing {
        width: 168px;
      }

      .d365-orbit-feature.sales {
        top: 2%;
      }

      .d365-orbit-feature.marketing {
        left: 0;
        top: 16%;
      }

      .d365-orbit-feature.customer-service {
        right: 0;
        top: 16%;
      }

      .d365-orbit-feature.customer-insight {
        bottom: 14%;
        left: 0;
      }

      .d365-orbit-feature.field-service {
        bottom: 14%;
        right: 0;
      }

      .d365-orbit-feature.project-operations {
        bottom: 2%;
      }
    }

    @media (max-width: 991px) {
      .d365-hero-grid,
      .d365-band-grid,
      .d365-card-grid,
      .d365-modules-grid,
      .d365-industries-grid,
      .d365-benefits-grid,
      .d365-delivery-grid,
      .d365-why-grid {
        grid-template-columns: 1fr;
      }

      .d365-ops {
        padding: 40px 22px;
      }

      .d365-ops-layout {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .d365-ops-mobile-select-wrap {
        display: block;
      }

      .d365-ops-tabs {
        display: none;
      }

      .d365-ops-tab {
        flex: 0 0 auto;
        padding: 12px 16px;
        font-size: 0.9rem;
        white-space: nowrap;
      }

      .d365-ops-tab.is-active::before {
        display: none;
      }

      .d365-ops-panel {
        padding: 22px;
      }

      .d365-hero-card,
      .d365-band,
      .d365-cta {
        padding: 26px;
      }

      .d365-hero-card {
        min-height: auto;
      }

      .d365-hero-grid {
        gap: 28px;
      }

      .d365-hero-copy {
        max-width: 100%;
      }

      .d365-hero-visual {
        min-height: auto;
        padding: 24px 0 0;
      }

      .d365-hero-card-stage {
        align-items: start;
        display: grid;
        gap: 18px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 auto;
        min-height: auto;
        max-width: 720px;
        width: 100%;
      }

      .d365-hero-image-stage {
        height: auto;
        grid-column: 1 / -1;
        inset: auto;
        margin: 0 auto 10px;
        position: relative;
        transform: none;
        width: min(100%, 420px);
      }

      .d365-hero-actions .btn {
        min-width: 0;
      }

      .d365-hero-notes {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 16px;
      }

      .d365-hero-note {
        align-items: flex-start;
        /* background: rgba(255, 255, 255, 0.84); */
        /* border: 1px solid rgba(209, 222, 240, 0.88); */
        /* border-radius: 18px; */
        /* box-shadow: 0 14px 30px rgba(22, 65, 125, 0.06); */
        min-height: 100%;
        padding: 12px 14px;
      }

      .d365-hero-note + .d365-hero-note::before {
        display: none;
      }

      .d365-orbit-feature {
        min-height: 0;
        position: relative;
        inset: auto;
        padding: 16px 18px;
        width: 100%;
        transform: none !important;
      }

      .d365-orbit-feature:hover {
        transform: none;
      }

      .d365-capabilities-grid {
        grid-template-columns: 1fr;
      }

      .d365-capability-card {
        grid-template-columns: 1fr;
      }

      .d365-solution-shell,
      .d365-solution-shell--reverse {
        grid-template-columns: 1fr;
      }

      .d365-sales-showcase {
        grid-template-columns: 1fr;
      }

      .d365-sales-capability-pills {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .d365-sales-dashboard__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-sales-dashboard__card-activity {
        align-items: center;
        grid-column: span 2;
        grid-template-columns: auto auto 1fr;
        justify-items: start;
      }

      .d365-sales-dashboard__bottom {
        grid-template-columns: 1fr;
      }

      .d365-marketing-showcase {
        grid-template-columns: 1fr;
      }

      .d365-marketing-capability-pills {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .d365-field-showcase,
      .d365-shopify-showcase {
        grid-template-columns: 1fr;
      }

      .d365-field-visual {
        grid-template-columns: 1fr;
      }

      .d365-field-performance__stats,
      .d365-shopify-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .d365-shopify-showcase__copy {
        order: 2;
      }

      .d365-shopify-visual {
        order: 1;
      }

      .d365-service-showcase,
      .d365-insight-showcase {
        grid-template-columns: 1fr;
      }

      .d365-service-capabilities {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .d365-service-dashboard__main,
      .d365-service-monitor__bottom {
        grid-template-columns: 1fr;
      }

      .d365-service-side {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .d365-insight-visual {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
      }

      .d365-insight-card-profile {
        grid-column: 1;
        grid-row: auto;
      }

      .d365-insight-card-segments {
        grid-column: 2;
        grid-row: auto;
      }

      .d365-insight-card-timeline,
      .d365-insight-card-kpis,
      .d365-insight-orbit {
        grid-column: 1 / -1;
        grid-row: auto;
      }

      .d365-insight-orbit {
        min-height: 190px;
      }

      .d365-insight-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .d365-marketing-dashboard__top,
      .d365-marketing-dashboard__bottom {
        grid-template-columns: 1fr;
      }

      .d365-solution-metrics {
        grid-template-columns: 1fr;
      }

      .d365-industries-head::before,
      .d365-industries-head::after {
        display: none;
      }

      .d365-industries-grid {
        grid-template-columns: 1fr;
      }

      .d365-industry-feature-card {
        grid-template-columns: 56px minmax(0, 1fr);
      }

      .d365-industry-mini {
        grid-column: 1 / -1;
      }

      .d365-benefits-head::before,
      .d365-benefits-head::after {
        display: none;
      }

      .d365-benefits-grid {
        grid-template-columns: 1fr;
      }

      #why-startbit .d365-section-head {
        margin-bottom: 30px;
      }

      .d365-why-card-left {
        padding: 30px 22px 24px;
      }

      .d365-why-headline {
        max-width: 100%;
      }

      .d365-why-orbit {
        min-height: 214px;
        margin-block: 22px 20px;
      }

      .d365-why-orbit-panel {
        inset: 20px 8px 18px;
      }

      .d365-why-partner-logo {
        width: 110px;
      }

      .d365-why-partner-logo img {
        /* max-height: 86px; */
      }

      .d365-why-icon {
        height: 42px;
        width: 42px;
      }

      .d365-why-icon svg {
        height: 18px;
        width: 18px;
      }

      .d365-why-icon.is-zap {
        top: 12px;
      }

      .d365-why-icon.is-shield {
        bottom: 64px;
        left: 28px;
      }

      .d365-why-icon.is-bot {
        bottom: 62px;
        right: 30px;
      }

      .d365-why-icon.is-chart {
        bottom: 16px;
      }

      .d365-why-item {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
      }

      .d365-why-number {
        width: 48px;
        height: 48px;
        font-size: 0.96rem;
      }
    }

    @media (max-width: 767px) {
      .d365-main {
        padding-top: 6px;
      }

      .d365-shell {
        padding: 0 16px;
      }

      .d365-section {
        /* padding: 30px 0; */
      }

      .d365-section.d365-hero-section {
        min-height: auto;
        padding: 92px 0 10px;
      }

      .d365-hero-grid {
        display: grid;
        gap: 24px;
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: auto;
      }

      .d365-hero-card,
      .d365-band,
      .d365-cta {
        padding: 20px;
        border-radius: 24px;
      }

      .d365-hero-card {
        min-height: auto;
        padding: 0;
        border-radius: 0;
      }

      .d365-partner-badge {
        font-size: 0.86rem;
        margin-top: 0;
        padding: 2px 10px
      }

      .d365-title {
        font-size: clamp(2.35rem, 10.25vw, 3.15rem);
        line-height: 1.08;
      }

      .d365-hero-heading .d365-title {
        font-size: clamp(2.05rem, 8.2vw, 2.9rem);
        max-width: 100%;
      }

      .d365-hero-heading .d365-lead,
      .d365-hero-copy {
        max-width: 100%;
        min-width: 0;
      }

      .d365-hero-copy,
      .d365-hero-visual {
        width: 100%;
      }

      .d365-hero-visual {
        display: block;
        min-height: auto;
        padding-top: 12px;
      }

      .d365-hero-card-stage {
        align-items: stretch;
        display: grid;
        gap: 14px;
        grid-template-columns: minmax(0, 1fr);
        max-width: 100%;
        min-height: auto;
        padding-top: 0;
      }

      .d365-hero-card-stage::before {
        display: none;
      }

      .d365-hero-image-stage {
        display: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 255, 0.98));
        border: 1px solid rgba(193, 214, 247, 0.92);
        border-radius: 28px;
        box-shadow: 0 20px 48px rgba(22, 65, 125, 0.12);
        justify-content: center;
        margin-bottom: 2px;
        padding: 22px 18px;
        width: min(100%, 320px);
      }

      .d365-hero-image-stage img {
        max-width: 220px;
      }

      .d365-hero-actions,
      .d365-cta-actions {
        flex-direction: column;
      }

      .d365-hero-notes {
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
      }

      .d365-hero-note {
        align-items: flex-start;
        /* background: rgba(255, 255, 255, 0.92); */
        /* border: 1px solid rgba(209, 222, 240, 0.92); */
        border-radius: 16px;
        /* box-shadow: 0 12px 28px rgba(22, 65, 125, 0.08); */
        gap: 8px;
        min-height: 0;
        padding: 10px 12px;
        width: 100%;
      }

      .d365-hero-note > span:last-child {
        max-width: none;
      }

      .d365-orbit-feature {
        align-items: center;
        border-radius: 20px;
        box-shadow: 0 16px 36px rgba(22, 65, 125, 0.08);
        column-gap: 12px;
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-areas:
          "icon title"
          "copy copy";
        min-height: 0;
        order: 2;
        padding: 14px 16px;
        row-gap: 6px;
        text-align: left;
      }

      .d365-orbit-feature.sales,
      .d365-orbit-feature.customer-service,
      .d365-orbit-feature.field-service,
      .d365-orbit-feature.project-operations,
      .d365-orbit-feature.customer-insight,
      .d365-orbit-feature.marketing {
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100%;
      }

      .d365-orbit-feature.sales {
        order: 1;
      }

      .d365-orbit-feature.marketing {
        order: 2;
      }

      .d365-orbit-feature.customer-service {
        order: 3;
      }

      .d365-orbit-feature.customer-insight {
        order: 4;
      }

      .d365-orbit-feature.project-operations {
        order: 5;
      }

      .d365-orbit-feature.field-service {
        order: 6;
      }

      .d365-orbit-feature h3 {
        grid-area: title;
        align-self: center;
        margin: 0;
      }

      .d365-orbit-feature p {
        grid-area: copy;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .d365-orbit-feature-icon {
        grid-area: icon;
        height: 48px;
        margin-bottom: 0;
        width: 48px;
      }

      .d365-capability-card {
        padding: 24px 20px;
        border-radius: 24px;
        scroll-margin-top: 104px;
      }

      .d365-capability-card h3 {
        font-size: 1.26rem;
      }

      .d365-capability-stat {
        padding: 18px;
      }

      .d365-capability-stat strong {
        font-size: 1.72rem;
      }

      .d365-solution-spotlight {
        scroll-margin-top: 104px;
      }

      .d365-solution-shell {
        gap: 22px;
        padding: 24px 20px;
        border-radius: 24px;
      }

      .d365-sales-showcase {
        padding: 24px 20px;
        border-radius: 24px;
      }

      .d365-marketing-showcase,
      .d365-field-showcase,
      .d365-shopify-showcase,
      .d365-service-showcase,
      .d365-insight-showcase {
        padding: 24px 20px;
        border-radius: 24px;
      }

      .d365-sales-capability-pills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-marketing-capability-pills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-field-features,
      .d365-shopify-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-service-capabilities {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-sales-dashboard__main,
      .d365-sales-dashboard__bottom,
      .d365-sales-dashboard__card-activity,
      .d365-sales-donut-wrap {
        grid-template-columns: 1fr;
      }

      .d365-service-dashboard__main,
      .d365-service-monitor__bottom,
      .d365-service-overview-stats,
      .d365-service-side,
      .d365-field-visual,
      .d365-field-performance__stats,
      .d365-shopify-metrics,
      .d365-insight-visual,
      .d365-insight-kpis {
        grid-template-columns: 1fr;
      }

      .d365-insight-card-profile,
      .d365-insight-card-segments,
      .d365-insight-card-timeline,
      .d365-insight-card-kpis,
      .d365-insight-orbit {
        grid-column: auto;
        grid-row: auto;
      }

      .d365-insight-orbit {
        min-height: 170px;
      }

      .d365-field-stage {
        min-height: 400px;
        padding-inline: 0;
      }

      .d365-field-phone {
        left: 8%;
        width: 210px;
        height: 374px;
      }

      .d365-field-path {
        right: 88px;
        top: 78px;
        width: 130px;
      }

      .d365-field-van {
        right: 4px;
        width: 214px;
        height: 132px;
      }

      .d365-shopify-visual {
        min-height: 350px;
        padding-inline: 0;
      }

      .d365-shopify-orbit {
        left: 58px;
        width: 220px;
      }

      .d365-shopify-orbit-node {
        width: 62px;
        height: 62px;
        border-radius: 20px;
        font-size: 1.7rem;
      }

      .d365-shopify-laptop {
        right: 54px;
      }

      .d365-shopify-sync-card {
        width: 150px;
        right: 0;
      }

      .d365-marketing-stats,
      .d365-marketing-journey,
      .d365-marketing-channel-list div {
        grid-template-columns: 1fr;
      }

      .d365-sales-dashboard__card-activity {
        justify-items: center;
      }

      .d365-sales-dashboard__floating-icon {
        justify-self: center;
      }

      .d365-service-monitor {
        padding: 0 14px 14px;
      }

      .d365-service-monitor__topbar {
        margin: 0 -14px 14px;
      }

      .d365-service-monitor__panel,
      .d365-service-trends,
      .d365-service-activity,
      .d365-service-side-card,
      .d365-insight-card {
        padding: 14px;
      }

      .d365-service-channels {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .d365-insight-segment-bars div,
      .d365-insight-timeline {
        grid-template-columns: 1fr;
      }

      .d365-insight-timeline span {
        min-height: 40px;
      }

      .d365-shopify-flow {
        grid-template-columns: 1fr;
        justify-items: start;
      }

      .d365-shopify-flow i {
        display: none;
      }

      .d365-solution-copy h2 {
        font-size: clamp(1.85rem, 7vw, 2.45rem);
      }

      .d365-solution-stat,
      .d365-solution-metrics article {
        padding: 18px;
        border-radius: 20px;
      }

      .d365-hero-actions .btn,
      .d365-cta-actions .btn {
        width: 100%;
      }

      .d365-hero-note-icon {
        height: 34px;
        width: 34px;
      }

      .d365-hero-note-icon svg {
        height: 16px;
        width: 16px;
      }

      .d365-industries-foot {
        align-items: flex-start;
      }

      .d365-benefit-visual-card {
        min-height: auto;
      }

      .d365-benefit-visual {
        min-height: 220px;
      }

      .d365-why-orbit {
        min-height: 170px;
        margin: 18px 0 16px;
      }

      .d365-why-partner-logo {
        border-radius: 18px;
        padding: 9px;
        width: 145px;
      }

      .d365-why-partner-logo img {
        /* max-height: 74px; */
      }

      .d365-why-orbit-panel {
        border-radius: 18px;
        inset: 16px 4px 14px;
      }

      .d365-why-icon {
        height: 36px;
        width: 36px;
      }

      .d365-why-icon svg {
        height: 15px;
        width: 15px;
      }

      .d365-why-icon.is-zap {
        right: 45%;
        top: -9%;
      }

      .d365-why-icon.is-shield {
        bottom: 37%;
        left: 21%;
      }

      .d365-why-icon.is-bot {
       bottom: 39%;
        right: 21%;
      }

      .d365-why-icon.is-chart {
        bottom: 2%;
      }

      .d365-why-pills {
        gap: 8px;
        justify-content: center;
      }

      .d365-why-pill {
        font-size: 0.78rem;
        min-height: 34px;
        padding: 0 14px;
      }

      .d365-why-item {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .d365-why-number {
        width: 44px;
        height: 44px;
      }
    }

/* Startbit page color alignment */
.d365-page {
  --ms-blue: var(--color-secondary);
  --ms-ink: var(--color-secondary);
  --ms-text: rgba(22, 65, 125, 0.68);
}

.d365-page :where(.d365-title, .d365-section-head h2, .d365-industries-head h2, .d365-benefits-head h2, .d365-cta h2) {
  color: var(--color-secondary);
}

.d365-page :where(
  .d365-lead,
  .d365-section-head p,
  .d365-card p,
  .d365-industry-card p,
  .d365-benefit-card p,
  .d365-delivery-card p,
  .d365-why-card p,
  .d365-footer-copy,
  .d365-industries-head p,
  .d365-benefits-head p,
  .d365-benefit-visual-card p,
  .d365-industry-feature-card p,
  .d365-cta p
) {
  color: rgba(22, 65, 125, 0.68);
}

.salesforce-solutions-page .salesforce-home-hero__eyebrow {
  background: var(--color-secondary);
  color: #fff;
}

.salesforce-solutions-page :where(.salesforce-services-trust-item, .salesforce-trust-item) {
  align-items: center;
}

.salesforce-solutions-page .salesforce-services-trust-item,
.d365-page .salesforce-services-trust-item {
  display: grid;
  gap: 14px;
  grid-template-columns: 52px minmax(0, 1fr);
}

.salesforce-solutions-page .salesforce-services-trust-icon,
.d365-page .salesforce-services-trust-icon {
  align-items: center;
  display: inline-flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.salesforce-solutions-page .salesforce-services-trust-icon svg,
.d365-page .salesforce-services-trust-icon svg {
  display: block;
  height: 24px;
  width: 24px;
}

.salesforce-solutions-page .salesforce-services-trust-item strong,
.d365-page .salesforce-services-trust-item strong {
  display: block;
  line-height: 1.3;
  white-space: normal;
}

.d365-page :where(.d365-title, .d365-section-head h2, .d365-industries-head h2, .d365-benefits-head h2, .d365-cta h2) {
  color: var(--color-secondary);
}

.d365-page :where(
  .d365-lead,
  .d365-section-head p,
  .d365-card p,
  .d365-industry-card p,
  .d365-benefit-card p,
  .d365-delivery-card p,
  .d365-why-card p,
  .d365-footer-copy,
  .d365-industries-head p,
  .d365-benefits-head p,
  .d365-benefit-visual-card p,
  .d365-industry-feature-card p,
  .d365-cta p,
  .d365-why-item-body p,
  .d365-orbit-feature p,
  .d365-card-list li,
  .d365-benefit-list li,
  .d365-mini-title,
  .d365-mini-label,
  .d365-mini-meta,
  .d365-mini-legend-row,
  .d365-mini-list-row,
  .d365-visibility-role,
  .d365-visibility-stat-label,
  .d365-visibility-tabs,
  .d365-industries-foot
) {
  color: rgba(22, 65, 125, 0.68);
}

.d365-page :where(
  .d365-orbit-feature h3,
  .d365-mini-value,
  .d365-mini-ring-graphic strong,
  .d365-visibility-name,
  .d365-visibility-stat strong,
  .d365-workflow-node,
  .d365-ops-node,
  .d365-benefit-visual-card h3,
  .d365-industry-feature-card h3,
  .d365-why-headline,
  .d365-why-item-body h3,
  .d365-industries-foot svg
) {
  color: var(--color-secondary);
}

.d365-page .d365-cta h2 span,
.d365-page .d365-title span,
.d365-page .d365-section-head h2 span {
  background: linear-gradient(100deg, #0a8bff 8%, #1466ff 45%, #8d4bff 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.d365-page .d365-ops-head h2,
.d365-page .d365-ops-head p,
.d365-page .d365-ops-pane p,
.d365-page .d365-ops-visual-label,
.d365-page .d365-ops-more {
  color: #fff;
}

@media (max-width: 767px) {
  .salesforce-solutions-page .salesforce-services-trust-item,
  .d365-page .salesforce-services-trust-item {
    gap: 10px;
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .salesforce-solutions-page .salesforce-services-trust-icon,
  .d365-page .salesforce-services-trust-icon {
    height: 40px;
    width: 40px;
  }

  .salesforce-solutions-page .salesforce-services-trust-icon svg,
  .d365-page .salesforce-services-trust-icon svg {
    height: 20px;
    width: 20px;
  }
}

.d365-page :where(.d365-kicker, .d365-industries-kicker, .d365-benefits-kicker, .d365-ops-kicker) {
  align-items: center;
  box-shadow: none;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  letter-spacing: 0;
  min-height: 38px;
  padding: 9px 18px;
  text-transform: none;
}

.d365-page :where(.d365-industries-kicker, .d365-benefits-kicker)::before {
  content: none;
}

.d365-page :where(.d365-hero-point strong, .d365-card h3, .d365-benefit-card h3, .d365-industry-card h3, .d365-delivery-card h3, .d365-why-card h3, .d365-industry-feature-card h3, .d365-benefit-visual-card h3) {
  color: var(--color-secondary);
}

.salesforce-solutions-page :where(
  .salesforce-services-marquee-head h2,
  .salesforce-crm-setup-copy h2,
  .salesforce-integration-showcase__head h2,
  .salesforce-clouds-copy h2,
  .salesforce-agentforce-copy h2,
  .salesforce-ai-insights-head h2,
  .salesforce-manufacturing-head h2,
  .salesforce-capability-head h2,
  .salesforce-why-showcase__head h2,
  .salesforce-blogs-head h2,
  .salesforce-contact-copy h2
) {
  color: var(--color-secondary);
}

.salesforce-solutions-page :where(
  .salesforce-services-marquee-head p,
  .salesforce-crm-setup-copy > p,
  .salesforce-integration-showcase__head p,
  .salesforce-clouds-copy > p,
  .salesforce-agentforce-copy p,
  .salesforce-ai-insights-head p,
  .salesforce-manufacturing-head p,
  .salesforce-capability-head p,
  .salesforce-why-showcase__head p,
  .salesforce-blogs-head p,
  .salesforce-contact-copy p
) {
  color: rgba(22, 65, 125, 0.68);
}