.elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-149 .elementor-element.elementor-element-e324e59 img{width:100%;max-width:100%;}.elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-96ad2b */.elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main > .elementor-nav-menu { gap: clamp(10px, 1.4vw, 24px); flex-wrap: nowrap; align-items: center; } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .elementor-item { font-family: var(--font-body), system-ui, sans-serif; font-size: var(--fs-body-sm); font-weight: 600; color: var(--n-300); fill: var(--n-300); padding: 0; white-space: nowrap; background-color: transparent; transition: color 140ms cubic-bezier(.2,.9,.2,1); } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .elementor-item:hover, .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .elementor-item:focus, .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .elementor-item.highlighted { color: var(--accent); fill: var(--accent); background-color: transparent; } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--main .sub-arrow { margin-left: 7px; } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--dropdown { background-color: var(--n-950); border: 1px solid var(--border-dark); border-top: 2px solid var(--accent); border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: 0 28px 64px -22px rgba(0,0,0,0.65); min-width: 240px; padding: 6px 0; margin-top: 10px; } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--dropdown a.elementor-sub-item { padding: 12px 18px; border-bottom: 1px solid var(--border-dark); font-family: var(--font-display), "Arial Narrow", Helvetica, sans-serif; font-weight: 800; font-size: var(--fs-body); letter-spacing: 0.04em; text-transform: uppercase; color: var(--n-300); white-space: nowrap; background-color: transparent; transition: color 140ms cubic-bezier(.2,.9,.2,1), background-color 140ms cubic-bezier(.2,.9,.2,1); } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--dropdown li:last-child a.elementor-sub-item { border-bottom-color: transparent; } .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--dropdown a.elementor-sub-item:hover, .elementor-149 .elementor-element.elementor-element-96ad2b .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active { color: var(--accent); background-color: rgba(255,255,255,0.05); }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2e69d82d */.elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main > .elementor-nav-menu { gap: clamp(12px, 1.6vw, 24px); flex-wrap: nowrap; align-items: center; justify-content: flex-end; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .elementor-item { font-family: var(--font-body), system-ui, sans-serif; font-size: var(--fs-body-sm); font-weight: 600; color: var(--n-300); fill: var(--n-300); padding: 0; white-space: nowrap; background-color: transparent; transition: color 140ms cubic-bezier(.2,.9,.2,1); } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .elementor-item:hover, .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .elementor-item:focus, .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--accent); background-color: transparent; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .tfa-cta-item > .elementor-item { font-family: var(--font-display), "Arial Narrow", Helvetica, sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1; padding: 8px 14px; border-radius: 10px; background-color: var(--accent); color: var(--n-900); transition: background-color 140ms cubic-bezier(.2,.9,.2,1), transform 140ms cubic-bezier(.2,.9,.2,1); } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .tfa-cta-item > .elementor-item:hover { background-color: var(--accent-hover); color: var(--n-900); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-149 .elementor-element.elementor-element-2e69d82d { display: none; } } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .elementor-item.highlighted { color: var(--accent); fill: var(--accent); background-color: transparent; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--main .sub-arrow { margin-left: 7px; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--dropdown { background-color: var(--n-950); border: 1px solid var(--border-dark); border-top: 2px solid var(--accent); border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: 0 28px 64px -22px rgba(0,0,0,0.65); min-width: 240px; padding: 6px 0; margin-top: 10px; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--dropdown a.elementor-sub-item { padding: 12px 18px; border-bottom: 1px solid var(--border-dark); font-family: var(--font-display), "Arial Narrow", Helvetica, sans-serif; font-weight: 800; font-size: var(--fs-body); letter-spacing: 0.04em; text-transform: uppercase; color: var(--n-300); white-space: nowrap; background-color: transparent; transition: color 140ms cubic-bezier(.2,.9,.2,1), background-color 140ms cubic-bezier(.2,.9,.2,1); } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--dropdown li:last-child a.elementor-sub-item { border-bottom-color: transparent; } .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--dropdown a.elementor-sub-item:hover, .elementor-149 .elementor-element.elementor-element-2e69d82d .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active { color: var(--accent); background-color: rgba(255,255,255,0.05); }/* End custom CSS */
/* Start custom CSS *//* Transparent at page top, current dark background once scrolled.
   Scroll-driven CSS animation: no JS, no extra plugin.
   Fallback: browsers without animation-timeline drop `animation-duration: auto`,
   so the 0s shorthand duration applies the end keyframe immediately = solid dark header.
   The bottom edge fades in with the background so the header stays separated from
   same-coloured sections. box-shadow is used instead of border-bottom so the header
   height (and --header-h based layout) is unchanged.
   Edge colour: --purple-400 (#b055fd, the lighter step of the brand --purple-500)
   at 55% alpha, 2px — a muted line rather than a saturated accent line.
   The rgba value is the fallback; color-mix keeps it bound to the brand variable
   where supported. */
@keyframes tfa-header-scrolled {
  from {
    background-color: transparent;
    box-shadow: 0 0 0 rgba(176,85,253,0);
    box-shadow: 0 0 0 color-mix(in srgb, var(--purple-400) 0%, transparent);
  }
  to {
    background-color: var(--n-900);
    box-shadow: 0 2px 0 rgba(176,85,253,0.55);
    box-shadow: 0 2px 0 color-mix(in srgb, var(--purple-400) 55%, transparent);
  }
}
.elementor-149 .elementor-element-2f1cf46 {
  animation: tfa-header-scrolled linear both;
  animation-duration: auto;
  animation-timeline: scroll(root block);
  animation-range: 0px 120px;
}/* End custom CSS */