/* request_style_new.css — consolidated stylesheet for CorporateDebt.jsp + its includes.
   Same content as common.css (built by extracting matching rules from request_style.css,
   style.css, and cusip-redesign.css for the UNION of classes/ids those pages actually use,
   PLUS every bare-tag rule — e.g. "h1,h2,h3{...}", "body{...}" — since those can't be
   matched against a specific class and are foundational typography/reset anyway).
   NOTE: this page no longer inherits future edits to the three shared source stylesheets
   automatically — any sitewide change must be re-synced here manually. */

/* ===== CSS custom properties (design tokens) ===== */

:root {
  --navy-950:#03081a; --navy-900:#060d2e; --navy-800:#0a1545;
  --navy-700:#0e1f60; --navy-600:#122b7a; --navy-200:#98b2e8;
  --blue-600:#0040cc; --blue-500:#1a5cff; --blue-400:#4d80ff;
  --blue-200:#99b8ff; --blue-50:#eef3ff;
  --teal-600:#007a8a; --teal-500:#009ab0; --teal-400:#26b8cc; --teal-100:#cff2f6;
  --neutral-950:#080c18; --neutral-700:#28304a; --neutral-600:#3d4666;
  --neutral-500:#556080; --neutral-400:#7a849f; --neutral-300:#a3abbe;
  --neutral-200:#cdd2df; --neutral-150:#d8dce8; --neutral-100:#e4e7f0;
  --neutral-50:#f4f5f9; --neutral-0:#ffffff;
}

:root {
      --navy-950:#03081a; --navy-900:#060d2e; --navy-800:#0a1545;
      --navy-600:#122b7a; --navy-200:#98b2e8;
      --blue-500:#1a5cff; --blue-400:#4d80ff;
      --teal-600:#007a8a; --teal-400:#26b8cc;
      --neutral-950:#080c18; --neutral-500:#556080;
      --neutral-400:#7a849f; --neutral-200:#cdd2df;
      --neutral-100:#e4e7f0; --neutral-50:#f4f5f9; --neutral-0:#ffffff;
    }

:root {
      --navy-950:  #03081a;
      --navy-900:  #060d2e;
      --navy-800:  #0a1545;
      --navy-700:  #0e1f60;
      --navy-600:  #122b7a;
      --navy-200:  #98b2e8;
      --blue-600:  #0040cc;
      --blue-500:  #1a5cff;
      --blue-400:  #4d80ff;
      --teal-600:  #007a8a;
      --teal-500:  #007a95;
      --teal-400:  #26b8cc;
      --neutral-950: #080c18;
      --neutral-700: #28304a;
      --neutral-600: #3d4666;
      --neutral-500: #556080;
      --neutral-400: #7a849f;
      --neutral-300: #a3abbe;
      --neutral-200: #cdd2df;
      --neutral-150: #d8dce8;
      --neutral-100: #e4e7f0;
      --neutral-50:  #f4f5f9;
      --neutral-0:   #ffffff;
    }

/* ===== Base framework rules (request_style.css) ===== */

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  
  height: 0;
  
  overflow: visible;
   }

pre {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }

a {
  background-color: transparent;
  
  -webkit-text-decoration-skip: objects;
   }

a:active,
a:hover {
  outline-width: 0; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  
  font-size: 100%;
  
  line-height: 1.15;
  
  margin: 0;
   }

button,
input {
  
  overflow: visible; }

button,
select {
  
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
   }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  
  color: inherit;
  
  display: table;
  
  max-width: 100%;
  
  padding: 0;
  
  white-space: normal;
   }

progress {
  display: inline-block;
  
  vertical-align: baseline;
   }

textarea {
  overflow: auto; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  
  font: inherit;
   }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0; }

li > ol,
li > ul {
  margin-bottom: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset {
  min-width: 0;
  
  border: 0; }

html {
  font-size: 1em;
  
  line-height: 1.5;
  
  overflow-y: scroll;
  
  min-height: 100%;
   }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

:focus:not(:focus-visible) {
  outline: none; }

dd, ol, ul {
  margin-left: 32px; }

img {
  max-width: 100%;
  
  height: auto;
  font-style: italic;
  
  vertical-align: middle;
   }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.25; }

h1, h2, h3, h6 {
  font-weight: 600; }

h4, h5 {
  line-height: 1.5; }

h1 {
  font-size: 4rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.25rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

html {
  font-family: "Akkurat Pro", Arial, sans-serif;
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 1rem; }

button {
  padding: 18px 24px;
  font-weight: 600;
  font-size: 0.75rem;
  cursor: pointer;
  white-space: nowrap;
  background-color: transparent;
  border: none; }

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

input {
  border: none;
  background-color: transparent;
  font-family: "Akkurat Pro", Arial, sans-serif; }

input:focus {
    outline: none; }

hr {
  width: 100%;
  border-top: 1px solid #D1D3D4;
  border-right: none;
  border-bottom: none;
  border-left: none;
  flex-grow: 1;
  margin: 0; }

.o-layout {
  display: block;
  
  margin: 0 -16px;
  
  padding: 0;
  
  list-style: none;
  
  font-size: 0;
   }

.o-layout__item {
  box-sizing: border-box;
  
  display: inline-block;
  
  vertical-align: top;
  
  width: 100%;
  
  padding-right: 16px;
  
  padding-left: 16px;
  
  font-size: 1rem;
   }

.o-layout--flush > .o-layout__item {
    padding-right: 0;
    padding-left: 0; }

.o-layout--auto > .o-layout__item {
  width: auto; }

.o-layout--xxs > .o-layout__item {
    padding-right: 4px;
    padding-left: 4px; }

.o-layout--xs > .o-layout__item {
    padding-right: 8px;
    padding-left: 8px; }

.o-layout--sm > .o-layout__item {
    padding-right: 12px;
    padding-left: 12px; }

.o-layout--lg > .o-layout__item {
    padding-right: 24px;
    padding-left: 24px; }

.o-layout--xl > .o-layout__item {
    padding-right: 32px;
    padding-left: 32px; }

.o-layout--xxl > .o-layout__item {
    padding-right: 64px;
    padding-left: 64px; }

.o-layout--top > .o-layout__item {
  vertical-align: top; }

.o-layout--middle > .o-layout__item {
  vertical-align: middle; }

.o-layout--bottom > .o-layout__item {
  vertical-align: bottom; }

.o-layout--center > .o-layout__item {
    text-align: left; }

.o-layout--right > .o-layout__item {
    text-align: left; }

.o-layout--reverse > .o-layout__item {
    direction: ltr;
    text-align: left; }

.o-wrapper {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1404px; }

.o-wrapper:after {
    content: "" !important;
    display: block !important;
    clear: both !important; }

.o-bareBtn {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-family: inherit;
  text-align: inherit;
  white-space: normal; }

.o-contentSwitch.is-active {
  font-weight: 600; }

.o-contentSwitch.is-active .o-contentSwitch__icon--rotate {
  transform: rotate(-180deg); }

.o-contentSwitch--alt.is-active {
  color: #0070c9; }

.o-contentSwitch--alt.is-active:after {
  transform: scaleX(0.8); }

.o-icon {
  display: inline-block;
  position: relative;
  height: 1em;
  width: 1em; }

.o-icon__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  fill: transparent;
  color: inherit; }

.o-icon__img path {
  color: inherit; }

.o-icon__img path:not([fill]):not([stroke]),
.o-icon__img path[fill] {
  fill: currentColor; }

.o-icon__img path[stroke] {
  stroke: currentColor; }

.o-wrapper {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1452px; }

.o-wrapper.o-wrapper--flush {
  max-width: none; }

.c-fileUpload__title {
  margin-bottom: 16px;
  font-size: 1.25rem; }

.c-fileUpload__text {
  font-size: 1rem; }

.c-fileUpload__remove {
  padding: 0; }

.c-fileUpload__fileName {
  flex-grow: 1; }

.c-tooltip {
  display: none;
  position: absolute;
  z-index: 50;
  padding: 8px 10px;
  background: #333;
  border-radius: 3px;
  font-size: 0;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  cursor: default;
  transform: translateX(-50%); }

.c-tooltip.is-visible {
  display: block; }

.c-tooltip.is-open {
  opacity: 1; }

.c-tooltip__arrow {
  position: absolute;
  background: inherit; }

.c-tooltip__arrow:before,
.c-tooltip__arrow:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  background: inherit;
  transform: rotateZ(45deg); }

.c-tooltip__arrow:after {
  z-index: 3; }

.c-tooltip,
.c-tooltip__arrow:before {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.c-tooltip--top .c-tooltip__arrow {
  top: calc(100% - 5px);
  left: calc(50% - 5px); }

.c-tooltip--bottom .c-tooltip__arrow {
  bottom: calc(100% + 5px);
  left: calc(50% - 5px); }

.c-tooltip--right .c-tooltip__arrow {
  top: calc(50% - 5px);
  right: calc(100% + 5px); }

.c-tooltip--left .c-tooltip__arrow {
  top: calc(50% - 5px);
  left: calc(100% - 5px); }

.c-tooltip__content {
  position: relative;
  display: inline-block;
  z-index: 2;
  padding: 8px 10px;
  background: inherit;
  border-radius: 3px;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  overflow: hidden; }

.c-reveal {
  position: relative; }

.c-reveal.is-animating,
.c-reveal:not(.is-active) {
  overflow: hidden; }

.c-reveal.is-animating,
.c-reveal.is-animating > .c-reveal__content {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.no-js .c-reveal {
  display: none; }

.c-reveal--unfold, .c-reveal--appearFromLeft,
.c-reveal--appearFromRight,
.c-reveal--appearFromTop,
.c-reveal--appearFromBottom,
.is-active.c-reveal--unfold > .c-reveal__content,
.is-active.c-reveal--appearFromLeft > .c-reveal__content,
.is-active.c-reveal--appearFromRight > .c-reveal__content,
.is-active.c-reveal--appearFromTop > .c-reveal__content,
.is-active.c-reveal--appearFromBottom > .c-reveal__content {
  transition-delay: 0.15s; }

.is-active.c-reveal--unfold, .is-active.c-reveal--appearFromLeft,
.is-active.c-reveal--appearFromRight,
.is-active.c-reveal--appearFromTop,
.is-active.c-reveal--appearFromBottom,
.c-reveal--unfold > .c-reveal__content,
.c-reveal--appearFromLeft > .c-reveal__content,
.c-reveal--appearFromRight > .c-reveal__content,
.c-reveal--appearFromTop > .c-reveal__content,
.c-reveal--appearFromBottom > .c-reveal__content {
  transition-delay: 0s; }

.c-reveal--unfold {
  max-height: 0;
  perspective: 1000px; }

.c-reveal--unfold > .c-reveal__content {
  transform: rotateX(-107deg) translate3d(0, 0, 0);
  transform-origin: 0 0; }

.c-reveal--unfold.is-active > .c-reveal__content {
  transform: rotateX(0deg) translate3d(0, 0, 0); }

.c-reveal--fade > .c-reveal__content {
  opacity: 0; }

.c-reveal--fade.is-active > .c-reveal__content {
  opacity: 1; }

.c-reveal--appearFromLeft > .c-reveal__content,
.c-reveal--appearFromRight > .c-reveal__content,
.c-reveal--appearFromTop > .c-reveal__content,
.c-reveal--appearFromBottom > .c-reveal__content {
  opacity: 0; }

.c-reveal--appearFromLeft.is-active > .c-reveal__content,
.c-reveal--appearFromRight.is-active > .c-reveal__content,
.c-reveal--appearFromTop.is-active > .c-reveal__content,
.c-reveal--appearFromBottom.is-active > .c-reveal__content {
  transform: translateX(0);
  opacity: 1; }

.c-reveal--appearFromLeft > .c-reveal__content {
  transform: translateX(-100%); }

.c-reveal--appearFromRight > .c-reveal__content {
  transform: translateX(100%); }

.c-reveal--appearFromTop > .c-reveal__content {
  transform: translateY(-100%); }

.c-reveal--appearFromBottom > .c-reveal__content {
  transform: translateY(100%); }

.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  z-index: 90; }

.c-modal__overlay {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  transition: visibility 0.3s 0.3s, opacity 0.3s ease-in-out 0.3s; }

.c-modal.is-open .c-modal__overlay {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.c-modal__contentWrapper {
  position: relative;
  visibility: hidden;
  padding: 16px 24px;
  opacity: 0;
  background: #fff;
  width: 100%;
  max-width: 800px;
  transition: visibility 0.3s, opacity 0.3s ease-in-out; }

.c-modal.is-open .c-modal__contentWrapper {
  visibility: visible;
  opacity: 1; }

.c-modal--full .c-modal__contentWrapper {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none; }

.c-modal--top .c-modal__contentWrapper {
  margin-top: 0;
  margin-bottom: auto; }

.c-modal--middle .c-modal__contentWrapper {
  margin-top: auto;
  margin-bottom: auto; }

.c-modal--bottom .c-modal__contentWrapper {
  margin-top: auto;
  margin-bottom: 0; }

.c-modal--left .c-modal__contentWrapper {
  margin-left: 0;
  margin-right: auto; }

.c-modal--center .c-modal__contentWrapper {
  margin-left: auto;
  margin-right: auto; }

.c-modal--right .c-modal__contentWrapper {
  margin-left: auto;
  margin-right: 0; }

.c-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  text-align: center;
  z-index: 10; }

.c-modal__close:before {
    content: "\00d7";
    position: absolute;
    vertical-align: middle; }

.c-modal--offCanvas .c-modal__contentWrapper {
  opacity: 1;
  visibility: visible;
  transition: transform 0.3s ease-in-out; }

.c-modal--offCanvas.is-panning .c-modal__contentWrapper {
  transition: none; }

.c-modal--fromLeft .c-modal__contentWrapper {
  transform: translateX(-100%); }

.c-modal--fromLeft.is-open .c-modal__contentWrapper {
  transform: translateX(0); }

.c-modal--fromRight .c-modal__contentWrapper {
  transform: translateX(100%); }

.c-modal--fromRight.is-open .c-modal__contentWrapper {
  transform: translateX(0); }

.c-modal__contentWrapper {
  padding: 0; }

.c-modal--small .c-modal__contentWrapper {
  max-width: 460px; }

.c-modal--medium .c-modal__contentWrapper {
  max-width: 500px; }

.c-modal--large .c-modal__contentWrapper {
  max-width: 908px; }

.c-modal--extraLarge .c-modal__contentWrapper {
  max-width: 1132px; }

.c-modal__close:before {
  content: url("/images/icons/close-modal.svg"); 
  width: 16px; }

.c-tooltip {
  visibility: visible;
  background: none;
  width: 340px;
  transform: translateX(-50%);
  bottom: auto;
  border-radius: 0;
  padding: 0; }

.c-tooltip,
.c-tooltip__content,
.c-tooltip__arrow:before {
  box-shadow: none; }

.c-tooltip__content {
  white-space: normal;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 20px 26px;
  border-radius: 0; }

.c-tooltip__content,
.c-tooltip__arrow:before,
.c-tooltip__arrow:after {
  background: #1A1A1A; }

.c-tooltip--right .c-tooltip__arrow {
  right: calc(100% + 5px); }

.c-reveal__content--box {
  border-color: #D1D3D4; }

.c-reveal__content--box.is-active {
  border: 1px solid #D1D3D4; }

.c-returningCustomerForm .c-reveal {
  overflow: visible; }

.c-btn {
  background-color: #0070c9;
  display: inline-block;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 0.75rem;
  cursor: pointer;
  border-radius: 30px;
  font-family: "Akkurat Pro", Arial, sans-serif;
  letter-spacing: 0.08em;
  transition: background-color 0.3s, color 0.3s; }

.c-btn:hover {
  background-color: #074d87; }

.c-btn .o-icon {
  font-size: 0.85em; }

.c-btn--white {
  background-color: #FFFFFF; }

.c-btn--outline {
  border: 1px solid #D1D3D4; }

.c-btn--hoverRed:hover {
  color: #fff !important;
  background-color: #0070c9; }

.c-btn[disabled] {
  background-color: #D1D3D4;
  cursor: default; }

.c-btn--white[disabled] {
  color: #D1D3D4 !important;
  background-color: #FFFFFF; }

.c-carousel__controllerItem:hover,
.c-carousel__controllerItem:focus,
.c-carousel__controllerItem.is-active {
  font-weight: 600; }

.c-carousel__controllerItem.is-active:before {
  transform: scaleX(1);
  transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.c-cookieNotice.is-active {
  transform: none;
  transition-delay: 0s; }

.c-dropdownMenu {
  position: relative; }

.c-dropdownMenu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1em;
  cursor: pointer; }

.c-dropdownMenu__link {
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  white-space: nowrap;
  position: relative;
  z-index: 1; }

.c-dropdownMenu__link::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  content: '';
  margin-left: 12px;
  font-size: 0.625rem;
  cursor: pointer;
  transition: 0.3s transform;
  background: #0070c9; }

.ie .c-dropdownMenu__link::after {
  background-image: url("/images/chevron-down--red.svg");
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

.c-dropdownMenu__link--currentColor::after {
  background: currentColor; }

.c-dropdownMenu__menu {
  position: absolute;
  min-width: 120px;
  display: block;
  z-index: 10;
  left: 0;
  background: #FFFFFF;
  color: #000000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin-top: 0.5em;
  height: 0;
  overflow: hidden;
  transition: 0.3s transform, 0.3s opacity;
  opacity: 0;
  transform: translate3d(0, -20%, 0); }

.c-dropdownMenu__menu--alignRight {
  right: 0;
  left: auto; }

.c-dropdownMenu:hover .c-dropdownMenu__menu {
  padding: 12px 18px;
  height: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.c-dropdownMenu:hover .c-dropdownMenu__link {
  color: #0070c9; }

.c-dropdownMenu:hover .c-dropdownMenu__link::after {
  transform: rotate(-180deg); }

.c-dropdownMenu--gray .c-dropdownMenu__link {
  color: #666666; }

.c-dropdownMenu--gray .c-dropdownMenu__link::after {
  background-color: #666666; }

.c-dropdownMenu--gray:hover .c-dropdownMenu__link {
  color: #666666; }

.ie .c-dropdownMenu--gray .c-dropdownMenu__link::after {
  background-image: url("/images/chevron-down--gray60.svg");
  background-color: transparent; }

.c-floatingLabel {
  position: absolute;
  color: #A7A9AC;
  background-color: #FFFFFF;
  border-radius: 0.5em;
  z-index: 1;
  padding: 0 5px;
  top: 22px;
  left: 15px;
  transform: translateY(-50%);
  transition: 0.15s font-size, 0.15s top;
  pointer-events: none;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em; 
  text-overflow: ellipsis;
  max-width: calc(100% - 55px);
  overflow: hidden;
  white-space: nowrap; }

.c-floatingLabel.is-floating {
  top: 0;
  font-size: 0.5rem; }

.c-form__breadcrumbHeaderLogin {
  position: relative; }

@media (max-width: 56.24em) {
  .c-form__breadcrumbHeaderLogin:before {
    content: '';
    border-top: 1px solid #1A1A1A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 0.75rem;
    margin-top: -1em; }
}

.c-input {
  position: relative; }

.c-input__field[disabled] {
  background: #E8EAE8; }

.c-input--box {
  border: 1px solid #A7A9AC;
  width: 100%;
  position: relative; }

.c-input__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  color: #A7A9AC;
  font-size: 0.875rem;
  pointer-events: none;
  cursor: pointer; }

.c-input--select .c-input__field {
  visibility: hidden; }

.c-input--validationError .c-input__placeholder,
.c-input--validationError .c-input__field, .c-input--validationError {
  color: #D6002A;
  font-size: 12px;
margin-left: 8px; }

.c-input--validationError .c-input__field,
.c-input--validationError.c-input--box {
  border-color: #D6002A !important; }

.c-select--validationError, .c-input--validationError{
		border-color: #D6002A !important;
}

.c-input__field,
.c-input__placeholder {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  border: 0; }

.c-input__field {
  flex-grow: 1;
  padding: 15px 20px;
  box-shadow: none;
  background: #FFFFFF; 
  max-width: 100%; }

.c-input--textArea .c-input__placeholder {
  top: 20px; }

.c-input.is-active .c-input__placeholder,
.c-input.is-filled .c-input__placeholder {
  top: 0;
  font-size: 0.5rem; }

.c-input--required::after {
  content: '*';
  color: #D6002A;
  position: absolute;
  right: 0.4em;
  top: 0.2em;
  font-size: 0.75rem; }

.c-input__box,
.c-input__radio {
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  position: relative; }

.c-input__box:before,
.c-input__radio:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #000000; }

.c-input__box:after,
.c-input__radio:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0070c9;
  opacity: 0;
  transition: opacity .2s ease-in-out; }

.c-input__box:checked:after,
.c-input__radio:checked:after {
  opacity: 1; }

.c-input__box:checked ~ .c-input__label,
.c-input__radio:checked ~ .c-input__label {
  font-weight: 600; }

.c-input__radio:before,
.c-input__radio:after {
  border-radius: 50%; }

.c-input__label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase; }

.c-listLink__icon--circle .o-icon__img {
  height: 0.75em; }

.c-mobileMenu.is-active {
  transform: translateX(0); }

.c-newsletterSignUp__toggle.is-active,
.c-newsletterSignUp__toggle:hover,
.c-newsletterSignUp__toggle:focus {
  background: #000; }

.c-newsletterSignUp__openIcon,
.c-newsletterSignUp__toggle.is-active .c-newsletterSignUp__closedIcon {
  display: none; }

.c-newsletterSignUp__closedIcon,
.c-newsletterSignUp__toggle.is-active .c-newsletterSignUp__openIcon {
  display: block; }

.c-reveal.is-active .c-newsletterSignUp__formContainer:before {
  transform: translate3d(-50%, -50%, 0) rotateZ(45deg); }

.c-newsletterSignUp__formContainer .mktoCheckboxList .c-input__field {
  margin-top: 6.4px;
  margin-right: 8px; }

.ie .c-newsletterSignUp__formContainer .mktoCheckboxList .c-input__field {
  margin-top: 4px; }

.c-select {
  display: inline-block;
  color: #A7A9AC;
  border: 1px solid #A7A9AC;
  background-color: transparent;
  transition: color .4s ease-in-out, background-color .4s ease-in-out;
  cursor: pointer;
  text-align: left;
  position: relative;
  width: 100%; }

.c-select.is-open {
    background-color: #FFFFFF; }

.c-select__menu {
  overflow: hidden;
  transition: max-height .4s ease-in-out; }

.c-select__dropdown {
  max-height: 15em;
  white-space: normal;
  overflow-x: hidden;
  display: none; }

.c-select__button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #262626;
  background: #FFFFFF;
  padding: 15px 40px 15px 20px;
  width: 100%;
  text-align: left; }

.c-select__button,
.c-select__item {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.08em;
  font-family: "Akkurat Pro", Arial, sans-serif; }

.c-select__item {
  font-size: 0.75rem; }

.c-select__button:focus,
.c-select__button:active {
  outline: none; }

.c-select__button:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  content: '';
  position: absolute;
  right: 1.5em;
  font-weight: bold;
  font-size: 1em;
  background: #A7A9AC;
  cursor: pointer; }

.ie .c-select__button:after {
  background-image: url("/images/icons/chevron-down.svg");
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

.c-select__list {
  margin: 0;
  list-style-type: none; }

.c-select__groupLabel {
  font-weight: 700; }

.c-select__search,
.c-select__item,
.c-select__groupLabel {
  padding: 8px 20px;
  white-space: normal; }

.c-select__select {
  display: none; }

.c-select__searchInput {
  padding: 9px 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #D1D3D4;
  font-family: "Akkurat Pro", Arial, sans-serif;
  line-height: 1.25;
  color: #A7A9AC;
  border-radius: 4px;
  background: none; }

.c-select__searchInput:focus {
    outline: 0;
    border-bottom-color: #A7A9AC; }

.c-select__item:hover,
.c-select__item:focus {
  background: #E8EAE8;
  outline: none; }

.c-select__item.is-active {
  background: #0070c9;
  color: #FFFFFF; }

.c-select__item[data-value=""] {
  background: #FFFFFF;
  color: #A7A9AC; }

.c-select__item--group {
  padding-left: 48px; }

.c-select__dropdown.is-visible {
  display: block; }

.c-select__dropdown.is-open {
  opacity: 1;
  transform: none;
  transition: transform 0.3s ease,
 opacity 0.3s ease; }

.c-select__dropdown {
  z-index: 2;
  margin-top: -1px;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 0;
  position: absolute;
  border: 1px solid #A7A9AC;
  border-top: 0;
  left: -1px;
  right: -1px; }

.c-select__button[disabled] {
  background-color: #E8EAE8;
  cursor: default; }

.c-select__button[disabled]:after {
    cursor: default; }

.c-select__dropdown::-webkit-scrollbar {
  width: 10px; }

.c-select__dropdown::-webkit-scrollbar-track {
  background: #E8EAE8; }

.c-select__dropdown::-webkit-scrollbar-thumb {
  background: #A7A9AC; }

.c-select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #A7A9AC; }

.c-searchBar__input.is-active {
    opacity: 1;
    max-width: 640px; }

.c-searchBar__trigger.is-active {
    transform: translateX(-16px); }

.c-stepper__label {
  position: absolute;
  top: -1px;
  left: -26px;
  width: 35px;
  height: 35px;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #A7A9AC; }

@media (min-width: 56.25em) {
  .c-stepper__label {
      left: -54px;
      width: 43px;
      height: 43px;
      font-size: 1.25rem; }
}

@media (min-width: 75em) {
  .c-stepper__label {
      left: -12px;
      width: 55px;
      height: 55px;
      font-size: 1.5rem; }
}

.c-stepper__title {
  cursor: pointer; }

.c-stepper__step.is-active .c-stepper__label {
  background-color: #0070c9; }

.c-stepper__step.is-active .c-stepper__title {
  cursor: unset; }

.c-stepper__iconContainer {
  width: auto;
  position: absolute;
  top: 12px;
  right: 24px; }

.c-stepper__step.is-active .c-stepper__iconContainer,
.c-returningCustomerForm .c-stepper__iconContainer,
.c-returningCustomerForm .c-stepper__label {
  display: none !important; }

.c-returningCustomerForm .c-stepper__title {
  cursor: default; }

:root {
  --swiper-theme-color: #007aff; }

:root {
  --swiper-navigation-size: 44px;
   }

:root {
   }

:root {
   }

.c-toc .o-icon {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.c-toc__section .c-toc__link.is-active .o-icon {
  transform: rotateZ(180deg); }

.c-toc__section--level1 > .c-toc__link.is-active span,
.c-toc__section.is-active .c-toc__link {
  color: #0070c9; }

.c-tabbed__tab.is-active {
  display: block; }

.c-timeline__date.is-active {
    color: #E8EAE8; }

.c-timeline__date.is-active .c-timeline__dot {
      background-color: #E8EAE8; }

.c-fileUpload--dragAndDrop .c-fileUpload__icon {
  margin-bottom: 1.5rem; }

.c-fileUpload--dragAndDrop .c-fileUpload__itemDetail {
  flex-basis: 100px;
  flex-shrink: 0;
  color: #A7A9AC; }

.c-fileUpload--single .c-fileUpload__fileNamePlaceholder,
.c-fileUpload--single .c-fileUpload__uploadButton {
  height: 100%;
  font-size: 0.75rem;
  text-transform: uppercase; }

.c-fileUpload--single .c-fileUpload__fileNamePlaceholder {
  flex-grow: 1;
  border: 1px solid #D1D3D4;
  border-right: 0;
  padding: 16px;
  color: #A7A9AC; }

.c-fileUpload--single .c-fileUpload__uploadButton {
  border: 0;
  background-color: #0070c9;
  background-image: url("/images/button-arrow-up.svg");
  background-repeat: no-repeat;
  background-position: 80px 50%;
  color: #fff;
  padding: 16px 40px 16px 20px; }

.c-fileUpload--single .c-fileUpload__fileName {
  overflow: hidden;
  display: block;
  width: 100%;
  margin-right: 10px;
  padding-top: 2px;
  white-space: nowrap; }

.c-fileUpload--single.highlight .c-fileUpload__fileNamePlaceholder {
  border-style: dashed; }

.c-fileUpload--single .c-fileUpload__text {
  display: none; }

.c-fileUpload__remove {
  display: block;
  width: 21px;
  height: 21px;
  padding: 4px;
  border: 1px solid #A7A9AC;
  background-image: url("/images/upload-remove.svg");
  background-repeat: no-repeat;
  background-position: center center; }

._hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important; }

._dn {
  display: none !important; }

._di {
  display: inline !important; }

._db {
  display: block !important; }

._dib {
  display: inline-block !important; }

._df {
  display: flex !important; }

._aic {
  align-items: center !important; }

._aibl {
  align-items: baseline !important; }

._jcc {
  justify-content: center !important; }

._jcfe {
  justify-content: flex-end !important; }

._jcsb {
  justify-content: space-between !important; }

._fxww {
  flex-wrap: wrap !important; }

._ovya {
  overflow-y: auto !important; }

._por {
  position: relative !important; }

._tnxs {
  top: -16px !important; }

._p {
  padding: 32px !important; }

._psm {
  padding: 24px !important; }

._plg {
  padding: 48px !important; }

._pxl {
  padding: 64px !important; }

._pt0 {
  padding-top: 0px !important; }

._pt {
  padding-top: 32px !important; }

._ptxxs {
  padding-top: 8px !important; }

._pblg {
  padding-bottom: 48px !important; }

._phxxs {
  padding-left: 8px !important;
  padding-right: 8px !important; }

._phxs {
  padding-left: 16px !important;
  padding-right: 16px !important; }

._phsm {
  padding-left: 24px !important;
  padding-right: 24px !important; }

._phlg {
  padding-left: 48px !important;
  padding-right: 48px !important; }

._pv {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

._pvxs {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

._pvsm {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

._pvlg {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

._mxs {
  margin: 16px !important; }

._mt {
  margin-top: 32px !important; }

._mtxxs {
  margin-top: 8px !important; }

._mtxs {
  margin-top: 16px !important; }

._mtlg {
  margin-top: 48px !important; }

._mr {
  margin-right: 32px !important; }

._mrxxs {
  margin-right: 8px !important; }

._mb {
  margin-bottom: 32px !important; }

._mbxxs {
  margin-bottom: 8px !important; }

._mbxs {
  margin-bottom: 16px !important; }

._mbsm {
  margin-bottom: 24px !important; }

._mlxxs {
  margin-left: 8px !important; }

._mlxs {
  margin-left: 16px !important; }

._mvxl {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

._fz24 {
  font-size: 1.5rem !important; }

._fz20 {
  font-size: 1.25rem !important; }

._fz18 {
  font-size: 1.125rem !important; }

._fz16 {
  font-size: 1rem !important; }

._fz14 {
  font-size: 0.875rem !important; }

._fz12 {
  font-size: 0.75rem !important; }

._fz10 {
  font-size: 0.625rem !important; }

._tal {
  text-align: left !important; }

._tar {
  text-align: right !important; }

._tac {
  text-align: center !important; }

._fw4 {
  font-weight: 400 !important; }

._fw5 {
  font-weight: 500 !important; }

._fw6 {
  font-weight: 600 !important; }

._ttu {
  text-transform: uppercase !important; }

._tdu {
  text-decoration: underline !important; }

._lh-solid {
  line-height: 1 !important; }

._lh-copy {
  line-height: 1.5 !important; }

._1\/2 {
  width: 50% !important; }

._1\/3 {
  width: 33.3333333333% !important; }

._1\/1 {
  width: 100% !important; }

._bgwhite {
  background-color: #FFFFFF !important; }

._hover\:bgred:hover {
  background-color: #0070c9 !important; }

._bggray80 {
  background-color: #262626 !important; }

._bglightGray {
  background-color: #E8EAE8 !important; }

._bd1red {
  border: 1px #0070c9 solid !important; }

._bd1gray20 {
  border: 1px #D1D3D4 solid !important; }

._pointer {
  cursor: pointer !important; }

._white {
  color: #FFFFFF !important; }

._hover\:white:hover {
  color: #FFFFFF !important; }

._red {
  color: #0070c9 !important; }

._gray60 {
  color: #666666 !important; }

._gray40 {
  color: #A7A9AC !important; }

._lightGray {
  color: #E8EAE8 !important; }

._hover\:tdu:hover {
  text-decoration: underline !important; }

._lsmd {
  letter-spacing: .03em !important; }

._lsxl {
  letter-spacing: .08em !important; }

body:before {
  display: none; }

@media (min-width: 37.5em) {
  .o-wrapper {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 1468px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@tabletV > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@tabletV > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@tabletV > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@tabletV > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@tabletV > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@tabletV > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@tabletV > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@tabletV > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@tabletV > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@tabletV > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@tabletV > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@tabletV > .o-layout__item {
      text-align: left; }
  .o-layout--right\@tabletV > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@tabletV > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@tabletV {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._df\@tabletV {
    display: flex !important; }
  ._pxl\@tabletV {
    padding: 64px !important; }
  ._pv\@tabletV {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  ._mb0\@tabletV {
    margin-bottom: 0px !important; }
  ._fz28\@tabletV {
    font-size: 1.75rem !important; }
  ._1\/2\@tabletV {
    width: 50% !important; }
  ._auto\@tabletV {
    width: auto !important; }
  body:before {
    content: "tabletV";
    visibility: hidden; }
}

@media (min-width: 56.25em) {
  .o-wrapper {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 1468px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@tabletH > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@tabletH > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@tabletH > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@tabletH > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@tabletH > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@tabletH > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@tabletH > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@tabletH > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@tabletH > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@tabletH > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@tabletH > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@tabletH > .o-layout__item {
      text-align: left; }
  .o-layout--right\@tabletH > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@tabletH > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@tabletH {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._di\@tabletH {
    display: inline !important; }
  ._poa\@tabletH {
    position: absolute !important; }
  ._txs\@tabletH {
    top: 16px !important; }
  ._lnxxs\@tabletH {
    left: -8px !important; }
  ._plg\@tabletH {
    padding: 48px !important; }
  ._pt0\@tabletH {
    padding-top: 0px !important; }
  ._phlg\@tabletH {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  ._pv\@tabletH {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  ._pvxxs\@tabletH {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  ._mt0\@tabletH {
    margin-top: 0px !important; }
  ._fz32\@tabletH {
    font-size: 2rem !important; }
  ._fz20\@tabletH {
    font-size: 1.25rem !important; }
  ._fz16\@tabletH {
    font-size: 1rem !important; }
  ._tar\@tabletH {
    text-align: right !important; }
  ._1\/2\@tabletH {
    width: 50% !important; }
  ._1\/3\@tabletH {
    width: 33.3333333333% !important; }
  ._2\/3\@tabletH {
    width: 66.6666666667% !important; }
  ._push2\/12\@tabletH {
    position: relative !important;
    margin-left: 16.6666666667% !important; }
  ._3\/12\@tabletH {
    width: 25% !important; }
  ._5\/12\@tabletH {
    width: 41.6666666667% !important; }
  ._9\/12\@tabletH {
    width: 75% !important; }
  body:before {
    content: "tabletH";
    visibility: hidden; }
}

@media (min-width: 75em) {
  .o-wrapper {
    padding-right: 64px;
    padding-left: 64px;
    max-width: 1425px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@laptop > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@laptop > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@laptop > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@laptop > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@laptop > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@laptop > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@laptop > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@laptop > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@laptop > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@laptop > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@laptop > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@laptop > .o-layout__item {
      text-align: left; }
  .o-layout--right\@laptop > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@laptop > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@laptop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._prlg\@laptop {
    padding-right: 48px !important; }
  ._ph0\@laptop {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  ._pvlg\@laptop {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  ._mt0\@laptop {
    margin-top: 0px !important; }
  ._fz24\@laptop {
    font-size: 1.5rem !important; }
  ._1\/2\@laptop {
    width: 50% !important; }
  ._1\/3\@laptop {
    width: 33.3333333333% !important; }
  ._push1\/12\@laptop {
    position: relative !important;
    margin-left: 8.3333333333% !important; }
  ._3\/12\@laptop {
    width: 25% !important; }
  ._7\/12\@laptop {
    width: 58.3333333333% !important; }
  body:before {
    content: "laptop";
    visibility: hidden; }
}

@media (min-width: 100em) {
  .o-layout--flush\@desktop > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@desktop > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@desktop > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@desktop > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@desktop > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@desktop > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@desktop > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@desktop > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@desktop > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@desktop > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@desktop > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@desktop > .o-layout__item {
      text-align: left; }
  .o-layout--right\@desktop > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@desktop > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  body:before {
    content: "desktop";
    visibility: hidden; }
}

@media print {
  html,
  body,
  h1, h2, h3, h4, h5, h6,
  ul,
  ol,
  li,
  p,
  span,
  a,
  div,
  pre,
  blockquote,
  table,
  tbody,
  thead,
  tr,
  th,
  td,
  form,
  button,
  html:before,
  body:before,
  h1:before, h2:before, h3:before, h4:before, h5:before, h6:before,
  ul:before,
  ol:before,
  li:before,
  p:before,
  span:before,
  a:before,
  div:before,
  pre:before,
  blockquote:before,
  table:before,
  tbody:before,
  thead:before,
  tr:before,
  th:before,
  td:before,
  form:before,
  button:before,
  html:after,
  body:after,
  h1:after, h2:after, h3:after, h4:after, h5:after, h6:after,
  ul:after,
  ol:after,
  li:after,
  p:after,
  span:after,
  a:after,
  div:after,
  pre:after,
  blockquote:after,
  table:after,
  tbody:after,
  thead:after,
  tr:after,
  th:after,
  td:after,
  form:after,
  button:after {
    background: transparent !important;
    color: #000 !important;
    
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
}

#overlay {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      z-index: 999;
  }

#overlay img {
        width: 100px;
        height: 100px;
        position: fixed;
        top: 46%;
        left: 47%;
     }

/* ===== Base framework rules unique to style.css (index.html's base file) ===== */

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  
  height: 0;
  
  overflow: visible;
   }

pre {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }

a {
  background-color: transparent;
  
  -webkit-text-decoration-skip: objects;
   }

a:active,
a:hover {
  outline-width: 0; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  
  font-size: 100%;
  
  line-height: 1.15;
  
  margin: 0;
   }

button,
input {
  
  overflow: visible; }

button,
select {
  
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
   }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  
  color: inherit;
  
  display: table;
  
  max-width: 100%;
  
  padding: 0;
  
  white-space: normal;
   }

progress {
  display: inline-block;
  
  vertical-align: baseline;
   }

textarea {
  overflow: auto; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  
  font: inherit;
   }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0; }

li > ol,
li > ul {
  margin-bottom: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset {
  min-width: 0;
  
  border: 0; }

html {
  font-size: 1em;
  
  line-height: 1.5;
  
  overflow-y: scroll;
  
  min-height: 100%;
   }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

:focus:not(:focus-visible) {
  outline: none; }

dd, ol, ul {
  margin-left: 32px; }

img {
  max-width: 100%;
  
  height: auto;
  font-style: italic;
  
  vertical-align: middle;
   }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.25; }

h1, h2, h3, h6 {
  font-weight: 600; }

h4, h5 {
  line-height: 1.5; }

h1 {
  font-size: 4rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.25rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

html {
  font-family: "Akkurat Pro", Arial, sans-serif;
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 1rem; }

button {
  padding: 18px 24px;
  font-weight: 600;
  font-size: 0.75rem;
  cursor: pointer;
  white-space: nowrap;
  background-color: transparent;
  border: none; }

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

input {
  border: none;
  background-color: transparent;
  font-family: "Akkurat Pro", Arial, sans-serif; }

input:focus {
    outline: none; }

hr {
  width: 100%;
  border-top: 1px solid #D1D3D4;
  border-right: none;
  border-bottom: none;
  border-left: none;
  flex-grow: 1;
  margin: 0; }

.o-layout {
  display: block;
  
  margin: 0 -16px;
  
  padding: 0;
  
  list-style: none;
  
  font-size: 0;
   }

.o-layout__item {
  box-sizing: border-box;
  
  display: inline-block;
  
  vertical-align: top;
  
  width: 100%;
  
  padding-right: 16px;
  
  padding-left: 16px;
  
  font-size: 1rem;
   }

.o-layout--flush > .o-layout__item {
    padding-right: 0;
    padding-left: 0; }

.o-layout--auto > .o-layout__item {
  width: auto; }

.o-layout--xxs > .o-layout__item {
    padding-right: 4px;
    padding-left: 4px; }

.o-layout--xs > .o-layout__item {
    padding-right: 8px;
    padding-left: 8px; }

.o-layout--sm > .o-layout__item {
    padding-right: 12px;
    padding-left: 12px; }

.o-layout--lg > .o-layout__item {
    padding-right: 24px;
    padding-left: 24px; }

.o-layout--xl > .o-layout__item {
    padding-right: 32px;
    padding-left: 32px; }

.o-layout--xxl > .o-layout__item {
    padding-right: 64px;
    padding-left: 64px; }

.o-layout--top > .o-layout__item {
  vertical-align: top; }

.o-layout--middle > .o-layout__item {
  vertical-align: middle; }

.o-layout--bottom > .o-layout__item {
  vertical-align: bottom; }

.o-layout--center > .o-layout__item {
    text-align: left; }

.o-layout--right > .o-layout__item {
    text-align: left; }

.o-layout--reverse > .o-layout__item {
    direction: ltr;
    text-align: left; }

.o-wrapper {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1404px; }

.o-wrapper:after {
    content: "" !important;
    display: block !important;
    clear: both !important; }

.o-bareBtn {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-family: inherit;
  text-align: inherit;
  white-space: normal; }

.o-contentSwitch.is-active {
  font-weight: 600; }

.o-contentSwitch.is-active .o-contentSwitch__icon--rotate {
  transform: rotate(-180deg); }

.o-contentSwitch--alt.is-active {
  color: #0070c9; }

.o-contentSwitch--alt.is-active:after {
  transform: scaleX(0.8); }

.o-icon {
  display: inline-block;
  position: relative;
  height: 1em;
  width: 1em; }

.o-icon__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  fill: transparent;
  color: inherit; }

.o-icon__img path {
  color: inherit; }

.o-icon__img path:not([fill]):not([stroke]),
.o-icon__img path[fill] {
  fill: currentColor; }

.o-icon__img path[stroke] {
  stroke: currentColor; }

.o-wrapper {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1452px; }

.o-wrapper.o-wrapper--flush {
  max-width: none; }

.c-fileUpload__title {
  margin-bottom: 16px;
  font-size: 1.25rem; }

.c-fileUpload__text {
  font-size: 1rem; }

.c-fileUpload__remove {
  padding: 0; }

.c-fileUpload__fileName {
  flex-grow: 1; }

.c-tooltip {
  display: none;
  position: absolute;
  z-index: 50;
  padding: 8px 10px;
  background: #333;
  border-radius: 3px;
  font-size: 0;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  cursor: default; }

.c-tooltip.is-visible {
  display: block; }

.c-tooltip.is-open {
  opacity: 1; }

.c-tooltip__arrow {
  position: absolute; }

.c-tooltip__arrow:before,
.c-tooltip__arrow:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  background: #333;
  transform: rotateZ(45deg); }

.c-tooltip__arrow:after {
  z-index: 3; }

.c-tooltip__content,
.c-tooltip__arrow:before {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.c-tooltip--top {
  bottom: calc(100% + 5px);
  left: 50%; }

.c-tooltip--top .c-tooltip__arrow {
  top: calc(100% - 5px);
  left: calc(50% - 5px); }

.c-tooltip--bottom {
  top: calc(100% + 5px);
  left: 50%; }

.c-tooltip--bottom .c-tooltip__arrow {
  bottom: calc(100% + 5px);
  left: calc(50% - 5px); }

.c-tooltip--right {
  top: 50%;
  left: calc(100% + 5px); }

.c-tooltip--right .c-tooltip__arrow {
  top: calc(50% - 5px);
  right: calc(100% - 5px); }

.c-tooltip--left {
  top: 50%;
  right: calc(100% + 5px); }

.c-tooltip--left .c-tooltip__arrow {
  top: calc(50% - 5px);
  left: calc(100% - 5px); }

.c-tooltip__content {
  position: relative;
  display: inline-block;
  z-index: 2;
  padding: 8px 10px;
  background: #333;
  border-radius: 3px;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  overflow: hidden; }

.c-reveal {
  position: relative; }

.c-reveal.is-animating,
.c-reveal:not(.is-active) {
  overflow: hidden; }

.c-reveal.is-animating,
.c-reveal.is-animating > .c-reveal__content {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.no-js .c-reveal {
  display: none; }

.c-reveal--unfold, .c-reveal--appearFromLeft,
.c-reveal--appearFromRight,
.c-reveal--appearFromTop,
.c-reveal--appearFromBottom,
.is-active.c-reveal--unfold > .c-reveal__content,
.is-active.c-reveal--appearFromLeft > .c-reveal__content,
.is-active.c-reveal--appearFromRight > .c-reveal__content,
.is-active.c-reveal--appearFromTop > .c-reveal__content,
.is-active.c-reveal--appearFromBottom > .c-reveal__content {
  transition-delay: 0.15s; }

.is-active.c-reveal--unfold, .is-active.c-reveal--appearFromLeft,
.is-active.c-reveal--appearFromRight,
.is-active.c-reveal--appearFromTop,
.is-active.c-reveal--appearFromBottom,
.c-reveal--unfold > .c-reveal__content,
.c-reveal--appearFromLeft > .c-reveal__content,
.c-reveal--appearFromRight > .c-reveal__content,
.c-reveal--appearFromTop > .c-reveal__content,
.c-reveal--appearFromBottom > .c-reveal__content {
  transition-delay: 0s; }

.c-reveal--unfold {
  max-height: 0;
  perspective: 1000px; }

.c-reveal--unfold > .c-reveal__content {
  transform: rotateX(-107deg) translate3d(0, 0, 0);
  transform-origin: 0 0; }

.c-reveal--unfold.is-active > .c-reveal__content {
  transform: rotateX(0deg) translate3d(0, 0, 0); }

.c-reveal--fade > .c-reveal__content {
  opacity: 0; }

.c-reveal--fade.is-active > .c-reveal__content {
  opacity: 1; }

.c-reveal--appearFromLeft > .c-reveal__content,
.c-reveal--appearFromRight > .c-reveal__content,
.c-reveal--appearFromTop > .c-reveal__content,
.c-reveal--appearFromBottom > .c-reveal__content {
  opacity: 0; }

.c-reveal--appearFromLeft.is-active > .c-reveal__content,
.c-reveal--appearFromRight.is-active > .c-reveal__content,
.c-reveal--appearFromTop.is-active > .c-reveal__content,
.c-reveal--appearFromBottom.is-active > .c-reveal__content {
  transform: translateX(0);
  opacity: 1; }

.c-reveal--appearFromLeft > .c-reveal__content {
  transform: translateX(-100%); }

.c-reveal--appearFromRight > .c-reveal__content {
  transform: translateX(100%); }

.c-reveal--appearFromTop > .c-reveal__content {
  transform: translateY(-100%); }

.c-reveal--appearFromBottom > .c-reveal__content {
  transform: translateY(100%); }

.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  z-index: 90; }

.c-modal__overlay {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  transition: visibility 0.3s 0.3s, opacity 0.3s ease-in-out 0.3s; }

.c-modal.is-open .c-modal__overlay {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.c-modal__contentWrapper {
  position: relative;
  visibility: hidden;
  padding: 16px 24px;
  opacity: 0;
  background: #fff;
  width: 100%;
  max-width: 800px;
  transition: visibility 0.3s, opacity 0.3s ease-in-out; }

.c-modal.is-open .c-modal__contentWrapper {
  visibility: visible;
  opacity: 1; }

.c-modal--full .c-modal__contentWrapper {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none; }

.c-modal--top .c-modal__contentWrapper {
  margin-top: 0;
  margin-bottom: auto; }

.c-modal--middle .c-modal__contentWrapper {
  margin-top: auto;
  margin-bottom: auto; }

.c-modal--bottom .c-modal__contentWrapper {
  margin-top: auto;
  margin-bottom: 0; }

.c-modal--left .c-modal__contentWrapper {
  margin-left: 0;
  margin-right: auto; }

.c-modal--center .c-modal__contentWrapper {
  margin-left: auto;
  margin-right: auto; }

.c-modal--right .c-modal__contentWrapper {
  margin-left: auto;
  margin-right: 0; }

.c-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  text-align: center;
  z-index: 10; }

.c-modal__close:before {
    content: "\00d7";
    position: absolute;
    vertical-align: middle; }

.c-modal--offCanvas .c-modal__contentWrapper {
  opacity: 1;
  visibility: visible;
  transition: transform 0.3s ease-in-out; }

.c-modal--offCanvas.is-panning .c-modal__contentWrapper {
  transition: none; }

.c-modal--fromLeft .c-modal__contentWrapper {
  transform: translateX(-100%); }

.c-modal--fromLeft.is-open .c-modal__contentWrapper {
  transform: translateX(0); }

.c-modal--fromRight .c-modal__contentWrapper {
  transform: translateX(100%); }

.c-modal--fromRight.is-open .c-modal__contentWrapper {
  transform: translateX(0); }

.c-modal__contentWrapper {
  padding: 0; }

.c-modal--small .c-modal__contentWrapper {
  max-width: 460px; }

.c-modal--medium .c-modal__contentWrapper {
  max-width: 500px; }

.c-modal--large .c-modal__contentWrapper {
  max-width: 908px; }

.c-modal--extraLarge .c-modal__contentWrapper {
    max-width: 1280px; }

.c-modal__close:before {
  content: url("/images/icons/close-modal.svg"); 
  width: 16px; }

.c-tooltip {
  visibility: visible;
  background: none;
  width: 340px;
  transform: translateX(-50%);
  bottom: auto;
  border-radius: 0;
  padding: 0; }

.c-tooltip,
.c-tooltip__content,
.c-tooltip__arrow:before {
  box-shadow: none; }

.c-tooltip__content {
  white-space: normal;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 20px 26px;
  border-radius: 0; }

.c-tooltip__content,
.c-tooltip__arrow:before,
.c-tooltip__arrow:after {
  background: #1A1A1A; }

.c-tooltip--right .c-tooltip__arrow {
  right: calc(100% + 5px); }

.c-reveal__content--box {
  border-color: #D1D3D4; }

.c-reveal__content--box.is-active {
  border: 1px solid #D1D3D4; }

.c-btn {
  background-color: #0070c9;
  display: inline-block;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 0.75rem;
  cursor: pointer;
  border-radius: 30px;
  font-family: "Akkurat Pro", Arial, sans-serif;
  letter-spacing: 0.08em;
  transition: background-color 0.3s; }

.c-btn:hover {
  background-color: #074d87; }

.c-btn .o-icon {
  font-size: 0.85em; }

.c-btn--white {
  background-color: #FFFFFF; }

.c-btn--outline {
  border: 1px solid #D1D3D4; }

.c-carousel__controllerItem:hover,
.c-carousel__controllerItem:focus,
.c-carousel__controllerItem.is-active {
  font-weight: 600; }

.c-carousel__controllerItem.is-active:before {
  transform: scaleX(1);
  transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.c-cookieNotice.is-active {
  transform: none;
  transition-delay: 0s; }

.c-dropdownMenu {
  position: relative; }

.c-dropdownMenu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1em;
  cursor: pointer; }

.c-dropdownMenu__link {
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  white-space: nowrap;
  position: relative;
  z-index: 1; }

.c-dropdownMenu__link::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  content: '';
  margin-left: 12px;
  font-size: 0.625rem;
  cursor: pointer;
  transition: 0.3s transform;
  background: #0070c9; }

.ie .c-dropdownMenu__link::after {
  background-image: url("/images/chevron-down--red.svg");
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

.c-dropdownMenu__link--currentColor::after {
  background: currentColor; }

.c-dropdownMenu__menu {
  position: absolute;
  min-width: 120px;
  display: block;
  z-index: 10;
  left: 0;
  background: #FFFFFF;
  color: #000000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin-top: 0.5em;
  height: 0;
  overflow: hidden;
  transition: 0.3s transform, 0.3s opacity;
  opacity: 0;
  transform: translate3d(0, -20%, 0); }

.c-dropdownMenu__menu--alignRight {
  right: 0;
  left: auto; }

.c-dropdownMenu:hover .c-dropdownMenu__menu {
  padding: 12px 18px;
  height: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.c-dropdownMenu:hover .c-dropdownMenu__link {
  color: #0070c9; }

.c-dropdownMenu:hover .c-dropdownMenu__link::after {
  transform: rotate(-180deg); }

.c-dropdownMenu--gray .c-dropdownMenu__link {
  color: #666666; }

.c-dropdownMenu--gray .c-dropdownMenu__link::after {
  background-color: #666666; }

.c-dropdownMenu--gray:hover .c-dropdownMenu__link {
  color: #666666; }

.ie .c-dropdownMenu--gray .c-dropdownMenu__link::after {
  background-image: url("/images/chevron-down--gray60.svg");
  background-color: transparent; }

.c-floatingLabel {
  position: absolute;
  color: #A7A9AC;
  background-color: #FFFFFF;
  border-radius: 0.5em;
  z-index: 1;
  padding: 0 5px;
  top: 22px;
  left: 15px;
  transform: translateY(-50%);
  transition: 0.15s font-size, 0.15s top;
  pointer-events: none;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.08em; }

.c-floatingLabel.is-floating {
  top: 0;
  font-size: 0.5rem; }

.c-form__breadcrumbHeaderLogin {
  position: relative; }

@media (max-width: 56.24em) {
  .c-form__breadcrumbHeaderLogin:before {
    content: '';
    border-top: 1px solid #1A1A1A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 0.75rem;
    margin-top: -1em; }
}

.c-input {
  position: relative; }

.c-input--box {
  border: 1px solid #A7A9AC;
  width: 100%;
  position: relative; }

.c-input__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  color: #A7A9AC;
  font-size: 0.875rem;
  pointer-events: none;
  cursor: pointer; }

.c-input--select .c-input__field {
  visibility: hidden; }

.c-input--validationError .c-input__placeholder,
.c-input--validationError .c-input__field {
  color: #D6002A; }

.c-input--validationError .c-input__field,
.c-input--validationError.c-input--box {
  border-color: #D6002A !important; }

.c-input__field,
.c-input__placeholder {
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  border: 0; }

.c-input__field {
  flex-grow: 1;
  padding: 15px 20px;
  box-shadow: none; }

.c-input--textArea .c-input__placeholder {
  top: 20px; }

.c-input.is-active .c-input__placeholder,
.c-input.is-filled .c-input__placeholder {
  top: 0;
  font-size: 0.5rem; }

.c-input--required::after {
  content: '*';
  color: #D6002A;
  position: absolute;
  right: 0.4em;
  top: 0.2em;
  font-size: 0.75rem; }

.c-input__box,
.c-input__radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  position: relative; }

.c-input__box:before,
.c-input__radio:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #000000; }

.c-input__box:after,
.c-input__radio:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0070c9;
  opacity: 0;
  transition: opacity .2s ease-in-out; }

.c-input__box:checked:after,
.c-input__radio:checked:after {
  opacity: 1; }

.c-input__box:checked ~ .c-input__label,
.c-input__radio:checked ~ .c-input__label {
  font-weight: 600; }

.c-input__radio:before,
.c-input__radio:after {
  border-radius: 50%; }

.c-input__label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase; }

.c-listLink__icon--circle .o-icon__img {
  height: 0.75em; }

.c-mobileMenu.is-active {
  transform: translateX(0); }

.c-newsletterSignUp__toggle.is-active,
.c-newsletterSignUp__toggle:hover,
.c-newsletterSignUp__toggle:focus {
  background: #000; }

.c-newsletterSignUp__openIcon,
.c-newsletterSignUp__toggle.is-active .c-newsletterSignUp__closedIcon {
  display: none; }

.c-newsletterSignUp__closedIcon,
.c-newsletterSignUp__toggle.is-active .c-newsletterSignUp__openIcon {
  display: block; }

.c-reveal.is-active .c-newsletterSignUp__formContainer:before {
  transform: translate3d(-50%, -50%, 0) rotateZ(45deg); }

.c-select {
  display: inline-block;
  color: #A7A9AC;
  border: 1px solid #A7A9AC;
  background-color: transparent;
  transition: color .4s ease-in-out, background-color .4s ease-in-out;
  cursor: pointer;
  text-align: left;
  position: relative;
  width: 100%; }

.c-select.is-open {
    background-color: #FFFFFF; }

.c-select__menu {
  overflow: hidden;
  transition: max-height .4s ease-in-out; }

.c-select__dropdown {
  max-height: 15em;
  white-space: normal;
  overflow-x: hidden;
  display: none; }

.c-select__button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #A7A9AC;
  background: #FFFFFF;
  padding: 15px 40px 15px 20px;
  width: 100%;
  text-align: left; }

.c-select__button,
.c-select__item {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.08em;
  font-family: "Akkurat Pro", Arial, sans-serif; }

.c-select__item {
  font-size: 0.75rem; }

.c-select__button:focus,
.c-select__button:active {
  outline: none; }

.c-select__button:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask: url("/images/icons/chevron-down.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  content: '';
  position: absolute;
  right: 1.5em;
  font-weight: bold;
  font-size: 1em;
  background: #A7A9AC;
  cursor: pointer; }

.ie .c-select__button:after {
  background-image: url("/images/icons/chevron-down.svg");
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

.c-select__list {
  margin: 0;
  list-style-type: none; }

.c-select__groupLabel {
  font-weight: 700; }

.c-select__search,
.c-select__item,
.c-select__groupLabel {
  padding: 4px 20px;
  white-space: normal; }

.c-select__select {
  display: none; }

.c-select__searchInput {
  padding: 9px 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #D1D3D4;
  font-family: "Akkurat Pro", Arial, sans-serif;
  line-height: 1.25;
  color: #A7A9AC;
  border-radius: 4px;
  background: none; }

.c-select__searchInput:focus {
    outline: 0;
    border-bottom-color: #A7A9AC; }

.c-select__item:hover,
.c-select__item:focus {
  background: #E8EAE8;
  outline: none; }

.c-select__item.is-active {
  background: #0070c9;
  color: #FFFFFF; }

.c-select__item--group {
  padding-left: 48px; }

.c-select__dropdown.is-visible {
  display: block; }

.c-select__dropdown.is-open {
  opacity: 1;
  transform: none;
  transition: transform 0.3s ease,
 opacity 0.3s ease; }

.c-select__dropdown {
  z-index: 2;
  margin-top: -1px;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 0;
  position: absolute;
  border: 1px solid #A7A9AC;
  border-top: 0;
  left: -1px;
  right: -1px; }

.c-select[disabled] {
  border-color: #D1D3D4; }

.c-select__button[disabled] {
  color: #D1D3D4; }

.c-select__button[disabled]:after {
    background: #D1D3D4; }

.c-select__dropdown::-webkit-scrollbar {
  width: 10px; }

.c-select__dropdown::-webkit-scrollbar-track {
  background: #E8EAE8; }

.c-select__dropdown::-webkit-scrollbar-thumb {
  background: #A7A9AC; }

.c-select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #A7A9AC; }

.c-searchBar__input.is-active {
    opacity: 1;
    max-width: 640px; }

.c-searchBar__trigger.is-active {
    transform: translateX(-16px); }

.c-stepper__label {
  position: absolute;
  top: -1px;
  left: -26px;
  width: 35px;
  height: 35px;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #A7A9AC; }

@media (min-width: 56.25em) {
  .c-stepper__label {
      left: -54px;
      width: 43px;
      height: 43px;
      font-size: 1.25rem; }
}

@media (min-width: 75em) {
  .c-stepper__label {
      left: -12px;
      width: 55px;
      height: 55px;
      font-size: 1.5rem; }
}

.c-stepper__title {
  cursor: pointer; }

.c-stepper__step.is-active .c-stepper__label {
  background-color: #0070c9; }

.c-stepper__step.is-active .c-stepper__title {
  cursor: unset; }

.c-stepper__iconContainer {
  width: auto;
  position: absolute;
  top: 12px;
  right: 24px; }

.c-stepper__step.is-active .c-stepper__iconContainer {
  display: none; }

:root {
  --swiper-theme-color: #007aff; }

:root {
  --swiper-navigation-size: 44px;
   }

:root {
   }

:root {
   }

.c-toc .o-icon {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.c-toc__section .c-toc__link.is-active .o-icon {
  transform: rotateZ(180deg); }

.c-toc__section--level1 > .c-toc__link.is-active span,
.c-toc__section.is-active .c-toc__link {
  color: #0070c9; }

.c-tabbed__tab.is-active {
  display: block !important;
  visibility: visible;
  height: auto;
  overflow: visible; }

.c-timeline__date.is-active {
    color: #E8EAE8; }

.c-timeline__date.is-active .c-timeline__dot {
      background-color: #E8EAE8; }

.c-fileUpload--dragAndDrop .c-fileUpload__icon {
  margin-bottom: 1.5rem; }

.c-fileUpload--dragAndDrop .c-fileUpload__itemDetail {
  flex-basis: 100px;
  flex-shrink: 0;
  color: #A7A9AC; }

.c-fileUpload--single .c-fileUpload__fileNamePlaceholder,
.c-fileUpload--single .c-fileUpload__uploadButton {
  height: 100%;
  font-size: 0.75rem;
  text-transform: uppercase; }

.c-fileUpload--single .c-fileUpload__fileNamePlaceholder {
  flex-grow: 1;
  border: 1px solid #D1D3D4;
  border-right: 0;
  padding: 16px;
  color: #A7A9AC; }

.c-fileUpload--single .c-fileUpload__uploadButton {
  border: 0;
  background-color: #0070c9;
  background-image: url("/images/button-arrow-up.svg");
  background-repeat: no-repeat;
  background-position: 80px 50%;
  color: #fff;
  padding: 16px 40px 16px 20px; }

.c-fileUpload--single .c-fileUpload__fileName {
  overflow: hidden;
  display: block;
  width: 100%;
  margin-right: 10px;
  padding-top: 2px;
  white-space: nowrap; }

.c-fileUpload--single.highlight .c-fileUpload__fileNamePlaceholder {
  border-style: dashed; }

.c-fileUpload__remove {
  display: block;
  width: 21px;
  height: 21px;
  padding: 4px;
  border: 1px solid #A7A9AC;
  background-image: url("/images/upload-remove.svg");
  background-repeat: no-repeat;
  background-position: center center; }

._hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important; }

._dn {
  display: none !important; }

._di {
  display: inline !important; }

._db {
  display: block !important; }

._dib {
  display: inline-block !important; }

._df {
  display: flex !important; }

._aic {
  align-items: center !important; }

._aibl {
  align-items: baseline !important; }

._jcc {
  justify-content: center !important; }

._jcfe {
  justify-content: flex-end !important; }

._jcsb {
  justify-content: space-between !important; }

._fxww {
  flex-wrap: wrap !important; }

._ovya {
  overflow-y: auto !important; }

._por {
  position: relative !important; }

._tnxs {
  top: -16px !important; }

._p {
  padding: 32px !important; }

._psm {
  padding: 24px !important; }

._plg {
  padding: 48px !important; }

._pxl {
  padding: 64px !important; }

._pt0 {
  padding-top: 0px !important; }

._pt {
  padding-top: 32px !important; }

._ptxxs {
  padding-top: 8px !important; }

._pblg {
  padding-bottom: 48px !important; }

._phxxs {
  padding-left: 8px !important;
  padding-right: 8px !important; }

._phxs {
  padding-left: 16px !important;
  padding-right: 16px !important; }

._phsm {
  padding-left: 24px !important;
  padding-right: 24px !important; }

._phlg {
  padding-left: 48px !important;
  padding-right: 48px !important; }

._pv {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

._pvxs {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

._pvsm {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

._pvlg {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

._mxs {
  margin: 16px !important; }

._mt {
  margin-top: 32px !important; }

._mtxxs {
  margin-top: 8px !important; }

._mtxs {
  margin-top: 16px !important; }

._mtlg {
  margin-top: 48px !important; }

._mr {
  margin-right: 32px !important; }

._mrxxs {
  margin-right: 8px !important; }

._mb {
  margin-bottom: 32px !important; }

._mbxxs {
  margin-bottom: 8px !important; }

._mbxs {
  margin-bottom: 16px !important; }

._mbsm {
  margin-bottom: 24px !important; }

._mlxxs {
  margin-left: 8px !important; }

._mlxs {
  margin-left: 16px !important; }

._mvxl {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

._fz24 {
  font-size: 1.5rem !important; }

._fz20 {
  font-size: 1.25rem !important; }

._fz18 {
  font-size: 1.125rem !important; }

._fz16 {
  font-size: 1rem !important; }

._fz14 {
  font-size: 0.875rem !important; }

._fz12 {
  font-size: 0.75rem !important; }

._fz10 {
  font-size: 0.625rem !important; }

._tal {
  text-align: left !important; }

._tar {
  text-align: right !important; }

._tac {
  text-align: center !important; }

._fw4 {
  font-weight: 400 !important; }

._fw5 {
  font-weight: 500 !important; }

._fw6 {
  font-weight: 600 !important; }

._ttu {
  text-transform: uppercase !important; }

._tdu {
  text-decoration: underline !important; }

._lh-solid {
  line-height: 1 !important; }

._lh-copy {
  line-height: 1.5 !important; }

._1\/2 {
  width: 50% !important; }

._1\/3 {
  width: 33.3333333333% !important; }

._1\/1 {
  width: 100% !important; }

._bgwhite {
  background-color: #FFFFFF !important; }

._hover\:bgred:hover {
  background-color: #0070c9 !important; }

._bggray80 {
  background-color: #262626 !important; }

._bglightGray {
  background-color: #E8EAE8 !important; }

._bd1red {
  border: 1px #0070c9 solid !important; }

._bd1gray20 {
  border: 1px #D1D3D4 solid !important; }

._pointer {
  cursor: pointer !important; }

._white {
  color: #FFFFFF !important; }

._hover\:white:hover {
  color: #FFFFFF !important; }

._red {
  color: #0070c9 !important; }

._gray60 {
  color: #666666 !important; }

._gray40 {
  color: #A7A9AC !important; }

._lightGray {
  color: #E8EAE8 !important; }

._hover\:tdu:hover {
  text-decoration: underline !important; }

._lsmd {
  letter-spacing: .03em !important; }

._lsxl {
  letter-spacing: .08em !important; }

body:before {
  display: none; }

@media (min-width: 37.5em) {
  .o-wrapper {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 1468px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@tabletV > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@tabletV > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@tabletV > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@tabletV > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@tabletV > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@tabletV > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@tabletV > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@tabletV > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@tabletV > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@tabletV > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@tabletV > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@tabletV > .o-layout__item {
      text-align: left; }
  .o-layout--right\@tabletV > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@tabletV > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@tabletV {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._df\@tabletV {
    display: flex !important; }
  ._pxl\@tabletV {
    padding: 64px !important; }
  ._pv\@tabletV {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  ._mb0\@tabletV {
    margin-bottom: 0px !important; }
  ._fz28\@tabletV {
    font-size: 1.75rem !important; }
  ._1\/2\@tabletV {
    width: 50% !important; }
  ._auto\@tabletV {
    width: auto !important; }
  body:before {
    content: "tabletV";
    visibility: hidden; }
}

@media (min-width: 56.25em) {
  .o-wrapper {
    padding-right: 32px;
    padding-left: 32px;
    max-width: 1468px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@tabletH > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@tabletH > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@tabletH > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@tabletH > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@tabletH > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@tabletH > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@tabletH > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@tabletH > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@tabletH > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@tabletH > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@tabletH > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@tabletH > .o-layout__item {
      text-align: left; }
  .o-layout--right\@tabletH > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@tabletH > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@tabletH {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._di\@tabletH {
    display: inline !important; }
  ._poa\@tabletH {
    position: absolute !important; }
  ._txs\@tabletH {
    top: 16px !important; }
  ._lnxxs\@tabletH {
    left: -8px !important; }
  ._plg\@tabletH {
    padding: 48px !important; }
  ._pt0\@tabletH {
    padding-top: 0px !important; }
  ._phlg\@tabletH {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  ._pv\@tabletH {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  ._pvxxs\@tabletH {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  ._mt0\@tabletH {
    margin-top: 0px !important; }
  ._fz32\@tabletH {
    font-size: 2rem !important; }
  ._fz20\@tabletH {
    font-size: 1.25rem !important; }
  ._fz16\@tabletH {
    font-size: 1rem !important; }
  ._tar\@tabletH {
    text-align: right !important; }
  ._1\/2\@tabletH {
    width: 50% !important; }
  ._1\/3\@tabletH {
    width: 33.3333333333% !important; }
  ._2\/3\@tabletH {
    width: 66.6666666667% !important; }
  ._push2\/12\@tabletH {
    position: relative !important;
    margin-left: 16.6666666667% !important; }
  ._3\/12\@tabletH {
    width: 25% !important; }
  ._5\/12\@tabletH {
    width: 41.6666666667% !important; }
  ._9\/12\@tabletH {
    width: 75% !important; }
  body:before {
    content: "tabletH";
    visibility: hidden; }
}

@media (min-width: 75em) {
  .o-wrapper {
    padding-right: 64px;
    padding-left: 64px;
    max-width: 1532px; }
  .o-wrapper.o-wrapper--flush {
    max-width: none; }
  .o-layout--flush\@laptop > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@laptop > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@laptop > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@laptop > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@laptop > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@laptop > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@laptop > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@laptop > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@laptop > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@laptop > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@laptop > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@laptop > .o-layout__item {
      text-align: left; }
  .o-layout--right\@laptop > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@laptop > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@laptop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  ._prlg\@laptop {
    padding-right: 48px !important; }
  ._ph0\@laptop {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  ._pvlg\@laptop {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  ._mt0\@laptop {
    margin-top: 0px !important; }
  ._fz24\@laptop {
    font-size: 1.5rem !important; }
  ._1\/2\@laptop {
    width: 50% !important; }
  ._1\/3\@laptop {
    width: 33.3333333333% !important; }
  ._push1\/12\@laptop {
    position: relative !important;
    margin-left: 8.3333333333% !important; }
  ._3\/12\@laptop {
    width: 25% !important; }
  ._7\/12\@laptop {
    width: 58.3333333333% !important; }
  body:before {
    content: "laptop";
    visibility: hidden; }
}

@media (min-width: 100em) {
  .o-layout--flush\@desktop > .o-layout__item {
      padding-right: 0;
      padding-left: 0; }
  .o-layout--auto\@desktop > .o-layout__item {
    width: auto; }
  .o-layout--xxs\@desktop > .o-layout__item {
      padding-right: 4px;
      padding-left: 4px; }
  .o-layout--xs\@desktop > .o-layout__item {
      padding-right: 8px;
      padding-left: 8px; }
  .o-layout--sm\@desktop > .o-layout__item {
      padding-right: 12px;
      padding-left: 12px; }
  .o-layout--lg\@desktop > .o-layout__item {
      padding-right: 24px;
      padding-left: 24px; }
  .o-layout--xl\@desktop > .o-layout__item {
      padding-right: 32px;
      padding-left: 32px; }
  .o-layout--xxl\@desktop > .o-layout__item {
      padding-right: 64px;
      padding-left: 64px; }
  .o-layout--top\@desktop > .o-layout__item {
    vertical-align: top; }
  .o-layout--middle\@desktop > .o-layout__item {
    vertical-align: middle; }
  .o-layout--bottom\@desktop > .o-layout__item {
    vertical-align: bottom; }
  .o-layout--center\@desktop > .o-layout__item {
      text-align: left; }
  .o-layout--right\@desktop > .o-layout__item {
      text-align: left; }
  .o-layout--reverse\@desktop > .o-layout__item {
      direction: ltr;
      text-align: left; }
  ._hidden\@desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important; }
  body:before {
    content: "desktop";
    visibility: hidden; }
}

@media print {
  html,
  body,
  h1, h2, h3, h4, h5, h6,
  ul,
  ol,
  li,
  p,
  span,
  a,
  div,
  pre,
  blockquote,
  table,
  tbody,
  thead,
  tr,
  th,
  td,
  form,
  button,
  html:before,
  body:before,
  h1:before, h2:before, h3:before, h4:before, h5:before, h6:before,
  ul:before,
  ol:before,
  li:before,
  p:before,
  span:before,
  a:before,
  div:before,
  pre:before,
  blockquote:before,
  table:before,
  tbody:before,
  thead:before,
  tr:before,
  th:before,
  td:before,
  form:before,
  button:before,
  html:after,
  body:after,
  h1:after, h2:after, h3:after, h4:after, h5:after, h6:after,
  ul:after,
  ol:after,
  li:after,
  p:after,
  span:after,
  a:after,
  div:after,
  pre:after,
  blockquote:after,
  table:after,
  tbody:after,
  thead:after,
  tr:after,
  th:after,
  td:after,
  form:after,
  button:after {
    background: transparent !important;
    color: #000 !important;
    
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
}

/* ===== Design-system rules used by these pages (cusip-redesign.css) ===== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy-950:#03081a; --navy-900:#060d2e; --navy-800:#0a1545;
  --navy-700:#0e1f60; --navy-600:#122b7a; --navy-200:#98b2e8;
  --blue-600:#0040cc; --blue-500:#1a5cff; --blue-400:#4d80ff;
  --blue-200:#99b8ff; --blue-50:#eef3ff;
  --teal-600:#007a8a; --teal-500:#009ab0; --teal-400:#26b8cc; --teal-100:#cff2f6;
  --neutral-950:#080c18; --neutral-700:#28304a; --neutral-600:#3d4666;
  --neutral-500:#556080; --neutral-400:#7a849f; --neutral-300:#a3abbe;
  --neutral-200:#cdd2df; --neutral-150:#d8dce8; --neutral-100:#e4e7f0;
  --neutral-50:#f4f5f9; --neutral-0:#ffffff;
}

body {
  font-family: 'Work Sans', sans-serif;
  background: var(--neutral-50);
  color: var(--neutral-950);
  -webkit-font-smoothing: antialiased;
}

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-50);
      color: var(--neutral-950);
      min-height: 100vh;
    }

.utility-bar {
      background: #f0f5ff;
      height: 35px;
    }

.utility-links {
      max-width: 1300px;
      margin: 0 auto;
      height: 35px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

.utility-link {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      color: #48617b;
      text-decoration: none;
      padding: 0 10px;
      height: 35px;
      display: flex;
      align-items: center;
      transition: color 0.15s;
    }

.utility-link:hover { color: var(--blue-500); }

.utility-divider {
      width: 1px;
      height: 14px;
      background: var(--neutral-200);
      margin: 0 16px;
      flex-shrink: 0;
    }

.utility-subscribe {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      color: #48617b;
      text-decoration: none;
      height: 35px;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: color 0.15s;
    }

.utility-subscribe:hover { color: var(--blue-500); }

.utility-subscribe svg { flex-shrink: 0; }

.site-header {
      background: var(--neutral-0);
      position: sticky;
      top: 0;
      z-index: 150;
      border-bottom: 1px solid var(--neutral-50);
    }

.header-inner {
      max-width: 1300px;
      margin: 0 auto;
      padding: 0;
      height: 72px;
      display: flex;
      align-items: center;
    }

.logo-wrap {
      display: flex;
      align-items: center;
      text-decoration: none;
      margin-right: 40px;
      flex-shrink: 0;
    }

.logo-img {
      height: 44px;
      width: auto;
      display: block;
    }

.primary-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      height: 100%;
      gap: 0;
    }

.nav-item {
      position: relative;
      height: 72px;
      display: flex;
      align-items: center;
    }

.nav-link {
      font-size: 15px;
      font-weight: 600;
      color: var(--neutral-700);
      text-decoration: none;
      padding: 0 16px;
      height: 72px;
      display: flex;
      align-items: center;
      gap: 5px;
      transition: color 0.2s, background 0.2s;
      white-space: nowrap;
      border-bottom: 2px solid transparent;
    }

.nav-link:hover,
    .nav-item:hover > .nav-link {
      color: var(--blue-500);
      border-bottom-color: transparent;
    }

.dropdown {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      min-width: 230px;
      background: var(--neutral-0);
      border-radius: 6px;
      border: 1px solid var(--neutral-150);
      box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06);
      padding: 8px 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-4px);
      transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s;
      pointer-events: none;
    }

.nav-item.open .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: all;
    }

.dropdown-link {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 18px;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-600);
      text-decoration: none;
      transition: background 0.15s, color 0.15s;
    }

.dropdown-link:hover {
      background: var(--neutral-50);
      color: var(--blue-500);
    }

.dropdown-link .dd-badge {
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.08em;
      background: var(--neutral-100);
      color: var(--neutral-400);
      padding: 2px 6px;
      border-radius: 3px;
      margin-left: auto;
    }

.dd-type.cins { background: var(--teal-600); }

.dd-type.isin { background: #1a3d99; }

.dd-type.lei { background: #5c7fd4; }

.dd-type.cei { background: var(--neutral-600); }

.header-cta {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-left: 24px;
      flex-shrink: 0;
    }

.header-cta .btn { border-radius: 9999px; }

.header-search-btn {
      width: 36px; height: 36px;
      display: flex; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer;
      border-radius: 50%;
      color: var(--neutral-600);
      transition: background 0.15s, color 0.15s;
      flex-shrink: 0;
    }

.header-search-btn:hover {
      background: var(--neutral-100);
      color: var(--blue-500);
    }

.mob-search-btn {
      display: none;
      width: 44px; height: 44px;
      align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer;
      border-radius: 50%;
      color: var(--neutral-700);
      transition: background 0.15s, color 0.15s;
      flex-shrink: 0; padding: 0;
      margin-left: auto;
    }

.mob-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.header-search {
      display: none;
      align-items: center;
      gap: 14px;
      flex: 1;
      min-width: 0;
      height: 100%;
    }

.header-search__icon { color: var(--neutral-400); flex-shrink: 0; }

.header-search__input {
      flex: 1;
      min-width: 0;
      border: none; outline: none; background: none;
      font-family: 'Work Sans', sans-serif;
      font-size: 20px; font-weight: 400; letter-spacing: -0.01em;
      color: var(--neutral-950);
    }

.header-search__input::placeholder { color: var(--neutral-300); font-weight: 400; }

.site-header.searching .logo-wrap { display: none; }

.site-header.searching .primary-nav { display: none; }

.site-header.searching .header-cta .btn { display: none; }

.site-header.searching .header-search { display: flex; }

.hsb-ico--close { display: none; }

.site-header.searching .hsb-ico--search { display: none; }

.site-header.searching .hsb-ico--close { display: block; }

.dropdown-link.locked { opacity: 0.4; cursor: not-allowed; }

.dropdown-link.locked:hover { background: transparent; color: var(--neutral-600); }

.m-trigger {
      display: none;
      width: 44px; height: 44px;
      background: none; border: none;
      cursor: pointer;
      flex-direction: column;
      align-items: center; justify-content: center;
      gap: 6px;
      flex-shrink: 0; padding: 0;
    }

.m-line {
      width: 22px; height: 2px;
      background: var(--neutral-700);
      border-radius: 999px;
      transform-origin: center;
      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1),
                  opacity  0.2s  cubic-bezier(0.4,0,0.2,1),
                  background 0.22s ease,
                  width 0.2s ease;
    }

body.nav-open .m-trigger .m-line:nth-child(1) { transform: translateY(8px) rotate(45deg); background: #0070C9; }

body.nav-open .m-trigger .m-line:nth-child(2) { opacity: 0; width: 0; }

body.nav-open .m-trigger .m-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background: #0070C9; }

.mob-backdrop {
      display: none;
      position: fixed; left: 0; right: 0; bottom: 0;
      background: rgba(3,8,26,0.45);
      backdrop-filter: blur(1px);
      opacity: 0; pointer-events: none;
      transition: opacity 0.3s ease;
      z-index: 140;
    }

.mob-backdrop.open { opacity: 1; pointer-events: all; }

.mob-drawer {
      display: none;
      position: fixed; left: 0; bottom: 0;
      width: 75%; max-width: 320px;
      background: var(--navy-900);
      transform: translateX(-100%);
      transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
      z-index: 145;
      flex-direction: column;
      overflow-y: auto;
    }

.mob-drawer::after {
      content: '';
      position: absolute; top: 0; right: 0;
      width: 1px; height: 100%;
      background: rgba(255,255,255,0.06);
    }

.mob-drawer.open { transform: translateX(0); }

.mob-drw-nav { padding: 6px 0; }

.mob-drw-item { border-bottom: 1px solid rgba(255,255,255,0.06); }

.mob-drw-btn {
      display: flex; align-items: center; justify-content: space-between;
      width: 100%; padding: 13px 16px;
      background: none; border: none;
      font-family: 'Work Sans', sans-serif;
      font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.85);
      cursor: pointer; text-align: left;
      transition: background 0.15s, color 0.15s;
      border-left: 2px solid transparent;
    }

.mob-drw-btn:hover { background: rgba(255,255,255,0.04); color: white; }

.mob-drw-item.open .mob-drw-btn {
      color: white; border-left-color: var(--teal-400);
      background: rgba(255,255,255,0.04);
    }

.mob-drw-chev { transition: transform 0.22s ease; flex-shrink: 0; opacity: 0.45; }

.mob-drw-item.open .mob-drw-chev { transform: rotate(180deg); opacity: 0.8; }

.mob-drw-sub { display: none; background: rgba(0,0,0,0.15); border-top: 1px solid rgba(255,255,255,0.04); }

.mob-drw-item.open .mob-drw-sub { display: block; }

.mob-drw-sub-link {
      display: flex; align-items: center; gap: 8px;
      padding: 9px 16px 9px 30px;
      font-size: 11px; font-weight: 500; color: white;
      text-decoration: none;
      transition: color 0.15s, background 0.15s;
    }

.mob-drw-sub-link:hover { color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.03); }

.mob-d-pill.cusip { background: var(--navy-600); color: white; }

.mob-d-pill.cins { background: var(--teal-500); color: white; }

.mob-d-pill.isin { background: #1a3d99; color: white; }

.mob-d-pill.lei { background: #5c7fd4; color: white; }

.mob-d-pill.cei { background: var(--neutral-600); color: white; }

.mob-drw-footer { padding: 14px 16px 20px; border-top: 1px solid rgba(255,255,255,0.07); }

.mob-drw-cta {
      display: flex; align-items: center; justify-content: center;
      width: 100%; height: 34px;
      background: #0070C9; color: white;
      border: 1px solid #0070C9; border-radius: 30px;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 500;
      cursor: pointer; margin-bottom: 12px;
      text-decoration: none;
      box-shadow: 0 1px 2px rgba(26,92,255,0.18);
      transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    }

.mob-drw-cta:hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.mob-drw-util { display: flex; }

.mob-drw-util-link {
      font-size: 10px; font-weight: 500; color: white;
      text-decoration: none; padding-right: 12px; margin-right: 12px;
      border-right: 1px solid rgba(255,255,255,0.1);
      transition: color 0.15s;
    }

.mob-drw-util-link:last-child { border-right: none; }

.mob-drw-util-link:hover { color: rgba(255,255,255,0.65); }

@media (max-width: 1100px) {
  .header-inner { padding: 0 24px; }
  .utility-links { padding: 0 24px; }
  .nav-link { padding: 0 12px; }
}

@media (max-width: 768px) {
  .utility-bar { display: none; }
  .primary-nav { display: none; }
  .header-cta { display: none; }
  .m-trigger { display: flex; }
  .mob-search-btn { display: flex; }
  .site-header.searching .m-trigger { display: none; }
  .site-header.searching .header-search { display: flex; order: 1; }
  .site-header.searching .mob-search-btn { order: 2; margin-left: 8px; }
  .site-header.searching .header-search__input { font-size: 16px; }
  .mob-backdrop { display: block; top: 60px; }
  .mob-drawer { display: flex; top: 60px; }
  .header-inner { position: relative; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-right: 0; pointer-events: auto; z-index: 10; }
  .logo-img { height: 38px; }
}

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-50);
      -webkit-font-smoothing: antialiased;
    }

.panel.light { border: 1px solid var(--neutral-200); }

.panel-cap.light { background: var(--neutral-50); color: var(--neutral-300); border-bottom: 1px solid var(--neutral-100); }

.panel-inner.light { background: var(--neutral-0); }

.panel-inner.light .grp-label { color: var(--neutral-200); }

.panel-inner.light .s-tag { color: var(--neutral-300); }

.btn {
      font-family: 'Work Sans', sans-serif;
      display: inline-flex; align-items: center; justify-content: center;
      gap: 5px;
      border: 1px solid transparent;
      border-radius: 30px;
      cursor: pointer;
      text-decoration: none;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
      transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    }

.btn-md { font-size: 13px; font-weight: 500; letter-spacing: 0.005em; padding: 0 20px; height: 34px; }

.btn-lg { font-size: 14px; font-weight: 500; letter-spacing: 0.005em; padding: 0 26px; height: 42px; }

.btn-p {
      background: #0070C9;
      color: #fff;
      border-color: #0070C9;
      box-shadow: 0 1px 2px rgba(26,92,255,0.18);
    }

.btn-p:not(:disabled):hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.btn-p:active { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.btn-p:focus-visible { outline: none; background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.btn-p:disabled { background: var(--neutral-100); border-color: var(--neutral-100); color: var(--neutral-400); box-shadow: none; cursor: not-allowed; transform: none; }

.st-hover.btn-p { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.st-active.btn-p { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.st-focus.btn-p { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

table { width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; border: 1px solid var(--neutral-200); font-size: 13px; }

th { text-align: left; padding: 10px 18px; background: var(--neutral-50); color: var(--neutral-400); font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border-bottom: 1px solid var(--neutral-200); }

td { padding: 11px 18px; border-bottom: 1px solid var(--neutral-100); vertical-align: middle; color: var(--neutral-950); }

tr:last-child td { border-bottom: none; }

tr:hover td { background: var(--neutral-50); }

code { font-family: 'Courier New', monospace; font-size: 11px; color: var(--blue-500); background: #f0f5ff; padding: 2px 6px; border-radius: 3px; }

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-50);
      color: var(--neutral-950);
      -webkit-font-smoothing: antialiased;
    }

.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.card-stat {
      background: var(--neutral-0);
      border: 1px solid var(--neutral-200);
      border-radius: 10px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

.stat-value {
      font-size: 52px; font-weight: 800;
      color: var(--neutral-950);
      letter-spacing: -0.03em;
      line-height: 1;
    }

.stat-value span { font-size: 26px; font-weight: 800; color: var(--blue-500); margin-left: 3px; }

.stat-sub {
      font-size: 13px;
      color: var(--neutral-500);
      line-height: 1.5;
      margin-top: 6px;
    }

.card-stat-dk {
      background: var(--navy-900);
      border: 1px solid rgba(255,255,255,0.18);
    }

.card-stat-dk .stat-label { color: rgba(255,255,255,0.35); }

.card-stat-dk .stat-value { color: var(--neutral-0); }

.card-stat-dk .stat-value span { color: var(--teal-400); }

.card-stat-dk .stat-sub { color: rgba(255,255,255,0.45); }

.card-stat-hl .stat-value { color: white; }

.card-stat-hl .stat-value span { color: rgba(255,255,255,0.8); }

.card-stat-hl .stat-sub { color: white; }

.btn { font-family: 'Work Sans', sans-serif; display: inline-flex; align-items: center; gap: 5px; border: 1px solid transparent; border-radius: 30px; cursor: pointer; text-decoration: none; white-space: nowrap; -webkit-font-smoothing: antialiased; transition: background 0.15s, border-color 0.15s, color 0.15s; }

.btn-md { font-size: 13px; font-weight: 500; padding: 0 20px; height: 34px; }

.btn-p { background: #0070C9; color: #fff; border-color: #0070C9; }

.btn-p:not(:disabled):hover { background: var(--blue-600); border-color: var(--blue-600); }

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-50);
      color: var(--neutral-950);
      -webkit-font-smoothing: antialiased;
    }

.tab-panel.active { display: block; }

.tabs-underline,
    .tabs-pill,
    .tabs-box,
    .tab-content { max-width: 1300px; }

.tabs-underline .tab {
      font-size: 15px;
      font-weight: 500;
      color: var(--neutral-400);
      padding: 0 0 14px 0;
      margin-right: 32px;
      border: none;
      background: none;
      cursor: pointer;
      position: relative;
      letter-spacing: -0.01em;
      transition: color 0.15s;
      white-space: nowrap;
      font-family: 'Work Sans', sans-serif;
      -webkit-font-smoothing: antialiased;
    }

.tabs-underline .tab::after {
      content: '';
      position: absolute;
      bottom: -1px; left: 0; right: 0;
      height: 2px;
      background: #0070C9;
      border-radius: 2px 2px 0 0;
      opacity: 0;
      transition: opacity 0.15s;
    }

.tabs-underline .tab:hover { color: var(--neutral-700); }

.tabs-underline .tab.active {
      color: var(--neutral-950);
      font-weight: 600;
    }

.tabs-underline .tab.active::after { opacity: 1; }

.tabs-underline.tabs-sm .tab {
      font-size: 13px;
      font-weight: 500;
      padding-bottom: 10px;
      margin-right: 24px;
    }

.tabs-underline.tabs-lg .tab {
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 18px;
      margin-right: 48px;
    }

.tabs-underline.tabs-dk .tab { color: rgba(255,255,255,0.35); }

.tabs-underline.tabs-dk .tab:hover { color: rgba(255,255,255,0.7); }

.tabs-underline.tabs-dk .tab.active { color: var(--neutral-0); }

.tabs-underline.tabs-dk .tab::after { background: var(--blue-400); }

.tabs-pill {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }

.tabs-pill .tab {
      font-family: 'Work Sans', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-500);
      padding: 6px 16px;
      border: 1px solid transparent;
      border-radius: 30px;
      background: transparent;
      cursor: pointer;
      transition: color 0.15s, background 0.15s, border-color 0.15s;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
    }

.tabs-pill .tab:hover {
      color: var(--neutral-700);
      background: var(--neutral-100);
    }

.tabs-pill .tab.active {
      color: var(--blue-600);
      background: #eef3ff;
      border-color: #c5d5ff;
      font-weight: 600;
    }

.tabs-pill.tabs-pill-outline .tab {
      border-color: var(--neutral-200);
      color: var(--neutral-500);
      background: var(--neutral-0);
    }

.tabs-pill.tabs-pill-outline .tab:hover {
      border-color: var(--neutral-300);
      color: var(--neutral-700);
      background: var(--neutral-50);
    }

.tabs-pill.tabs-pill-outline .tab.active {
      background: #0070C9;
      border-color: #0070C9;
      color: white;
      font-weight: 600;
    }

.tabs-pill.tabs-pill-dk .tab {
      color: rgba(255,255,255,0.4);
    }

.tabs-pill.tabs-pill-dk .tab:hover {
      color: rgba(255,255,255,0.75);
      background: rgba(255,255,255,0.07);
    }

.tabs-pill.tabs-pill-dk .tab.active {
      color: white;
      background: rgba(26,92,255,0.25);
      border-color: rgba(26,92,255,0.4);
    }

.tabs-box .tab {
      font-family: 'Work Sans', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-500);
      padding: 7px 18px;
      border: none;
      border-radius: 7px;
      background: transparent;
      cursor: pointer;
      transition: color 0.15s, background 0.15s, box-shadow 0.15s;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
    }

.tabs-box .tab:hover { color: var(--neutral-700); }

.tabs-box .tab.active {
      background: var(--neutral-0);
      color: var(--neutral-950);
      font-weight: 600;
      box-shadow: 0 1px 4px rgba(8,12,24,0.10);
    }

.tabs-box.tabs-box-dk .tab { color: rgba(255,255,255,0.4); }

.tabs-box.tabs-box-dk .tab:hover { color: rgba(255,255,255,0.75); }

.tabs-box.tabs-box-dk .tab.active {
      background: rgba(255,255,255,0.10);
      color: white;
      box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    }

code {
      font-family: 'SF Mono', 'Fira Code', monospace;
      font-size: 11px;
      background: var(--neutral-100);
      color: var(--blue-600);
      padding: 2px 6px;
      border-radius: 4px;
    }

.banner-eyebrow {
  display: inline-block;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.18em; text-transform: uppercase;
  margin-bottom: 18px;
}

.banner-eyebrow.light { color: var(--teal-400); }

.banner-eyebrow.dark { color: var(--neutral-500); }

.banner-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }

.banner-cta-row.center { justify-content: center; }

.banner-hero-dark {
  width: 100%; background: var(--navy-900);
  padding: 100px 60px; text-align: center;
  position: relative; overflow: hidden;
}

.banner-hero-dark::before {
  content: ''; position: absolute; inset: 0;
  background: none;
  pointer-events: none;
}

.banner-hero-dark.has-bg-image::after {
  content: ''; position: absolute; inset: 0;
  background: rgba(6,13,46,0.75); z-index: 0;
}

.banner-hero-dark .inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }

.banner-hero-dark h1 {
  font-size: 52px; font-weight: 800; color: white;
  line-height: 1.06; letter-spacing: -0.025em; margin-bottom: 20px;
}

.banner-hero-dark p {
  font-size: 18px; font-weight: 300; color: var(--navy-200);
  line-height: 1.75; max-width: 540px; margin: 0 auto 36px;
}

.banner-hero-light .inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }

@media (max-width: 960px) {
  .banner-hero-dark, .banner-hero-light { padding: 64px 24px; }
  .banner-hero-dark h1, .banner-hero-light h1 { font-size: 36px; }
}

.site-footer {
  background: var(--navy-950);
}

.footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.25); margin: 40px 0 20px; }

.footer-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}

.footer-main-bg {
  background: var(--navy-950);
}

.footer-col-heading {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--teal-400);
  margin-bottom: 16px;
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  align-items: start;
  padding: 48px 0 0;
}

.footer-company-name {
  font-size: 13px;
  font-weight: 600;
  color: white;
  line-height: 1.15;
  letter-spacing: 0;
}

.footer-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-address {
  font-size: 13px; color: var(--neutral-400); line-height: 1.65; margin-bottom: 4px;
}

.footer-phone {
  font-size: 13px; color: var(--neutral-400);
  text-decoration: none; display: flex; align-items: center; gap: 7px;
  transition: color 0.2s;
}

.footer-phone:hover { color: white; }

.footer-phone svg { opacity: 0.45; flex-shrink: 0; }

.footer-contact-link {
  font-size: 13px; font-weight: 400; color: var(--neutral-400);
  text-decoration: none; transition: color 0.2s; width: fit-content;
}

.footer-contact-link:hover { color: white; }

.footer-newsletter { align-self: start; }

.footer-newsletter-label {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--teal-400); margin-bottom: 8px;
}

.footer-newsletter-title {
  font-size: 13px; color: var(--neutral-400);
  line-height: 1.3; margin-bottom: 16px;
}

.footer-legal {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: 32px; flex-wrap: wrap;
  padding: 0 0 28px;
}

.footer-legal-left { display: flex; flex-direction: column; gap: 12px; }

.footer-legal-text { font-size: 11px; color: var(--neutral-400); line-height: 1.6; }

.footer-copyright { font-size: 11px; color: var(--neutral-400); padding-left: 20px; }

.footer-legal-links { display: flex; align-items: center; flex-shrink: 0; }

.footer-legal-links a {
  font-size: 11px; font-weight: 500; color: var(--neutral-400);
  text-decoration: none; padding: 0 14px;
  border-right: 1px solid rgba(255,255,255,0.1);
  white-space: nowrap; transition: color 0.2s;
}

.footer-legal-links a:first-child { padding-left: 0; }

.footer-legal-links a:last-child { padding-right: 0; border-right: none; }

.footer-legal-links a:hover { color: white; }

@media (max-width: 960px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0 0; }
  .footer-legal { padding: 0 0 24px; }
}

@media (max-width: 640px) {
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 0; }
  .footer-legal { flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 0 24px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; color: var(--neutral-300); }
}

@media (max-width: 480px) {
  .footer-copyright { padding-left: 0; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
      --navy-950:#03081a; --navy-900:#060d2e; --navy-800:#0a1545;
      --navy-600:#122b7a; --navy-200:#98b2e8;
      --blue-500:#1a5cff; --blue-400:#4d80ff;
      --teal-600:#007a8a; --teal-400:#26b8cc;
      --neutral-950:#080c18; --neutral-500:#556080;
      --neutral-400:#7a849f; --neutral-200:#cdd2df;
      --neutral-100:#e4e7f0; --neutral-50:#f4f5f9; --neutral-0:#ffffff;
    }

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-100);
      -webkit-font-smoothing: antialiased;
    }

body { background: var(--neutral-0); }

.section { padding: 80px 60px; max-width: 1420px; margin: 0 auto; }

.section-title {
      font-size: 36px; font-weight: 800; color: var(--neutral-950);
      letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 16px;
      text-align: center;
    }

.section-title.light { color: white; }

.section-body {
      font-size: 17px; font-weight: 300; color: var(--neutral-600);
      line-height: 1.75; max-width: 800px;
      text-align: center; margin-left: auto; margin-right: auto;
    }

.section-body.light { color: var(--navy-200); }

.section-body.read-measure { text-align: left; max-width: 66ch; }

.cta-row.center { justify-content: center; }

.identifiers-section { background: var(--neutral-0); }

.identifiers-header {
      display: flex; flex-direction: column; align-items: center;
      text-align: center; gap: 12px;
      margin-bottom: 36px;
    }

.tabs-pill {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

.tabs-pill .tab {
      font-family: 'Work Sans', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-500);
      padding: 6px 16px;
      border: 1px solid transparent;
      border-radius: 30px;
      background: transparent;
      cursor: pointer;
      transition: color 0.15s, background 0.15s, border-color 0.15s;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
    }

.tabs-pill .tab:hover {
      color: var(--neutral-700);
      background: var(--neutral-100);
    }

.tabs-pill .tab.active {
      color: var(--blue-600);
      background: #eef3ff;
      border-color: #c5d5ff;
      font-weight: 600;
    }

.id-panels-outlined {
      border: 1px solid var(--neutral-200);
      border-radius: 12px;
      padding: 40px;
      background: var(--neutral-0);
    }

.id-panels { padding-top: 0; }

.id-panel { display: none; animation: id-fade 0.3s ease; }

.id-panel.active { display: block; }

.id-panel-badge {
      display: inline-flex; align-items: center; justify-content: center;
      height: 32px; padding: 0 14px;
      border-radius: 4px;
      font-size: 13px; font-weight: 800; letter-spacing: 0.06em;
      color: white; margin-bottom: 20px;
    }

.id-panel-badge.cusip { background: var(--navy-600); }

.id-panel-badge.cins { background: var(--teal-600); }

.id-panel-badge.isin { background: #1a3d99; }

.id-panel-badge.lei { background: #4a6db8; }

.id-panel-badge.cei { background: var(--neutral-600, #3d4666); }

.id-panel-title {
      font-size: 28px; font-weight: 800; color: var(--neutral-950);
      letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 16px;
    }

.id-panel-body {
      font-size: 15px; font-weight: 300; color: var(--neutral-600);
      line-height: 1.75; margin-bottom: 28px; max-width: 560px;
    }

.id-panel-link {
      font-size: 13px; font-weight: 500; color: var(--blue-500);
      text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
      transition: gap 0.2s;
    }

.id-panel-link:hover { color: var(--blue-400); }

.id-panels-outlined { padding: 0; overflow: hidden; }

.id-ds-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; }

.id-ds-left { padding: 40px; border-right: 1px solid var(--neutral-100); display: flex; flex-direction: column; }

.id-ds-left .id-panel-badge { align-self: flex-start; }

.id-ds-left .id-panel-body { max-width: none; margin-bottom: auto; }

.id-ds-right { background: var(--blue-50); display: flex; flex-direction: column; }

.id-ds-right-hd { padding: 16px 24px; border-bottom: 1px solid rgba(26,92,255,0.12); }

.id-ds-right-label { font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-attr { display: flex; align-items: baseline; justify-content: space-between; padding: 11px 24px; gap: 12px; position: relative; }

.id-ds-attr::after { content: ''; position: absolute; bottom: 0; left: 24px; right: 24px; height: 1px; background: rgba(26,92,255,0.12); }

.id-ds-attr-key { font-size: 11px; font-weight: 500; color: var(--neutral-500); letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }

.id-ds-attr-val { font-size: 13px; font-weight: 600; color: var(--neutral-800); text-align: right; }

.id-ds-anatomy-hd { padding: 16px 24px 10px; margin-top: 0; }

.id-ds-anatomy-label { font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-anatomy-wrap { padding: 12px 24px 20px; }

.id-ds-anatomy { display: flex; gap: 2px; margin-bottom: 8px; }

.id-ds-seg { border-radius: 5px; padding: 8px 10px; flex: 1; }

.id-ds-seg-a { background: rgba(18,43,122,0.07); border: 1px solid rgba(18,43,122,0.15); }

.id-ds-seg-b { background: rgba(0,122,138,0.07); border: 1px solid rgba(0,122,138,0.15); }

.id-ds-seg-c { background: var(--neutral-100); border: 1px solid var(--neutral-200); }

.id-ds-seg-val { font-size: 13px; font-weight: 800; font-family: monospace; letter-spacing: 0.06em; margin-bottom: 3px; }

.id-ds-seg-a .id-ds-seg-val { color: var(--navy-700); }

.id-ds-seg-b .id-ds-seg-val { color: var(--teal-600); }

.id-ds-seg-c .id-ds-seg-val { color: var(--neutral-500); }

.id-ds-seg-name { font-size: 7px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-full { font-family: monospace; font-size: 17px; font-weight: 800; color: white; background: var(--navy-800); border-radius: 5px; padding: 7px 12px; letter-spacing: 0.1em; display: inline-block; }

.id-ds-table { border: 1px solid var(--neutral-200); border-radius: 6px; overflow: hidden; margin-bottom: 8px; }

.id-ds-table-hd { display: flex; justify-content: space-between; padding: 8px 12px; background: var(--neutral-100); font-size: 9px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-table-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-top: 1px solid var(--neutral-100); font-size: 13px; gap: 12px; }

.id-ds-table-row:hover { background: var(--neutral-50); }

.id-ds-table-row span { color: var(--neutral-700); }

.id-ds-table-row code { font-family: monospace; font-size: 12px; font-weight: 600; color: var(--navy-700); background: var(--neutral-100); padding: 2px 8px; border-radius: 3px; }

.section-header-centered {
      text-align: center;
      margin-bottom: 48px;
    }

.section-header-centered .section-eyebrow,
    .section-header-centered .section-title { text-align: center; }

.coverage-section { background: var(--neutral-0); }

.cov-pc {
      position: relative; overflow: hidden; background: var(--neutral-200);
    }

.cov-pc img {
      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; object-position: top center; display: block;
      filter: grayscale(100%) contrast(1.1);
      transition: transform 0.5s ease;
    }

.cov-pc:hover img { transform: scale(1.04); }

.cov-pc--zoom img { transform: scale(1.15); }

.cov-pc--zoom:hover img { transform: scale(1.19); }

@media (max-width: 768px) {
  .cov-grid { grid-template-columns: repeat(3,1fr) !important; grid-template-rows: 260px !important; }
  .cov-hide-mobile { display: none; }
}

.coverage-clients {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 0; padding-top: 0;
      max-width: 720px; margin: 0 auto;
    }

.client-item {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 0;
    }

.cov-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

.client-item span {
      font-size: 13px; font-weight: 600; color: var(--neutral-700);
      line-height: 1.4;
    }

.knowledge-section { background: var(--navy-900); }

.knowledge-body {
      max-width: 1300px;
      margin: 0 auto;
      display: flex; flex-direction: column; align-items: center;
    }

.knowledge-body .section-body { text-align: center; max-width: 800px; color: white; }

.stats-carousel { width: 100%; }

.stats-dots { display: none; }

@media (max-width: 768px) {
  .stats-carousel { width: 100%; }
  .stats-carousel-track { display: none !important; }
  .stats-dots { display: none; }
}

.trends-section { background: var(--neutral-0); }

.trends-header {
      display: flex; flex-direction: column; align-items: center;
      text-align: center; gap: 12px; margin-bottom: 40px;
    }

.trends-grid { display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 1fr; gap: 24px; }

.trend-card {
      border: 1px solid var(--neutral-200);
      border-radius: 10px; padding: 28px;
      display: flex; flex-direction: column; gap: 12px;
      transition: border-color 0.2s, box-shadow 0.2s;
    }

.trend-card:hover {
      border-color: var(--teal-400);
      box-shadow: 0 4px 24px rgba(3,8,26,0.08);
    }

.trend-meta {
      font-size: 11px; font-weight: 500; color: var(--neutral-400);
      letter-spacing: 0.06em; text-transform: uppercase;
    }

.trend-card h3 {
      font-size: 15px; font-weight: 600; color: var(--neutral-950);
      line-height: 1.45; flex: 1;
    }

.trend-link {
      font-size: 12px; font-weight: 500; color: var(--blue-500);
      text-decoration: none; display: inline-flex; align-items: center; gap: 5px;
      transition: gap 0.2s;
    }

.trend-link:hover { color: var(--blue-400); }

.btn {
      font-family: "Work Sans", sans-serif;
      display: inline-flex; align-items: center; gap: 8px;
      font-weight: 700; font-size: 14px;
      border: none; cursor: pointer; text-decoration: none;
      border-radius: 30px; transition: background 0.2s;
      white-space: nowrap; flex-shrink: 0;
    }

.btn-md { padding: 0 24px; height: 40px; font-size: 13px; }

.btn-lg { padding: 0 30px; height: 48px; }

.btn-blue { background: #0070C9; color: white; }

.btn-blue:not(:disabled):hover { background: var(--blue-600); }

.btn-outline-white {
      background: transparent; color: white;
      border: 1px solid rgba(255,255,255,0.45);
    }

.btn-outline-white:not(:disabled):hover { border-width: 1px; border-color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.08); }

.view-all {
      font-size: 13px; font-weight: 600; color: var(--blue-500);
      text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
      transition: gap 0.2s;
    }

.view-all:hover { gap: 10px; }

.view-all::after { content: ''; }

.view-all.light { color: var(--teal-400); }

@media (max-width: 768px) {
  .section, .section-sm { padding: 48px 24px; }
  .trends-grid { grid-template-columns: 1fr; gap: 16px; }
  .trend-card { padding: 20px; }
  .coverage-clients { grid-template-columns: 1fr; }
  .client-item:last-child { border-bottom: none; }
  .grid-4:not(.stats-carousel-track) { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .section-title { font-size: 28px; line-height: 1.15; }
  .section-body { font-size: 15px; }
  .header-inner { padding: 0 20px; height: 60px; }
  .btn-lg { height: 44px; font-size: 13px; }
  .id-ds-grid { grid-template-columns: 1fr; min-height: unset; }
  .id-ds-left { border-right: none; border-bottom: 1px solid var(--neutral-100); padding: 28px 24px; }
  .id-ds-right { min-height: unset; }
  .banner-hero-dark, .banner-hero-light { padding-bottom: 36px; }
}

@media (max-width: 480px) {
  .section, .section-sm, .section-wide { padding: 40px 16px; }
  .grid-4:not(.stats-carousel-track) { grid-template-columns: 1fr; gap: 10px; }
  .card-stat { padding: 20px; }
  .stat-value { font-size: 40px; }
  .cta-row .btn { width: 100%; justify-content: center; }
  .section-title { font-size: 24px; }
  .trend-card { padding: 16px; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
  .footer-copyright { padding-left: 0; }
}

.utility-login { position: relative; margin-left: 0; height: 35px; display: flex; align-items: center; }

.utility-login-trigger { font-size: 12px; font-weight: 400; color: #48617b; text-decoration: none; height: 35px; display: flex; align-items: center; gap: 5px; cursor: pointer; transition: color 0.15s; padding-left: 10px; }

.utility-login-trigger:hover, .utility-login.open .utility-login-trigger { color: var(--blue-500); }

.utility-login-caret { transition: transform 0.16s ease; }

.utility-login.open .utility-login-caret { transform: rotate(180deg); }

.utility-login-menu { position: absolute; top: 100%; right: 0; min-width: 230px; background: var(--neutral-0); border-radius: 6px; border: 1px solid var(--neutral-150); box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06); padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s; pointer-events: none; z-index: 200; }

.utility-login.open .utility-login-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: all; }

.utility-divider { margin: 0 4px; }

.utility-subscribe { padding: 0 10px; }

@media (max-width: 768px) {
  .utility-login { display: none; }
}

@media (max-width: 768px) {
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
  .logo-img { height: 44px; }
}

.mob-drawer { background: var(--neutral-0); }

.mob-drawer::after { display: none; }

.mob-drw-item { border-bottom-color: var(--neutral-100); }

.mob-drw-btn { color: var(--neutral-700); }

.mob-drw-btn:hover { background: var(--neutral-50); color: var(--blue-500); }

.mob-drw-item.open .mob-drw-btn { color: var(--blue-500); border-left-color: var(--blue-500); background: var(--neutral-50); }

.mob-drw-sub { background: transparent; border-top-color: transparent; padding-bottom: 12px; }

.mob-drw-sub-link { color: var(--neutral-600); padding-left: 16px; }

.mob-drw-sub-link:hover { color: var(--blue-500); background: var(--neutral-100); }

.mob-drw-footer { border-top-color: var(--neutral-100); }

.lgl-overlay {
  display: none; position: fixed; inset: 0; z-index: 1000;
  background: rgba(8,12,24,0.6); align-items: center; justify-content: center;
}

.lgl-overlay.open { display: flex; }

.lgl-panel {
  background: var(--neutral-0); border-radius: 12px;
  width: min(700px, 94vw); max-height: 80vh;
  display: flex; flex-direction: column;
  box-shadow: 0 24px 60px rgba(8,12,24,0.25);
}

.lgl-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 28px; border-bottom: 1px solid var(--neutral-100);
}

.lgl-title { font-size: 20px; font-weight: 600; color: var(--neutral-950); }

.lgl-close {
  width: 36px; height: 36px; background: none; border: none;
  cursor: pointer; font-size: 22px; color: var(--neutral-500);
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; transition: background 0.15s;
}

.lgl-close:hover { background: var(--neutral-100); color: var(--neutral-700); }

.lgl-body { padding: 24px 28px; overflow-y: auto; }

.lgl-body h3 { font-size: 16px; font-weight: 600; margin-bottom: 12px; }

.lgl-body p { font-size: 14px; line-height: 1.7; color: var(--neutral-600); margin-bottom: 10px; }

.lgl-overlay { position: fixed; inset: 0; background: rgba(3,8,26,0.6); z-index: 1100; display: flex; justify-content: flex-end; align-items: stretch; visibility: hidden; opacity: 0; transition: opacity 0.28s ease, visibility 0s linear 0.3s; }

.lgl-overlay.open { visibility: visible; opacity: 1; transition: opacity 0.28s ease; }

.lgl-overlay.open .lgl-modal { transform: translateX(0); }

.lgl-title { font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: 700; color: #080c18; letter-spacing: -0.01em; margin: 0; }

.lgl-close { background: none; border: none; cursor: pointer; color: #7a849f; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: color 0.15s, background 0.15s; flex-shrink: 0; }

.lgl-close:hover { color: #080c18; background: #e4e7f0; }

.lgl-body { padding: 20px 28px 28px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.lgl-body .lgl-updated { font-size: 12px; color: #7a849f; margin: 0 0 16px; }

.lgl-body h3 { font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #080c18; margin: 22px 0 8px; }

.lgl-body p { font-size: 13px; line-height: 1.65; color: #28304a; margin: 0 0 12px; }

.lgl-body ul { margin: 0 0 12px; padding-left: 20px; }

.lgl-body li { font-size: 13px; line-height: 1.6; color: #28304a; margin-bottom: 7px; }

.lgl-body a { color: #1a5cff; text-decoration: underline; }

.lgl-body a:hover { color: #0040cc; }

@media (max-width: 768px) {
  .lgl-overlay { padding: 0; }
}

.header-search-btn,
.mob-search-btn,
.mob-trigger,
.lgl-close { padding: 0 !important; }

body::before { display: none !important; content: none !important; }

.identifiers-section { background: var(--neutral-0); }

.identifiers-header {
      display: flex; flex-direction: column; align-items: center;
      text-align: center; gap: 12px;
      margin-bottom: 36px;
    }

.tabs-pill {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

.tabs-pill .tab {
      font-family: 'Work Sans', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-500);
      padding: 6px 16px;
      border: 1px solid transparent;
      border-radius: 30px;
      background: transparent;
      cursor: pointer;
      transition: color 0.15s, background 0.15s, border-color 0.15s;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
    }

.tabs-pill .tab:hover {
      color: var(--neutral-700);
      background: var(--neutral-100);
    }

.tabs-pill .tab.active {
      color: var(--blue-600);
      background: #eef3ff;
      border-color: #c5d5ff;
      font-weight: 600;
    }

.id-panels-outlined {
      border: 1px solid var(--neutral-200);
      border-radius: 12px;
      padding: 40px;
      background: var(--neutral-0);
    }

.id-panels { padding-top: 0; }

.id-panel { display: none; animation: id-fade 0.3s ease; }

.id-panel.active { display: block; }

.id-panel-badge {
      display: inline-flex; align-items: center; justify-content: center;
      height: 32px; padding: 0 14px;
      border-radius: 4px;
      font-size: 13px; font-weight: 800; letter-spacing: 0.06em;
      color: white; margin-bottom: 20px;
    }

.id-panel-badge.cusip { background: var(--navy-600); }

.id-panel-badge.cins { background: var(--teal-600); }

.id-panel-badge.isin { background: #1a3d99; }

.id-panel-badge.lei { background: #4a6db8; }

.id-panel-badge.cei { background: var(--neutral-600, #3d4666); }

.id-panel-title {
      font-size: 28px; font-weight: 800; color: var(--neutral-950);
      letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 16px;
    }

.id-panel-body {
      font-size: 15px; font-weight: 300; color: var(--neutral-600);
      line-height: 1.75; margin-bottom: 28px; max-width: 560px;
    }

.id-panel-link {
      font-size: 13px; font-weight: 500; color: var(--blue-500);
      text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
      transition: gap 0.2s;
    }

.id-panel-link:hover { color: var(--blue-400); }

.id-panels-outlined { padding: 0; overflow: hidden; }

.id-ds-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; }

.id-ds-left { padding: 40px; border-right: 1px solid var(--neutral-100); display: flex; flex-direction: column; }

.id-ds-left .id-panel-badge { align-self: flex-start; }

.id-ds-left .id-panel-body { max-width: none; margin-bottom: auto; }

.id-ds-right { background: var(--blue-50); display: flex; flex-direction: column; }

.id-ds-right-hd { padding: 16px 24px; border-bottom: 1px solid rgba(26,92,255,0.12); }

.id-ds-right-label { font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-attr { display: flex; align-items: baseline; justify-content: space-between; padding: 11px 24px; gap: 12px; position: relative; }

.id-ds-attr::after { content: ''; position: absolute; bottom: 0; left: 24px; right: 24px; height: 1px; background: rgba(26,92,255,0.12); }

.id-ds-attr-key { font-size: 11px; font-weight: 500; color: var(--neutral-500); letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }

.id-ds-attr-val { font-size: 13px; font-weight: 600; color: var(--neutral-800); text-align: right; }

.id-ds-anatomy-hd { padding: 16px 24px 10px; margin-top: 0; }

.id-ds-anatomy-label { font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-anatomy-wrap { padding: 12px 24px 20px; }

.id-ds-anatomy { display: flex; gap: 2px; margin-bottom: 8px; }

.id-ds-seg { border-radius: 5px; padding: 8px 10px; flex: 1; }

.id-ds-seg-a { background: rgba(18,43,122,0.07); border: 1px solid rgba(18,43,122,0.15); }

.id-ds-seg-b { background: rgba(0,122,138,0.07); border: 1px solid rgba(0,122,138,0.15); }

.id-ds-seg-c { background: var(--neutral-100); border: 1px solid var(--neutral-200); }

.id-ds-seg-val { font-size: 13px; font-weight: 800; font-family: monospace; letter-spacing: 0.06em; margin-bottom: 3px; }

.id-ds-seg-a .id-ds-seg-val { color: var(--navy-700); }

.id-ds-seg-b .id-ds-seg-val { color: var(--teal-600); }

.id-ds-seg-c .id-ds-seg-val { color: var(--neutral-500); }

.id-ds-seg-name { font-size: 7px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-full { font-family: monospace; font-size: 17px; font-weight: 800; color: white; background: var(--navy-800); border-radius: 5px; padding: 7px 12px; letter-spacing: 0.1em; display: inline-block; }

.id-ds-table { border: 1px solid var(--neutral-200); border-radius: 6px; overflow: hidden; margin-bottom: 8px; }

.id-ds-table-hd { display: flex; justify-content: space-between; padding: 8px 12px; background: var(--neutral-100); font-size: 9px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--neutral-500); }

.id-ds-table-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-top: 1px solid var(--neutral-100); font-size: 13px; gap: 12px; }

.id-ds-table-row:hover { background: var(--neutral-50); }

.id-ds-table-row span { color: var(--neutral-700); }

.id-ds-table-row code { font-family: monospace; font-size: 12px; font-weight: 600; color: var(--navy-700); background: var(--neutral-100); padding: 2px 8px; border-radius: 3px; }

.section-header-centered {
      text-align: center;
      margin-bottom: 48px;
    }

.section-header-centered .section-eyebrow,
    .section-header-centered .section-title { text-align: center; }

.coverage-section { background: var(--neutral-0); }

.cov-pc {
      position: relative; overflow: hidden; background: var(--neutral-200);
    }

.cov-pc img {
      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; object-position: top center; display: block;
      filter: grayscale(100%) contrast(1.1);
      transition: transform 0.5s ease;
    }

.cov-pc:hover img { transform: scale(1.04); }

.cov-pc--zoom img { transform: scale(1.15); }

.cov-pc--zoom:hover img { transform: scale(1.19); }

@media (max-width: 768px) {
  .cov-grid { grid-template-columns: repeat(3,1fr) !important; grid-template-rows: 260px !important; }
  .cov-hide-mobile { display: none; }
}

.coverage-clients {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 0; padding-top: 0;
      max-width: 720px; margin: 0 auto;
    }

.client-item {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 0;
    }

.cov-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

.client-item span {
      font-size: 13px; font-weight: 600; color: var(--neutral-700);
      line-height: 1.4;
    }

.knowledge-section { background: var(--navy-900); }

.knowledge-body {
      max-width: 1300px;
      margin: 0 auto;
      display: flex; flex-direction: column; align-items: center;
    }

.knowledge-body .section-body { text-align: center; max-width: 800px; color: white; }

.stats-carousel { width: 100%; }

.stats-dots { display: none; }

@media (max-width: 768px) {
  .stats-carousel { width: 100%; }
  .stats-carousel-track { display: none !important; }
  .stats-dots { display: none; }
}

.trends-section { background: var(--neutral-0); }

.trends-header {
      display: flex; flex-direction: column; align-items: center;
      text-align: center; gap: 12px; margin-bottom: 40px;
    }

.trends-grid { display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 1fr; gap: 24px; }

.trend-card {
      border: 1px solid var(--neutral-200);
      border-radius: 10px; padding: 28px;
      display: flex; flex-direction: column; gap: 12px;
      transition: border-color 0.2s, box-shadow 0.2s;
    }

.trend-card:hover {
      border-color: var(--teal-400);
      box-shadow: 0 4px 24px rgba(3,8,26,0.08);
    }

.trend-meta {
      font-size: 11px; font-weight: 500; color: var(--neutral-400);
      letter-spacing: 0.06em; text-transform: uppercase;
    }

.trend-card h3 {
      font-size: 15px; font-weight: 600; color: var(--neutral-950);
      line-height: 1.45; flex: 1;
    }

.trend-link {
      font-size: 12px; font-weight: 500; color: var(--blue-500);
      text-decoration: none; display: inline-flex; align-items: center; gap: 5px;
      transition: gap 0.2s;
    }

.trend-link:hover { color: var(--blue-400); }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
      --navy-950:  #03081a;
      --navy-900:  #060d2e;
      --navy-800:  #0a1545;
      --navy-700:  #0e1f60;
      --navy-600:  #122b7a;
      --navy-200:  #98b2e8;
      --blue-600:  #0040cc;
      --blue-500:  #1a5cff;
      --blue-400:  #4d80ff;
      --teal-600:  #007a8a;
      --teal-500:  #007a95;
      --teal-400:  #26b8cc;
      --neutral-950: #080c18;
      --neutral-700: #28304a;
      --neutral-600: #3d4666;
      --neutral-500: #556080;
      --neutral-400: #7a849f;
      --neutral-300: #a3abbe;
      --neutral-200: #cdd2df;
      --neutral-150: #d8dce8;
      --neutral-100: #e4e7f0;
      --neutral-50:  #f4f5f9;
      --neutral-0:   #ffffff;
    }

body {
      font-family: 'Work Sans', sans-serif;
      background: var(--neutral-50);
      color: var(--neutral-950);
      -webkit-font-smoothing: antialiased;
      min-height: 100vh;
    }

.utility-bar { background: #f0f5ff; height: 35px; }

.utility-links {
      max-width: 1300px; margin: 0 auto; height: 35px; padding: 0;
      display: flex; align-items: center; justify-content: flex-end;
    }

.utility-link {
      font-size: 12px; font-weight: 400; color: var(--neutral-400);
      text-decoration: none; padding: 0 10px; height: 35px;
      display: flex; align-items: center; transition: color 0.15s;
    }

.utility-link:hover { color: var(--blue-500); }

.utility-divider { width: 1px; height: 14px; background: var(--neutral-200); margin: 0 16px; flex-shrink: 0; }

.utility-subscribe {
      font-size: 12px; font-weight: 400; color: #48617b; text-decoration: none;
      height: 35px; display: flex; align-items: center; gap: 6px; transition: color 0.15s;
    }

.utility-subscribe:hover { color: var(--blue-500); }

.utility-subscribe svg { flex-shrink: 0; }

.site-header {
      background: var(--neutral-0); position: sticky; top: 0; z-index: 150;
      border-bottom: 1px solid var(--neutral-50);
    }

.header-inner {
      max-width: 1300px; margin: 0 auto; padding: 0;
      height: 72px; display: flex; align-items: center;
    }

.logo-wrap { display: flex; align-items: center; text-decoration: none; margin-right: 40px; flex-shrink: 0; }

.logo-img { height: 44px; width: auto; display: block; }

.primary-nav {
      display: flex; align-items: center; justify-content: center;
      flex: 1; height: 100%; gap: 0;
    }

.nav-item { position: relative; height: 72px; display: flex; align-items: center; }

.nav-link {
      font-size: 15px; font-weight: 600; color: var(--neutral-700);
      text-decoration: none; padding: 0 16px; height: 72px;
      display: flex; align-items: center; gap: 5px;
      transition: color 0.2s, background 0.2s; white-space: nowrap;
      border-bottom: 2px solid transparent;
    }

.nav-link:hover, .nav-item:hover > .nav-link { color: var(--blue-500); border-bottom-color: transparent; }

.nav-link.active { color: var(--blue-500); border-bottom-color: var(--blue-500); }

.dropdown {
      position: absolute; top: calc(100% + 4px); left: 0; min-width: 230px;
      background: var(--neutral-0); border-radius: 6px; border: 1px solid var(--neutral-200);
      box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06);
      padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(-4px);
      transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s; pointer-events: none;
    }

.nav-item.open .dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: all; }

.dropdown-link {
      display: flex; align-items: center; gap: 10px; padding: 9px 18px;
      font-size: 13px; font-weight: 500; color: var(--neutral-600);
      text-decoration: none; transition: background 0.15s, color 0.15s;
    }

.dropdown-link:hover { background: var(--neutral-50); color: var(--blue-500); }

.dropdown-link.active { color: var(--blue-500); background: var(--neutral-50); }

.dd-type.cins { background: var(--teal-600); }

.dd-type.isin { background: #1a3d99; }

.dd-type.lei { background: #5c7fd4; }

.dd-type.cei { background: var(--neutral-600); }

.header-cta { display: flex; align-items: center; gap: 12px; margin-left: 24px; flex-shrink: 0; }

.header-search-btn {
      width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer; border-radius: 50%;
      color: var(--neutral-600); transition: background 0.15s, color 0.15s; flex-shrink: 0;
    }

.header-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.btn {
      font-family: 'Work Sans', sans-serif;
      display: inline-flex; align-items: center; justify-content: center; gap: 5px;
      border: 1px solid transparent; border-radius: 30px; cursor: pointer;
      text-decoration: none; white-space: nowrap; -webkit-font-smoothing: antialiased;
      transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    }

.btn-md { font-size: 13px; font-weight: 500; letter-spacing: 0.005em; padding: 0 20px; height: 34px; }

.btn-p { background: #0070C9; color: #fff; border-color: #0070C9; box-shadow: 0 1px 2px rgba(26,92,255,0.18); }

.btn-p:hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.btn-outline-white { background: transparent; color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.25); }

.btn-outline-white:hover { border-color: rgba(255,255,255,0.5); color: white; }

.m-trigger {
      display: none; width: 44px; height: 44px; background: none; border: none;
      cursor: pointer; flex-direction: column; align-items: center; justify-content: center;
      gap: 6px; flex-shrink: 0; padding: 0;
    }

.m-line {
      width: 22px; height: 2px; background: var(--neutral-700); border-radius: 999px;
      transform-origin: center;
      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), opacity 0.2s cubic-bezier(0.4,0,0.2,1), background 0.22s ease, width 0.2s ease;
    }

body.nav-open .m-trigger .m-line:nth-child(1) { transform: translateY(8px) rotate(45deg); background: #0070C9; }

body.nav-open .m-trigger .m-line:nth-child(2) { opacity: 0; width: 0; }

body.nav-open .m-trigger .m-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background: #0070C9; }

.mob-search-btn {
      display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer; border-radius: 50%;
      color: var(--neutral-700); transition: background 0.15s, color 0.15s;
      flex-shrink: 0; padding: 0; margin-left: auto;
    }

.mob-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.mob-backdrop {
      display: none; position: fixed; left: 0; right: 0; bottom: 0;
      background: rgba(3,8,26,0.45); backdrop-filter: blur(1px);
      opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 140;
    }

.mob-backdrop.open { opacity: 1; pointer-events: all; }

.mob-drawer {
      display: none; position: fixed; left: 0; bottom: 0;
      width: 75%; max-width: 320px; background: var(--navy-900);
      transform: translateX(-100%); transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
      z-index: 145; flex-direction: column; overflow-y: auto;
    }

.mob-drawer.open { transform: translateX(0); }

.mob-drw-nav { padding: 6px 0; }

.mob-drw-item { border-bottom: 1px solid rgba(255,255,255,0.06); }

.mob-drw-btn {
      display: flex; align-items: center; justify-content: space-between;
      width: 100%; padding: 13px 16px; background: none; border: none;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 600;
      color: rgba(255,255,255,0.85); cursor: pointer; text-align: left;
      transition: background 0.15s, color 0.15s; border-left: 2px solid transparent;
    }

.mob-drw-btn:hover { background: rgba(255,255,255,0.04); color: white; }

.mob-drw-item.open .mob-drw-btn { color: white; border-left-color: var(--teal-400); background: rgba(255,255,255,0.04); }

.mob-drw-chev { transition: transform 0.22s ease; flex-shrink: 0; opacity: 0.45; }

.mob-drw-item.open .mob-drw-chev { transform: rotate(180deg); opacity: 0.8; }

.mob-drw-sub { display: none; background: rgba(0,0,0,0.15); border-top: 1px solid rgba(255,255,255,0.04); }

.mob-drw-item.open .mob-drw-sub { display: block; }

.mob-drw-sub-link {
      display: flex; align-items: center; gap: 8px; padding: 9px 16px 9px 30px;
      font-size: 11px; font-weight: 500; color: rgba(255,255,255,0.75);
      text-decoration: none; transition: color 0.15s, background 0.15s;
    }

.mob-drw-sub-link:hover { color: white; background: rgba(255,255,255,0.03); }

.mob-d-pill.cusip { background: var(--navy-600); color: white; }

.mob-d-pill.cins { background: var(--teal-500); color: white; }

.mob-d-pill.isin { background: #1a3d99; color: white; }

.mob-d-pill.lei { background: #5c7fd4; color: white; }

.mob-d-pill.cei { background: var(--neutral-600); color: white; }

.mob-drw-footer { padding: 14px 16px 20px; border-top: 1px solid rgba(255,255,255,0.07); }

.mob-drw-cta {
      display: flex; align-items: center; justify-content: center;
      width: 100%; height: 34px; background: #0070C9; color: white;
      border: 1px solid #0070C9; border-radius: 30px;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 500;
      cursor: pointer; margin-bottom: 12px; text-decoration: none;
      transition: background 0.15s, border-color 0.15s;
    }

.mob-drw-cta:hover { background: #005CA8; border-color: #005CA8; }

.mob-drw-util { display: flex; }

.mob-drw-util-link {
      font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.5);
      text-decoration: none; padding-right: 12px; margin-right: 12px;
      border-right: 1px solid rgba(255,255,255,0.1); transition: color 0.15s;
    }

.mob-drw-util-link:last-child { border-right: none; }

.mob-drw-util-link:hover { color: rgba(255,255,255,0.8); }

@media (max-width: 1100px) {
  .header-inner { padding: 0 24px; }
  .utility-links { padding: 0 24px; }
  .nav-link { padding: 0 12px; }
}

@media (max-width: 768px) {
  .utility-bar { display: none; }
  .primary-nav { display: none; }
  .header-cta { display: none; }
  .m-trigger { display: flex; }
  .mob-search-btn { display: flex; }
  .mob-backdrop { display: block; top: 60px; }
  .mob-drawer { display: flex; top: 60px; }
  .header-inner { position: relative; height: 60px; padding: 0 16px; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-right: 0; }
  .logo-img { height: 38px; }
}

.section { padding: 80px 60px; max-width: 1420px; margin: 0 auto; }

.page-intro-light .section { max-width: 800px; }

.page-intro-dark .section { max-width: 800px; text-align: center;}

.page-intro-dark .section-title { color: var(--neutral-0); }

.page-intro-dark .section-body { color: var(--navy-200); }

.section-title {
      font-size: 36px; font-weight: 800; color: var(--neutral-950);
      letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 16px;
      text-align: center;
    }

.section-body {
      font-size: 17px; font-weight: 300; color: var(--neutral-600);
      line-height: 1.75; max-width: 800px;
      text-align: center; margin-left: auto; margin-right: auto;
    }

@media (max-width: 960px) {
  .section { padding: 56px 24px; }
  .section-title { font-size: 28px; }
}

.id-panel-content.active { display: block; }

.tabs-underline .tab:last-child { margin-right: 0; }

.tabs-underline .tab {
      font-family: 'Work Sans', sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: var(--neutral-400);
      padding: 0 0 14px 0;
      margin-right: 32px;
      border: none;
      background: none;
      cursor: pointer;
      position: relative;
      letter-spacing: -0.01em;
      transition: color 0.15s;
      white-space: nowrap;
      text-decoration: none;
      display: inline-block;
    }

.tabs-underline .tab::after {
      content: '';
      position: absolute;
      bottom: -1.5px; left: -20px; right: -20px;
      height: 2px;
      background: #0070C9;
      border-radius: 0;
      opacity: 0;
      transition: opacity 0.15s;
    }

.tabs-underline .tab:hover { color: var(--neutral-700); }

.tabs-underline .tab.active {
      color: var(--blue-500);
      font-weight: 600;
    }

.tabs-underline .tab.active::after { opacity: 1; }

@media (max-width: 580px) {
  .tabs-underline .tab { margin-right: 20px; }
  .tabs-underline .tab:last-child { margin-right: 0; }
}

.site-footer { background: var(--navy-950); }

.footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.25); margin: 40px 0 20px; }

.footer-inner { max-width: 800px; margin: 0 auto; padding: 0; }

.footer-main-bg { background: var(--navy-950); }

.footer-col-heading {
      font-size: 11px; font-weight: 500; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--teal-400); margin-bottom: 16px;
    }

.footer-main {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      gap: 48px; align-items: start; padding: 48px 0 0;
    }

.footer-company-name { font-size: 13px; font-weight: 600; color: white; line-height: 1.15; letter-spacing: 0; }

.footer-info { display: flex; flex-direction: column; gap: 8px; }

.footer-address { font-size: 13px; color: var(--neutral-400); line-height: 1.65; margin-bottom: 4px; font-style: normal; }

.footer-phone {
      font-size: 13px; color: var(--neutral-400);
      text-decoration: none; display: flex; align-items: center; gap: 7px;
      transition: color 0.2s;
    }

.footer-phone:hover { color: white; }

.footer-phone svg { opacity: 0.45; flex-shrink: 0; }

.footer-contact-link {
      font-size: 13px; font-weight: 400; color: var(--neutral-400);
      text-decoration: none; transition: color 0.2s; width: fit-content;
    }

.footer-contact-link:hover { color: white; }

.footer-newsletter { align-self: start; }

.footer-newsletter-label {
      font-size: 10px; font-weight: 600; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--teal-400); margin-bottom: 8px;
    }

.footer-newsletter-title { font-size: 13px; color: var(--neutral-400); line-height: 1.3; margin-bottom: 16px; }

.footer-legal {
      display: flex; align-items: center; justify-content: space-between;
      gap: 32px; flex-wrap: wrap; padding: 0 0 28px;
    }

.footer-legal-left { display: flex; flex-direction: column; gap: 12px; }

.footer-legal-text { font-size: 11px; color: var(--neutral-400); line-height: 1.6; }

.footer-copyright { font-size: 11px; color: var(--neutral-400); padding-left: 20px; }

.footer-legal-links { display: flex; align-items: center; flex-shrink: 0; }

.footer-legal-links a {
      font-size: 11px; font-weight: 500; color: var(--neutral-400);
      text-decoration: none; padding: 0 14px;
      border-right: 1px solid rgba(255,255,255,0.1);
      white-space: nowrap; transition: color 0.2s;
    }

.footer-legal-links a:first-child { padding-left: 0; }

.footer-legal-links a:last-child { padding-right: 0; border-right: none; }

.footer-legal-links a:hover { color: white; }

@media (max-width: 960px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0 0; }
  .footer-legal { padding: 0 0 24px; }
}

@media (max-width: 640px) {
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 0; }
  .footer-legal { flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 0 24px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; color: var(--neutral-300); }
}

@media (max-width: 480px) {
  .footer-copyright { padding-left: 0; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
}

@media (max-width: 768px) {
  .footer-helix { display: none !important; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
  .logo-img { height: 44px; }
}

.mob-drawer { background: var(--neutral-0); }

.mob-drawer::after { display: none; }

.mob-drw-item { border-bottom-color: var(--neutral-100); }

.mob-drw-btn { color: var(--neutral-700); }

.mob-drw-btn:hover { background: var(--neutral-50); color: var(--blue-500); }

.mob-drw-item.open .mob-drw-btn { color: var(--blue-500); border-left-color: var(--blue-500); background: var(--neutral-50); }

.mob-drw-chev { opacity: 0.55; }

.mob-drw-sub { background: transparent; border-top-color: transparent; padding-bottom: 12px; }

.mob-drw-sub-link { color: var(--neutral-600); padding-left: 16px; }

.mob-drw-sub-link:hover { color: var(--blue-500); background: var(--neutral-100); }

.mob-drw-footer { border-top-color: var(--neutral-100); }

.mob-drw-util { flex-direction: column; align-items: stretch; margin: 0 -16px; padding: 0 16px 13px; border-bottom: 1px solid var(--neutral-100); }

.mob-drw-util-link { color: var(--neutral-600); border-right: none; margin-right: 0; padding: 11px 0; font-size: 13px; border-bottom: 1px solid var(--neutral-100); }

.mob-drw-util-link:hover { color: var(--blue-500); }

.mob-drw-util-link:last-child { border-bottom: none; }

.mob-drw-util-link:first-child { padding-top: 0; }

.mob-drw-nav .mob-drw-item:last-child { border-bottom: none; }

.c-modal__overlay {
      background: rgba(6, 13, 46, 0.6);
    }

.c-modal__contentWrapper {
      border-radius: 16px;
      box-shadow: 0 4px 32px rgba(3,8,26,0.10), 0 0 0 1px rgba(3,8,26,0.05);
    }

.c-modal__content {
      font-family: 'Work Sans', sans-serif;
      color: var(--neutral-700);
    }

.c-modal__content h3,
    .c-modal__content h4,
    .c-modal__content h5 {
      font-family: 'Work Sans', sans-serif;
      color: var(--navy-900);
      font-weight: 700;
      letter-spacing: -0.01em;
    }

.c-modal__content p {
      color: var(--neutral-500);
      line-height: 1.6;
    }

.c-modal__content a:not(.c-btn) {
      color: var(--blue-500);
    }

.c-modal__content .c-input--box {
      border-radius: 10px;
      border: 1px solid var(--neutral-200);
      min-height: 46px;
      background: var(--neutral-0);
      padding: 0 14px;
      transition: border-color 0.15s, box-shadow 0.15s;
    }

.c-modal__content .c-input--box:focus-within {
      border-color: var(--blue-500);
      box-shadow: 0 0 0 3px rgba(26,92,255,0.10);
    }

.c-modal__content .c-input__field {
      font-family: 'Work Sans', sans-serif;
      font-size: 14px;
      color: var(--neutral-950);
    }

.c-modal__content .c-floatingLabel {
      font-family: 'Work Sans', sans-serif;
      color: var(--neutral-400);
    }

.c-modal__close {
      border-radius: 50%;
      transition: background-color 0.15s;
    }

.c-modal__close:hover {
      background-color: var(--neutral-100);
    }

/* ===== Sitewide header/footer/button/modal components (always included) ===== */

.utility-bar {
      background: #f0f5ff;
      height: 35px;
    }

.utility-links {
      max-width: 1300px;
      margin: 0 auto;
      height: 35px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

.utility-link {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      color: #48617b;
      text-decoration: none;
      padding: 0 10px;
      height: 35px;
      display: flex;
      align-items: center;
      transition: color 0.15s;
    }

.utility-link:hover { color: var(--blue-500); }

.utility-divider {
      width: 1px;
      height: 14px;
      background: var(--neutral-200);
      margin: 0 16px;
      flex-shrink: 0;
    }

.utility-subscribe {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      color: #48617b;
      text-decoration: none;
      height: 35px;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: color 0.15s;
    }

.utility-subscribe:hover { color: var(--blue-500); }

.utility-subscribe svg { flex-shrink: 0; }

.utility-contact {
      font-size: 12px;
      font-weight: 500;
      color: #48617b;
      text-decoration: none;
      margin-left: 20px;
      height: 35px;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: color 0.15s;
    }

.utility-contact:hover { color: var(--blue-500); }

.site-header {
      background: var(--neutral-0);
      position: sticky;
      top: 0;
      z-index: 150;
      border-bottom: 1px solid var(--neutral-50);
    }

.header-inner {
      max-width: 1300px;
      margin: 0 auto;
      padding: 0;
      height: 72px;
      display: flex;
      align-items: center;
    }

.logo-wrap {
      display: flex;
      align-items: center;
      text-decoration: none;
      margin-right: 40px;
      flex-shrink: 0;
    }

.logo-img {
      height: 44px;
      width: auto;
      display: block;
    }

.nav-item {
      position: relative;
      height: 72px;
      display: flex;
      align-items: center;
    }

.nav-link {
      font-size: 15px;
      font-weight: 600;
      color: var(--neutral-700);
      text-decoration: none;
      padding: 0 16px;
      height: 72px;
      display: flex;
      align-items: center;
      gap: 5px;
      transition: color 0.2s, background 0.2s;
      white-space: nowrap;
      border-bottom: 2px solid transparent;
    }

.nav-link:hover,
    .nav-item:hover > .nav-link {
      color: var(--blue-500);
      border-bottom-color: transparent;
    }

.dropdown {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      min-width: 230px;
      background: var(--neutral-0);
      border-radius: 6px;
      border: 1px solid var(--neutral-150);
      box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06);
      padding: 8px 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-4px);
      transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s;
      pointer-events: none;
    }

.nav-item.open .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: all;
    }

.dropdown--wide {
      min-width: 280px;
    }

.dropdown-label {
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--neutral-400);
      padding: 10px 18px 4px;
    }

.dropdown-link {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 18px;
      font-size: 13px;
      font-weight: 500;
      color: var(--neutral-600);
      text-decoration: none;
      transition: background 0.15s, color 0.15s;
    }

.dropdown-link:hover {
      background: var(--neutral-50);
      color: var(--blue-500);
    }

.dropdown-link .dd-badge {
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.08em;
      background: var(--neutral-100);
      color: var(--neutral-400);
      padding: 2px 6px;
      border-radius: 3px;
      margin-left: auto;
    }

.dropdown-divider {
      height: 1px;
      background: var(--neutral-100);
      margin: 6px 0;
    }

.nav-spacer { flex: 1; }

.header-cta {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-left: 24px;
      flex-shrink: 0;
    }

.header-cta .btn { border-radius: 9999px; }

.header-search-btn {
      width: 36px; height: 36px;
      display: flex; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer;
      border-radius: 50%;
      color: var(--neutral-600);
      transition: background 0.15s, color 0.15s;
      flex-shrink: 0;
    }

.header-search-btn:hover {
      background: var(--neutral-100);
      color: var(--blue-500);
    }

.mob-search-btn {
      display: none;
      width: 44px; height: 44px;
      align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer;
      border-radius: 50%;
      color: var(--neutral-700);
      transition: background 0.15s, color 0.15s;
      flex-shrink: 0; padding: 0;
      margin-left: auto;
    }

.mob-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.header-search {
      display: none;
      align-items: center;
      gap: 14px;
      flex: 1;
      min-width: 0;
      height: 100%;
    }

.header-search__icon { color: var(--neutral-400); flex-shrink: 0; }

.header-search__input {
      flex: 1;
      min-width: 0;
      border: none; outline: none; background: none;
      font-family: 'Work Sans', sans-serif;
      font-size: 20px; font-weight: 400; letter-spacing: -0.01em;
      color: var(--neutral-950);
    }

.header-search__input::placeholder { color: var(--neutral-300); font-weight: 400; }

.site-header.searching .logo-wrap { display: none; }

.site-header.searching .primary-nav { display: none; }

.site-header.searching .header-cta .btn { display: none; }

.site-header.searching .header-search { display: flex; }

.hsb-ico--close { display: none; }

.site-header.searching .hsb-ico--search { display: none; }

.site-header.searching .hsb-ico--close { display: block; }

.dropdown-link.locked { opacity: 0.4; cursor: not-allowed; }

.dropdown-link.locked:hover { background: transparent; color: var(--neutral-600); }

.m-trigger {
      display: none;
      width: 44px; height: 44px;
      background: none; border: none;
      cursor: pointer;
      flex-direction: column;
      align-items: center; justify-content: center;
      gap: 6px;
      flex-shrink: 0; padding: 0;
    }

.m-line {
      width: 22px; height: 2px;
      background: var(--neutral-700);
      border-radius: 999px;
      transform-origin: center;
      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1),
                  opacity  0.2s  cubic-bezier(0.4,0,0.2,1),
                  background 0.22s ease,
                  width 0.2s ease;
    }

body.nav-open .m-trigger .m-line:nth-child(1) { transform: translateY(8px) rotate(45deg); background: #0070C9; }

body.nav-open .m-trigger .m-line:nth-child(2) { opacity: 0; width: 0; }

body.nav-open .m-trigger .m-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background: #0070C9; }

.mob-backdrop {
      display: none;
      position: fixed; left: 0; right: 0; bottom: 0;
      background: rgba(3,8,26,0.45);
      backdrop-filter: blur(1px);
      opacity: 0; pointer-events: none;
      transition: opacity 0.3s ease;
      z-index: 140;
    }

.mob-backdrop.open { opacity: 1; pointer-events: all; }

.mob-drawer {
      display: none;
      position: fixed; left: 0; bottom: 0;
      width: 75%; max-width: 320px;
      background: var(--navy-900);
      transform: translateX(-100%);
      transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
      z-index: 145;
      flex-direction: column;
      overflow-y: auto;
    }

.mob-drawer::after {
      content: '';
      position: absolute; top: 0; right: 0;
      width: 1px; height: 100%;
      background: rgba(255,255,255,0.06);
    }

.mob-drawer.open { transform: translateX(0); }

.mob-drw-nav { padding: 6px 0; }

.mob-drw-item { border-bottom: 1px solid rgba(255,255,255,0.06); }

.mob-drw-btn {
      display: flex; align-items: center; justify-content: space-between;
      width: 100%; padding: 13px 16px;
      background: none; border: none;
      font-family: 'Work Sans', sans-serif;
      font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.85);
      cursor: pointer; text-align: left;
      transition: background 0.15s, color 0.15s;
      border-left: 2px solid transparent;
    }

.mob-drw-btn:hover { background: rgba(255,255,255,0.04); color: white; }

.mob-drw-item.open .mob-drw-btn {
      color: white; border-left-color: var(--teal-400);
      background: rgba(255,255,255,0.04);
    }

.mob-drw-chev { transition: transform 0.22s ease; flex-shrink: 0; opacity: 0.45; }

.mob-drw-item.open .mob-drw-chev { transform: rotate(180deg); opacity: 0.8; }

.mob-drw-sub { display: none; background: rgba(0,0,0,0.15); border-top: 1px solid rgba(255,255,255,0.04); }

.mob-drw-item.open .mob-drw-sub { display: block; }

.mob-drw-sub-link {
      display: flex; align-items: center; gap: 8px;
      padding: 9px 16px 9px 30px;
      font-size: 11px; font-weight: 500; color: white;
      text-decoration: none;
      transition: color 0.15s, background 0.15s;
    }

.mob-drw-sub-link:hover { color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.03); }

.mob-d-pill {
      display: inline-flex; align-items: center; justify-content: center;
      height: 16px; padding: 0 5px; border-radius: 3px;
      font-size: 7.5px; font-weight: 700; letter-spacing: 0.03em;
      flex-shrink: 0;
    }

.mob-d-pill.cusip { background: var(--navy-600); color: white; }

.mob-d-pill.cins { background: var(--teal-500); color: white; }

.mob-d-pill.isin { background: #1a3d99; color: white; }

.mob-d-pill.lei { background: #5c7fd4; color: white; }

.mob-d-pill.cei { background: var(--neutral-600); color: white; }

.mob-drw-divider { height: 1px; background: rgba(255,255,255,0.06); margin: 4px 0; }

.mob-drw-footer { padding: 14px 16px 20px; border-top: 1px solid rgba(255,255,255,0.07); }

.mob-drw-cta {
      display: flex; align-items: center; justify-content: center;
      width: 100%; height: 34px;
      background: #0070C9; color: white;
      border: 1px solid #0070C9; border-radius: 30px;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 500;
      cursor: pointer; margin-bottom: 12px;
      text-decoration: none;
      box-shadow: 0 1px 2px rgba(26,92,255,0.18);
      transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    }

.mob-drw-cta:hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.mob-drw-util { display: flex; }

.mob-drw-util-link {
      font-size: 10px; font-weight: 500; color: white;
      text-decoration: none; padding-right: 12px; margin-right: 12px;
      border-right: 1px solid rgba(255,255,255,0.1);
      transition: color 0.15s;
    }

.mob-drw-util-link:last-child { border-right: none; }

.mob-drw-util-link:hover { color: rgba(255,255,255,0.65); }

@media (max-width: 1100px) {
  .header-inner { padding: 0 24px; }
  .utility-links { padding: 0 24px; }
  .nav-link { padding: 0 12px; }
}

@media (max-width: 768px) {
  .utility-bar { display: none; }
  .header-cta { display: none; }
  .m-trigger { display: flex; }
  .mob-search-btn { display: flex; }
  .site-header.searching .m-trigger { display: none; }
  .site-header.searching .header-search { display: flex; order: 1; }
  .site-header.searching .mob-search-btn { order: 2; margin-left: 8px; }
  .site-header.searching .header-search__input { font-size: 16px; }
  .mob-backdrop { display: block; top: 60px; }
  .mob-drawer { display: flex; top: 60px; }
  .header-inner { position: relative; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-right: 0; pointer-events: auto; z-index: 10; }
  .logo-img { height: 38px; }
}

.btn {
      font-family: 'Work Sans', sans-serif;
      display: inline-flex; align-items: center; justify-content: center;
      gap: 5px;
      border: 1px solid transparent;
      border-radius: 30px;
      cursor: pointer;
      text-decoration: none;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
      transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    }

.btn-sm { font-size: 12px; font-weight: 500; letter-spacing: 0.01em; padding: 0 14px; height: 28px; }

.btn-md { font-size: 13px; font-weight: 500; letter-spacing: 0.005em; padding: 0 20px; height: 34px; }

.btn-lg { font-size: 14px; font-weight: 500; letter-spacing: 0.005em; padding: 0 26px; height: 42px; }

.btn-p {
      background: #0070C9;
      color: #fff;
      border-color: #0070C9;
      box-shadow: 0 1px 2px rgba(26,92,255,0.18);
    }

.btn-p:not(:disabled):hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.btn-p:active { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.btn-p:focus-visible { outline: none; background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.btn-p:disabled { background: var(--neutral-100); border-color: var(--neutral-100); color: var(--neutral-400); box-shadow: none; cursor: not-allowed; transform: none; }

.st-hover.btn-p { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.st-active.btn-p { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.st-focus.btn-p { background: var(--blue-600); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); transform: none; }

.btn-s {
      background: var(--neutral-0);
      color: var(--neutral-700);
      border-color: var(--neutral-200);
      box-shadow: 0 1px 2px rgba(8,12,24,0.04);
    }

.btn-s:not(:disabled):hover { background: var(--neutral-50); border-color: var(--neutral-300); color: var(--neutral-950); box-shadow: 0 1px 3px rgba(8,12,24,0.07); }

.btn-s:active { background: var(--neutral-100); box-shadow: inset 0 1px 2px rgba(8,12,24,0.06); transform: none; }

.btn-s:focus-visible { outline: none; background: var(--neutral-100); border-color: var(--neutral-400); box-shadow: inset 0 1px 2px rgba(8,12,24,0.06); transform: none; }

.btn-s:disabled { color: var(--neutral-300); border-color: var(--neutral-100); box-shadow: none; cursor: not-allowed; background: var(--neutral-0); transform: none; }

.st-hover.btn-s { background: var(--neutral-50); border-color: var(--neutral-300); color: var(--neutral-950); box-shadow: 0 1px 3px rgba(8,12,24,0.07); }

.st-active.btn-s { background: var(--neutral-100); box-shadow: inset 0 1px 2px rgba(8,12,24,0.06); transform: none; }

.st-focus.btn-s { background: var(--neutral-100); border-color: var(--neutral-400); box-shadow: inset 0 1px 2px rgba(8,12,24,0.06); transform: none; }

.btn-pd {
      background: #0070C9;
      color: #fff;
      border-color: rgba(255,255,255,0.1);
      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

.btn-pd:not(:disabled):hover { background: var(--blue-400); border-color: rgba(255,255,255,0.15); box-shadow: 0 3px 14px rgba(77,128,255,0.35); }

.btn-pd:active { background: var(--blue-600); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); transform: none; }

.btn-pd:focus-visible { outline: none; background: var(--blue-600); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); transform: none; }

.btn-pd:disabled { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.06); color: rgba(255,255,255,0.2); box-shadow: none; cursor: not-allowed; transform: none; }

.st-hover.btn-pd { background: var(--blue-400); border-color: rgba(255,255,255,0.15); box-shadow: 0 3px 14px rgba(77,128,255,0.35); }

.st-active.btn-pd { background: var(--blue-600); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); transform: none; }

.st-focus.btn-pd { background: var(--blue-600); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); transform: none; }

.btn-sd {
      background: rgba(255,255,255,0.04);
      color: rgba(255,255,255,0.6);
      border-color: rgba(255,255,255,0.1);
      box-shadow: none;
    }

.btn-sd:not(:disabled):hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.22); color: rgba(255,255,255,0.9); }

.btn-sd:active { background: rgba(255,255,255,0.12); transform: none; }

.btn-sd:focus-visible { outline: none; background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.40); transform: none; }

.btn-sd:disabled { color: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.05); background: transparent; cursor: not-allowed; transform: none; }

.st-hover.btn-sd { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.22); color: rgba(255,255,255,0.9); }

.st-active.btn-sd { background: rgba(255,255,255,0.12); transform: none; }

.st-focus.btn-sd { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.40); transform: none; }

.btn { font-family: 'Work Sans', sans-serif; display: inline-flex; align-items: center; gap: 5px; border: 1px solid transparent; border-radius: 30px; cursor: pointer; text-decoration: none; white-space: nowrap; -webkit-font-smoothing: antialiased; transition: background 0.15s, border-color 0.15s, color 0.15s; }

.btn-md { font-size: 13px; font-weight: 500; padding: 0 20px; height: 34px; }

.btn-p { background: #0070C9; color: #fff; border-color: #0070C9; }

.btn-p:not(:disabled):hover { background: var(--blue-600); border-color: var(--blue-600); }

.btn-s { background: var(--neutral-0); color: var(--neutral-700); border-color: var(--neutral-200); }

.btn-s:not(:disabled):hover { background: var(--neutral-50); border-color: var(--neutral-300); }

.btn-p-dk { background: #0070C9; color: #fff; border-color: transparent; }

.btn-p-dk:hover { background: var(--blue-400); }

.btn-ghost-dk { background: rgba(255,255,255,0.08); color: white; border: 1px solid rgba(255,255,255,0.55); }

.btn-ghost-dk:hover { background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.8); color: white; }

.footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.25); margin: 40px 0 20px; }

.footer-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}

.footer-main-bg {
  background: var(--navy-950);
}

.footer-col-heading {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--teal-400);
  margin-bottom: 16px;
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  align-items: start;
  padding: 48px 0 0;
}

.footer-company-name {
  font-size: 13px;
  font-weight: 600;
  color: white;
  line-height: 1.15;
  letter-spacing: 0;
}

.footer-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-address {
  font-size: 13px; color: var(--neutral-400); line-height: 1.65; margin-bottom: 4px;
}

.footer-phone {
  font-size: 13px; color: var(--neutral-400);
  text-decoration: none; display: flex; align-items: center; gap: 7px;
  transition: color 0.2s;
}

.footer-phone:hover { color: white; }

.footer-phone svg { opacity: 0.45; flex-shrink: 0; }

.footer-contact-link {
  font-size: 13px; font-weight: 400; color: var(--neutral-400);
  text-decoration: none; transition: color 0.2s; width: fit-content;
}

.footer-contact-link:hover { color: white; }

.footer-newsletter { align-self: start; }

.footer-newsletter-label {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--teal-400); margin-bottom: 8px;
}

.footer-newsletter-title {
  font-size: 13px; color: var(--neutral-400);
  line-height: 1.3; margin-bottom: 16px;
}

.footer-rule {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.07);
}

.footer-legal {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: 32px; flex-wrap: wrap;
  padding: 0 0 28px;
}

.footer-legal-left { display: flex; flex-direction: column; gap: 12px; }

.footer-legal-text { font-size: 11px; color: var(--neutral-400); line-height: 1.6; }

.footer-copyright { font-size: 11px; color: var(--neutral-400); padding-left: 20px; }

.footer-legal-links { display: flex; align-items: center; flex-shrink: 0; }

.footer-legal-links a {
  font-size: 11px; font-weight: 500; color: var(--neutral-400);
  text-decoration: none; padding: 0 14px;
  border-right: 1px solid rgba(255,255,255,0.1);
  white-space: nowrap; transition: color 0.2s;
}

.footer-legal-links a:first-child { padding-left: 0; }

.footer-legal-links a:last-child { padding-right: 0; border-right: none; }

.footer-legal-links a:hover { color: white; }

@media (max-width: 960px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0 0; }
  .footer-legal { padding: 0 0 24px; }
}

@media (max-width: 640px) {
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 0; }
  .footer-info-grid { grid-template-columns: 1fr; gap: 16px; }
  .footer-legal { flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 0 24px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; color: var(--neutral-300); }
}

@media (max-width: 480px) {
  .footer-copyright { padding-left: 0; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
}

.btn {
      font-family: "Work Sans", sans-serif;
      display: inline-flex; align-items: center; gap: 8px;
      font-weight: 700; font-size: 14px;
      border: none; cursor: pointer; text-decoration: none;
      border-radius: 30px; transition: background 0.2s;
      white-space: nowrap; flex-shrink: 0;
    }

.btn-md { padding: 0 24px; height: 40px; font-size: 13px; }

.btn-lg { padding: 0 30px; height: 48px; }

.btn-blue { background: #0070C9; color: white; }

.btn-blue:not(:disabled):hover { background: var(--blue-600); }

.btn-white { background: white; color: var(--blue-600); }

.btn-white:not(:disabled):hover { background: var(--neutral-50); }

.btn-outline-white {
      background: transparent; color: white;
      border: 1px solid rgba(255,255,255,0.45);
    }

.btn-outline-white:not(:disabled):hover { border-width: 1px; border-color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.08); }

.btn-outline-navy {
      background: transparent; color: var(--neutral-950);
      border: 2px solid var(--neutral-200);
    }

.btn-outline-navy:not(:disabled):hover { border-color: var(--neutral-400); }

.btn-teal { background: var(--teal-600); color: white; }

.btn-teal:not(:disabled):hover { background: var(--teal-400); }

@media (max-width: 768px) {
  .header-inner { padding: 0 20px; height: 60px; }
  .btn-lg { height: 44px; font-size: 13px; }
}

@media (max-width: 480px) {
  .cta-row .btn { width: 100%; justify-content: center; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
  .footer-copyright { padding-left: 0; }
}

.utility-login { position: relative; margin-left: 0; height: 35px; display: flex; align-items: center; }

.utility-login-trigger { font-size: 12px; font-weight: 400; color: #48617b; text-decoration: none; height: 35px; display: flex; align-items: center; gap: 5px; cursor: pointer; transition: color 0.15s; padding-left: 10px; }

.utility-login-trigger:hover, .utility-login.open .utility-login-trigger { color: var(--blue-500); }

.utility-login-caret { transition: transform 0.16s ease; }

.utility-login.open .utility-login-caret { transform: rotate(180deg); }

.utility-login-menu { position: absolute; top: 100%; right: 0; min-width: 230px; background: var(--neutral-0); border-radius: 6px; border: 1px solid var(--neutral-150); box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06); padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s; pointer-events: none; z-index: 200; }

.utility-login.open .utility-login-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: all; }

.utility-divider { margin: 0 4px; }

.utility-subscribe { padding: 0 10px; }

@media (max-width: 768px) {
  .utility-login { display: none; }
}

@media (max-width: 768px) {
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
  .logo-img { height: 44px; }
}

.mob-drawer { background: var(--neutral-0); }

.mob-drawer::after { display: none; }

.mob-drw-item { border-bottom-color: var(--neutral-100); }

.mob-drw-btn { color: var(--neutral-700); }

.mob-drw-btn:hover { background: var(--neutral-50); color: var(--blue-500); }

.mob-drw-item.open .mob-drw-btn { color: var(--blue-500); border-left-color: var(--blue-500); background: var(--neutral-50); }

.mob-drw-sub { background: transparent; border-top-color: transparent; padding-bottom: 12px; }

.mob-drw-sub-link { color: var(--neutral-600); padding-left: 16px; }

.mob-drw-sub-link:hover { color: var(--blue-500); background: var(--neutral-100); }

.mob-drw-footer { border-top-color: var(--neutral-100); }

.lgl-overlay {
  display: none; position: fixed; inset: 0; z-index: 1000;
  background: rgba(8,12,24,0.6); align-items: center; justify-content: center;
}

.lgl-overlay.open { display: flex; }

.lgl-panel {
  background: var(--neutral-0); border-radius: 12px;
  width: min(700px, 94vw); max-height: 80vh;
  display: flex; flex-direction: column;
  box-shadow: 0 24px 60px rgba(8,12,24,0.25);
}

.lgl-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 28px; border-bottom: 1px solid var(--neutral-100);
}

.lgl-title { font-size: 20px; font-weight: 600; color: var(--neutral-950); }

.lgl-close {
  width: 36px; height: 36px; background: none; border: none;
  cursor: pointer; font-size: 22px; color: var(--neutral-500);
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; transition: background 0.15s;
}

.lgl-close:hover { background: var(--neutral-100); color: var(--neutral-700); }

.lgl-body { padding: 24px 28px; overflow-y: auto; }

.lgl-body h3 { font-size: 16px; font-weight: 600; margin-bottom: 12px; }

.lgl-body p { font-size: 14px; line-height: 1.7; color: var(--neutral-600); margin-bottom: 10px; }

.lgl-overlay { position: fixed; inset: 0; background: rgba(3,8,26,0.6); z-index: 1100; display: flex; justify-content: flex-end; align-items: stretch; visibility: hidden; opacity: 0; transition: opacity 0.28s ease, visibility 0s linear 0.3s; }

.lgl-overlay.open { visibility: visible; opacity: 1; transition: opacity 0.28s ease; }

.lgl-overlay.open .lgl-modal { transform: translateX(0); }

.lgl-modal { background: #ffffff; width: 100%; max-width: 560px; height: 100%; display: flex; flex-direction: column; box-shadow: -12px 0 48px rgba(0,0,0,0.28); overflow: hidden; transform: translateX(100%); transition: transform 0.34s cubic-bezier(0.4,0,0.2,1); }

.lgl-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 28px 16px; border-bottom: 1px solid #e4e7f0; }

.lgl-title { font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: 700; color: #080c18; letter-spacing: -0.01em; margin: 0; }

.lgl-close { background: none; border: none; cursor: pointer; color: #7a849f; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: color 0.15s, background 0.15s; flex-shrink: 0; }

.lgl-close:hover { color: #080c18; background: #e4e7f0; }

.lgl-body { padding: 20px 28px 28px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.lgl-body .lgl-updated { font-size: 12px; color: #7a849f; margin: 0 0 16px; }

.lgl-body h3 { font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #080c18; margin: 22px 0 8px; }

.lgl-body p { font-size: 13px; line-height: 1.65; color: #28304a; margin: 0 0 12px; }

.lgl-body ul { margin: 0 0 12px; padding-left: 20px; }

.lgl-body li { font-size: 13px; line-height: 1.6; color: #28304a; margin-bottom: 7px; }

.lgl-body a { color: #1a5cff; text-decoration: underline; }

.lgl-body a:hover { color: #0040cc; }

@media (max-width: 768px) {
  .lgl-overlay { padding: 0; }
  .lgl-modal { max-width: 100%; }
}

.header-search-btn,
.mob-search-btn,
.mob-trigger,
.lgl-close { padding: 0 !important; }

.utility-bar { background: #f0f5ff; height: 35px; }

.utility-links {
      max-width: 1300px; margin: 0 auto; height: 35px; padding: 0;
      display: flex; align-items: center; justify-content: flex-end;
    }

.utility-link {
      font-size: 12px; font-weight: 400; color: var(--neutral-400);
      text-decoration: none; padding: 0 10px; height: 35px;
      display: flex; align-items: center; transition: color 0.15s;
    }

.utility-link:hover { color: var(--blue-500); }

.utility-divider { width: 1px; height: 14px; background: var(--neutral-200); margin: 0 16px; flex-shrink: 0; }

.utility-subscribe {
      font-size: 12px; font-weight: 400; color: #48617b; text-decoration: none;
      height: 35px; display: flex; align-items: center; gap: 6px; transition: color 0.15s;
    }

.utility-subscribe:hover { color: var(--blue-500); }

.utility-subscribe svg { flex-shrink: 0; }

.utility-contact {
      font-size: 12px; font-weight: 500; color: #48617b; text-decoration: none;
      margin-left: 20px; height: 35px; display: flex; align-items: center; gap: 6px; transition: color 0.15s;
    }

.utility-contact:hover { color: var(--blue-500); }

.site-header {
      background: var(--neutral-0); position: sticky; top: 0; z-index: 150;
      border-bottom: 1px solid var(--neutral-50);
    }

.header-inner {
      max-width: 1300px; margin: 0 auto; padding: 0;
      height: 72px; display: flex; align-items: center;
    }

.logo-wrap { display: flex; align-items: center; text-decoration: none; margin-right: 40px; flex-shrink: 0; }

.logo-img { height: 44px; width: auto; display: block; }

.nav-item { position: relative; height: 72px; display: flex; align-items: center; }

.nav-link {
      font-size: 15px; font-weight: 600; color: var(--neutral-700);
      text-decoration: none; padding: 0 16px; height: 72px;
      display: flex; align-items: center; gap: 5px;
      transition: color 0.2s, background 0.2s; white-space: nowrap;
      border-bottom: 2px solid transparent;
    }

.nav-link:hover, .nav-item:hover > .nav-link { color: var(--blue-500); border-bottom-color: transparent; }

.nav-link.active { color: var(--blue-500); border-bottom-color: var(--blue-500); }

.dropdown {
      position: absolute; top: calc(100% + 4px); left: 0; min-width: 230px;
      background: var(--neutral-0); border-radius: 6px; border: 1px solid var(--neutral-200);
      box-shadow: 0 8px 32px rgba(3,8,26,0.14), 0 2px 8px rgba(3,8,26,0.06);
      padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(-4px);
      transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s; pointer-events: none;
    }

.nav-item.open .dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: all; }

.dropdown--wide { min-width: 280px; }

.dropdown-label {
      font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--neutral-400); padding: 10px 18px 4px;
    }

.dropdown-link {
      display: flex; align-items: center; gap: 10px; padding: 9px 18px;
      font-size: 13px; font-weight: 500; color: var(--neutral-600);
      text-decoration: none; transition: background 0.15s, color 0.15s;
    }

.dropdown-link:hover { background: var(--neutral-50); color: var(--blue-500); }

.dropdown-link.active { color: var(--blue-500); background: var(--neutral-50); }

.header-cta { display: flex; align-items: center; gap: 12px; margin-left: 24px; flex-shrink: 0; }

.header-search-btn {
      width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer; border-radius: 50%;
      color: var(--neutral-600); transition: background 0.15s, color 0.15s; flex-shrink: 0;
    }

.header-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.btn {
      font-family: 'Work Sans', sans-serif;
      display: inline-flex; align-items: center; justify-content: center; gap: 5px;
      border: 1px solid transparent; border-radius: 30px; cursor: pointer;
      text-decoration: none; white-space: nowrap; -webkit-font-smoothing: antialiased;
      transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    }

.btn-md { font-size: 13px; font-weight: 500; letter-spacing: 0.005em; padding: 0 20px; height: 34px; }

.btn-p { background: #0070C9; color: #fff; border-color: #0070C9; box-shadow: 0 1px 2px rgba(26,92,255,0.18); }

.btn-p:hover { background: #005CA8; border-color: #005CA8; box-shadow: 0 3px 10px rgba(26,92,255,0.26); }

.btn-outline-white { background: transparent; color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.25); }

.btn-outline-white:hover { border-color: rgba(255,255,255,0.5); color: white; }

.btn-s { background: var(--neutral-0); color: var(--neutral-700); border-color: var(--neutral-200); box-shadow: 0 1px 2px rgba(8,12,24,0.04); }

.btn-s:hover { background: var(--neutral-50); border-color: var(--neutral-300); color: var(--neutral-950); box-shadow: 0 1px 3px rgba(8,12,24,0.07); }

.m-trigger {
      display: none; width: 44px; height: 44px; background: none; border: none;
      cursor: pointer; flex-direction: column; align-items: center; justify-content: center;
      gap: 6px; flex-shrink: 0; padding: 0;
    }

.m-line {
      width: 22px; height: 2px; background: var(--neutral-700); border-radius: 999px;
      transform-origin: center;
      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), opacity 0.2s cubic-bezier(0.4,0,0.2,1), background 0.22s ease, width 0.2s ease;
    }

body.nav-open .m-trigger .m-line:nth-child(1) { transform: translateY(8px) rotate(45deg); background: #0070C9; }

body.nav-open .m-trigger .m-line:nth-child(2) { opacity: 0; width: 0; }

body.nav-open .m-trigger .m-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background: #0070C9; }

.mob-search-btn {
      display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer; border-radius: 50%;
      color: var(--neutral-700); transition: background 0.15s, color 0.15s;
      flex-shrink: 0; padding: 0; margin-left: auto;
    }

.mob-search-btn:hover { background: var(--neutral-100); color: var(--blue-500); }

.mob-backdrop {
      display: none; position: fixed; left: 0; right: 0; bottom: 0;
      background: rgba(3,8,26,0.45); backdrop-filter: blur(1px);
      opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 140;
    }

.mob-backdrop.open { opacity: 1; pointer-events: all; }

.mob-drawer {
      display: none; position: fixed; left: 0; bottom: 0;
      width: 75%; max-width: 320px; background: var(--navy-900);
      transform: translateX(-100%); transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
      z-index: 145; flex-direction: column; overflow-y: auto;
    }

.mob-drawer.open { transform: translateX(0); }

.mob-drw-nav { padding: 6px 0; }

.mob-drw-item { border-bottom: 1px solid rgba(255,255,255,0.06); }

.mob-drw-btn {
      display: flex; align-items: center; justify-content: space-between;
      width: 100%; padding: 13px 16px; background: none; border: none;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 600;
      color: rgba(255,255,255,0.85); cursor: pointer; text-align: left;
      transition: background 0.15s, color 0.15s; border-left: 2px solid transparent;
    }

.mob-drw-btn:hover { background: rgba(255,255,255,0.04); color: white; }

.mob-drw-item.open .mob-drw-btn { color: white; border-left-color: var(--teal-400); background: rgba(255,255,255,0.04); }

.mob-drw-chev { transition: transform 0.22s ease; flex-shrink: 0; opacity: 0.45; }

.mob-drw-item.open .mob-drw-chev { transform: rotate(180deg); opacity: 0.8; }

.mob-drw-sub { display: none; background: rgba(0,0,0,0.15); border-top: 1px solid rgba(255,255,255,0.04); }

.mob-drw-item.open .mob-drw-sub { display: block; }

.mob-drw-sub-link {
      display: flex; align-items: center; gap: 8px; padding: 9px 16px 9px 30px;
      font-size: 11px; font-weight: 500; color: rgba(255,255,255,0.75);
      text-decoration: none; transition: color 0.15s, background 0.15s;
    }

.mob-drw-sub-link:hover { color: white; background: rgba(255,255,255,0.03); }

.mob-d-pill {
      display: inline-flex; align-items: center; justify-content: center;
      height: 16px; padding: 0 5px; border-radius: 3px;
      font-size: 7.5px; font-weight: 700; letter-spacing: 0.03em; flex-shrink: 0;
    }

.mob-d-pill.cusip { background: var(--navy-600); color: white; }

.mob-d-pill.cins { background: var(--teal-500); color: white; }

.mob-d-pill.isin { background: #1a3d99; color: white; }

.mob-d-pill.lei { background: #5c7fd4; color: white; }

.mob-d-pill.cei { background: var(--neutral-600); color: white; }

.mob-drw-footer { padding: 14px 16px 20px; border-top: 1px solid rgba(255,255,255,0.07); }

.mob-drw-cta {
      display: flex; align-items: center; justify-content: center;
      width: 100%; height: 34px; background: #0070C9; color: white;
      border: 1px solid #0070C9; border-radius: 30px;
      font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 500;
      cursor: pointer; margin-bottom: 12px; text-decoration: none;
      transition: background 0.15s, border-color 0.15s;
    }

.mob-drw-cta:hover { background: #005CA8; border-color: #005CA8; }

.mob-drw-util { display: flex; }

.mob-drw-util-link {
      font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.5);
      text-decoration: none; padding-right: 12px; margin-right: 12px;
      border-right: 1px solid rgba(255,255,255,0.1); transition: color 0.15s;
    }

.mob-drw-util-link:last-child { border-right: none; }

.mob-drw-util-link:hover { color: rgba(255,255,255,0.8); }

@media (max-width: 1100px) {
  .header-inner { padding: 0 24px; }
  .utility-links { padding: 0 24px; }
  .nav-link { padding: 0 12px; }
}

@media (max-width: 768px) {
  .utility-bar { display: none; }
  .header-cta { display: none; }
  .m-trigger { display: flex; }
  .mob-search-btn { display: flex; }
  .mob-backdrop { display: block; top: 60px; }
  .mob-drawer { display: flex; top: 60px; }
  .header-inner { position: relative; height: 60px; padding: 0 16px; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-right: 0; }
  .logo-img { height: 38px; }
}

.footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.25); margin: 40px 0 20px; }

.footer-inner { max-width: 800px; margin: 0 auto; padding: 0; }

.footer-main-bg { background: var(--navy-950); }

.footer-col-heading {
      font-size: 11px; font-weight: 500; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--teal-400); margin-bottom: 16px;
    }

.footer-main {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      gap: 48px; align-items: start; padding: 48px 0 0;
    }

.footer-company-name { font-size: 13px; font-weight: 600; color: white; line-height: 1.15; letter-spacing: 0; }

.footer-info { display: flex; flex-direction: column; gap: 8px; }

.footer-address { font-size: 13px; color: var(--neutral-400); line-height: 1.65; margin-bottom: 4px; font-style: normal; }

.footer-phone {
      font-size: 13px; color: var(--neutral-400);
      text-decoration: none; display: flex; align-items: center; gap: 7px;
      transition: color 0.2s;
    }

.footer-phone:hover { color: white; }

.footer-phone svg { opacity: 0.45; flex-shrink: 0; }

.footer-contact-link {
      font-size: 13px; font-weight: 400; color: var(--neutral-400);
      text-decoration: none; transition: color 0.2s; width: fit-content;
    }

.footer-contact-link:hover { color: white; }

.footer-newsletter { align-self: start; }

.footer-newsletter-label {
      font-size: 10px; font-weight: 600; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--teal-400); margin-bottom: 8px;
    }

.footer-newsletter-title { font-size: 13px; color: var(--neutral-400); line-height: 1.3; margin-bottom: 16px; }

.footer-rule { border: none; border-top: 1px solid rgba(255,255,255,0.07); }

.footer-legal {
      display: flex; align-items: center; justify-content: space-between;
      gap: 32px; flex-wrap: wrap; padding: 0 0 28px;
    }

.footer-legal-left { display: flex; flex-direction: column; gap: 12px; }

.footer-legal-text { font-size: 11px; color: var(--neutral-400); line-height: 1.6; }

.footer-copyright { font-size: 11px; color: var(--neutral-400); padding-left: 20px; }

.footer-legal-links { display: flex; align-items: center; flex-shrink: 0; }

.footer-legal-links a {
      font-size: 11px; font-weight: 500; color: var(--neutral-400);
      text-decoration: none; padding: 0 14px;
      border-right: 1px solid rgba(255,255,255,0.1);
      white-space: nowrap; transition: color 0.2s;
    }

.footer-legal-links a:first-child { padding-left: 0; }

.footer-legal-links a:last-child { padding-right: 0; border-right: none; }

.footer-legal-links a:hover { color: white; }

@media (max-width: 960px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 0 0; }
  .footer-legal { padding: 0 0 24px; }
}

@media (max-width: 640px) {
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 0; }
  .footer-info-grid { grid-template-columns: 1fr; gap: 16px; }
  .footer-legal { flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 0 24px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; color: var(--neutral-300); }
}

@media (max-width: 480px) {
  .footer-copyright { padding-left: 0; }
  .footer-inner { padding: 0 20px; }
  .footer-legal-text { font-size: 11px; line-height: 1.75; }
  .footer-legal-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal-links a { padding: 4px 0; border-right: none; }
}

@media (max-width: 768px) {
  .footer-helix { display: none !important; }
  .logo-wrap { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
  .logo-img { height: 44px; }
}

.mob-drawer { background: var(--neutral-0); }

.mob-drawer::after { display: none; }

.mob-drw-item { border-bottom-color: var(--neutral-100); }

.mob-drw-btn { color: var(--neutral-700); }

.mob-drw-btn:hover { background: var(--neutral-50); color: var(--blue-500); }

.mob-drw-item.open .mob-drw-btn { color: var(--blue-500); border-left-color: var(--blue-500); background: var(--neutral-50); }

.mob-drw-chev { opacity: 0.55; }

.mob-drw-sub { background: transparent; border-top-color: transparent; padding-bottom: 12px; }

.mob-drw-sub-link { color: var(--neutral-600); padding-left: 16px; }

.mob-drw-sub-link:hover { color: var(--blue-500); background: var(--neutral-100); }

.mob-drw-footer { border-top-color: var(--neutral-100); }

.mob-drw-util { flex-direction: column; align-items: stretch; margin: 0 -16px; padding: 0 16px 13px; border-bottom: 1px solid var(--neutral-100); }

.mob-drw-util-link { color: var(--neutral-600); border-right: none; margin-right: 0; padding: 11px 0; font-size: 13px; border-bottom: 1px solid var(--neutral-100); }

.mob-drw-util-link:hover { color: var(--blue-500); }

.mob-drw-util-link:last-child { border-bottom: none; }

.mob-drw-util-link:first-child { padding-top: 0; }

.mob-drw-nav .mob-drw-item:last-child { border-bottom: none; }

.c-modal__overlay {
      background: rgba(6, 13, 46, 0.6);
    }

.c-modal__contentWrapper {
      border-radius: 16px;
      box-shadow: 0 4px 32px rgba(3,8,26,0.10), 0 0 0 1px rgba(3,8,26,0.05);
    }

.c-modal__content {
      font-family: 'Work Sans', sans-serif;
      color: var(--neutral-700);
    }

.c-modal__content h3,
    .c-modal__content h4,
    .c-modal__content h5 {
      font-family: 'Work Sans', sans-serif;
      color: var(--navy-900);
      font-weight: 700;
      letter-spacing: -0.01em;
    }

.c-modal__content p {
      color: var(--neutral-500);
      line-height: 1.6;
    }

.c-modal__content a:not(.c-btn) {
      color: var(--blue-500);
    }

.c-modal__content .c-input--box {
      border-radius: 10px;
      border: 1px solid var(--neutral-200);
      min-height: 46px;
      background: var(--neutral-0);
      padding: 0 14px;
      transition: border-color 0.15s, box-shadow 0.15s;
    }

.c-modal__content .c-input--box:focus-within {
      border-color: var(--blue-500);
      box-shadow: 0 0 0 3px rgba(26,92,255,0.10);
    }

.c-modal__content .c-input__field {
      font-family: 'Work Sans', sans-serif;
      font-size: 14px;
      color: var(--neutral-950);
    }

.c-modal__content .c-floatingLabel {
      font-family: 'Work Sans', sans-serif;
      color: var(--neutral-400);
    }

.c-modal__close {
      border-radius: 50%;
      transition: background-color 0.15s;
    }

.c-modal__close:hover {
      background-color: var(--neutral-100);
    }

.btn-blue-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 22px;
      background: #0070C9;
      color: #fff;
      border: 1px solid #0070C9;
      margin-bottom: 30px;
      border-radius: 30px;
      font-family: 'Work Sans', sans-serif;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.01em;
      text-decoration: none;
      cursor: pointer;
      box-shadow: 0 1px 2px rgba(26, 92, 255, 0.18);
      transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    }

.btn-blue-pill:hover {
      background: #005CA8;
      border-color: #005CA8;
      box-shadow: 0 3px 10px rgba(26, 92, 255, 0.26);

    }

/* ===== CorporateDebt.jsp page-specific overrides (scoped selectors — inert on other pages) ===== */

      /* ── Split layout: navy sidebar + single content pane (v2 preview) ── */
      #stepperSec {
        display: flex;
        align-items: stretch;
      }
      .cd-sidebar {
        width: 230px;
        min-width: 230px;
        background: var(--navy-900);
        padding: 32px 22px 32px 26px;
        display: flex;
        flex-direction: column;
        gap: 0;
        position: relative;
      }
      .cd-sidebar::before {
        content: '';
        position: absolute;
        left: 41px;
        top: 56px;
        bottom: 56px;
        width: 1px;
        background: rgba(255,255,255,0.09);
      }
      .cd-step {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 11px 0;
        cursor: pointer;
        position: relative;
        z-index: 1;
      }
      .cd-step.is-pending { cursor: default; }
      .cd-step-circle {
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Work Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        flex-shrink: 0;
        position: relative;
        z-index: 1;
        background: transparent;
        border: 1.5px solid rgba(255,255,255,0.35);
        color: rgba(255,255,255,0.55);
        transition: background 0.25s, border-color 0.25s, color 0.25s;
      }
      .cd-step.is-active .cd-step-circle {
        background: var(--neutral-0);
        border: none;
        color: var(--navy-900);
      }
      /* Done-step checkmark/"Completed" styling only applies in the actual wizard
         (#stepperSec[data-plugin="Stepper"]) — there, earlier steps genuinely were
         validated before the user could move past them. In the returning-requestor
         "show every step" mode, nothing before the current step is actually
         validated/complete just because it's earlier in the list, so that mode
         always shows a plain number + "Step N of 6" instead (see JS below). */
      .cd-step.is-done .cd-step-circle {
        background: transparent;
        border: 1.5px solid rgba(255,255,255,0.35);
        color: rgba(255,255,255,0.55);
      }
      #stepperSec[data-plugin="Stepper"] .cd-step.is-done .cd-step-circle {
        background: var(--teal-400);
        border: none;
        color: transparent;
        font-size: 0;
      }
      #stepperSec[data-plugin="Stepper"] .cd-step.is-done .cd-step-circle::after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M2 6.5l3 3 6-6' stroke='%23060d2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
      }
      .cd-step-meta { display: flex; flex-direction: column; gap: 1px; padding-top: 4px; }
      .cd-step-title {
        font-family: 'Work Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: rgba(255,255,255,0.55);
        line-height: 1.2;
        transition: color 0.2s;
      }
      .cd-step.is-active .cd-step-title { color: #fff; font-weight: 700; }
      #stepperSec[data-plugin="Stepper"] .cd-step.is-done .cd-step-title { color: rgba(255,255,255,0.7); }
      .cd-step-sub {
        font-size: 11px;
        color: rgba(255,255,255,0.45);
        transition: color 0.2s;
      }
      .cd-step.is-active .cd-step-sub { color: var(--teal-400); font-weight: 500; }

      .cd-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-width: 0;
      }

      /* Only the active step's pane is shown (matches v2's one-pane-at-a-time content panel).
         Scoped to [data-plugin="Stepper"]: for returning requestors, the site's own JS
         (request_app.js) does document.getElementById('stepperSec').removeAttribute('data-plugin')
         to switch to a "show every step, single Submit button" mode with no Next/Previous
         wizard. Once that attribute is removed, this rule stops applying, so that mode
         automatically falls back to the pre-redesign stacked layout below — the sidebar
         itself stays visible in both modes. */
      #stepperSec[data-plugin="Stepper"] .c-stepper__step:not(.is-active) { display: none !important; }

      /* The inline numbered badge and edit-pencil are leftovers from the old
         accordion layout — the sidebar now owns step numbering/navigation, so
         hide both, and stack the title/content columns full-width (v2 header
         above fields) instead of the old side-by-side 3-column layout.
         Scoped with a direct-child selector so the inner 2-column field grid
         (deeper inside #contentStepN) is untouched. */
      .cd-content .c-stepper__step > .o-layout > ._por,
      .cd-content .c-stepper__iconContainer {
        display: none !important;
      }
      .cd-content .c-stepper__step > .o-layout > .o-layout__item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
      }
      .cd-content .c-stepper__step .c-reveal__content {
        margin-top: 16px !important;
      }

      /* Eyebrow above each step's title ("STEP N OF 6"), matching v2's panel-eyebrow.
         The step number comes from a data-cd-step-num attribute set on each
         h3.c-stepper__title (see the DOMContentLoaded script in CorporateDebt.jsp) —
         not CSS nth-of-type, since cusipBillingInfo.jsp/cusipDocument.jsp inject extra
         sibling divs (modals, error containers) between step blocks that would throw
         off a pure-position count. */
      h3.c-stepper__title[data-cd-step-num]::before {
        content: "STEP " attr(data-cd-step-num) " OF 6";
        display: block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: var(--teal-500);
        margin-bottom: 4px;
      }

      /* "You are currently applying for..." breadcrumb banner (returningRequestor.jsp) —
         sizes only, per request. Scoped to #form (this banner's own id) so it doesn't
         affect the many other request forms that share this same include. */
      #form.c-form__breadcrumbHeader p._fz14 { font-size: 12px !important; }
      #form.c-form__breadcrumbHeader ._fz18 { font-size: 15px !important; }
      #form.c-form__breadcrumbHeader #FeesTurnaround { font-size: 14px !important; }
      #form.c-form__breadcrumbHeader #loginSection { font-size: 14px !important; }

      /* ── Stepper steps ── */
      .c-stepper__step {
        border-bottom: 1px solid var(--neutral-100);
      }
      .c-stepper__step:last-child { border-bottom: none; }
      .c-stepper__step > .o-layout {
        padding: 26px 32px !important;
      }

      /* ── Step title ── */
      h3.c-stepper__title {
        font-family: 'Work Sans', sans-serif;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--neutral-950) !important;
        letter-spacing: -0.01em;
        line-height: 1.25;
        cursor: pointer;
        transition: color 0.15s;
      }
      h3.c-stepper__title:hover { color: var(--blue-500); }
      .c-stepper__step.is-active h3.c-stepper__title { color: var(--navy-900) !important; }

      /* ── Section sub-headers (h4) ── */
      #corp02 h4,
      #corp02 h4._fz20 {
        font-family: 'Work Sans', sans-serif;
        font-size: 11px !important;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--neutral-400) !important;
        margin: 24px 0 14px !important;
      }

      /* ── Dividers ── */
      #corp02 hr {
        border: none;
        border-top: 1px solid var(--neutral-100);
        margin: 0;
      }

      /* ── Input wrapper ── */
      #corp02 .c-input--box {
        border-radius: 10px !important;
        border: 1px solid var(--neutral-200) !important;
        min-height: 46px !important;
        background: var(--neutral-0) !important;
        transition: border-color 0.15s, box-shadow 0.15s;
        padding: 0 14px;
        display: flex;
        align-items: center;
      }
      #corp02 .c-input--box:focus-within {
        border-color: var(--blue-500) !important;
        box-shadow: 0 0 0 3px rgba(26,92,255,0.10) !important;
      }
      #corp02 .c-input--box.c-input--textArea,
      #corp02 .c-input--box.c-input--date {
        align-items: flex-start;
        padding: 12px 14px;
      }

      /* ── Required field: blue left accent ── */
      #corp02 .c-input--required .c-input--box {
        border-left: 3px solid var(--blue-500) !important;
        padding-left: 12px;
      }

      /* ── Input field (text) ── */
      #corp02 .c-input__field {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: var(--neutral-950);
        background: transparent !important;
        border: none !important;
        outline: none;
        width: 100%;
        padding: 0;
        line-height: 1.4;
      }
      #corp02 .c-input__field::placeholder {
        color: var(--neutral-300);
        font-weight: 400;
      }
      #corp02 textarea.c-input__field {
        min-height: 96px;
        resize: vertical;
        padding: 0;
        line-height: 1.55;
      }

      /* ── Date icon ── */
      #corp02 .c-input--date { position: relative; }
      #corp02 .c-input--date .c-input__icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        opacity: 0.35;
      }

      /* ── Select dropdowns ── */
      #corp02 select {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: var(--neutral-950);
        border: 1px solid var(--neutral-200) !important;
        border-radius: 10px !important;
        height: 46px;
        min-height: 46px;
        padding: 0 36px 0 14px;
        background: var(--neutral-0);
        width: 100%;
        transition: border-color 0.15s, box-shadow 0.15s;
        appearance: auto;
        outline: none;
      }
      #corp02 select:focus {
        border-color: var(--blue-500) !important;
        box-shadow: 0 0 0 3px rgba(26,92,255,0.10) !important;
      }

      /* ── Custom select dropdown (.c-select, from the FloatingLabelSelect plugin) ──
           Separate widget wrapped around the native <select>, so the border-radius
           on #corp02 select above doesn't reach it. Deliberately NOT using
           overflow:hidden on .c-select to clip it — .c-select__dropdown (the popup
           option list) is a child of .c-select, so that approach was clipping the
           open dropdown itself and broke it. Rounding .c-select and .c-select__button
           directly avoids that. */
      #corp02 .c-select {
        border: 1px solid var(--neutral-200) !important;
        border-radius: 10px !important;
        min-height: 46px;
      }
      #corp02 .c-select__button {
        border-radius: 10px !important;
      }
      #corp02 .c-select.is-open {
        border-color: var(--blue-500) !important;
        box-shadow: 0 0 0 3px rgba(26,92,255,0.10) !important;
      }

      /* ── Checkboxes & radios ── */
      #corp02 .c-input__box[type="checkbox"],
      #corp02 .c-input__radio[type="radio"] {
        flex-shrink: 0;
        accent-color: var(--blue-500);
        cursor: pointer;
      }
      #corp02 .c-input__label {
        font-family: 'Work Sans', sans-serif;
        font-size: 13px;
        color: var(--neutral-600);
        line-height: 1.55;
      }

      /* ── Helper / note text ── */
      #corp02 small {
        font-size: 12px;
        color: var(--neutral-400);
        margin-top: 5px;
        display: block;
        line-height: 1.5;
      }
      #corp02 p._fz14 {
        font-size: 13px !important;
        color: var(--neutral-500);
        line-height: 1.65;
      }

      /* ── Bottom nav bar (Prev / dots / Next) — matches corporate-debt-preview-v2.jsp's
         .panel-nav */
      #corp02 .cd-panel-nav {
        padding: 14px 34px;
        background: var(--neutral-50);
        border-top: 1px solid var(--neutral-100);
      }

      /* ── Step progress dots (replaces the old "Step N of 6" text counter) ── */
      .cd-dots { display: flex; align-items: center; gap: 6px; }
      .cd-dot {
        width: 7px; height: 7px; border-radius: 50%;
        background: var(--neutral-200);
        transition: background 0.2s, width 0.2s;
      }
      .cd-dot.is-active { width: 20px; border-radius: 4px; background: var(--navy-900); }
      .cd-dot.is-done    { background: var(--teal-400); }

      /* ── Primary buttons (Next / Submit) ── */
      #corp02 .c-btn._white,
      #corp02 .c-btn._white._ttu,
      #corp02 .c-btn--white {
        background: var(--navy-900) !important;
        color: #fff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 11px 22px !important;
        font-family: 'Work Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.01em;
        text-transform: none !important;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: background 0.15s, transform 0.1s;
        white-space: nowrap;
      }
      #corp02 .c-btn._white:hover,
      #corp02 .c-btn._white._ttu:hover { background: var(--navy-800) !important; }
      #corp02 .c-btn._white:active { transform: scale(0.98); }

      /* ── Previous button (ghost / outlined) ── */
      #corp02 .c-btn._white._red {
        background: transparent !important;
        color: var(--neutral-600) !important;
        border: 1px solid var(--neutral-200) !important;
      }
      #corp02 .c-btn._white._red:hover {
        background: var(--neutral-50) !important;
        color: var(--neutral-950) !important;
        border-color: var(--neutral-300) !important;
      }

      /* ── Spacing helpers ── */
      #corp02 ._mb   { margin-bottom: 16px !important; }
      #corp02 ._mbsm { margin-bottom: 12px !important; }
      #corp02 ._mbxs { margin-bottom: 8px  !important; }
      #corp02 ._mt   { margin-top:    16px !important; }

      /* Rounded-box field styling — same treatment cusip-redesign.css already applies
         inside modals (.c-modal__content .c-input--box), extended here to the main
         wizard form fields so they match the v2 preview (corporate-debt-preview-v2.html).
         Only visual properties touched; .c-floatingLabel's own position/top/transform/
         transition (driven earlier in this file) stay untouched. */
      .c-input--box {
        border-radius: 10px;
        border: 1px solid var(--neutral-200);
        min-height: 46px;
        background: var(--neutral-0);
        padding: 0 14px;
        transition: border-color 0.15s, box-shadow 0.15s;
      }
      .c-input--box:focus-within {
        border-color: var(--blue-500);
        box-shadow: 0 0 0 3px rgba(26,92,255,0.10);
      }
      .c-input--validationError.c-input--box {
        border-color: #D6002A !important;
      }
      .c-input__field {
        font-family: 'Work Sans', sans-serif;
        font-size: 14px;
        color: var(--neutral-950);
      }
      .c-floatingLabel {
        font-family: 'Work Sans', sans-serif;
        color: var(--neutral-400);
      }

      /* ── Mobile ── */
      @media (max-width: 767px) {
        form#corp02 { border-radius: 0; margin: 0; }
        .cd-sidebar { display: none; }
        .c-stepper__step > .o-layout { padding: 20px 16px !important; }
        form#corp02 > .o-layout._psm { padding: 18px 16px !important; }
        #corp02 .cd-panel-nav { padding: 16px; }

        /* Its o-layout row has no fraction class below the tabletH breakpoint, so it
           doesn't stack on its own; force it into a single column and left-align the
           right-hand links/returning-customer block (normally right-aligned from
           tabletH up) so nothing gets cramped side-by-side or clipped on narrow screens. */
        #form.c-form__breadcrumbHeader .o-layout._df._pvxs._phlg {
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
        }
        #form.c-form__breadcrumbHeader .c-form__breadcrumbHeaderLogin,
        #form.c-form__breadcrumbHeader #support_links,
        #form.c-form__breadcrumbHeader #FeesTurnaround,
        #form.c-form__breadcrumbHeader #loginSection {
          text-align: left !important;
        }
        #form.c-form__breadcrumbHeader #FeesTurnaround {
          white-space: normal;
        }
      }

      /* ── File upload (Offering Documents step) — full structural block from
         style.css, missing wholesale from this file. Without .c-fileUpload__input's
         absolute-position/opacity:0 rule, the native <input type="file"> the FileUpload
         plugin injects renders as a plain unstyled browser control sitting next to the
         drop-zone graphic instead of invisibly overlaying it — that's the step-5 bug. */
      .c-fileUpload__dropArea {
        position: relative;
        display: none;
      }
      .c-fileUpload__dropAreaMask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
      .c-fileUpload__input,
      .c-fileUpload__inputPlaceHolder {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
      }
      .c-fileUpload {
        position: relative;
        border: 4px dashed #D1D3D4;
        transition: border-color 250ms ease-in-out;
      }
      .c-fileUpload.highlight {
        border-color: #9a9a9a;
      }
      .c-fileUpload__dropArea {
        position: relative;
        display: flex;
        justify-content: center;
        background-color: #fff;
      }
      .c-fileUpload__dropArea,
      .c-fileUpload__fileListWrapper {
        min-height: 350px;
      }
      .c-fileUpload__contentWrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 500px;
        padding: 64px 24px;
        text-align: center;
      }
      .c-fileUpload__title {
        margin-bottom: 16px;
        font-size: 1.25rem;
      }
      .c-fileUpload__text {
        font-size: 1rem;
      }
      .c-fileUpload__fileListWrapper {
        width: 100%;
        padding: 24px 32px;
      }
      .c-fileUpload__fileList {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .c-fileUpload__fileListItem {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
        border-bottom: 1px solid #D1D3D4;
        line-height: 1;
      }
      .c-fileUpload__fileListItem:last-child {
        border-bottom: 0;
      }
      .c-fileUpload__remove {
        padding: 0;
      }
      .c-fileUpload__fileName {
        flex-grow: 1;
      }
      .c-fileUpload.has-files .c-fileUpload__dropArea {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 250ms ease-in-out;
      }
      .c-fileUpload__fileListWrapper {
        display: none;
      }
      .c-fileUpload.has-files .c-fileUpload__fileListWrapper {
        display: block;
      }
      .c-fileUpload.has-files.highlight .c-fileUpload__dropArea {
        visibility: visible;
        opacity: 1;
      }

      /* ── Single-file upload variant (Authorization Form, step 6) — the
         FileUpload plugin adds "c-fileUpload--single" at runtime from
         data-file-upload-modifier="single". Collapses the big drag-drop
         drop-area (min-height:350px, flex-column-centered — meant for the
         multi-file widget) down to a compact 50px horizontal bar: text
         placeholder on the left, Upload button on the right. The peripheral
         font/color rules for the placeholder and button already exist
         elsewhere in this file; only this structural layout piece was missing,
         which is why the button rendered centered inside the full-size
         empty dashed box instead of docked into a compact bar. */
      .c-fileUpload--single {
        display: flex;
        height: 50px;
        border: 0;
      }
      .c-fileUpload--single .c-fileUpload__dropArea {
        width: 100%;
        flex-shrink: 0;
        min-height: 0;
      }
      .c-fileUpload--single .c-fileUpload__contentWrapper {
        display: flex;
        align-items: center;
        flex-direction: row;
        max-width: none;
        width: 100%;
        height: 100%;
        padding: 0;
        text-align: left;
      }
      .c-fileUpload--single.c-fileUpload.has-files .c-fileUpload__fileListWrapper {
        border: 1px solid #D1D3D4;
      }
      .c-fileUpload--single .c-fileUpload__fileListWrapper {
        width: 100%;
        min-height: 0;
        padding: 0 10px 0 16px;
      }
      .c-fileUpload--single .c-fileUpload__fileList {
        list-style: none;
        height: 100%;
      }
      .c-fileUpload--single .c-fileUpload__fileListItem {
        height: 100%;
        padding: 0;
        font-size: 0.75rem;
        text-transform: uppercase;
      }

