/* Shared site-chrome styles (nav/drawer/footer/magic-bar base).
   Extracted from duplicated inline blocks — see doc/SEO-GEO-MASTER-PLAN.md §4.4 */
body {
      margin: 0;
      padding: 0;
      --wr-max: 1530px;
      position: relative;
      word-wrap: anywhere;
      word-break: break-word;
      line-height: 1.5;
      --font-system: -apple-system, BlinkMacSystemFont, Segoe UI, Inter, Helvetica, Arial, sans-serif;
      overflow-wrap: anywhere;
      text-rendering: optimizeLegibility;
      background-color: #fff;
      --color-0j9q5wzxu4: rgb(35, 110, 52);
      --color-19vuazmlrx: rgb(244, 194, 28);
      --color-3cg413bfwq: rgb(3, 207, 101);
      --color-3d8oqq7pn0: rgb(247, 247, 247);
      --color-3i6zt6y015: rgb(234, 255, 212);
      --color-4jixmvwln5: rgb(255, 255, 255);
      --color-4quw8nw0c3: rgb(255, 255, 255);
      --color-6u3ujrz93m: rgb(226, 64, 64);
      --color-6x7yajbzq8: rgb(241, 255, 254);
      --color-78gpl7a6pk: rgb(0, 0, 255);
      --color-7e2r07l3zy: rgb(97, 180, 127);
      --color-8wh7a0o1tk: rgb(193, 251, 215);
      --color-98jhuztu1o: rgb(255, 255, 255);
      --color-aydeg2r5l1: rgb(0, 158, 70);
      --color-but7warbsy: rgb(245, 245, 245);
      --color-clnscucmfv: rgb(245, 245, 245);
      --color-d96et765k8: rgb(255, 255, 255);
      --color-ec193fft96: rgb(245, 245, 245);
      --color-fyvphquklg: rgb(43, 184, 23);
      --color-h4d8xr3b5c: rgb(9, 3, 21);
      --color-h6kg3sf4dy: rgb(0, 158, 70);
      --color-hu5l99jqa9: rgb(216, 252, 213);
      --color-i0t6osn9l8: rgb(66, 189, 97);
      --color-iu4m8xz7bm: rgb(37, 211, 102);
      --color-kvo1e9oddg: rgb(232, 248, 247);
      --color-lmyqc39b9l: rgb(191, 246, 212);
      --color-m5m75wuwcg: rgb(228, 228, 228);
      --color-mj3vqzzoqr: rgb(64, 182, 94);
      --color-mn62zg2f0e: rgb(31, 203, 158);
      --color-n47wl2uaqz: rgb(38, 10, 10);
      --color-n74cyk9sjw: rgb(48, 193, 102);
      --color-o1pft3cns8: rgb(66, 184, 96);
      --color-oplvrk0a1u: rgb(255, 220, 220);
      --color-oy2auwq2wj: rgb(230, 255, 243);
      --color-pbc0wg5aw4: rgb(225, 248, 246);
      --color-pecg2paryr: rgb(252, 252, 190);
      --color-pl7p7s5fxy: rgb(202, 37, 220);
      --color-pm2z8ahclw: rgb(10, 62, 66);
      --color-qqag09z9tx: rgb(230, 255, 232);
      --color-rcold81an2: rgb(14, 169, 102);
      --color-s3zw9us4rj: rgb(215, 233, 255);
      --color-stv0grl7zs: rgb(255, 27, 27);
      --color-tt2sijzlku: rgb(255, 255, 255);
      --color-uitpwgrxcf: rgb(244, 244, 244);
      --color-vtu49zc5x9: rgb(55, 115, 206);
      --color-xiteay6278: rgb(255, 255, 255);
      --color-xko1pcmhhx: rgb(10, 62, 66);
      --color-zm0o52sbyx: rgb(185, 185, 185);
      --gradient-4j5rl3o43s: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
      --gradient-8qt0qiqn7q: linear-gradient(45deg, rgb(116, 214, 172) 0%, rgb(0, 55, 31) 100%);
      --gradient-9r0pw2mwet: linear-gradient(45deg, rgb(46, 125, 50) 0%, #495057 100%);
      --gradient-amq8lxdisy: linear-gradient(45deg, rgb(217, 253, 205) 0%, rgb(247, 255, 214) 100%);
      --gradient-bratipf0ig: linear-gradient(45deg, rgb(46, 125, 50) 0%, rgb(46, 125, 50) 100%);
      --gradient-c346x9e8ts: linear-gradient(45deg, rgb(46, 125, 50) 0%, rgb(102, 187, 106) 100%);
      --gradient-dvc81nyy1o: linear-gradient(45deg, rgb(163, 188, 213) 0%, #495057 100%);
      --gradient-jqrrxq8qda: linear-gradient(45deg, rgb(35, 110, 52) 0%, rgb(35, 110, 52) 100%);
      --gradient-kie94mozyx: linear-gradient(45deg, #212529 0%, rgb(46, 54, 63) 100%);
      --gradient-o27yx5fkz8: linear-gradient(45deg, rgb(11, 187, 131) 0%, rgb(23, 27, 31) 100%);
      --gradient-odxm5pezs4: linear-gradient(45deg, rgb(12, 173, 122) 0%, rgb(0, 36, 24) 100%);
      --gradient-r1lbo5ssip: linear-gradient(45deg, rgb(191, 245, 177) 0%, rgb(225, 255, 238) 100%);
      --gradient-vub2itsvad: linear-gradient(45deg, #212529 0%, rgb(112, 133, 151) 100%);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
    }

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

    #measure-layer {
      z-index: -1;
      position: absolute;
      visibility: hidden;
    }

    .theme-sub_wf76sy1ski {
      font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: rgb(105, 105, 105);
      font-size: max(calc(12px * var(--fontScaleFactor)), 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 600 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --border-width: 1px;
      --font-subtitle: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --fontSize-hero: calc(56px * var(--fontScaleFactor));
      --fontSize-text: max(calc(12px * var(--fontScaleFactor)), 16px);
      --fontSize-title: calc(48px * var(--fontScaleFactor));
      --color-text-link: rgb(3, 207, 101);
      --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: rgb(0, 0, 0);
      --color-border-normal: rgb(229, 229, 229);
      --fontSize-subheading: calc(18px * var(--fontScaleFactor));
      --fontWeight-subtitle: 400;
      --lineHeight-subtitle: inherit;
      --color-accent-primary: rgb(2, 221, 108);
      --color-text-secondary: rgb(105, 105, 105);
      --fontWeight-text-heavy: 600;
      --lineHeight-subheading: inherit;
      --fontWeight-text-medium: 500;
    }

    @media (max-width: 768px) {
      .theme-sub_wf76sy1ski {
        --fontSize-hero: calc(56px * var(--fontScaleFactor));
        --fontSize-title: max(calc(48px * var(--fontScaleFactor)), 20px);
        --fontScaleFactor: 0.75;
        --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
        --fontSize-subheading: max(calc(18px * var(--fontScaleFactor)), 16px);
      }
    }

    .buttons-btn_nob6m8rpy4 .btn {
      font: normal normal 500 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      color: rgb(0, 0, 0);
      font-size: 16px;
      background: rgb(253, 253, 253);
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
      border-color: rgb(0, 0, 0);
      border-style: solid;
      border-width: 2px;
      border-radius: 5px;
    }

    .buttons-btn_nob6m8rpy4 .btn.primary {
      color: rgb(253, 253, 253);
      background: rgb(3, 207, 101);
      border-style: solid;
      border-width: 0;
    }

    .buttons-btn_nob6m8rpy4 .btn:hover {
      color: rgb(0, 0, 0);
      background: rgb(255, 255, 255);
      box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.16);
      border-radius: 5px;
    }

    .buttons-btn_nob6m8rpy4 .btn.primary:hover {
      color: rgb(255, 254, 254);
      background: rgb(66, 184, 96);
      box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    }

    .cards-card_6lmqy9qaws {
      --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);
    }

    .cards-card_ls36se86i4_custom {
      --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);
    }

    .cards-card_nokvo4hc93_custom {
      --card-bg: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(216, 255, 210) 100%);
      --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);
    }

    .cards-card_ryf0xpoxtm_custom {
      --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);
    }

    .header-hdr_lbofppypi0 {
      font: normal normal 400 16px 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --font-text: normal normal 400 16px 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
      --header-bg: rgb(255, 255, 255);
      --nav-menu-bg: rgb(255, 255, 255);
      --nav-drawer-bg: rgb(255, 255, 255);
      --color-text-primary: rgb(0, 0, 0);
      --header-borderColor: rgb(229, 229, 229);
      --header-borderWidth: 1;
      --header-borderRadius: 10px;
      --color-text-secondary: rgb(105, 105, 105);
      --header-fontSize-primary: 16;
      --header-fontSize-secondary: 16;
    }

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

      .umso-animated {
        opacity: initial !important;
      }
    }

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

    .um-backdrop {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      position: absolute;
    }

    .um-backdrop>video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .um-backdrop>.overlay {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
    }

    .madeWithUmso {
      left: 50%;
      color: rgb(43, 43, 43) !important;
      bottom: 10px !important;
      height: 30px;
      display: flex !important;
      padding: 0 9px;
      z-index: 100;
      position: fixed !important;
      animation: keyframes-badgeFade;
      font-size: 13px;
      background: #fff !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 6px 13px rgba(0, 0, 0, 0.1);
      transition: all 0.2s ease-in-out;
      align-items: center;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
      font-weight: 500;
      white-space: nowrap;
      margin-right: -70px !important;
      border-radius: 6px;
      text-decoration: none !important;
      transform-origin: 50% 50%;
      animation-duration: 1.3s;
      transition-property: background color;
    }

    .madeWithUmso svg {
      color: rgb(43, 43, 43);
      width: 66px;
      margin-top: 0;
      transition: filter 0.2s ease-in-out;
      margin-left: 6px;
    }

    .madeWithUmso:hover {
      color: #fff !important;
      background: #000000 !important;
    }

    .madeWithUmso.badge--left {
      left: initial;
      margin-left: 10px;
    }

    .madeWithUmso.badge--right {
      left: 100%;
      margin-left: -165px;
    }

    .madeWithUmso.badge--center {
      left: 50%;
      margin-left: -70px;
    }

    @media (max-width: 750px) {
      .madeWithUmso.footerBadge {
        left: 50%;
        margin-left: -70px;
      }
    }

    .madeWithUmso:hover svg {
      filter: invert(1) saturate(0);
    }

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

      80% {
        opacity: 0;
        transform: scale(0.8) translate(0, 10px);
      }

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

    .__umsoEditorHighlight:after {
      top: 0;
      left: 0;
      right: 0;
      border: 1px dashed #845ef7;
      bottom: 0;
      content: "";
      z-index: 9999;
      position: absolute;
      box-shadow: inset 0 0 15px var(--boxShadow-color);
      border-radius: 5px;
      animation-name: keyframes-editorHighlight;
      pointer-events: none;
      --boxShadow-color: rgba(132, 94, 247, 0.29);
      animation-duration: 1.5s;
      animation-fill-mode: both;
      animation-timing-function: linear;
    }

    @keyframes keyframes-editorHighlight {
      0% {
        opacity: 0;
      }

      45% {
        opacity: 1;
      }

      80% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .um-gradient-text {
      background: -webkit-linear-gradient(var(--angle), var(--from), var(--to));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .um-dl-adder {
      width: 0;
      z-index: 8;
      position: relative;
    }

    .um-dl-adder:before {
      top: 0;
      left: -1px;
      width: 2px;
      bottom: 0;
      content: "";
      position: absolute;
      border-radius: 2px;
    }

    .um-dl-adder button {
      all: unset;
      top: 50%;
      left: -10px;
      color: #fff;
      width: 20px;
      height: 20px;
      margin: 0 !important;
      position: absolute;
      font-size: 20px;
      transform: translate(0, -50%);
      background: var(--eddy-accent);
      text-align: center;
      line-height: 20px;
      border-radius: 50%;
    }

    .um-droppable {
      width: 2px;
      background: var(--eddy-accent);
      border-radius: 2px;
    }

    .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: 501px) and (max-width: 769px) {
      .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-iconimg {
      object-fit: contain;
    }

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

    .um-miniIcon {
      display: block;
    }

    .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 a {
      background: color-mix(in srgb, var(--color-text-link), transparent 90%);
      font-weight: 500;
      border-color: color-mix(in srgb, var(--color-text-link), transparent 20%);
    }

    .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 1em 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: 0.7em 0.8em;
      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--large {
      font-size: 1.2em;
    }

    .btn--clear {
      border: none !important;
      outline: none !important;
      padding: 0 !important;
      box-shadow: none !important;
      background-color: transparent !important;
    }

    .btn--wireframe {
      color: #bbb;
      background: #f3f3f3;
      box-shadow: none;
      border-color: #f3f3f3;
    }

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

    .btn--loading {
      cursor: wait;
      pointer-events: none;
    }

    .btn--loading:after {
      width: 12px;
      border: 2px solid rgba(125, 125, 125, 0.3);
      height: 12px;
      content: '';
      display: inline-block;
      animation: keyframes-buttonLoading;
      margin-left: 0.6em;
      border-radius: 50%;
      animation-duration: 0.8s;
      border-right-color: var(--color-text-secondary);
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    .btn--error {
      color: #fff !important;
      background: #c92a2a !important;
    }

    .btn--error:after {
      float: right;
      content: 'ΓÜá';
      padding-left: 9px;
    }

    .btn--success {
      color: #fff !important;
      background: #2f9e44 !important;
    }

    .btn--success:after {
      float: right;
      content: 'Γ£ô';
      padding-left: 9px;
    }

    .btn--success:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      position: absolute;
      box-shadow: 0 0 0 0 #2f9e443b;
      border-radius: inherit;
      animation-name: keyframes-buttonSuccess;
      pointer-events: none;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      animation-timing-function: ease-out;
    }

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

    .btn.btn--icon svg,
    .btn.btn--icon img {
      width: initial;
      height: 1.2em;
      margin: -0.1em;
    }

    .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;
      justify-content: center;
    }

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

    .um-nav-wrapper.um-links-centered .um-nav-buttons {
      flex: 1;
      display: flex;
      justify-content: flex-end;
    }

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

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

    /* Stable nav: CSS breakpoint instead of Umso width-math (fixes desktop hamburger + flicker) */
    .um-nav-drawerTrigger {
      z-index: 95;
      pointer-events: auto;
      cursor: pointer;
      flex: 0 0 auto;
    }

    @media (min-width: 961px) {
      .um-nav-wrapper.um-hidden .um-nav-links {
        display: flex !important;
      }

      .um-nav-wrapper.um-hidden .um-nav-buttons {
        display: flex !important;
      }

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

    @media (max-width: 960px) {

      .um-nav-wrapper .um-nav-links,
      .um-nav-wrapper .um-nav-buttons {
        display: none !important;
      }

      .um-nav-drawerTrigger,
      .um-nav-drawerTrigger.um-hidden {
        display: block !important;
      }
    }

    @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: clamp(20px, 5vw, 40px);
      z-index: 10001;
      position: fixed;
      min-width: min(500px, calc(100vw - 32px));
      max-width: calc(100vw - 32px);
      box-sizing: border-box;
      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;
    }