/* Inter (Latin subset only) */
    @font-face {
      font-family: 'Inter';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(../fonts/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* Optional basic styling for the product grid */
    #product-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      margin: 10px;
    }

    .shopify-buy__product {
      max-width: 300px;
      padding: 10px;
      text-align: center;
    }

    .shopify-buy__product__variant-img {
      border: 4px solid #fff !important;
      border-radius: 1rem !important;
    }

    @media (max-width: 1000px) {
      .shopify-buy__product {
        max-width: 100% !important;
        width: 100% !important;
      }
    }

    .common-section {
      position: relative;
      padding-top: 50px;
      --paddingTop: 50px;
      padding-bottom: 50px;
    }

    .common-content-wrapper {
      display: flex;
    }

    @media (max-width: 1000px) {
      .common-content-wrapper {
        flex-direction: column;
      }
    }

    .common-title-column {
      width: 20%;
    }

    @media (max-width: 1000px) {
      .common-title-column {
        width: initial;
      }
    }

    .common-items-column {
      padding-left: 60px;
    }

    @media (max-width: 1000px) {
      .common-items-column {
        padding-top: 2.5em;
        padding-left: 0;
      }
    }

    .common-header {
      gap: 10px;
      display: flex;
      text-align: left;
      align-items: flex-start;
      margin-bottom: 0;
      flex-direction: column;
    }

    .common-title {
      font: var(--font-title);
      color: var(--color-text-primary);
      margin: 0;
      font-size: var(--fontSize-title);
      max-width: 100%;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    .section-accent-text {
      color: var(--color-accent-primary);
      margin: 0;
    }

    .faq-item-answer {
      max-width: 600px;
    }

    dd {
      margin-left: 0;
    }

	    body {
	      margin: 0;
	      padding: 0;
	      --wr-max: 1200px;
	      position: relative;
      word-wrap: anywhere;
      word-break: break-word;
      line-height: 1.6; /* Improved vertical rhythm */
      --font-system: 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
      overflow-wrap: anywhere;
      text-rendering: optimizeLegibility;
      background-color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
      --um-header-height: calc(70px + var(--um-banner-height, 0px));
      
      /* Advanced Typography */
      font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
      font-variant-ligatures: common-ligatures discretionary-ligatures;
      font-kerning: normal;
	      font-optical-sizing: auto;
	    }

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

	    a,
	    .link {
	      color: var(--color-text-link);
	      font-weight: var(--fontWeight-text-medium);
      text-decoration: none;
    }

    a:not(.btn):hover {
      text-decoration: underline;
    }

    strong {
      font-weight: var(--fontWeight-text-heavy);
    }

    .theme-light {
      font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: #343a40;
      font-size: 16px;
      --color-bg: #fff;
      background: #fff;
      --font-hero: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --font-text: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      line-height: 1.5;
      --font-title: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --border-width: 1px;
      --fontSize-hero: calc(67.2px * var(--fontScaleFactor));
      --fontSize-text: 16px;
      --fontSize-title: calc(50.4px * var(--fontScaleFactor));
      --color-text-link: #1864ab;
      --font-subheading: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --fontScaleFactor: 1;
      --lineHeight-hero: normal;
      --lineHeight-title: normal;
      --fontSize-subtitle: calc(20px * var(--fontScaleFactor));
      --color-text-primary: #212529;
      --color-border-normal: #f1f3f5;
      --fontSize-subheading: calc(20px * var(--fontScaleFactor));
      --lineHeight-subtitle: inherit;
      --color-accent-primary: #9c36b5;
      --color-text-secondary: #343a40;
      --fontWeight-text-heavy: 600;
      --lineHeight-subheading: inherit;
      --fontWeight-text-medium: 500;
    }

    @media (max-width: 768px) {
      .theme-light {
        --fontSize-hero: calc(67.2px * var(--fontScaleFactor));
        --fontSize-title: max(calc(42px * var(--fontScaleFactor)), 21px);
        --fontScaleFactor: 0.75;
        --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
        --fontSize-subheading: max(calc(20px * var(--fontScaleFactor)), 16px);
      }
    }

    .theme-light-variant {
      font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: rgb(105, 105, 105);
      font-size: 16px;
      --color-bg: rgb(255, 255, 255);
      background: rgb(255, 255, 255);
      --font-hero: normal normal 600 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --font-text: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      line-height: 1.5;
      --font-title: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --border-width: 1px;
      --fontSize-hero: calc(67.2px * var(--fontScaleFactor));
      --fontSize-text: 16px;
      --fontSize-title: calc(50.4px * var(--fontScaleFactor));
      --color-text-link: rgb(70, 53, 255);
      --fontScaleFactor: 1;
      --lineHeight-hero: normal;
      --lineHeight-title: normal;
      --fontSize-subtitle: calc(20px * var(--fontScaleFactor));
      --color-text-primary: #3d4145;
      --color-border-normal: rgb(229, 229, 229);
      --fontSize-subheading: calc(20px * var(--fontScaleFactor));
      --lineHeight-subtitle: inherit;
      --color-accent-primary: rgb(70, 53, 255);
      --color-text-secondary: rgb(105, 105, 105);
      --fontWeight-text-heavy: 600;
      --lineHeight-subheading: inherit;
      --fontWeight-text-medium: 500;
    }

    @media (max-width: 768px) {
      .theme-light-variant {
        --fontSize-hero: calc(67.2px * var(--fontScaleFactor));
        --fontSize-title: max(calc(50.4px * var(--fontScaleFactor)), 21px);
        --fontScaleFactor: 0.75;
        --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
        --fontSize-subheading: max(calc(20px * var(--fontScaleFactor)), 16px);
      }
    }

    .button-style-rounded .btn {
      font: normal normal 500 1em var(--font-system), -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: rgb(0, 0, 0);
      font-size: 14px;
      background: rgb(240, 240, 240);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
      border-color: rgb(227, 227, 227);
      border-style: solid;
      border-width: 0;
      border-radius: 50px;
    }

    .button-style-rounded .btn.primary {
      color: rgb(255, 255, 255);
      background: rgb(39, 39, 44);
      box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.22);
      border-color: rgb(39, 39, 44);
    }

    .button-style-rounded .btn:hover {
      background: rgb(221, 221, 221);
      border-color: rgb(229, 229, 229);
    }

    .button-style-rounded .btn.primary:hover {
      color: rgb(255, 255, 255);
      background: rgb(24, 24, 26);
      box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.37);
      border-color: rgb(39, 39, 44);
    }

    .button-style-sharp .btn {
      font: normal normal 500 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: rgb(31, 31, 31);
      font-size: 16px;
      background: rgb(239, 239, 239);
      border-radius: 10px;
    }

    .button-style-sharp .btn.primary {
      color: rgb(253, 253, 253);
      background: rgb(70, 53, 255);
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
      border-style: solid;
      border-width: 0;
    }

    .button-style-sharp .btn:hover {
      background: rgb(221, 221, 221);
      border-radius: 10px;
    }

    .button-style-sharp .btn.primary:hover {
      background: rgb(58, 55, 186);
    }

    .card-style-shadowed {
      --card-bg: rgb(255, 255, 255);
      --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
      --card-borderColor: rgb(224, 224, 224);
      --card-borderWidth: 1px;
      --card-borderRadius: 10px;
      --card-textColorPrimary: rgb(0, 0, 0);
      --card-textColorSecondary: rgb(121, 121, 121);
    }

    .card-style-shadowed-thick-border {
      --card-bg: rgb(255, 255, 255);
      --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
      --card-borderColor: rgb(224, 224, 224);
      --card-borderWidth: 3px;
      --card-borderRadius: 10px;
      --card-textColorPrimary: rgb(0, 0, 0);
      --card-textColorSecondary: rgb(121, 121, 121);
    }

    body:not(.noScript) .umso-animated {
      opacity: 0;
    }

    .umso-animating {
      animation-name: var(--animationName);
      animation-delay: calc(var(--animationDelay) * 1ms + var(--listItem-index, 0) * var(--animationStagger) * 1ms);
      animation-duration: calc(var(--animationDuration, 0) * 1ms);
      animation-fill-mode: both;
      animation-timing-function: var(--animationTimingFunction, ease);
    }

    @media (prefers-reduced-motion) {
      .umso-animating {
        animation-name: none;
      }
    }

    @media (max-width: 700px) {
      .umso-animating {
        animation-delay: calc(var(--animationDelay) * 1ms);
      }
    }

    @keyframes toTop {
      0% {
        opacity: 0;
        transform: translateY(var(--animationSlideDistance, 10%));
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes toBottom {
      0% {
        opacity: 0;
        transform: translateY(calc(var(--animationSlideDistance, 10%) * -1));
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes toRight {
      0% {
        opacity: 0;
        transform: translateX(calc(var(--animationSlideDistance, 10%) * -1));
      }

      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes toLeft {
      0% {
        opacity: 0;
        transform: translateX(var(--animationSlideDistance, 10%));
      }

      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes fade {
      0% {
        opacity: var(--animationFromOpacity, 0);
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes scale {
      0% {
        opacity: 0;
        transform: scale(var(--animationFromScale, 0.9));
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    .wr {
      width: 100%;
      margin: 0 auto;
      padding: 0 30px;
      position: relative;
      max-width: var(--wr-max);
      box-sizing: border-box;
    }

    @media only screen and (max-width: 700px) {
      .wr {
        padding: 0 15px;
      }
    }

    @keyframes fixme-orphan-animation {
      45% {
        opacity: 1;
      }

      80% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .um-first-section {
      padding-top: calc(var(--um-header-height) + 10px) !important;
    }

    .um-hidden-section {
      gap: 10px;
      color: #464646;
      display: flex;
      padding: 10px 30px;
      z-index: 1;
      position: relative;
      font-size: 13px;
      box-shadow: 0 0 0 1px #eee;
      align-items: center;
      font-family: var(--font-system);
      font-weight: 400;
      background-size: 10px 10px;
      background-image: repeating-linear-gradient(45deg, #eee 0, #eee 1px, #fafafa 0, #fafafa 50%);
      background-repeat: repeat;
    }

    @media (max-width: 700px) {
      .um-hidden-section {
        text-align: center;
        flex-direction: column;
      }
    }

    .um-hidden-section.um-hideOnDesktop {
      display: none;
    }

    .um-hidden-section.um-hideOnTablet {
      display: none;
    }

    .um-hidden-section.um-hideOnMobile {
      display: none;
    }

    .um-hidden-section svg {
      flex-shrink: 0;
    }

    .um-hidden-section strong {
      font-weight: 500;
    }

    .um-hidden-section button {
      all: unset;
      color: #222;
      cursor: pointer;
      padding: 5px 10px;
      font-size: 12px;
      background: #eaeaea;
      flex-shrink: 0;
      font-weight: 500;
      border-radius: 3px;
    }

    .um-hidden-section button:hover {
      background: #dcdcdc;
    }

    @media (max-width: 500px) {
      .um-hidden-section.um-hideOnMobile {
        display: flex;
      }
    }

    @media (min-width: 500px) and (max-width: 770px) {
      .um-hidden-section.um-hideOnTablet {
        display: flex;
      }
    }

    @media (min-width: 770px) {
      .um-hidden-section.um-hideOnDesktop {
        display: flex;
      }
    }

    .um-icon {
      display: flex;
      position: relative;
      box-sizing: border-box;
      align-items: center;
      flex-shrink: 0;
      justify-content: center;
    }

    .um-icon:not(svg):not(img) {
      padding: 0.4em;
    }

    .um-icon svg {
      display: block;
      position: relative;
    }

    .umso-cms-pagination {
      gap: 10px;
      margin: 0;
      display: flex;
      padding: 0;
      list-style: none;
      justify-content: center;
    }

    .umso-cms-pagination li {
      display: block;
    }

    .umso-cms-pagination li.active {
      font-weight: 500;
    }

    .umso-cms-pagination li a {
      border: 1px solid var(--color-border-normal);
      height: 40px;
      display: block;
      min-width: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 5px;
      text-decoration: none;
    }

    .umso-cms-pagination li a svg {
      margin-top: 8px;
    }

    .um-text p {
      margin: 0;
    }

    @supports (height: 1lh) {
      .um-text p:empty {
        height: 1lh;
      }
    }

    @supports not (height: 1lh) {
      .um-text p:empty:after {
        content: "\00a0";
      }
    }

    .btn {
      gap: 0.6em;
      font: normal normal 500 1.2em var(--font-system), -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: var(--color-text-primary);
      border: none;
      cursor: pointer;
      margin: 0;
      display: inline-flex;
      outline: none;
      padding: 1rem;
      position: relative;
      background: #eee;
      box-sizing: border-box;
      transition: all 0.2s ease-in-out;
      align-items: center;
      border-radius: 3px;
      justify-content: center;
      text-decoration: none;
      transition-property: background, color, border, box-shadow;
    }

    .btn.um-dragging {
      transition: none;
    }

    .btn span {
      text-decoration: none;
    }

    .btn svg:not(.um-arrow),
    .btn img {
      width: initial;
      height: 1.2em;
      margin: -0.1em;
    }

    .btn .um-icon {
      padding: 0;
    }

    .btn

    .btn:hover,
    .btn:hover span {
      text-decoration: none;
    }

    @keyframes keyframes-buttonSuccess {
      from {
        box-shadow: 0 0 0 0 rgba(47, 158, 68, 0);
      }

      to {
        box-shadow: 0 0 0 5px rgba(47, 158, 68, 0.3);
      }
    }

    @keyframes keyframes-buttonLoading {
      from {
        transform: rotate(0deg);
      }

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

    .um-nav-wrapper {
      color: var(--color-text-primary);
      display: flex;
      flex-grow: 1;
      align-items: center;
    }

    .um-nav-wrapper .um-nav-children {
      flex-shrink: 0;
    }

    .um-nav-wrapper.um-children-centered {
      display: flex;
      justify-content: space-between;
    }

    .um-nav-wrapper .um-nav-drawerTrigger {
      display: none;
    }

    .um-nav-wrapper.um-space-between .um-nav-links {
      margin-right: auto;
      padding-left: 20px;
    }

    .um-nav-wrapper.um-links-centered .um-nav-links {
      flex: 1;
      margin: 0 auto;
    }

    .um-nav-wrapper.um-links-centered .um-nav-children {
      flex: 1;
      margin-right: 20px;
    }

    .um-nav-wrapper.um-children-centered.um-hidden {
      margin-left: 40px;
    }

    .um-nav-wrapper.um-children-centered>div:not(.um-nav-children) {
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
    }

    .um-nav-wrapper.um-children-centered .um-nav-links {
      padding-right: 20px;
      justify-content: flex-start;
    }

    .um-nav-wrapper.um-children-centered .um-nav-buttons {
      justify-content: flex-end;
    }

    .um-nav-wrapper.um-children-centered>div:not(.um-nav-children):first-child {
      justify-content: flex-start;
    }

    .um-nav-wrapper.um-children-centered>div:not(.um-nav-children):last-child {
      justify-content: flex-end;
    }

    .um-nav-wrapper.um-classic .um-nav-children {
      margin-right: auto;
    }

    .um-nav-wrapper.um-hidden .um-nav-links {
      display: none;
    }

    .um-nav-wrapper.um-hidden .um-nav-buttons {
      display: none;
    }

    .um-nav-wrapper.um-hidden .um-lang-picker {
      display: none;
    }

    .um-nav-links {
      margin: 0;
      display: flex;
      padding: 0;
      font-size: 15px;
      list-style: none;
      align-items: center;
      white-space: nowrap;
    }

    .um-nav-links>li {
      position: relative;
    }

    .um-nav-links>li>button {
      font: inherit;
      color: inherit;
      border: none;
      cursor: pointer;
      padding: 10px;
      font-size: var(--header-fontSize-primary, inherit);
      background: transparent;
    }

    .um-nav-links>li>a {
      font: inherit;
      color: inherit;
      padding: 10px 10px;
      font-size: var(--header-fontSize-primary, inherit);
      white-space: nowrap;
    }

    .um-nav-links>li:hover .um-nav-flyout {
      display: flex;
    }

    .um-nav-flyout {
      top: 100%;
      left: 50%;
      width: 250px;
      display: none;
      padding: 10px;
      position: absolute;
      max-width: 250px;
      min-width: 120px;
      transform: translate(-50%);
      background: var(--nav-menu-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
      box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
      ;
      border-radius: 5px;
    }

    .um-nav-flyout ul {
      margin: 0;
      display: flex;
      padding: 0;
      flex-grow: 1;
      list-style: none;
      flex-direction: column;
    }

    .um-nav-item {
      color: var(--color-text-primary);
      display: flex;
      padding: 8px 12px;
      align-items: center;
      border-radius: 4px;
    }

    .um-nav-item:hover {
      background: rgba(141, 141, 141, 0.09);
      text-decoration: none !important;
    }

    .um-nav-item div {
      display: flex;
      max-width: 230px;
      word-wrap: break-word;
      white-space: wrap;
      overflow-wrap: break-word;
      flex-direction: column;
    }

    .um-nav-item span {
      font: var(--font-text);
      color: var(--color-text-secondary);
      display: block;
      font-size: var(--header-fontSize-secondary, 0.9em);
      max-width: 230px;
      word-wrap: break-word;
      font-weight: 400;
      white-space: wrap;
      overflow-wrap: break-word;
      text-decoration: none;
    }

    .um-nav-item .um-icon {
      flex-shrink: 0;
      margin-right: 15px;
    }

    .um-nav-buttons {
      gap: 10px;
      display: flex;
      position: relative;
      align-items: center;
      white-space: nowrap;
      padding-left: 20px;
    }

    .um-nav-buttons>button,
    .um-nav-buttons>a {
      font-size: 15px;
    }

    .um-lang-picker {
      position: relative;
      margin-left: 5px;
    }

    .um-lang-picker button {
      gap: 5px;
      font: inherit;
      color: var(--color-text-primary);
      border: none;
      cursor: pointer;
      display: flex;
      font-size: 15px;
      background: transparent;
      align-items: center;
    }

    .um-lang-picker ul {
      display: none;
    }

    .um-lang-picker ul.um-open {
      top: calc(100% + 5px);
      right: 0;
      margin: 0;
      display: flex;
      padding: 0;
      z-index: 1000;
      position: absolute;
      min-width: 150px;
      background: var(--nav-menu-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      list-style: none;
      border-radius: 5px;
      flex-direction: column;
    }

    .um-lang-picker ul.um-open li {
      font-size: 14px;
      font-family: var(--system-font);
    }

    .um-lang-picker ul.um-open li a {
      color: inherit;
      display: block;
      padding: 10px 15px;
    }

    .um-lang-picker ul.um-open li a:hover {
      background: var(--color-bg-secondary);
    }

    .um-lang-picker button svg {
      color: var(--color-text-primary);
    }

    .um-nav-drawerTrigger {
      width: 3em;
      border: none;
      height: 3em;
      margin: 0;
      padding: 0;
      position: relative;
      background: transparent;
      border-radius: 4px;
    }

    #nav-drawer-trigger {
      display: none;
    }

    @media (max-width: 860px) {
      #nav-drawer-trigger {
        display: block;
      }

      #main-nav .um-nav-links,
      #main-nav .um-nav-buttons,
      #main-nav .um-lang-picker {
        display: none;
      }
    }

    .um-nav-drawerTrigger:after {
      top: 9px;
      left: 7px;
      width: 26px;
      height: 4px;
      content: '';
      opacity: 0.8;
      position: absolute;
      background: var(--color-text-secondary);
      box-shadow: 0 8px 0 var(--color-text-secondary), 0 16px 0 var(--color-text-secondary);
      border-radius: 2px;
    }

    .um-nav-drawerTrigger.um-hidden {
      display: none;
    }

    @keyframes keyframes-navbar {
      0% {
        opacity: 0;
        transform: scale(1) translate(10px, 0px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .um-nav-drawer {
      top: 0;
      color: var(--color-text-primary);
      right: 0;
      width: 90%;
      bottom: 0;
      z-index: 999;
      overflow: scroll;
      position: fixed;
      font-size: 15px;
      max-width: 300px;
      background: var(--nav-drawer-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
      box-shadow: 0px 10px 50px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
      border-radius: 0;
    }

    .um-nav-drawer.um-hidden {
      display: none;
    }

    .um-nav-drawer:not(.um-hidden) {
      animation: keyframes-navbar;
      transform-origin: 100% 0;
      animation-duration: 200ms;
    }

    .um-nav-drawer header {
      display: flex;
      padding: 5px;
      align-items: center;
      border-bottom: 1px solid var(--color-border-normal);
      justify-content: flex-end;
    }

    .um-nav-drawer .um-drawer-buttons {
      margin: 25px;
      display: flex;
      position: relative;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .um-nav-drawer .um-drawer-links {
      display: flex;
      list-style: none;
      flex-direction: column;
    }

    .um-nav-drawer .um-drawer-links>li {
      border-bottom: 1px solid var(--color-border-normal);
    }

    .um-nav-drawer .um-drawer-links>li>button {
      all: unset;
      font: inherit;
      width: 100%;
      cursor: pointer;
      padding: 12px 20px;
      position: relative;
      font-size: 1em;
      box-sizing: border-box;
      font-weight: var(--fontWeight-text-medium);
    }

    .um-nav-drawer .um-drawer-links>li>a {
      font: inherit;
      color: inherit;
      display: block;
      padding: 12px 20px;
      font-size: 1em;
    }

    .um-nav-drawer .um-drawer-links>li>ul {
      margin: 0;
      display: none;
      list-style: none;
      margin-top: -5px;
      padding-left: 10px;
      margin-bottom: 10px;
      flex-direction: column;
    }

    .um-nav-drawer .um-drawer-links>li>ul>li>a {
      font: inherit;
      color: inherit;
      display: block;
      padding: 10px 20px;
      text-decoration: none;
    }

    .um-nav-drawer .um-drawer-links li.um-open>ul {
      display: flex;
    }

    .um-nav-drawer .um-drawer-links li.um-open button {
      font: inherit;
      color: var(--color-text-secondary);
      opacity: 0.7;
    }

    .um-nav-drawer .um-drawer-links li.um-open button:before {
      top: calc(50% - 2px);
      transform: rotate(135deg);
    }

    .um-nav-drawer .um-drawer-links>li>button:before {
      top: calc(50% - 6px);
      right: 20px;
      width: 7px;
      border: 2px solid var(--color-text-secondary);
      height: 7px;
      content: "";
      opacity: 0.6;
      position: absolute;
      transform: rotate(-45deg);
      border-top-width: 0;
      border-right-width: 0;
      border-bottom-left-radius: 2px;
    }

    .um-nav-drawer .um-drawer-buttons button {
      width: 100%;
      flex-grow: 1;
      font-size: 15px !important;
      margin-bottom: 10px;
    }

    .um-nav-drawer .um-drawer-buttons button:last-child {
      margin-bottom: 0;
    }

    .um-nav-drawer .um-drawer-buttons a {
      width: 100%;
      flex-grow: 1;
      font-size: 15px !important;
      margin-bottom: 10px;
    }

    .um-nav-drawer .um-drawer-buttons a:last-child {
      margin-bottom: 0;
    }

    .um-nav-drawer header .um-lang-picker {
      margin-right: auto;
    }

    .um-nav-drawer header .um-nav-drawerClose {
      all: unset;
      width: 40px;
      border: none;
      cursor: pointer;
      height: 40px;
      margin: 0;
      padding: 0;
      font-size: 30px;
      background: transparent;
      text-align: center;
    }

    .um-nav-drawer header .um-nav-drawerClose svg {
      display: inline-block;
    }

    .um-nav-drawer header .um-lang-picker ul {
      left: 0;
      right: initial;
    }

    .umsoModal {
      top: 50%;
      left: 50%;
      color: black;
      display: block;
      padding: 40px;
      z-index: 10001;
      position: fixed;
      min-width: 500px;
      transform: translate(-50%, -50%);
      background: white;
      box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px;
      min-height: 300px;
      overflow-y: initial !important;
      border-radius: 10px;
    }

    .umsoModalOverlay {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 10000;
      position: fixed;
      background-color: rgba(0, 0, 0, 0.44);
    }

    .umsoModalWrapper {
      display: none;
    }

    .umsoModalWrapper.umsoModalOpen {
      display: block;
    }

    .site-header {
      top: 0;
      left: 0;
      right: 0;
      height: 70px;
      display: flex;
      z-index: 99;
      position: fixed;
    }

	    main {
	      padding-top: var(--um-header-height);
	    }

	    section[id] {
	      scroll-margin-top: calc(var(--um-header-height) + 16px);
	    }

    .site-header+section,
    .site-header+iframe+section {
      padding-top: calc(var(--um-header-height) + var(--paddingTop));
    }

    .site-header .wr {
      height: 100%;
    }

    .site-header-inner {
      top: var(--um-banner-height, 0px);
      left: 0;
      right: 0;
      height: 70px;
      display: flex;
      z-index: 99;
      position: absolute;
      background: var(--color-bg);
      align-items: center;
      border-bottom: var(--border-width) solid var(--color-border-normal);
    }

    .site-header-inner>.wr {
      height: 100%;
    }

    .header-flex-container {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .header-nav-container {
      height: 100%;
      display: flex;
      padding: 0 30px;
      position: relative;
      flex-grow: 1;
      align-items: center;
      border-radius: 5px;
      flex-direction: row;
      --nav-flyout-bg: var(--color-bg);
    }

    .logo-container {
      margin: 0;
      display: flex;
      margin-right: auto;
    }

    .logo-container>a,
    .logo-container>span {
      gap: calc(15px * var(--gap));
      font: var(--font-title);
      color: inherit;
      display: flex;
      align-items: center;
      line-height: 1;
    }

    .logo-container>a:hover,
    .logo-container>span:hover {
      text-decoration: none;
    }

    .logo-image {
      width: clamp(96px, 22vw, 150px);
      height: auto;
      display: block;
      max-width: 100%;
    }

    .hero-section {
      overflow: hidden;
      position: relative;
      padding-top: 0px;
      --paddingTop: 0px;
    }

    .hero-section>.wr {
      position: initial;
    }

    .hero-content-wrapper {
      display: flex;
      align-items: center;
    }

    @media (max-width: 740px) {
      .hero-content-wrapper {
        align-items: flex-start;
        flex-direction: column;
      }
    }

    .hero-text-column {
      width: calc(50% - 60px);
      display: flex;
      text-align: left;
      align-items: flex-start;
      flex-shrink: 0;
      padding-top: 100px;
      padding-right: 60px;
      flex-direction: column;
      padding-bottom: 150px;
    }

    @media (max-width: 740px) {
      .hero-text-column {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 2em;
      }
    }

    .hero-tag-link {
      color: var(--color-text-primary);
      border: 1px solid var(--color-border-normal);
      display: flex;
      padding: 0.9rem;
      font-size: 0.9em;
      transition: background 0.2s ease-in-out;
      border-radius: 2em;
      margin-bottom: 1.5em;
      text-decoration: none;
    }

    a.hero-tag-link:hover {
      text-decoration: none;
    }

    .hero-tag-link span {
      margin: 0 0.4em;
    }

    .hero-tag-link span:last-child {
      color: var(--color-text-link);
    }

    .hero-header {
      gap: 10px;
      display: flex;
      text-align: left;
      align-items: flex-start;
      margin-bottom: 30px;
      flex-direction: column;
    }

    .hero-title {
      font: var(--font-hero);
      color: var(--color-text-primary);
      margin: 0;
      font-size: var(--fontSize-hero);
      max-width: 100%;
      line-height: 1.1;
      letter-spacing: -0.03em;
    }

    .hero-subtitle {
      font: var(--font-subheading);
      margin: 0;
      font-size: var(--fontSize-subheading);
      max-width: 100%;
      line-height: var(--lineHeight-subheading);
    }

    .hero-button-group {
      gap: 15px;
      display: flex;
      flex-wrap: wrap;
    }

    .hero-button-group>*:nth-child(1) {
      --listItem-index: 0;
    }

    .hero-button-group>*:nth-child(2) {
      --listItem-index: 1;
    }

    .hero-button {
      font-size: 1.05em;
    }

    .hero-image-column {
      top: 0;
      left: 50%;
      right: 0;
      bottom: 0;
      position: absolute;
      object-fit: cover;
    }

    @media (max-width: 740px) {
      .hero-image-column {
        left: initial;
        position: relative;
      }
    }

    .hero-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .feature-section {
      position: relative;
      padding-top: 20px;
      --paddingTop: 20px;
      padding-bottom: 20px;
    }

    .feature-card {
      color: var(--card-textColorSecondary);
      display: flex;
      background: var(--card-bg);
      box-shadow: var(--card-boxShadow);
      box-sizing: border-box;
      border-color: var(--card-borderColor);
      border-style: solid;
      border-width: var(--card-borderWidth);
      border-radius: var(--card-borderRadius);
      position: relative;
      cursor: default;
    }

    @media (max-width: 750px) {
      .feature-card {
        flex-direction: column;
      }
    }

    .feature-content-column {
      margin: 3em;
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      align-items: flex-start;
      flex-direction: column;
    }

    @media (max-width: 750px) {
      .feature-content-column {
        margin: 2em;
      }
    }

    .feature-header {
      gap: 10px;
      display: flex;
      text-align: left;
      align-items: flex-start;
      margin-bottom: 30px;
      flex-direction: column;
    }

    .feature-title {
      font: var(--font-title);
      color: var(--card-textColorPrimary, var(--color-text-primary));
      margin: 0;
      font-size: var(--fontSize-title);
      max-width: 100%;
      line-height: var(--lineHeight-title);
    }

    .feature-description {
      font: var(--font-subheading);
      margin: 0;
      font-size: var(--fontSize-subheading);
      max-width: 100%;
      line-height: var(--lineHeight-subheading);
    }

    .feature-list {
      margin: 0 0 1em;
      padding: 0;
      font-size: 0.9em;
      list-style: none;
    }

    .feature-list>*:nth-child(1) {
      --listItem-index: 0;
    }

    .feature-list>*:nth-child(2) {
      --listItem-index: 1;
    }

    .feature-list>*:nth-child(3) {
      --listItem-index: 2;
    }

    .feature-list-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 2em;
    }

    .feature-list-item-icon {
      position: relative;
      flex-shrink: 0;
      margin-right: 1em;
    }

    .feature-list-item-text-wrapper {
      display: flex;
      flex-direction: column;
    }

    .feature-list-item-title {
      font: var(--font-subtitle);
      color: var(--card-textColorPrimary, var(--color-text-primary));
      font-size: var(--fontSize-subtitle);
      font-weight: var(--fontWeight-subtitle, var(--fontWeight-text-medium));
      line-height: var(--lineHeight-subtitle);
    }

    .feature-image-column {
      width: calc(50% - 4em);
      margin: 3em 3em 3em 1em;
    }

    @media (max-width: 750px) {
      .feature-image-column {
        width: calc(100% - 4em);
        margin: 0em 2em 2em;
      }
    }

    .feature-image {
      display: block;
      max-width: 100%;
      border-radius: calc(var(--card-borderRadius)/2);
    }

    video.feature-image {
      width: 66%;
      max-width: 66%;
      margin: 0 auto;
    }

    @media (max-width: 750px) {
      video.feature-image {
        width: 100%;
        max-width: 100%;
      }
    }

    .gallery-section {
      position: relative;
      padding-top: 50px;
      --paddingTop: 50px;
      padding-bottom: 50px;
    }

    .gallery-header {
      gap: 10px;
      display: flex;
      text-align: left;
      align-items: flex-start;
      margin-bottom: 30px;
      flex-direction: column;
    }

    .gallery-title {
      font: var(--font-title);
      color: var(--color-text-primary);
      margin: 0;
      font-size: var(--fontSize-title);
      max-width: 100%;
      line-height: var(--lineHeight-title);
    }

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

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

    .about-section {
      --wr-max: 1200px;
    }

    .about-profile-grid {
      gap: 4em;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .about-description {
      font: var(--font-subheading);
      margin: 0;
      font-size: var(--fontSize-subheading);
      max-width: 100%;
      line-height: var(--lineHeight-subheading);
    }

    .about-profile-grid {
      gap: 4em;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .about-profile-grid>*:nth-child(1) {
      --listItem-index: 0;
    }

    .profile-card {
      display: flex;
      box-sizing: borderBox;
      text-align: left;
      align-items: flex-start;
      flex-direction: column;
    }

    .profile-card-header {
      display: flex;
      align-items: center;
      margin-bottom: 1.5em;
    }

	    .profile-card-image {
	      width: 100px;
	      height: 100px;
	      margin-right: 1em;
	      border-radius: calc(var(--card-borderRadius)*0.6);
	      /* object-fit: cover;
	      object-position: center; */
	    }

    .profile-card-info {
      display: flex;
      flex-direction: column;
    }

    .profile-card-name {
      font: var(--font-subtitle);
      color: var(--color-text-primary);
      font-size: var(--fontSize-subtitle);
      font-weight: var(--fontWeight-subtitle, var(--fontWeight-text-medium));
      line-height: var(--lineHeight-subtitle);
    }

    .profile-card-social-links {
      color: var(--color-text-primary);
      display: flex;
      margin-top: 0.4em;
      font-weight: var(--fontWeight-text-medium);
    }

    .profile-card-social-link-item {
      color: inherit;
      margin-right: 0.8em;
    }

    .profile-card-social-icon-wrapper {
      display: block;
    }

    .about-list {
      gap: 30px;
      max-width: 600px;
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      flex-direction: column;
      grid-template-columns: unset;
    }

    .about-list>*:nth-child(1) {
      --listItem-index: 0;
    }

    .about-list>*:nth-child(2) {
      --listItem-index: 1;
    }

    .about-list>* {
      flex: 1;
      max-width: 100%;
      min-width: min(300px, 100%);
    }

    .partners-section {
      --wr-max: 800px;
      position: relative;
      padding-top: 50px;
      --paddingTop: 50px;
      padding-bottom: 50px;
    }

    .partners-header {
      gap: 10px;
      display: flex;
      text-align: center;
      align-items: center;
      margin-bottom: 30px;
      flex-direction: column;
    }

    .partners-title {
      font: var(--font-title);
      color: var(--color-text-primary);
      margin: 0;
      font-size: var(--fontSize-title);
      max-width: 100%;
      line-height: var(--lineHeight-title);
    }

    .partners-subtitle {
      font: var(--font-subheading);
      margin: 0;
      font-size: var(--fontSize-subheading);
      max-width: 100%;
      line-height: var(--lineHeight-subheading);
    }

    .partners-marquee-container {
      display: flex;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
      --width: 2974.5px;
      --speed: 0.5;
      max-width: 600px;
    }

    .partners-logo-group-clone {
      display: flex;
    }

    .partners-logo-scroll-track {
      display: flex;
      animation-name: keyframes-scroll;
      animation-duration: 80.3919s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    @keyframes keyframes-scroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(calc(var(--width) / -2));
      }
    }

    .partners-logo-group {
      display: flex;
    }

    .partners-logo-group>*:nth-child(1) {
      --listItem-index: 0;
    }

    .partners-logo-group>*:nth-child(2) {
      --listItem-index: 1;
    }

    .partners-logo-group>*:nth-child(3) {
      --listItem-index: 2;
    }

    .partners-logo-group>*:nth-child(4) {
      --listItem-index: 3;
    }

    .partner-logo-picture {
      margin: 0 1.5em;
      flex: 0 0 auto;
    }

    .partner-logo-image {
      height: 35px;
      margin: 0;
      max-width: none;
      display: block;
    }

    .faq-list {
      gap: 30px;
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      flex-direction: column;
      grid-template-columns: unset;
    }

    .faq-list>*:nth-child(1) {
      --listItem-index: 0;
    }

    .faq-list>*:nth-child(2) {
      --listItem-index: 1;
    }

    .faq-list>*:nth-child(3) {
      --listItem-index: 2;
    }

    .faq-list>* {
      flex: 1;
      max-width: 100%;
      min-width: min(300px, 100%);
    }

    .faq-item-question {
      font: var(--font-subtitle);
      color: var(--color-text-primary);
      margin: 0;
      font-size: var(--fontSize-subtitle);
      font-weight: var(--fontWeight-subtitle, var(--fontWeight-text-medium));
      line-height: var(--lineHeight-subtitle);
    }

    .contact-details {
      font: var(--font-subheading);
      margin: 0;
      font-size: var(--fontSize-subheading);
      max-width: min(100%, 535px);
      line-height: var(--lineHeight-subheading);
    }


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

    /* Extracted Inline Styles */
    .um-nav-wrapper {
      position: relative;
    }
    .logo-container {
      --gap: 1;
      font-size: 16px;
    }
    .logo-scale-wrapper {
      --scale: 1;
    }
    .nav-icon-img {
      position: relative;
      width: 24px;
      height: 24px;
      display: block;
      object-fit: contain;
    }
    .relative {
      position: relative;
    }
    .contact-header {
      position: relative;
      margin-bottom: 2em;
    }
    svg:not(:root) {
      overflow: hidden;
    }

    .um-icon svg {
      width: 100%;
      height: 100%;
      display: block;
      fill: currentColor;
    }

    .social-icon-img {
      position: relative;
      width: 24px;
      height: 24px;
      display: block;
      object-fit: contain;
    }
    .partner-description {
      text-align: left;
      max-width: 600px;
    }
    .margin-bottom-sm {
      margin-bottom: 1em;
    }
    .margin-bottom-md {
      margin-bottom: 2em;
    }
    /* Moved from header style tag */
    body {
      --um-header-height: calc(70px + var(--um-banner-height, 0px))
    }