/* Masthead with Form — landing hero (white / purple), HubSpot embed, optional media */

.masthead-with-form {
    position: relative;
    overflow: hidden;
}

.masthead-with-form__bg-stack {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.masthead-with-form__bg-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        #312ba1 0%,
        #736aff 50%,
        #b760ff 100%
    );
}

.masthead-with-form--bg-gradient {
    background: linear-gradient(to right,#312BA1 0%,#736AFF 50%,#B760FF 100%);
}

.masthead-with-form__bg-scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.35) 50%,
        rgba(0, 0, 0, 0.65) 100%
    );
}

.page-header:not(.page-header--landing) + .masthead-with-form--bg-gradient .masthead-with-form__container {
    padding-top: 3rem;
}

.masthead-with-form__top-wave {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 150px;
    z-index: 2;
    color: #fff;
    pointer-events: none;
}

.masthead-with-form__decor--corners {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.masthead-with-form__shape {
    position: absolute;
    border: 5px solid rgba(239, 240, 250, 0.1);
    box-sizing: border-box;
}

.masthead-with-form--purple .masthead-with-form__shape {
    border-color: rgba(239, 240, 250, 0.1);
}

.masthead-with-form__shape--tl-a {
    width: 293px;
    height: 293px;
    left: -65px;
    bottom: 80px;
    border-radius: 56px;
    transform: scaleY(-1);
}

.masthead-with-form__shape--tl-b {
    width: 105px;
    height: 105px;
    left: 228px;
    bottom: 268px;
    border-radius: 0 600px 600px 0;
    transform: rotate(-90deg) scaleY(-1);
}

.masthead-with-form__shape--br-a {
    width: 293px;
    height: 293px;
    right: -210px;
    top: 120px;
    border-radius: 56px;
    transform: rotate(180deg) scaleY(-1);
}

.masthead-with-form__shape--br-b {
    width: 105px;
    height: 105px;
    right: 83px;
    top: 15px;
    border-radius: 52.5px 52.5px 0 0;
    transform: rotate(180deg) scaleY(-1);
}

.masthead-with-form__container {
    position: relative;
    z-index: 3;
}

.masthead-with-form__content-inner {
    max-width: 616px;
    margin-left: auto;
    margin-right: auto;
}

.masthead-with-form--bg-gradient .masthead-with-form__content-inner :where(h1, h2, h3, h4, h5, h6, p, span, a, li, ul, ol, blockquote) {
    color: #fff;
}

.masthead-with-form__title {
    font-size: clamp(2rem, 4vw, 3.125rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1.25rem;
    color: #312ba1;
}

.masthead-with-form--purple .masthead-with-form__title {
    color: #fff;
}

.masthead-with-form__text {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
    color: #605e7f;
    margin-bottom: 1.5rem;
}

.masthead-with-form--purple .masthead-with-form__text,
.masthead-with-form--purple .masthead-with-form__text p {
    color: #f2f2f2;
}

.masthead-with-form__media {
    margin-top: 0.5rem;
}

.masthead-with-form__media-frame--image,
.masthead-with-form__media-frame--video {
    max-width: 598px;
    margin-left: auto;
    margin-right: auto;
}

.masthead-with-form__photo {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
}

.masthead-with-form__media-frame--video {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 10px 25px 0 rgba(24, 22, 53, 0.1);
}

.masthead-with-form__video-inner {
    position: relative;
    height: 327px;
    background: #1a1748;
}

.masthead-with-form__video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.masthead-with-form__video-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 25px;
}

.masthead-with-form--purple .masthead-with-form__video-overlay {
    background: linear-gradient(
        180deg,
        rgba(49, 43, 161, 0.65) 0%,
        rgba(115, 106, 255, 0.65) 50%,
        rgba(183, 96, 255, 0.65) 100%
    );
}

.masthead-with-form__play.video-bttn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.masthead-with-form__bullet-list {
    display: inline-block;
    text-align: left;
    max-width: 598px;
    margin: 0 auto;
    padding-left: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.6;
    color: #605e7f;
}

.masthead-with-form--purple .masthead-with-form__bullet-list {
    color: #f2f2f2;
}

.masthead-with-form__bullet-list li {
    margin-bottom: 0.5rem;
}

.masthead-with-form__form-shell {
    background: #312ba1;
    max-width: 551px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 35px;
    padding: 45px 40px;
    box-shadow: 0 10px 25px 0 rgba(24, 22, 53, 0.1);
}

.masthead-with-form--bg-gradient .masthead-with-form__form-shell {
    background: #fff;
}

.masthead-with-form__form-shell label {
    text-align: left;
    color: #312BA1;
}

.masthead-with-form__form-shell label {
    text-align: left;
    color: #fff;
}

.masthead-with-form__form-shell .hs-richtext {
    color: #fff;
}

.masthead-with-form__form-shell .hs-richtext a {
    color: #fff;
}

.masthead-with-form__form-shell .hs-richtext {
    color: #fff;
}

.masthead-with-form--bg-gradient .masthead-with-form__form-shell label {
    text-align: left;
    color: #312BA1;
}

.masthead-with-form--bg-gradient .masthead-with-form__form-shell .hs-richtext {
    color: #312BA1;
}

.masthead-with-form--bg-gradient .masthead-with-form__form-shell .hs-richtext a {
    color: #312BA1;
}

.masthead-with-form__hubspot-context {
    margin-top: 0;
}

.masthead-with-form__embed {
    min-height: 120px;
}

.masthead-with-form__hubspot-notice {
    color: #fca700;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

/* HubSpot: dark form card (white masthead variant) */
.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form input:not([type="submit"]),
.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form select,
.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form textarea {
    background: #f7f8fc;
    border: 1px solid #dfe4f6;
}

.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form .hs-richtext {
    color: #fff !important;
}

.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form legend {
    color: #fff !important;
}

.masthead-with-form--white .masthead-with-form__hubspot-context .hbspt-form label span {
    color: #fff !important;
}

.masthead-with-form--white .masthead-with-form__hubspot-context .hs-form-booleancheckbox label span,
.masthead-with-form--white .masthead-with-form__hubspot-context .inputs-list label span p {
    color: #f2f2f2 !important;
}

/* HubSpot: light form card (purple masthead) — match global HS styling */
.masthead-with-form--purple .masthead-with-form__hubspot-context .hbspt-form input:not([type="submit"]),
.masthead-with-form--purple .masthead-with-form__hubspot-context .hbspt-form select,
.masthead-with-form--purple .masthead-with-form__hubspot-context .hbspt-form textarea {
    background: #f7f8fc;
    border: 1px solid #dfe4f6;
}

.masthead-with-form--purple .masthead-with-form__hubspot-context .hbspt-form .hs-richtext {
    color: #605e7f !important;
}

.masthead-form__wave svg {
    width: 100%;
    height: 100%;
}

.masthead-form__wave {
    height: 150px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.masthead-with-form--bg-white .masthead__wave path {
    fill: #F7F8FC;
}

.masthead-with-form--bg-gradient .masthead__wave path {
    fill: #fff;
}

.masthead-form__elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.masthead-form__element-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.masthead-with-form--bg-white + .number-stats {
    background: #F7F8FC;
}

.masthead-with-form--bg-white + .number-stats .number-stats__icon {
    background: #fff;
}