.sx-header-shell {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    pointer-events: none;
    padding-top: 16px;
}
.sx-header-wrap {
    pointer-events: auto;
    padding: 0 16px;
    position: relative;
    max-width: calc(var(--page-max) + 32px);
    margin-inline:auto;
}

.sx-header {
    position: relative;
    z-index: 2;
    isolation: isolate;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 72px;
    padding: 0 14px 0 14px;
    border-radius: 16px;
    border: 1px solid transparent;
    animation: sxHeaderEntry .6s var(--ease-out) .1s both;
    transition: background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
    background: #14141852;
    -webkit-backdrop-filter: blur(36px) saturate(140%);
    backdrop-filter: blur(36px) saturate(140%);
    box-shadow: 0 8px 30px -6px #00000059;
    color: #fff;
    --sx-nav-txt: #fff;
    --sx-nav-sub: rgba(255, 255, 255, .78);
    --sx-nav-line: rgba(255, 255, 255, .18);
}

@-webkit-keyframes sxHeaderEntry {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

@keyframes sxHeaderEntry {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

@-webkit-keyframes sxHeaderItemEntry {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

@keyframes sxHeaderItemEntry {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

.sx-header__lockup,.sx-header__brand {
    -webkit-animation: sxHeaderItemEntry .5s var(--ease-out) .38s both;
            animation: sxHeaderItemEntry .5s var(--ease-out) .38s both
}
.sx-nav .sx-nav__item {
    -webkit-animation: sxHeaderItemEntry .5s var(--ease-out) .7s both;
            animation: sxHeaderItemEntry .5s var(--ease-out) .7s both
}
.sx-nav .sx-nav__item:nth-child(1) {
    -webkit-animation-delay: .46s;
            animation-delay: .46s
}
.sx-nav .sx-nav__item:nth-child(2) {
    -webkit-animation-delay: .52s;
            animation-delay: .52s
}
.sx-nav .sx-nav__item:nth-child(3) {
    -webkit-animation-delay: .58s;
            animation-delay: .58s
}
.sx-nav .sx-nav__item:nth-child(4) {
    -webkit-animation-delay: .64s;
            animation-delay: .64s
}
.sx-nav .sx-nav__item:nth-child(5) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s
}
.sx-nav .sx-nav__item:nth-child(6) {
    -webkit-animation-delay: .76s;
            animation-delay: .76s
}
.sx-nav .sx-nav__item:nth-child(7) {
    -webkit-animation-delay: .82s;
            animation-delay: .82s
}
.sx-actions>* {
    -webkit-animation: sxHeaderItemEntry .5s var(--ease-out) .88s both;
            animation: sxHeaderItemEntry .5s var(--ease-out) .88s both
}

@media(prefers-reduced-motion:reduce) {
    .sx-header,.sx-header__lockup,.sx-header__brand,.sx-nav .sx-nav__item,.sx-actions>* {
        animation: none!important
    }
}

.sx-header[data-tone=dark] {
    background: #ffffff94;
    box-shadow: 0 8px 30px -6px #031c2b1f;
    color: #031c2b;
    --sx-nav-txt: #031C2B;
    --sx-nav-sub: rgba(3, 28, 43, .7);
    --sx-nav-line: rgba(3, 28, 43, .1)
}
.sx-header__lockup,
.sx-header__lockup:link,
.sx-header__lockup:visited,
.sx-header__lockup:hover,
.sx-header__lockup:focus,
.sx-header__lockup:active {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
    color: inherit;
    text-decoration: none
}
.sx-header__lockup .sx-lockup,
.sx-header__lockup:hover .sx-lockup {
    color: inherit;
    fill: currentColor
}
.sx-lockup {
    display: block;
    height: 30px;
    width: auto;
    color: currentColor
}
.sx-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    justify-content: center;
    position: relative
}
.sx-nav__item {
    position: relative;
    height: 44px;
    padding: 0 16px;
    white-space: nowrap;
    border-radius: 12px;
    border: none;
    background: transparent;
    color: var(--sx-nav-txt, inherit);
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: background .15s ease,color .35s ease
}
.sx-nav__item:hover,.sx-nav__item[aria-expanded=true] { background: #7f7f7f1a; }

.sx-nav__item:link,
.sx-nav__item:visited,
.sx-nav__item:hover,
.sx-nav__item:focus,
.sx-nav__item:active {
    color: var(--sx-nav-txt, inherit);
    text-decoration: none;
}
.sx-nav__chevron {
    display: inline-block;
    opacity: .7;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}
.sx-nav__item[aria-expanded=true] .sx-nav__chevron {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sx-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}
.sx-action {
    height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: background .18s ease,color .18s ease,border-color .18s ease,-webkit-box-shadow .18s ease;
    transition: background .18s ease,color .18s ease,border-color .18s ease,-webkit-box-shadow .18s ease;
    transition: background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
    transition: background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,-webkit-box-shadow .18s ease;
}

.sx-action,
.sx-action:link,
.sx-action:visited,
.sx-action:hover,
.sx-action:focus,
.sx-action:active {
    text-decoration: none
}
.sx-action--icon {
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    justify-content: center;
    -webkit-transition: background .18s ease;
    transition: background .18s ease;
}
.sx-action--icon:hover {
    background: #7f7f7f1a;
}
.sx-action--primary {
    background: #1360a0;
    color: #fff;
}
.sx-action--primary:hover {
    background: #0e4a7f;
    color: #fff;
}
.sx-action--ghost {
    background: transparent;
    color: inherit;
    border: 1px solid var(--sx-nav-line);
    font-weight: 600;
}
.sx-action--ghost:hover {
    background: #7f7f7f1a;
    border-color: var(--sx-nav-line);
    color: inherit;
}
.coral-arrow {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.coral-arrow__circle {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .22s cubic-bezier(.2,.7,.2,1);
    transition: -webkit-transform .22s cubic-bezier(.2,.7,.2,1);
    transition: transform .22s cubic-bezier(.2,.7,.2,1);
    transition: transform .22s cubic-bezier(.2,.7,.2,1), -webkit-transform .22s cubic-bezier(.2,.7,.2,1);
    pointer-events: none;
}
.coral-arrow__icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: color .22s ease,-webkit-transform .22s cubic-bezier(.2,.7,.2,1);
    transition: color .22s ease,-webkit-transform .22s cubic-bezier(.2,.7,.2,1);
    transition: transform .22s cubic-bezier(.2,.7,.2,1),color .22s ease;
    transition: transform .22s cubic-bezier(.2,.7,.2,1),color .22s ease,-webkit-transform .22s cubic-bezier(.2,.7,.2,1);
}
.sx-burger {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sx-burger__icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 22px;
}
.sx-burger__bar {
    position: absolute;
    left: 2px;
    right: 2px;
    height: 1.8px;
    border-radius: 1px;
    background: currentColor;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top .22s cubic-bezier(.7,0,.2,1),-webkit-transform .28s cubic-bezier(.7,0,.2,1);
    transition: top .22s cubic-bezier(.7,0,.2,1),-webkit-transform .28s cubic-bezier(.7,0,.2,1);
    transition: top .22s cubic-bezier(.7,0,.2,1),transform .28s cubic-bezier(.7,0,.2,1);
    transition: top .22s cubic-bezier(.7,0,.2,1),transform .28s cubic-bezier(.7,0,.2,1),-webkit-transform .28s cubic-bezier(.7,0,.2,1);
}
.sx-burger__bar:nth-child(1) {
    top: 32%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sx-burger__bar:nth-child(2) {
    top: 68%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sx-burger[aria-expanded=true] .sx-burger__bar:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.sx-burger[aria-expanded=true] .sx-burger__bar:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.sx-header__brand {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    padding-right: 8px
}
.sx-back,
.sx-back:link,
.sx-back:visited,
.sx-back:hover,
.sx-back:focus,
.sx-back:active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    gap: 0;
    height: 40px;
    padding: 0 12px;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--sx-nav-line);
    background: transparent;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: var(--fw-semibold, 600);
    letter-spacing: -.005em;
    cursor: pointer;
    -webkit-transition: gap var(--duration-slow, .26s) var(--ease-out),padding var(--duration-slow, .26s) var(--ease-out),background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);
    transition: gap var(--duration-slow, .26s) var(--ease-out),padding var(--duration-slow, .26s) var(--ease-out),background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);
}
.sx-back:hover,
.sx-back:focus-visible {
    gap: 7px;
    padding: 0 15px 0 13px;
    background: #7f7f7f1a;
    border-color: #7f7f7f52
}
.sx-back__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    opacity: .85;
    -webkit-transition: -webkit-transform var(--duration-base) var(--ease-out);
    transition: -webkit-transform var(--duration-base) var(--ease-out);
    transition: transform var(--duration-base) var(--ease-out);
    transition: transform var(--duration-base) var(--ease-out), -webkit-transform var(--duration-base) var(--ease-out)
}
.sx-back:hover .sx-back__arrow,.sx-back:focus-visible .sx-back__arrow {
    -webkit-transform: translate(-2px);
    -ms-transform: translate(-2px);
    transform: translate(-2px);
}
.sx-back__label {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    text-transform: lowercase;
    -webkit-transition: max-width var(--duration-slow, .26s) var(--ease-out),opacity var(--duration-base) var(--ease-out);
    transition: max-width var(--duration-slow, .26s) var(--ease-out),opacity var(--duration-base) var(--ease-out);
}
.sx-back:hover .sx-back__label,
.sx-back:focus-visible .sx-back__label {
    max-width: 120px;
    opacity: 1;
}
.sx-header__lockup--product .product-lockup__name { color: inherit; }

@media(prefers-reduced-motion:reduce) {
    .sx-back,.sx-back__arrow,.sx-back__label {
        -webkit-transition: none;
        transition: none;
    }
    .sx-back {
        gap: 7px;
        padding: 0 15px 0 13px;
    }
    .sx-back__label {
        max-width: 120px;
        opacity: 1;
    }
}
.product-lockup {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.product-lockup__mark {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #1360a0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-lockup__mark svg {
    width: 52%;
    height: auto;
    fill: #fff;
}
.product-lockup__name {
    font-family: var(--font-display);
    font-weight: var(--fw-semibold);
    letter-spacing: -.01em;
    line-height: 1;
    color: inherit;
}
.product-lockup--md .product-lockup__mark {
    width: 42px;
    height: 42px;
    border-radius: 11px;
}
.product-lockup--md .product-lockup__name { font-size: 30px; }

.product-lockup--lg .product-lockup__mark {
    width: 56px;
    height: 56px;
    border-radius: 14px
}

.product-lockup--lg .product-lockup__name { font-size: 40px; }

@media(max-width: 640px) {
    .product-lockup--lg .product-lockup__mark {
        width:46px;
        height: 46px;
        border-radius: 12px;
    }

    .product-lockup--lg .product-lockup__name { font-size: 32px; }
}

.product-lockup--mono .product-lockup__mark {
    background: none;
    border-radius: 0;
    width: auto;
    height: auto
}
.product-lockup--mono .product-lockup__mark svg {
    width: auto;
    fill: currentColor
}

.product-lockup--mono.product-lockup--md .product-lockup__mark svg { height: 24px; }
.product-lockup--mono.product-lockup--lg .product-lockup__mark svg { height: 32px; }
.product-lockup--mono { gap: 9px; }

.sx-dropdown__link:hover,
.sx-soln__ql-linkitem:hover,
.sx-soln__ql-item:hover {
    color: var(--dd-text);
}
.sx-soln__ql-all:hover { color: var(--dd-active, #1360A0); }
.sx-soln__cta-primary:hover { color: #fff; }
.sx-mega__featured:hover { color: #031c2b; }

.sx-dropdown {
    position: absolute;
    z-index: 99;
    top: calc(100% + 10px);
    animation: sxDropIn .22s cubic-bezier(.2,.7,.2,1);
    --dd-line: rgba(3, 28, 43, .09);
    --dd-sub: rgba(3, 28, 43, .62);
    --dd-text: #031C2B;
    --dd-active: #1360A0;
    --dd-rail-bg: rgba(3, 28, 43, .035);
    --dd-teal: #0E8C7D;
    --dd-promo-quiet: rgba(3, 28, 43, .035);
    --dd-promo-quiet-hover: rgba(3, 28, 43, .06);
    --dd-promo-blue: rgba(19, 96, 160, .07);
    --dd-promo-blue-hover: rgba(19, 96, 160, .11);
    --dd-btn-line: rgba(3, 28, 43, .22);
    --dd-btn-fill-hover: rgba(3, 28, 43, .06);
    background: linear-gradient(180deg,#fffffff5,#ffffffed);
    -webkit-backdrop-filter: blur(40px) saturate(150%);
    backdrop-filter: blur(40px) saturate(150%);
    border: 1px solid rgba(255,255,255,.7);
    box-shadow: 0 30px 80px -24px #031c2b4d,inset 0 1px #fffffff2;
    color: #031c2b;
}
.sx-header[data-tone=light] ~ .sx-dropdown,
[data-tone=light] + .sx-dropdown,
.sx-header-wrap:has(.sx-header[data-tone=light]) .sx-dropdown {
	--dd-line: rgba(255, 255, 255, .1);
	--dd-sub: rgba(255, 255, 255, .72);
	--dd-text: #fff;
	--dd-active: #5fb0ef;
	--dd-rail-bg: rgba(255, 255, 255, .04);
	--dd-teal: #05C3AD;
	--dd-promo-quiet: rgba(255, 255, 255, .04);
	--dd-promo-quiet-hover: rgba(255, 255, 255, .07);
	--dd-promo-blue: rgba(95, 176, 239, .1);
	--dd-promo-blue-hover: rgba(95, 176, 239, .15);
	--dd-btn-line: rgba(255, 255, 255, .26);
	--dd-btn-fill-hover: rgba(255, 255, 255, .1);
	background: linear-gradient(180deg,#16181ef2,#12141aeb);
	border-color: #ffffff14;
	box-shadow: 0 30px 80px -22px #0000008c;
	color: #fff
}

@-webkit-keyframes sxDropIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6px) scale(.99);
        transform: translateY(-6px) scale(.99);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes sxDropIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6px) scale(.99);
        transform: translateY(-6px) scale(.99);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

.sx-dropdown[hidden] { display: none; }

@-webkit-keyframes sxFadeUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sxFadeUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.sx-dropdown--mega:not([hidden]) .sx-product-card {
    -webkit-animation: sxFadeUpSmall .28s var(--ease-out) both;
    animation: sxFadeUpSmall .28s var(--ease-out) both
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(1) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms;
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(2) {
    -webkit-animation-delay: .11s;
    animation-delay: .11s;
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(3) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s;
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(4) {
    -webkit-animation-delay: .17s;
    animation-delay: .17s;
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.sx-dropdown--mega:not([hidden]) .sx-product-card:nth-child(6) {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}
.sx-dropdown--mega:not([hidden]) .sx-mega__featured {
    -webkit-animation: sxFadeUpSmall .32s var(--ease-out) .18s both;
    animation: sxFadeUpSmall .32s var(--ease-out) .18s both;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link {
    -webkit-animation: sxFadeUpSmall .24s var(--ease-out) both;
    animation: sxFadeUpSmall .24s var(--ease-out) both;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link:nth-child(1) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link:nth-child(2) {
    -webkit-animation-delay: .11s;
    animation-delay: .11s;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link:nth-child(3) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link:nth-child(4) {
    -webkit-animation-delay: .17s;
    animation-delay: .17s;
}
.sx-dropdown--compact:not([hidden]) .sx-dropdown__link:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
@media(prefers-reduced-motion:reduce) {
    .sx-dropdown--mega:not([hidden]) .sx-product-card,.sx-dropdown--mega:not([hidden]) .sx-mega__featured,.sx-dropdown--compact:not([hidden]) .sx-dropdown__link {
        animation: none !important;
    }
}

.sx-dropdown--compact {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 220px;
    max-width: 368px;
    border-radius: 16px;
    padding: 8px;
    left: 0;
}
.sx-dropdown__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1px;
}
.sx-dropdown__link-ico {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: .55;
}
.sx-dropdown__link>span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.sx-dropdown__link,
.sx-dropdown__link:link,
.sx-dropdown__link:visited,
.sx-dropdown__link:hover,
.sx-dropdown__link:focus,
.sx-dropdown__link:active {
    text-decoration: none;
}
.sx-dropdown__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border-radius: 10px;
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: background .14s ease,color .14s ease;
    transition: background .14s ease,color .14s ease;
}
.sx-dropdown__link-t { min-width: 0; }
.sx-dropdown__link-l { white-space: nowrap; }
.sx-dropdown__link-note {
    font-weight: var(--fw-regular);
    opacity: .62
}
.sx-dropdown__link:hover {
    background: var(--dd-line);
    color: inherit
}
.sx-dropdown__arrow {
    opacity: 0;
    -webkit-transform: translate(-4px) scale(1);
    -ms-transform: translate(-4px) scale(1);
    transform: translate(-4px) scale(1);
    color: currentColor;
    -webkit-transition: opacity .16s ease,color .14s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,color .14s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,transform .18s var(--ease-out),color .14s ease;
    transition: opacity .16s ease,transform .18s var(--ease-out),color .14s ease,-webkit-transform .18s var(--ease-out);
}
.sx-dropdown__link:hover .sx-dropdown__arrow {
    opacity: 1;
    -webkit-transform: translate(0) scale(1.25);
    -ms-transform: translate(0) scale(1.25);
    transform: translate(0) scale(1.25);
    color: #fff;
}
.sx-dropdown--mega {
    width: min(1100px,calc(100vw - 48px));
    border-radius: 22px;
    padding: 18px;
    left: 50%;
    -webkit-animation: sxDropInMega .22s cubic-bezier(.2,.7,.2,1);
    animation: sxDropInMega .22s cubic-bezier(.2,.7,.2,1);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@-webkit-keyframes sxDropInMega {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,-6px) scale(.99);
        transform: translate(-50%,-6px) scale(.99);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1);
    }
}
@keyframes sxDropInMega {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,-6px) scale(.99);
                transform: translate(-50%,-6px) scale(.99);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%) scale(1);
            transform: translate(-50%) scale(1);
    }
}

.sx-dropdown--mega[hidden] { display: none; }
.sx-mega__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.6fr 18px 1fr;
    grid-template-columns: 1.6fr 1fr;
    gap: 18px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.sx-mega__main, 
.sx-mob__accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sx-mega__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
    padding: 4px 10px 12px
}
.sx-mega__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--dd-sub);
}
.sx-mega__hint {
    font-size: 12px;
    color: var(--dd-sub);
    text-align: right;
}
.sx-mega__products {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6px 1fr;
    grid-template-columns: repeat(2,1fr);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    row-gap: 12px;
}

.sx-product-card,
.sx-product-card:link,
.sx-product-card:visited,
.sx-product-card:hover,
.sx-product-card:focus,
.sx-product-card:active {
    text-decoration: none
}
.sx-product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    -webkit-transition: background .14s ease;
    transition: background .14s ease;
}
.sx-product-card:hover {
    background: #1360a01a;
    color: inherit;
}
.sx-product-card *,.sx-product-card:hover * {
    text-decoration: none!important;
}
.sx-product-card__chip {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: color-mix(in srgb,#1360A0 12%,transparent);
    color: #1360a0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .16s ease;
    transition: background .16s ease;
}
.sx-product-card:hover .sx-product-card__chip {
    background: color-mix(in srgb,#1360A0 18%,transparent)
}
.sx-product-card__chip svg {
    width: 22px;
    height: 22px;
    fill: none
}
.sx-product-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sx-product-card__name {
    margin: 0;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2
}
.sx-product-card__blurb {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--dd-sub);
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sx-product-card__arrow {
    color: #1360a0;
    opacity: 0;
    -webkit-transform: translate(-4px) scale(1);
    -ms-transform: translate(-4px) scale(1);
    transform: translate(-4px) scale(1);
    -webkit-transition: opacity .16s ease,color .14s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,color .14s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,transform .18s var(--ease-out),color .14s ease;
    transition: opacity .16s ease,transform .18s var(--ease-out),color .14s ease,-webkit-transform .18s var(--ease-out);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.sx-product-card:hover .sx-product-card__arrow {
    opacity: 1;
    transform: translate(0) scale(1.25);
    color: #fff;
}
.sx-mega__featured,
.sx-mega__featured:link,
.sx-mega__featured:visited,
.sx-mega__featured:hover,
.sx-mega__featured:focus,
.sx-mega__featured:active {
    text-decoration: none
}
.sx-mega__featured {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    padding: 26px;
    border-radius: 18px;
    background: #05c3ad;
    color: #031c2b;
    position: relative;
    overflow: hidden;
    min-height: 260px;
    border: none;
    -webkit-transition: background .2s ease,-webkit-transform .2s var(--ease-out);
    transition: background .2s ease,-webkit-transform .2s var(--ease-out);
    transition: background .2s ease,transform .2s var(--ease-out);
    transition: background .2s ease,transform .2s var(--ease-out),-webkit-transform .2s var(--ease-out);
}
.sx-mega__featured:hover {
    background: #04b09c;
    transform: translateY(-2px);
}
.sx-mega__featured,.sx-mega__featured:hover,.sx-mega__featured *,.sx-mega__featured:hover * {
    text-decoration: none!important;
}
.sx-mega__featured-watermark {
    position: absolute;
    right: -18px;
    bottom: -24px;
    width: 230px;
    fill: #031c2b;
    opacity: .07;
    pointer-events: none;
}
.sx-mega__featured-body {
    position: relative;
    display: flex;
    flex-direction: column;
}
.sx-mega__featured-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #031c2b99;
    margin-bottom: 6px;
}
.sx-mega__featured-stat {
    font-family: var(--font-display);
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
    color: #031c2b;
}
.sx-mega__featured-statlabel {
    margin: 14px 0 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    color: #031c2b;
    max-width: 230px
}
.sx-mega__featured-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 999px;
    background: #031c2b;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    align-self: flex-start;
    position: relative;
    transition: background .18s ease
}
.sx-mega__featured-cta svg {
    -webkit-transition: -webkit-transform var(--duration-base) var(--ease-out);
    transition: -webkit-transform var(--duration-base) var(--ease-out);
    transition: transform var(--duration-base) var(--ease-out);
    transition: transform var(--duration-base) var(--ease-out), -webkit-transform var(--duration-base) var(--ease-out);
}
.sx-mega__featured:hover .sx-mega__featured-cta svg {
    -webkit-transform: translate(4px);
    -ms-transform: translate(4px);
    transform: translate(4px);
}
.sx-dropdown--soln {
    width: min(960px,calc(100vw - 48px));
    padding: 0
}
.sx-soln {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 256px 1fr;
    grid-template-columns: 256px 1fr;
}
.sx-soln__rail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    padding: 16px 12px;
    border-right: 1px solid var(--dd-line);
    background: var(--dd-rail-bg, rgba(127, 127, 127, .035));
    border-radius: 22px 0 0 22px;
}
.sx-soln__rail-group+.sx-soln__rail-group {
    margin-top: 18px
}
.sx-soln__rail-label {
    margin: 4px 10px 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--dd-sub);
}
.sx-soln__rail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 9px 32px 9px 12px;
    position: relative;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--dd-text);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    -webkit-transition: background .14s ease,color .14s ease;
    transition: background .14s ease,color .14s ease;
}
.sx-soln__rail-item:hover {
    background: var(--dd-line)
}
.sx-soln__rail-ico svg {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: .65;
    -webkit-transition: opacity .14s ease,color .14s ease;
    transition: opacity .14s ease,color .14s ease;
}
.sx-soln__rail-item[aria-selected=true] .sx-soln__rail-ico svg,
.sx-soln__rail-item:hover .sx-soln__rail-ico svg {
    opacity: 1
}
.sx-soln__rail-flag {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%
}
.sx-soln__rail-item > span:not(.sx-soln__rail-ico) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: var(--dd-text);
}
.sx-soln__rail-item[aria-selected=true] {
    background: var(--dd-line);
    color: var(--dd-text);
    font-weight: 600;
}
.sx-soln__rail-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%) translate(-4px);
    -ms-transform: translateY(-50%) translate(-4px);
    transform: translateY(-50%) translate(-4px);
    -webkit-transition: opacity .16s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,-webkit-transform .18s var(--ease-out);
    transition: opacity .16s ease,transform .18s var(--ease-out);
    transition: opacity .16s ease,transform .18s var(--ease-out),-webkit-transform .18s var(--ease-out);
}
.sx-soln__rail-item[aria-selected=true] .sx-soln__rail-arrow,
.sx-soln__rail-item:hover .sx-soln__rail-arrow {
    opacity: 1;
    -webkit-transform: translateY(-50%) translate(0);
    -ms-transform: translateY(-50%) translate(0);
    transform: translateY(-50%) translate(0)
}
.sx-soln__panels {
    position: relative;
    padding: 28px 32px;
    display: -ms-grid;
    display: grid;
}
.sx-soln__panel {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1 / 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-animation: sxPanelFade .22s var(--ease-out) both;
    animation: sxPanelFade .22s var(--ease-out) both;
}
.sx-soln__panel[hidden] {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    visibility: hidden;
    pointer-events: none;
}
.sx-soln__main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column
}
.sx-soln__main:only-child {
    max-width: 560px
}
.sx-soln:not(.sx-soln--prod) .sx-soln__cta-row {
    margin-top: 28px;
    padding-top: 0
}
@-webkit-keyframes sxPanelFade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes sxPanelFade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.sx-soln__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--dd-active, #1360A0)
}
.sx-soln__title {
    margin: 8px 0 0;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.01em;
    color: inherit
}
.sx-soln__title-lockup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin: 10px 0 2px
}
.sx-soln__title-mark {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #1360a0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.sx-soln__title-mark svg {
    width: 22px;
    height: auto;
    fill: #fff
}
.sx-soln__title-name {
    font-family: var(--font-display);
    font-size: 30px;
    font-weight: var(--fw-semibold);
    letter-spacing: -.01em;
    line-height: 1;
    color: inherit
}
.sx-soln__note {
    margin: 4px 0 0;
    font-size: 12.5px;
    font-style: italic;
    color: var(--dd-sub)
}
.sx-soln__tagline {
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.4;
    color: inherit;
    opacity: .9;
    max-width: 48ch
}
.sx-soln__caption {
    margin: 22px 0 10px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--dd-sub);
}
.sx-soln__outcomes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
}
.sx-soln__outcomes li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.35;
    color: inherit;
}
.sx-soln__outcomes svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    color: #05c3ad;
}
.sx-soln__chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.sx-soln__chip,
.sx-soln__chip:link,
.sx-soln__chip:visited,
.sx-soln__chip:hover,
.sx-soln__chip:focus,
.sx-soln__chip:active {
    text-decoration: none
}
.sx-soln__chip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    padding: 6px 12px 6px 9px;
    border-radius: 999px;
    border: 1px solid var(--dd-line);
    background: transparent;
    color: inherit;
    font-size: 12.5px;
    font-weight: 600;
    -webkit-transition: background .14s ease,border-color .14s ease;
    transition: background .14s ease,border-color .14s ease;
}
.sx-soln__chip svg {
    width: 15px;
    height: 15px;
    color: #1360a0;
}
.sx-soln__chip:hover {
    background: color-mix(in srgb,#1360A0 8%,transparent);
    border-color: color-mix(in srgb,#1360A0 35%,transparent);
}
.sx-soln__cta-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 14px;
    margin-top: auto;
    padding-top: 28px;
}
.sx-soln__cta-primary,
.sx-soln__cta-primary:link,
.sx-soln__cta-primary:visited,
.sx-soln__cta-primary:hover,
.sx-soln__cta-primary:focus,
.sx-soln__cta-primary:active {
    text-decoration: none
}
.sx-soln__cta-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 999px;
    background: #1360a0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-transition: background var(--duration-base) var(--ease-out);
    transition: background var(--duration-base) var(--ease-out);
}
.sx-soln__cta-primary:hover {
    background: #0e4a7f;
    color: #fff
}
.sx-soln__cta-link,
.sx-soln__cta-link:link,
.sx-soln__cta-link:visited,
.sx-soln__cta-link:hover,
.sx-soln__cta-link:focus,
.sx-soln__cta-link:active {
    text-decoration: none
}
.sx-soln__cta-link {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dd-sub);
    -webkit-transition: color .14s ease;
    transition: color .14s ease;
}
.sx-soln__cta-link:hover {
    color: var(--dd-active, #1360A0);
}
.sx-soln__promos {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 268px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}
.sx-promo,
.sx-promo:link,
.sx-promo:visited,
.sx-promo:hover,
.sx-promo:focus,
.sx-promo:active {
    text-decoration: none
}
.sx-promo {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 18px;
    border-radius: 16px;
    color: var(--dd-text);
    -webkit-transition: background .18s ease,-webkit-transform .18s var(--ease-out);
    transition: background .18s ease,-webkit-transform .18s var(--ease-out);
    transition: background .18s ease,transform .18s var(--ease-out);
    transition: background .18s ease,transform .18s var(--ease-out),-webkit-transform .18s var(--ease-out);
}
.sx-promo:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}
.sx-promo--story {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--dd-promo-quiet);
}
.sx-promo--story:hover {
    background: var(--dd-promo-quiet-hover);
}
.sx-promo__eyebrow {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--dd-teal);
}
.sx-promo__title {
    margin: 10px 0 0;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.01em;
    color: var(--dd-text);
}
.sx-promo__link {
    margin-top: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dd-active, #1360A0);
}
.sx-promo--sales {
    background: var(--dd-promo-blue)
}
.sx-promo--sales:hover {
    background: var(--dd-promo-blue-hover)
}
.sx-promo--sales .sx-promo__title {
    margin: 0
}
.sx-promo__desc {
    margin: 6px 0 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--dd-sub);
}
.sx-promo__btn {
    margin-top: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--dd-btn-line);
    color: var(--dd-text);
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: background .18s ease,border-color .18s ease;
    transition: background .18s ease,border-color .18s ease;
}
.sx-promo--sales:hover .sx-promo__btn {
    background: var(--dd-btn-fill-hover);
    border-color: var(--dd-text);
}
.sx-promo__watermark {
    position: absolute;
    right: -14px;
    bottom: -20px;
    width: 120px;
    fill: #1360a0;
    opacity: .1;
    pointer-events: none;
}
.sx-soln__quicklinks {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 24px;
    border-left: 1px solid var(--dd-line);
}
.sx-soln__ql-caption {
    margin: 0 0 12px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--dd-sub)
}
.sx-soln__ql-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}
.sx-soln__ql-item,
.sx-soln__ql-item:link,
.sx-soln__ql-item:visited,
.sx-soln__ql-item:hover,
.sx-soln__ql-item:focus,
.sx-soln__ql-item:active {
    text-decoration: none
}
.sx-soln__ql-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
    padding: 8px;
    border-radius: 10px;
    color: var(--dd-text);
    -webkit-transition: background .14s ease;
    transition: background .14s ease
}
.sx-soln__ql-itemrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}
.sx-soln__ql-hint {
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--dd-sub)
}
.sx-soln__ql-item:hover {
    background: var(--dd-line)
}
.sx-soln__ql-mark, 
.sx-soln__ql-linkitem-tile {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #1360a0;
    color: #FFFFFF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sx-soln__ql-mark svg {
    width: 15px;
    height: auto;
    /* fill: #fff; */
}
.sx-soln__ql-name {
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: inherit;
    text-transform: capitalize;
}
.sx-soln__ql-linkitem,
.sx-soln__ql-linkitem:link,
.sx-soln__ql-linkitem:visited,
.sx-soln__ql-linkitem:hover,
.sx-soln__ql-linkitem:focus,
.sx-soln__ql-linkitem:active {
    text-decoration: none;
}
.sx-soln__ql-linkitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-radius: 10px;
    color: var(--dd-text);
    -webkit-transition: background .14s ease;
    transition: background .14s ease;
}
.sx-soln__ql-linkitem:hover {
    background: var(--dd-line)
}
.sx-soln__ql-linkitem-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px
}
.sx-soln__ql-linkitem-ico svg {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: .55
}
.sx-soln__ql-linkitem-tile svg {
    width: 15px;
    height: 15px;
    color: #fff;
}
.sx-soln__ql-linkitem-flag {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 50%;
}
.sx-soln__ql-linkitem-l {
    font-family: var(--font-display);
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: var(--dd-text);
}
.sx-soln__ql-linkitem-hint {
    font-size: 12px;
    line-height: 1.35;
    color: var(--dd-sub);
}
.sx-soln__ql-all,
.sx-soln__ql-all:link,
.sx-soln__ql-all:visited,
.sx-soln__ql-all:hover,
.sx-soln__ql-all:focus,
.sx-soln__ql-all:active {
    text-decoration: none;
}
.sx-soln__ql-all {
    margin-top: auto;
    padding-top: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dd-active, #1360A0);
}
.sx-mob {
    position: fixed;
    inset: 0;
    z-index: 195;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #03080e8c;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: opacity .22s ease;
    transition: opacity .22s ease;
}
.sx-mob[data-state=open],
.sx-mob[data-state=pre-open],
.sx-mob[data-state=closing] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sx-mob[data-state=pre-open],
.sx-mob[data-state=closing] { opacity: 0; }
.sx-mob[data-state=open] { opacity: 1; }

.sx-mob__backdrop {
    position: absolute;
    inset: 0;
    cursor: pointer;
}
.sx-mob__sheet {
    position: relative;
    background: #0d1015fa;
    color: #fff;
    border-radius: 28px 28px 0 0;
    max-height: calc(100% - 56px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid rgba(255,255,255,.1);
    -webkit-box-shadow: 0 -24px 60px -16px #0009;
    box-shadow: 0 -24px 60px -16px #0009;
    -webkit-transform: translateY(102%);
    -ms-transform: translateY(102%);
    transform: translateY(102%);
    -webkit-transition: -webkit-transform .34s cubic-bezier(.2,.85,.3,1);
    transition: -webkit-transform .34s cubic-bezier(.2,.85,.3,1);
    transition: transform .34s cubic-bezier(.2,.85,.3,1);
    transition: transform .34s cubic-bezier(.2,.85,.3,1), -webkit-transform .34s cubic-bezier(.2,.85,.3,1);
}
.sx-mob[data-state=open] .sx-mob__sheet {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.sx-mob[data-state=closing] .sx-mob__sheet {
    -webkit-transform: translateY(102%);
    -ms-transform: translateY(102%);
    transform: translateY(102%);
    -webkit-transition: -webkit-transform .26s cubic-bezier(.5,0,.7,1);
    transition: -webkit-transform .26s cubic-bezier(.5,0,.7,1);
    transition: transform .26s cubic-bezier(.5,0,.7,1);
    transition: transform .26s cubic-bezier(.5,0,.7,1), -webkit-transform .26s cubic-bezier(.5,0,.7,1);
}
.sx-mob__topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 16px 14px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.sx-mob__accordion>*:last-child { border-bottom: 0; }
.sx-mob__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: #FFFFFF;
}
.sx-mob__back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 32px;
    padding-inline:12px;border-radius: var(--radius-pill, 999px);
    border: 1px solid rgba(255,255,255,.18);
    background: #ffffff12;
    font-size: 13.5px;
    font-weight: var(--fw-semibold, 600);
    -webkit-transition: background var(--duration-base, .25s) var(--ease-out),border-color var(--duration-base, .25s) var(--ease-out);
    transition: background var(--duration-base, .25s) var(--ease-out),border-color var(--duration-base, .25s) var(--ease-out);
}
.sx-mob__back,
.sx-mob__back:link,
.sx-mob__back:visited,
.sx-mob__back:hover,
.sx-mob__back:focus,
.sx-mob__back:active {
    color: #fff;
    text-decoration: none
}
.sx-mob__back:hover,.sx-mob__back:focus-visible {
    background: #ffffff21;
    border-color: #ffffff4d;
}
.sx-mob__back svg {
    flex-shrink: 0;
}

.sx-mob__wordmark {
    display: block;
    height: 26px;
    width: auto;
}
.sx-mob__close {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.22);
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .16s ease,border-color .16s ease;
}
.sx-mob__close:hover {
    background: #ffffff14;
    border-color: #ffffff59;
}
.sx-mob__body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 18px 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.sx-mob__row {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .34s cubic-bezier(.2,.7,.2,1),-webkit-transform .34s cubic-bezier(.2,.7,.2,1);
    transition: opacity .34s cubic-bezier(.2,.7,.2,1),-webkit-transform .34s cubic-bezier(.2,.7,.2,1);
    transition: opacity .34s cubic-bezier(.2,.7,.2,1),transform .34s cubic-bezier(.2,.7,.2,1);
    transition: opacity .34s cubic-bezier(.2,.7,.2,1),transform .34s cubic-bezier(.2,.7,.2,1),-webkit-transform .34s cubic-bezier(.2,.7,.2,1);
}
.sx-mob[data-state=open] .sx-mob__row,.sx-mob[data-state=closing] .sx-mob__row {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media(prefers-reduced-motion:reduce) {
    .sx-mob__row {
        -webkit-transition: opacity .12s ease!important;
        transition: opacity .12s ease!important;
    }
}

.sx-mob__ctas {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-bottom: 4px;
    --sx-nav-line: rgba(255, 255, 255, .22);
}
.sx-mob__ctas--single {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.sx-mob__ctas .sx-action {
    width: 100%;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sx-mob__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 14px;
    background: #ffffff0d;
    border: 1px solid rgba(255,255,255,.1);
    color: #ffffff94;
}
.sx-mob__search {
    width: 100%;
    cursor: pointer;
}
.sx-mob__search,.sx-mob__search:hover,.sx-mob__search:focus,.sx-mob__search:active {
    border: 1px solid rgba(255,255,255,.1);
    outline: none;
    font-family: inherit;
    text-align: left;
}
.sx-mob__search:hover { background: #ffffff14; }

.sx-mob__search-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14.5px;
    color: #ffffff73;
}
.sx-mob__section {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 0 4px
}
.sx-mob__section:first-child { border-top: 1px solid rgba(255,255,255,.1); }
.sx-mob__section-accent {  display: none; }

.sx-mob__flatlink,
.sx-mob__flatlink:link,
.sx-mob__flatlink:visited,
.sx-mob__flatlink:hover,
.sx-mob__flatlink:focus,
.sx-mob__flatlink:active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 16px 0 16px 4px;
    color: inherit;
    text-decoration: none;
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.005em;
    border-bottom: 1px solid var(--sx-nav-line);
}
.sx-mob__lockup {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.sx-mob__section-trigger {
    width: 100%;
    padding: 16px 0;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.005em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}
.sx-mob__section-chev {
    opacity: .5;
    -webkit-transition: -webkit-transform .22s ease;
    transition: -webkit-transform .22s ease;
    transition: transform .22s ease;
    transition: transform .22s ease, -webkit-transform .22s ease
}
.sx-mob__section[data-open=true] .sx-mob__section-chev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sx-mob__section-panel {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows .26s cubic-bezier(.2,.7,.2,1);
    transition: grid-template-rows .26s cubic-bezier(.2,.7,.2,1);
    transition: grid-template-rows .26s cubic-bezier(.2,.7,.2,1), -ms-grid-rows .26s cubic-bezier(.2,.7,.2,1);
}
.sx-mob__section[data-open=true] .sx-mob__section-panel {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
}
.sx-mob__section-inner {
    overflow: hidden
}
.sx-mob__section-inner>* {
    padding-bottom: 12px
}
.sx-mob__section-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sx-mob__sublink,
.sx-mob__sublink:link,
.sx-mob__sublink:visited,
.sx-mob__sublink:hover,
.sx-mob__sublink:focus,
.sx-mob__sublink:active {
    text-decoration: none
}
.sx-mob__sublink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 12px;
    margin-left: 2px;
    border-radius: 10px;
    font-size: 15.5px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: background .14s ease;
    transition: background .14s ease;
}
.sx-mob__sublink:hover {
    background: #ffffff0d;
    color: #fff;
}
.sx-mob__sublink-ico.sx-mob__sublink-ico--flag {
    background: none;
    padding: 0
}
.sx-mob__sublink-ico--flag svg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.sx-mob__sublink-t {
    min-width: 0;
}
.sx-mob__sublink-l {
    white-space: nowrap;
}
.sx-mob__sublink-note {
    font-weight: var(--fw-regular);
    opacity: .62;
    white-space: nowrap;
}
.sx-mob__sublink-arrow {
    opacity: 0;
    transform: translate(-4px) scale(1);
    color: #ffffff94;
    transition: opacity .16s ease,transform .18s var(--ease-out),color .14s ease;
}
.sx-mob__sublink:hover .sx-mob__sublink-arrow {
    opacity: 1;
    -webkit-transform: translate(0) scale(1.2);
    -ms-transform: translate(0) scale(1.2);
    transform: translate(0) scale(1.2);
    color: #fff;
}
.sx-mob__sublink--icon {
    gap: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.sx-mob__sublink--icon>span:not(.sx-mob__sublink-ico) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.sx-mob__sublink-ico {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff14;
    color: #ffffffeb;
}
.sx-mob__sublink-ico svg {
    width: 18px;
    height: 18px;
}
.sx-mob__children {
    display: flex;
    flex-direction: column;
    margin: 0 0 4px 40px;
    padding-left: 12px;
    border-left: 1px solid rgba(255,255,255,.1);
}
.sx-mob__sublink--child {
    gap: 10px;
    padding: 7px 10px;
    font-size: 14.5px;
    font-weight: var(--fw-regular);
    color: #ffffffd1;
}
.sx-mob__sublink--child:hover {
    color: #fff;
}
.sx-mob__sublink--child .sx-mob__sublink-l {
    white-space: normal;
}
.sx-mob__sublink--child .sx-mob__sublink-ico {
    width: 22px;
    height: 22px;
    border-radius: 6px;
}
.sx-mob__sublink--child .sx-mob__sublink-ico svg {
    width: 13px;
    height: 13px;
}
.sx-mob__sublink--child .sx-mob__sublink-ico--flag svg {
    width: 18px;
    height: 18px;
}
.sx-mob__soln-group+.sx-mob__soln-group {
    margin-top: 6px;
}
.sx-mob__soln-label {
    margin: 10px 12px 4px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #ffffff80;
}
.sx-mob__footer {
    margin-top: 6px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
}
.sx-mob__chips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}
.sx-mob__chip,
.sx-mob__chip:link,
.sx-mob__chip:visited,
.sx-mob__chip:hover,
.sx-mob__chip:focus,
.sx-mob__chip:active {
    text-decoration: none
}
.sx-mob__chip {
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffffc7;
    background: #ffffff0d;
    -webkit-transition: background .14s ease,color .14s ease;
    transition: background .14s ease,color .14s ease;
    text-align: center;
}
.sx-mob__chip:hover {
    background: #ffffff1a;
    color: #fff;
}
.sx-mob__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff94;
    font-size: 12px;
}

@media(max-width: 1240px) {
    .sx-nav__item {
        padding: 0 11px;
        font-size: 14px;
        gap: 4px
    }
}

@media(max-width: 1080px) {
    .sx-ghost-login { display:none; }
}

@media(max-width: 991px) {
    .sx-nav,
    .sx-actions,
    .sx-dropdown { display:none; }

    .sx-burger { display: inline-flex; }
}

@media(max-width: 1120px) {
    .sx-header[data-subsite=takeover-segment] .sx-action-search { display:none; }
}
@media(max-width: 1000px) {
    .sx-header[data-subsite=takeover-segment] .sx-nav [data-nav-item]:nth-last-child(-n+2) { display:none; }
}

.sx-soln__cta-primary .coral-arrow,.sx-promo__btn .coral-arrow {
    width: 18px;
    height: 18px
}
.sx-promo__link .coral-arrow,.sx-soln__ql-all .coral-arrow {
    width: 16px;
    height: 16px
}
.sx-promo__link .coral-arrow__circle,
.sx-soln__ql-all .coral-arrow__circle { display: none; }

.sx-promo__link .coral-arrow__icon,
.sx-soln__ql-all .coral-arrow__icon { color: currentColor; }

.sx-soln__cta-primary:hover .coral-arrow__circle {
    transform: scale(1);
}

.sx-soln__cta-primary:hover .coral-arrow__icon {
    transform: rotate(0);
    color: #1360a0;
}

.sx-promo__btn .coral-arrow__circle { display: none; }
.sx-promo__btn .coral-arrow__icon { color: currentColor; }

.sx-promo__btn .coral-arrow {
    width: 16px;
    height: 16px;
}
.sx-promo--sales:hover .coral-arrow__icon,
.sx-promo--story:hover .coral-arrow__icon,
.sx-soln__ql-all:hover .coral-arrow__icon {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

.sx-header--bare .sx-actions,
.sx-header--bare .sx-ghost-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sx-header--bare .sx-actions { margin-left: auto; }
.sx-header--bare { padding-right: 26px; }

html.is-palette-open,html.is-palette-open body {  overflow: hidden!important; }

.sx-palette {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
    pointer-events: auto;
    opacity: 0;
    transition: opacity .18s ease
}
.sx-palette[data-state=pre-open],
.sx-palette[data-state=open],
.sx-palette[data-state=closing] {
    display: block
}

.sx-palette[data-state=open] { opacity: 1; }
.sx-palette[data-state=closing] { opacity: 0; }

.sx-palette__backdrop {
    position: absolute;
    inset: 0;
    background: #03080e8c;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.sx-palette__panel {
    position: relative;
    width: min(680px,calc(100vw - 32px));
    max-height: min(560px,calc(100vh - 120px));
    margin: 80px auto 0;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(180deg,#fffffffb,#fffffff5);
    color: #031c2b;
    border: 1px solid rgba(3,28,43,.1);
    box-shadow: 0 24px 60px -16px #00000073,0 6px 18px -6px #00000040;
    -webkit-backdrop-filter: blur(48px) saturate(160%);
    backdrop-filter: blur(48px) saturate(160%);
    --pal-line: rgba(3, 28, 43, .09);
    --pal-sub: rgba(3, 28, 43, .55);
    --pal-bg-hover: rgba(3, 28, 43, .04);
    transform: translateY(-10px) scale(.985);
    transition: transform .24s cubic-bezier(.2,.85,.3,1),opacity .18s ease;
}
.sx-palette[data-state=open] .sx-palette__panel {
    transform: translateY(0) scale(1);
}
.sx-palette[data-palette-tone=light] .sx-palette__panel {
    background: linear-gradient(180deg,#12141afb,#101218f5);
    color: #fff;
    border-color: #ffffff14;
    --pal-line: rgba(255, 255, 255, .1);
    --pal-sub: rgba(255, 255, 255, .58);
    --pal-bg-hover: rgba(255, 255, 255, .06);
}
.sx-palette__input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--pal-line);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.sx-palette__search-icon {
    opacity: .55;
    -ms-flex-negative: 0;
        flex-shrink: 0
}
.sx-palette__input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 28px;
    border: none;
    outline: none;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -.005em;
}
.sx-palette__input::-webkit-input-placeholder {
    color: var(--pal-sub);
    opacity: 1;
}
.sx-palette__input::-moz-placeholder {
    color: var(--pal-sub);
    opacity: 1;
}
.sx-palette__input:-ms-input-placeholder {
    color: var(--pal-sub);
    opacity: 1;
}
.sx-palette__input::-ms-input-placeholder {
    color: var(--pal-sub);
    opacity: 1;
}
.sx-palette__input::placeholder {
    color: var(--pal-sub);
    opacity: 1;
}
.sx-palette__close {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid var(--pal-line);
    background: transparent;
    color: var(--pal-sub);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: background .16s ease,color .16s ease,border-color .16s ease,-webkit-transform .16s var(--ease-out, cubic-bezier(.23, 1, .32, 1));
    transition: background .16s ease,color .16s ease,border-color .16s ease,-webkit-transform .16s var(--ease-out, cubic-bezier(.23, 1, .32, 1));
    transition: background .16s ease,color .16s ease,border-color .16s ease,transform .16s var(--ease-out, cubic-bezier(.23, 1, .32, 1));
    transition: background .16s ease,color .16s ease,border-color .16s ease,transform .16s var(--ease-out, cubic-bezier(.23, 1, .32, 1)),-webkit-transform .16s var(--ease-out, cubic-bezier(.23, 1, .32, 1));
}
.sx-palette__close:hover {
    background: var(--pal-bg-hover);
    color: inherit;
    border-color: color-mix(in srgb,currentColor 25%,transparent)
}
.sx-palette__close:active {
    -webkit-transform: scale(.94);
        -ms-transform: scale(.94);
            transform: scale(.94);
}
.sx-palette__results {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
    padding: 8px 8px 4px;
}
.sx-palette__group {
    padding: 6px 4px 4px;
}
.sx-palette__group-head {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pal-sub);
    padding: 8px 10px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sx-palette__group-hint {
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: none;
    opacity: .7
}
.sx-palette__row,.sx-palette__row:link,.sx-palette__row:visited,.sx-palette__row:hover,.sx-palette__row:focus,.sx-palette__row:active {
    text-decoration: none;
    color: inherit
}
.sx-palette__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin-bottom: 2px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: background .12s ease;
    transition: background .12s ease;
}
.sx-palette__row[data-active=true] {
    background: var(--pal-bg-hover);
}
.sx-palette__row-rail {
    position: absolute;
    left: 2px;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 2px;
    background: var(--row-accent, #1360A0);
    opacity: 0;
    -webkit-transform: scaleY(.4);
        -ms-transform: scaleY(.4);
            transform: scaleY(.4);
    -webkit-transition: opacity .18s ease,-webkit-transform .18s ease;
    transition: opacity .18s ease,-webkit-transform .18s ease;
    transition: opacity .18s ease,transform .18s ease;
    transition: opacity .18s ease,transform .18s ease,-webkit-transform .18s ease
}
.sx-palette__row[data-active=true] .sx-palette__row-rail {
    opacity: 1;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
}
.sx-palette__row-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: color-mix(in srgb,var(--row-accent, #1360A0) 12%,transparent);
    color: var(--row-accent, #1360A0);
}

.sx-palette__group[data-filter-group="Articles"] .sx-palette__row-icon {
  background-color: #e66d621f;
  background-image: url(../assets/icons/list-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.sx-palette__group[data-filter-group="Articles"] {
   --row-accent: #e66d62;
}

.sx-palette__group[data-filter-group="Pages"] {
  --row-accent: #05c3ad;
}

.sx-palette__group[data-filter-group="Pages"] .sx-palette__row-icon {
  background-color: #05c3ad1f;
  background-image: url(../assets/icons/document-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.sx-search-spinner-border { color: #018bfe; }

.sx-palette__row-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}
.sx-palette__row-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}
.sx-palette__row-sub {
    font-size: 12.5px;
    line-height: 1.3;
    color: var(--pal-sub);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sx-palette__row-tag {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pal-sub);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--pal-line);
    opacity: .8;
}
.sx-palette__empty {
    padding: 40px 20px 44px;
    text-align: center;
    color: var(--pal-sub);
    font-size: 14px;
}
.sx-palette__empty strong {
    color: inherit;
    opacity: .9;
}
.sx-palette__empty-hint {
    margin-top: 8px;
    font-size: 12px;
}
.sx-palette__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    border-top: 1px solid var(--pal-line);
    font-size: 11.5px;
    color: var(--pal-sub);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.sx-palette__kbd-hint {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.sx-palette__kbd-hint kbd {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 5px;
    border: 1px solid var(--pal-line);
    color: var(--pal-sub);
    background: transparent;
}
.sx-palette__count {
    margin-left: auto;
    opacity: .75
}
.sx-search__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
    margin: 6px 4px 0;
    padding: 12px 8px 10px;
    border-top: 1px solid var(--pal-line);
}
.sx-search__page-btn {
    min-width: 30px;
    height: 30px;
    margin: 0;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid var(--pal-line);
    background: transparent;
    color: var(--pal-sub);
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    cursor: pointer;
}

.sx-search__page-btn:hover {
    background: var(--pal-bg-hover);
    color: inherit;
    border-color: color-mix(in srgb,currentColor 25%,transparent);
}

.sx-search__page-btn:focus {
    outline: none;
}

.sx-search__page-btn.is-active,
.sx-search__page-btn.is-active:hover {
    background: var(--color-brand-blue, #1360A0);
    border-color: var(--color-brand-blue, #1360A0);
    color: #fff;
    cursor: default;
}
.sx-palette[data-palette-tone=light] .sx-search__page-btn.is-active,
.sx-palette[data-palette-tone=light] .sx-search__page-btn.is-active:hover {
    background: var(--color-brand-blue-hover, #2069a5);
    border-color: color-mix(in srgb,#fff 18%,var(--color-brand-blue-hover, #2069a5));
}

@media(max-width: 575px) {
    .sx-palette__panel {
        margin-top:60px;
        width: calc(100vw - 16px);
        max-height: calc(100vh - 80px);
        border-radius: 18px;
    }
    .sx-palette__input {
        font-size: 16px
    }
    .sx-palette__row-tag {
        display: none
    }
    .sx-palette__foot {
        gap: 10px;
        font-size: 11px
    }
    .product-lockup--mono,
    .sx-header__brand { gap: 0 !important; }
    .sx-header { padding: 0; }
    .sx-header .product-lockup--md .product-lockup__name { font-size: 24px; }
}

@media(prefers-reduced-motion:reduce) {
    .sx-palette,.sx-palette__panel {
        -webkit-transition: opacity .12s ease!important;
        transition: opacity .12s ease!important
    }
    .sx-palette__panel {
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important
    }
}
.sx-min {
    position: relative;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid var(--color-rule, #E9E9E9);
}
.sx-min__inner {
    --sx-nav-line: rgba(3, 28, 43, .14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    max-width: var(--page-max);
    margin-inline:auto;padding: 18px var(--page-gutter, 64px);
}
.sx-min__lockup,.sx-min__lockup:link,
.sx-min__lockup:visited,
.sx-min__lockup:hover,
.sx-min__lockup:focus,
.sx-min__lockup:active {
    text-decoration: none;
    color: inherit;
}
.sx-min__lockup {
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
}
.sx-min__lockup:focus-visible {
    outline: 2px solid var(--color-brand-blue, #1360A0);
    outline-offset: 4px;
}
.sx-min__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.sx-min__wordmark {
    display: block;
    height: 24px;
    width: auto;
}
.sx-min__end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    min-width: 0;
}
.sx-min__action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    padding-inline:20px;border-radius: var(--radius-pill, 999px);
    border: 1px solid rgba(3,28,43,.16);
    background: transparent;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: var(--fw-semibold, 600);
    -webkit-transition: background var(--duration-base, .25s) var(--ease-out),border-color var(--duration-base, .25s) var(--ease-out);
    transition: background var(--duration-base, .25s) var(--ease-out),border-color var(--duration-base, .25s) var(--ease-out);
}
.sx-min__action,
.sx-min__action:link,
.sx-min__action:visited,
.sx-min__action:hover,
.sx-min__action:focus,
.sx-min__action:active {
    color: var(--color-brand-navy, #031C2B);
    text-decoration: none
}
.sx-min__action:hover,.sx-min__action:focus-visible {
    background: #031c2b0d;
    border-color: #031c2b52
}
.sx-min__status {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-block:0;
}
.sx-min__status-label {
    margin: 0;
    font-size: 10.5px;
    font-weight: var(--fw-bold, 700);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #031c2b6b;
}
.sx-min__status-value {
    margin: 0;
    font-size: 13px;
    font-weight: var(--fw-semibold, 600);
    font-variant-numeric: tabular-nums;
    color: var(--color-brand-navy, #031C2B);
}

@media(max-width: 640px) {
    .sx-min__inner {
        padding:14px var(--page-gutter-sm, 24px);
        gap: 14px
    }
    .sx-min__brand {
        gap: 8px
    }
    .sx-min__end {
        gap: 10px
    }
    .sx-min__action {
        height: 36px;
        padding-inline:16px;font-size: 14px
    }
    .sx-min .sx-back {
        gap: 6px;
        padding: 0 13px;
        height: 36px;
        font-size: 14px
    }
    .sx-min .sx-back__label {
        max-width: none;
        opacity: 1
    }
    .sx-min__status {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 1px;
    }
    .sx-min__status-label {
        font-size: 9.5px;
    }
    .sx-min__status-value {
        font-size: 12.5px
    }
}