/* Full page styles for about — source <style> is reordered vs base, so kept whole (self-contained, loaded after base main.css). */
  .quantum-zenith-design-system--c-popup {
    opacity: 0;
    pointer-events: none
  }
  .w-dropdown-link {
    white-space: normal;
  }
  .w-dropdown-link.w--current {
    color: #000;
  }
  /* ---- Base contract on .c-nav ---- */
  .c-nav, .quantum-zenith-design-system--c-nav {
    --nav-link-color: #000;
    --nav-link-display: flex;
    --nav-arrow-white-display: none;
    --dropdown-link-color: white;
    --dropdown-link-hover-bg: transparent;
    --dropdown-link-hover-color: #e30110;
    --dropdown-list-bg: #00000080;
    --nav-active-color: #e30110;
    --nav-bg-color: white;
    --nav-border-bottom: #0003;
    --nm-ann: 0px; /* announcement height */
    --nm-ticker: 0px; /* ticker height */
  }
  /* ---- Transparent variant overrides the contract ---- */
  .c-nav[data-wf--nav--variant="transparent"],
  .c-nav[data-wf--nav--variant="group_transparent"], 
  .c-nav_mobile,
  .quantum-zenith-design-system--c-nav_mobile,
  .quantum-zenith-design-system--c-nav[data-wf--quantum-zenith-design-system--nav--variant='transparent'],
  .quantum-zenith-design-system--c-nav[data-wf--quantum-zenith-design-system--nav--variant='group_transparent'] {
    --nav-link-color: #fff;
    --nav-link-display: flex;
    --nav-arrow-white-display: block;
    --dropdown-link-color: #fff;
    --dropdown-link-hover-bg: #000;
    --dropdown-link-hover-color: #e30110;
    --dropdown-list-bg: #00000080;
    --nav-active-color: white;
    --nav-bg-color: #0000;
    --nav-border-bottom: #fff3;
  }
  .c-nav, .quantum-zenith-design-system--c-nav {
    background-color: var(--nav-bg-color);
    border-bottom: 1px solid var(--nav-border-bottom);
    .qz-group_pill, .quantum-zenith-design-system--qz-group_pill {
      color: var(--nav-link-color);
    }
  }
  /* ---- Children consume ---- */
  .c-nav .nav-link, 
  .quantum-zenith-design-system--c-nav .quantum-zenith-design-system--nav-link,
  .c-nav .site-switcher_trigger, 
  .quantum-zenith-design-system--c-nav .quantum-zenith-design-system--site-switcher_trigger
  {
    color: var(--nav-link-color);
    display: var(--nav-link-display);
    &.w--current {
      color: var(--nav-active-color);
      background-color: color-mix(in srgb, var(--nav-active-color)5%, transparent);
      border-bottom-color: var(--nav-active-color);
    }
  }
  .c-nav .nav-dropdown_list, .quantum-zenith-design-system--c-nav .quantum-zenith-design-system--nav-dropdown_list {
    backdrop-filter: blur(8px);
  }
  .c-nav .nav-dropdown_item .dropdown-link, .quantum-zenith-design-system--c-nav .quantum-zenith-design-system--nav-dropdown_item .quantum-zenith-design-system--dropdown-link {
    color: var(--dropdown-link-color);
    transition:
      background-color 0.2s,
      color 0.2s;
    &.w--current {
      color: var(--nav-active-color);
      background-color: rgba(255, 255, 255, 0.1));
    }
  }
  .c-nav .nav-dropdown_item .dropdown-link:hover, .quantum-zenith-design-system--c-nav .quantum-zenith-design-system--nav-dropdown_item .quantum-zenith-design-system--dropdown-link:hover {
    background-color: var(--dropdown-link-hover-bg);
    color: var(--dropdown-link-hover-color);
  }
  .quantum-zenith-design-system--nav-dropdown_list.w--open {
    background-color: var(--dropdown-list-bg) !important;
  }
  .nav-dropdown, .quantum-zenith-design-system--nav-dropdown {
    &:has( .w--current) {
      .nav-link, .quantum-zenith-design-system--nav-link {
        color: var(--nav-active-color);
        background-color: color-mix(in srgb, var(--nav-active-color), transparent 95%);
        border-bottom: 4px solid var(--nav-active-color);
      }
    }
  }
  .c-nav_mobile, .quantum-zenith-design-system--c-nav_mobile {
    --t: 93px;
	padding-top: calc(var(--t) + var(--nm-ann) + var(--nm-ticker));
    &.cc-open {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0%);
    }
  }
  .c-nav:has( .c-announcement),
  .quantum-zenith-design-system--c-nav:has( .quantum-zenith-design-system--c-announcement)
  {
    --nm-ann: 48px; /* announcement height */
    &:has( .c-ticker),
    &:has( .quantum-zenith-design-system--c-ticker)
    {
    --nm-ticker: 24px; /* ticker height */
    }
  }
  .menu-icon, .quantum-zenith-design-system--menu-icon {
    color: var(--nav-link-color);
    &>* {
      transition: transform 0.3s ease, opacity 0.2s ease;
    }
  }
  .nav-holder:has(+ .c-nav_mobile.cc-open),
  .quantum-zenith-design-system--nav-holder:has(+ .quantum-zenith-design-system--c-nav_mobile.cc-open)
  {
    .menu-icon, .quantum-zenith-design-system--menu-icon {
    	&>* {
          transform: translateX(-100%);
        }
      	&>.open-menu_icon, &>.quantum-zenith-design-system--open-menu_icon {
          opacity: 0;
        }
  	}
  }
  /*|-------------------------------------------------------------------------------|*/
  /*|                                  global                                       |*/
  /*|-------------------------------------------------------------------------------|*/
.striped, .cc-striped, [data-striped], .quantum-zenith-design-system--striped, .quantum-zenith-design-system--cc-striped {
  --stripe-color: #ebebeb;
  --stripe-gap: 5px;
  --stripe-thickness: 2px;
background-image: repeating-linear-gradient(135deg, var(--stripe-color) 0px, var(--stripe-color) var(--stripe-thickness), transparent var(--stripe-thickness), transparent var(--stripe-gap));
}
[data-stripe-color="white"] {
  --stripe-color: #f2f2f2;
}
[data-stripe-color="black"] {
  --stripe-color: #1A1A1A;
}
[data-stripe-color="red"] {
  --stripe-color: #EA3340;
}
[data-stripe-color="gray"] {
  --stripe-color: #EFEFEF;
}
.animate-wrapper, .quantum-zenith-design-system--animate-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms ease;
}
.animate-wrapper.cc-open, .quantum-zenith-design-system--animate-wrapper.cc-open {
  grid-template-rows: 1fr;
}
.animate-inner, .quantum-zenith-design-system--animate-inner {
  overflow: hidden;
}
.line-clamp-1, [data-line-clamp="1"], .quantum-zenith-design-system--line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2, [data-line-clamp="2"], .quantum-zenith-design-system--line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-5, [data-line-clamp="5"], .quantum-zenith-design-system--line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.no-scrollbar::-webkit-scrollbar, [data-no-scrollbar]::-webkit-scrollbar, .quantum-zenith-design-system--no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar, [data-no-scrollbar], .quantum-zenith-design-system--no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.c-popup, .quantum-zenith-design-system--c-popup  {
  .popup-close, .quantum-zenith-design-system--popup-close {
    transition-delay: 0.2s;
  }
  &.cc-hide {
    color: rgba(0,0,0,0);
    opacity: 0;
    pointer-events: none;
    .popup-close, .quantum-zenith-design-system--popup-close {
      transform: translate(0%, 0%);
    }
    .popup-container, .quantum-zenith-design-system--popup-container {
      transform: scale(0.5);
    }
  }
  .popup-container[frameless="true"], .quantum-zenith-design-system--popup-container[frameless="true"] {
    padding: 0px;
  }
}
.faq-block.cc-open, .quantum-zenith-design-system--faq-block.cc-open {
  .animate-wrapper, .quantum-zenith-design-system--animate-wrapper {
  grid-template-rows: 1fr;
}
  .faq-btn, .quantum-zenith-design-system--faq-btn {
    color: #1E1E1E;
    .cc-cross, .quantum-zenith-design-system--cc-cross  {
      transform: rotate(0deg);
    }
  }
}
.news-body, .quantum-zenith-design-system--news-body {
  p {
    color: #666666;
  }
}
.faq-tabs, .quantum-zenith-design-system--faq-tabs {
  position: relative;
  --width: 240px;
  --x: 0px;
  --left: 40px;
  &::after {
    content: '';
    position: absolute;
    height: 3px;
    width: var(--width);
    background-color: #e30110;
    bottom: 0px;
    left: var(--left);
    transition: transform 0.3s ease-out, width 0.3s ease;
    transform: translateX(var(--x));
  }
}
.c-nav, .quantum-zenith-design-system--c-nav {
  &.cc-hide, &.quantum-zenith-design-system--cc-hide {
    transform: translateY(-100%);
  }
}
  /*|-------------------------------------------------------------------------------|*/
  /*|                                  announcement                                 |*/
  /*|-------------------------------------------------------------------------------|*/
  .marquee, .quantum-zenith-design-system--marquee {
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 10%);
    mask-image: linear-gradient(to right, transparent 0, black 10%);
  }
  .marquee__track, .quantum-zenith-design-system--marquee__track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 40s linear infinite;
  }
  .marquee__item, .quantum-zenith-design-system--marquee__item {
    padding-right: 4rem;
    white-space: nowrap;
    flex-shrink: 0;
  }
  @keyframes marquee-scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
 .marquee:hover .marquee__track, .quantum-zenith-design-system--marquee:hover .quantum-zenith-design-system--marquee__track {
    animation-play-state: paused;
  }
  @media (prefers-reduced-motion: reduce) {
    .marquee__track, .quantum-zenith-design-system--marquee__track {
      animation: none;
      transform: translateX(0);
    }
  }
  .stripes, [data-striped] {
    --stripes-line: 1px; /* thickness of each line */
    --stripes-gap: 4px; /* space between lines */
    --stripes-angle: 135deg;
    background-image: repeating-linear-gradient(var(--stripes-angle), transparent 0, transparent var(--stripes-gap), var(--stripes-color) var(--stripes-gap), var(--stripes-color) calc(var(--stripes-gap) + var(--stripes-line)));
  }
  [data-stripes-gap="tight"] {
    --stripes-gap: 2px;
  }
  [data-stripes-gap="loose"] {
    --stripes-gap: 6px;
  }
  .stripes--transparent, [data-stripes="transparent"] {
    --stripes-color: rgba(0, 0, 0, 0.08);
  }
  .stripes--white, [data-stripes="white"]  {
    background-color: var(--stripes-bg);
    --stripes-bg: white;
    --stripes-color: rgba(0, 0, 0, 0.08);
  }
  .stripes--red, [data-stripes="red"] {
    background-color: var(--stripes-bg);
    --stripes-bg: rgba(227, 1, 16, 1);
    --stripes-color: rgba(255, 255, 255, 0.12);
  }
  .stripes--black, [data-stripes="black"] {
    background-color: var(--stripes-bg);
    --stripes-bg: #000;
    --stripes-color: rgba(255, 255, 255, 0.08);
  }
  .offering-card_props:nth-child(2) {
    --border-color: #E9E9E9;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
  }
  .planner-plan:not(:first-child), .reports-item:not(:first-child)  {
    border-top: 1px solid #DFDFDF;
  }
  .animate-wrapper {
  	display: grid;
  	grid-template-rows: 0fr;
  	transition: grid-template-rows 300ms ease;
  }
.animate-wrapper.is-open {
  grid-template-rows: 1fr;
}
.animate-inner {
  overflow: hidden;
}
  .possibility.cc-open {
    .animate-wrapper {
      grid-template-rows: 1fr;
    }
    .possibility-icon {
      transform: rotate(180deg);
    }
  }
  .c-license {
    & .license-info {
      transition-delay: 0ms;
    }
    &:hover {
      width: 340px;
      & .license-info {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 250ms;
      }
    }
  }
.contact-form {
  option {
    color: black
  }
}
  .c-btn, .slider-btn, .box-btn {
    position: relative;
    overflow: hidden;
    --y: 100%;
    --color: black;
    transition: border-color 0.4s ease;
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: var(--color);
      transform: translateY(var(--y));
      transition: transform 0.3s ease-in-out;
    }
    & > * {
      position: relative
    }
    &.cc-black {
      --color: #e30110;
    }
    &:hover {
      --y: 0%;
      border-color: var(--color);
    }
    &.cc-disabled {
      --y: 100%;
      cursor: not-allowed;
    }
  }
  /* only works on live site */
html:not(.wf-design-mode) {
  [img-reveal-anim] {
  	clip-path: polygon(58% 32%, 100% 41%, 100% 74%, 98% 100%, 0% 100%, 0% 85%, 8% 22%);
  }
  [img-reveal-anim] > img {
    opacity: 0;
  	scale: 1.3;
  }
  [stagger-text-anim] {
    opacity: 0;
    visibility: hidden;
  }
  .h1-large:has(> .line-mask) {
    line-height: 120%;
    & > * {
      margin-bottom: -0.2em;
    }
  }
}