/* Shared critical CSS: fonts, base text, and tap responsiveness. Load early for first paint. */
@font-face {
  font-family: 'Outfit';
  src: url('/assets/fonts/Outfit-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('/assets/fonts/Outfit-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Outfit', Arial, sans-serif;
}
.mobile-menu-trigger,
.mobile-menu-back,
#mobilemenu,
#hideslider {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Critical shared header/menu CSS moved from common.css for first-paint delivery */
body.page-common #mainheader a,
body.page-common #mainheader a:link,
body.page-common #mainheader a:visited,
body.page-common #mainheader a:hover,
body.page-common #mainheader a:focus {
  color: #0f193b;
}

body.page-common #mainheader a.header-signin,
body.page-common #mainheader a.header-signin:link,
body.page-common #mainheader a.header-signin:visited,
body.page-common #mainheader a.header-signin:hover,
body.page-common #mainheader a.header-signin:focus {
  color: #3064f9;
}

body.page-common #mainheader a.header-signup,
body.page-common #mainheader a.header-signup:link,
body.page-common #mainheader a.header-signup:visited,
body.page-common #mainheader a.header-signup:hover,
body.page-common #mainheader a.header-signup:focus,
body.page-common #mainheader a.start-free-btn-mob,
body.page-common #mainheader a.start-free-btn-mob:link,
body.page-common #mainheader a.start-free-btn-mob:visited,
body.page-common #mainheader a.start-free-btn-mob:hover,
body.page-common #mainheader a.start-free-btn-mob:focus {
  color: #ffffff;
}

body.page-common #mainheader a.start-free-header,
body.page-common #mainheader a.start-free-header:link,
body.page-common #mainheader a.start-free-header:visited,
body.page-common #mainheader a.start-free-header:hover,
body.page-common #mainheader a.start-free-header:focus {
  color: #3064f9;
}

body.page-common #mainheader,
body.page-common #mainheader header,
body.page-common #featured-in-logos-section,
body.page-common #final-cta-banner-section {
  background-color: #ffffff;
}

@media screen and (min-width: 1080px) {
    body.page-common.bodyback::after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 80px;
        bottom: 0;
        background: rgba(15, 25, 59, 0.45);
        z-index: 100001;
    }

    body.page-common #mainheader .menu-item-with-panel {
        position: relative;
    }

    body.page-common #mainheader .menu-item-trigger {
        appearance: none;
        border: 0;
        background: transparent;
        margin: 0;
        padding: 0;
        cursor: pointer;
        font-family: 'Outfit', Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #0f193b;
        text-align: left;
    }

    body.page-common #mainheader .menu-item-with-panel > .mega-panel-shell {
        position: fixed;
        top: 66px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.18s ease;
        z-index: 100002;
    }

    body.page-common #mainheader .menu-item-with-panel.menu-open > .mega-panel-shell {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.page-common #mainheader .mega-panel-products {
        width: 1080px;
        height: 300px;
    }

    body.page-common #mainheader .mega-panel-resources {
        width: 1080px;
        height: 364px;
    }

    body.page-common #mainheader .mega-panel-notch {
        position: absolute;
        top: 0;
        width: 28px;
        height: 14px;
        display: block;
        overflow: hidden;
        filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.12));
    }

    body.page-common #mainheader .mega-panel-products .mega-panel-notch {
        left: 400px;
    }

    body.page-common #mainheader .mega-panel-resources .mega-panel-notch {
        left: 715px;
    }

    body.page-common #mainheader .mega-panel-notch::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 4px;
        width: 24px;
        height: 24px;
        background: #ffffff;
        border-radius: 3px;
        transform: rotate(45deg);
    }

    body.page-common #mainheader .mega-panel-surface {
        position: absolute;
        left: 0;
        top: 14px;
        width: 1080px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    }

    body.page-common #mainheader .mega-panel-products .mega-panel-surface {
        width: 1080px;
        height: 286px;
        padding: 20px;
    }

    body.page-common #mainheader .mega-products-grid {
        width: 1040px;
        height: 246px;
        display: grid;
        grid-template-columns: 346px 347px 346px;
    }

    body.page-common #mainheader .mega-products-column {
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }

    body.page-common #mainheader .mega-menu-link {
        width: 100%;
        min-height: 0;
        height: 73px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: #1b2952;
    }

    body.page-common #mainheader .mega-products-column:first-child .mega-menu-link:first-child {
        height: 72px;
    }

    body.page-common #mainheader .mega-products-column .mega-menu-link .menu-icon-slot {
        width: 44px;
        height: 44px;
        min-width: 44px;
        flex: 0 0 44px;
        line-height: 0;
    }

    body.page-common #mainheader .mega-products-column .mega-menu-link .menu-icon-slot img {
        width: 44px;
        height: 44px;
        display: block;
        object-fit: contain;
        opacity: 1;
    }

    body.page-common #mainheader .mega-link-copy {
        width: 232px;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    body.page-common #mainheader .mega-products-column-middle .mega-link-copy {
        width: 233px;
    }

    body.page-common #mainheader .mega-link-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #0f193b;
    }

    body.page-common #mainheader .mega-menu-link:hover .mega-link-title,
    body.page-common #mainheader .mega-menu-link:focus .mega-link-title,
    body.page-common #mainheader .mega-menu-link:focus-visible .mega-link-title {
        color: #3064f9;
    }

    body.page-common #mainheader .mega-link-desc {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        color: #7782a1;
    }

    body.page-common #mainheader .mega-panel-resources .mega-resources-surface {
        height: 350px;
        padding: 20px;
    }

    body.page-common #mainheader .mega-resources-grid {
        width: 1040px;
        height: 310px;
        display: grid;
        grid-template-columns: 180px 260px 580px;
        column-gap: 10px;
    }

    body.page-common #mainheader .mega-resources-column {
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-self: start;
    }

    body.page-common #mainheader .mega-resources-heading {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #0f193b;
    }

    body.page-common #mainheader .mega-resources-links {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    body.page-common #mainheader .mega-resource-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #1b2952;
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
    }

    body.page-common #mainheader .mega-resource-link > span:last-child {
        font-family: 'Outfit', Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: 0;
        color: #1b2952;
    }

    body.page-common #mainheader .mega-resource-link:hover > span:last-child,
    body.page-common #mainheader .mega-resource-link:focus > span:last-child,
    body.page-common #mainheader .mega-resource-link:focus-visible > span:last-child {
        color: #3064f9;
    }

    body.page-common #mainheader .menu-resource-icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
        line-height: 0;
    }

    body.page-common #mainheader .menu-resource-icon img {
        width: 24px;
        height: 24px;
        display: block;
        object-fit: contain;
        opacity: 1;
    }

    body.page-common #mainheader .mega-resources-feature-cards {
        padding: 30px;
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

    body.page-common #mainheader .mega-resource-card {
        width: 250px;
        height: 250px;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
        background: #fafdff;
    }

    body.page-common #mainheader .mega-resource-card-image {
        width: 250px;
        height: 250px;
        display: block;
        object-fit: cover;
    }

    body.page-common #mainheader .mega-resource-card-play {
        position: absolute;
        left: 50%;
        top: 112px;
        transform: translateX(-50%);
        width: 36px;
        height: 26.45px;
        border-radius: 7px;
        background: #ff0000;
    }

    body.page-common #mainheader .mega-resource-card-play::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 7px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #ffffff;
    }

    body.page-common #mainheader .mega-resource-card:nth-child(2) .mega-resource-card-play {
        top: 112px;
    }
}

@media screen and (max-width: 1079px) {
    body.page-common {
        overflow-x: hidden;
    }

    body.page-common .modal {
        padding: 20px;
        align-items: center;
    }

    body.page-common .modal-content {
        width: min(calc(var(--modal-max-height, 70svh) * var(--modal-media-ratio, 16 / 9)), calc(100vw - 40px));
        max-width: none;
        margin: 0;
    }

    body.page-common .modalclose {
        top: -36px;
        right: 0;
    }

    body.page-common .modal-content iframe {
        width: 100%;
        height: auto;
    }

    body.page-common .slider-menu,
    body.page-common .solution-menu {
        display: none;
        left: 0;
        top: 0;
        width: 100%;
        background: #ffffff;
        transform: translateX(100%);
        transition: transform 0.24s ease, visibility 0.24s ease;
        visibility: hidden;
        pointer-events: none;
    }

    body.page-common .slider-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        max-height: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        z-index: 100200;
        padding: 20px;
    }

    body.page-common .solution-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        max-height: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        z-index: 100300;
    }

    body.page-common .show-sidebar {
        display: block;
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    body.page-common .show-solutions {
        display: block;
        transform: translateX(0);
        box-shadow: 0 2px 8px rgba(15, 25, 59, 0.16);
        visibility: visible;
        pointer-events: auto;
    }

    body.page-common.opac::after {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(15, 25, 59, 0.45);
        z-index: 100100;
    }

    body.page-common .slider-main-header {
        width: 335px;
        max-width: 100%;
        height: 29.416px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.page-common .slider-main-header img {
        display: block;
    }

    body.page-common .slider-main-header > a:first-child img {
        width: 160px;
        height: 29.416px;
    }

    body.page-common .close-menu {
        width: 14.141px;
        height: 14.146px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    body.page-common .close-menu img {
        width: 14.141px;
        height: 14.146px;
        opacity: 1;
    }

    body.page-common .slider-main-links {
        width: 335px;
        max-width: 100%;
        margin: 40px auto 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    body.page-common .slider-main-links li {
        width: 100%;
        min-height: 40px;
        padding: 10px 0;
        margin: 0;
        display: flex;
        align-items: center;
        list-style: none;
    }

    body.page-common .slider-link-button,
    body.page-common .slider-link-text {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        display: block;
        font-family: 'Outfit', Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        color: #0f193b;
        text-align: left;
        text-decoration: none;
        white-space: nowrap;
    }

    body.page-common .slider-link-button {
        cursor: pointer;
    }

    body.page-common .slider-menu-cta {
        width: 335px;
        max-width: 100%;
        margin: 40px auto 0;
    }

    body.page-common .start-free-btn-mob {
        width: 100%;
        height: 60px;
        border-radius: 4px;
        border: 1px solid #3064f9;
        background: #3064f9;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin: 0;
    }

    body.page-common .solution-menu .slidermenu-header {
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #dce1eb;
        padding: 20px 0;
        display: flex;
        align-items: center;
    }

    body.page-common .mobile-menu-back {
        width: 335px;
        max-width: calc(100% - 40px);
        margin: 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 20px;
        font-size: 18px;
        line-height: 23px;
        font-weight: 700;
        color: #0f193b;
        cursor: pointer;
    }

    body.page-common .mobile-menu-back img {
        width: 18.182px;
        height: 14.146px;
        transform: none;
        opacity: 1;
    }

    body.page-common .mobile-submenu-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 30px;
    }

    body.page-common .mobile-products-group,
    body.page-common .mobile-resources-group {
        width: 335px;
        max-width: calc(100% - 40px);
        padding: 40px 0 0;
        margin: 0 auto;
    }

    body.page-common .mobile-products-group {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    body.page-common .mobile-products-group.mobile-products-group-secondary {
        padding-top: 0;
        margin-top: 40px;
    }

    body.page-common .mobile-menu-product-item {
        width: 335px;
        min-height: 60px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: #1b2952;
    }


    body.page-common .mobile-menu-product-item .menu-icon-slot {
        width: 44px;
        height: 44px;
        min-width: 44px;
        flex: 0 0 44px;
        line-height: 0;
    }

    body.page-common .mobile-menu-product-item .menu-icon-slot img {
        width: 44px;
        height: 44px;
        display: block;
        object-fit: contain;
        opacity: 1;
    }

    body.page-common .mobile-menu-product-copy {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    body.page-common .mobile-menu-product-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #0f193b;
    }

    body.page-common .mobile-menu-product-desc {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        color: #7782a1;
    }

    body.page-common .mobile-submenu-divider {
        width: 335px;
        max-width: calc(100% - 40px);
        height: 1px;
        background: #dce1eb;
        margin: 40px auto 0;
    }

    body.page-common .mobile-resources-group {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    body.page-common #exp-mobile .mobile-resources-group + .mobile-submenu-divider + .mobile-resources-group {
        padding-top: 0;
        margin-top: 40px;
    }

    body.page-common .mobile-resources-heading {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #0f193b;
    }

    body.page-common .mobile-resources-links {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    body.page-common .mobile-resource-row {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        color: #1b2952;
    }

    body.page-common .mobile-resource-row > span:last-child {
        font-family: 'Outfit', Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: 0;
        color: #1b2952;
    }

    body.page-common .mobile-resource-row .menu-resource-icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
        flex: 0 0 24px;
        line-height: 0;
    }

    body.page-common .mobile-resource-row .menu-resource-icon img {
        width: 24px;
        height: 24px;
        display: block;
        object-fit: contain;
        opacity: 1;
    }

    body.page-common .mobile-resource-row:hover > span:last-child,
    body.page-common .mobile-resource-row:focus > span:last-child,
    body.page-common .mobile-resource-row:focus-visible > span:last-child {
        color: #3064f9;
    }

    body.page-common .mobile-resource-cards {
        width: 100%;
        padding-top: 0;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    body.page-common .mobile-resource-card {
        width: 336px;
        height: 230px;
        margin-left: 0;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
        background: #fafdff;
    }

    body.page-common .mobile-resource-card img {
        width: 336px;
        height: 230px;
        display: block;
        object-fit: cover;
    }

    body.page-common .mobile-resource-card-play {
        position: absolute;
        left: 50%;
        top: 98px;
        transform: translateX(-50%);
        width: 48px;
        height: 35px;
        border-radius: 9px;
        background: #ff0000;
    }

    body.page-common .mobile-resource-card-play::before {
        content: "";
        position: absolute;
        left: 20px;
        top: 10px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #ffffff;
    }

    body.page-common .mobile-resource-card:nth-child(2) .mobile-resource-card-play {
        top: 103px;
    }
}

@media screen and (min-width: 1080px) {
    /* Desktop parity lock for common.html at 1440 */
    .page-common #mainheader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100003;
    }
    .page-common main {
        margin-top: 80px;
    }

    /* Header */
    .page-common #mainheader header {
        height: 80px;
        box-shadow: inset 0 -1px 0 #e3edf7;
    }
    .page-common #mainheader header > .container {
        width: calc(100% - 40px);
        max-width: 1080px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .page-common #mainheader .mainmenuweb {
        display: flex;
        flex-wrap: nowrap;
        min-height: 80px;
        align-items: center;
        justify-content: space-between;
    }
    .page-common #mainheader,
    .page-common #mainheader header,
    .page-common #mainheader header > .container {
        line-height: 24px;
    }
    .page-common #mainheader .mainmenuitems > ul {
        width: 380px;
        height: 18px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24.07421875px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .page-common #mainheader .mainmenuitems > ul > li {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 0;
    }
    .page-common #mainheader .mainmenuitems > ul > li:nth-child(1) { width: 57.21875px; }
    .page-common #mainheader .mainmenuitems > ul > li:nth-child(2) { width: 57.0625px; }
    .page-common #mainheader .mainmenuitems > ul > li:nth-child(3) { width: 45.203125px; }
    .page-common #mainheader .mainmenuitems > ul > li:nth-child(4) { width: 59.109375px; }
    .page-common #mainheader .mainmenuitems > ul > li:nth-child(5) { width: 65.109375px; }
    .page-common #mainheader .mainmenuitems > ul > li > p.solutions {
        margin: 0;
    }
    .page-common #mainheader .website-menu-left {
        display: flex;
        align-items: center;
        gap: 42px;
        width: 582px;
        height: 30px;
        flex: 0 0 582px;
    }
    .page-common #mainheader .website-logo,
    .page-common #mainheader .mainmenuitems {
        margin: 0;
    }
    .page-common #mainheader .website-logo {
        width: 160px;
        height: 30px;
        flex: 0 0 160px;
    }
    .page-common #mainheader .mainmenuitems {
        width: 380px;
        height: 18px;
        flex: 0 0 380px;
    }
    .page-common #mainheader .website-logo img {
        width: 160px;
        height: 30px;
        max-width: none;
        display: block;
    }
    .page-common #mainheader .mainmenuitems > ul > li > a,
    .page-common #mainheader .mainmenuitems > ul > li > p.solutions,
    .page-common #mainheader .mainmenuitems > ul > li > button.menu-item-trigger {
        font-size: 14px;
        line-height: normal;
        font-weight: 700;
        color: #0f193b;
    }
    .page-common #mainheader .mainmenuitems > ul > li > a:hover,
    .page-common #mainheader .mainmenuitems > ul > li > a:focus,
    .page-common #mainheader .mainmenuitems > ul > li > a:focus-visible,
    .page-common #mainheader .mainmenuitems > ul > li > p.solutions > a:hover,
    .page-common #mainheader .mainmenuitems > ul > li > p.solutions > a:focus,
    .page-common #mainheader .mainmenuitems > ul > li > p.solutions > a:focus-visible,
    .page-common #mainheader .mainmenuitems > ul > li > button.menu-item-trigger:hover,
    .page-common #mainheader .mainmenuitems > ul > li > button.menu-item-trigger:focus,
    .page-common #mainheader .mainmenuitems > ul > li > button.menu-item-trigger:focus-visible {
        color: #3064f9;
    }
    .page-common #mainheader .website-menu-right ul {
        display: flex;
        align-items: center;
        gap: 20px;
        width: auto;
        height: 40px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .page-common #mainheader .website-menu-right ul > li.websitebtn-bell {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        line-height: 0;
    }
    .page-common #mainheader .website-menu-right ul > li.websitebtn-login {
        width: auto;
        height: auto;
        flex: 0 0 auto;
        line-height: 0;
    }
    .page-common #mainheader .website-menu-right ul > li.websitebtn-signup {
        width: 130px;
        height: 40px;
        flex: 0 0 130px;
        line-height: 0;
    }
    .page-common #mainheader .website-menu-right.webshow {
        display: block;
    }
    .page-common #mainheader .midflex {
        display: none;
    }
    .page-common #mainheader .header-signin {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: 14px;
        font-weight: 400;
        color: #3064f9;
    }
    .page-common #mainheader .website-menu-right a.header-signin:hover,
    .page-common #mainheader .website-menu-right a.header-signin:focus,
    .page-common #mainheader .website-menu-right a.header-signin:focus-visible {
        color: #0f193b;
    }
    .page-common #mainheader .header-whats-new-trigger {
        width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }
    .page-common #mainheader .header-whats-new-trigger img {
        display: block;
        width: 18px;
        height: 20px;
        pointer-events: none;
        transition: filter 0.18s ease;
    }
    .page-common #mainheader .header-whats-new-trigger:hover img,
    .page-common #mainheader .header-whats-new-trigger:focus img,
    .page-common #mainheader .header-whats-new-trigger:focus-visible img {
        filter: brightness(0) saturate(100%) invert(37%) sepia(88%) saturate(3218%) hue-rotate(221deg) brightness(100%) contrast(95%);
    }
    .page-common #mainheader .header-signup {
        width: 130px;
        height: 40px;
        padding: 10px 19px;
        border-radius: 3px;
        background-color: #3064f9;
        border: 1px solid #3064f9;
        font-size: 14px;
        line-height: normal;
        font-weight: 400;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }
    .page-common #mainheader .website-menu-right a.header-signup {
        font-weight: 400;
    }
    .page-common #mainheader .website-menu-right a.header-signup:hover,
    .page-common #mainheader .website-menu-right a.header-signup:focus-visible {
        background-color: #ffffff;
        color: #3064f9;
        border-color: #3064f9;
    }
    .page-common #mainheader .mega-menu-solutions,
    .page-common #mainheader .mega-menu-explore,
    .page-common #mainheader .explore-sub,
    .page-common #mainheader .product-highlight {
        display: none;
    }
    .page-common .slider-menu,
    .page-common .solution-menu,
    .page-common .start-free-header,
    .page-common .hamburgericon {
        display: none;
    }
}

/* common.html parity lock (mobile, Figma 8001:97311 @ 375) */
@media screen and (max-width: 1079px) {
    body.page-common #mainheader {
        height: 70px;
        min-height: 70px;
        background: #ffffff;
    }

    body.page-common #mainheader header {
        height: 70px;
        min-height: 70px;
        padding: 15px 0;
        background: #ffffff;
        box-shadow: inset 0 -1px 0 #e3edf7;
    }


    body.page-common #mainheader header > .container {
        width: 100%;
        max-width: none;
        height: 40px;
        margin: 0 auto;
        padding: 0 20px;
    }

    body.page-common #mainheader .mainmenuweb {
        width: 100%;
        height: 40px;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.page-common #mainheader .website-menu-left {
        width: 160px;
        height: 30px;
        min-width: 160px;
        flex: 0 0 160px;
        margin: 0;
    }

    body.page-common #mainheader .website-logo,
    body.page-common #mainheader .website-logo a.simpleflex {
        width: 160px;
        height: 30px;
        margin: 0;
    }

    body.page-common #mainheader .website-logo img {
        width: 160px;
        height: auto;
        max-width: none;
        display: block;
    }

    body.page-common #mainheader .mainmenuitems,
    body.page-common #mainheader .website-menu-right {
        display: none;
    }

    body.page-common #mainheader .midflex {
        width: auto;
        height: auto;
        min-width: 0;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px;
        margin: 0 0 0 auto;
    }

    body.page-common #mainheader .start-free-header {
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        color: #3064f9;
        background: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
        text-decoration: none;
    }

    body.page-common #mainheader .hamburgericon {
        width: 20px;
        height: 16px;
        min-width: 20px;
        min-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    body.page-common #mainheader .hamburgericon svg {
        width: 20px;
        height: 16px;
        display: block;
    }

    body.page-common #mainheader .hamburgericon img {
        width: 20px;
        height: 16px;
        display: block;
        position: relative;
        top: -1px;
    }
}