/* solutions-hero.css
 * Copy to: canoeintelligence/assets/css/solutions-hero.css
 * Source: 3002 A/B winning hero styles (spz3002-hero → solutions-hero)
 * Excludes: Gravity Forms, brochure popup, why-canoe / info.canoeintelligence.com
 */

.solutions-hero {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 115px 0 118px;
    background: #fff;
    overflow: hidden;
}

.solutions-hero:before {
    content: '';
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-1_1.webp);
    background-size: auto 759px;
    background-repeat: no-repeat;
    height: 759px;
    width: 1335px;
    position: absolute;
    top: 0;
    left: calc(50% + 28px);
}

.solutions-hero > .container {
    width: 100%;
    max-width: 1358px;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
}

.solutions-hero__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 48px 63px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.solutions-hero__copy {
    flex: 1 1 100%;
    max-width: 633px;
    min-width: 0;
}

.solutions-hero__eyebrow {
    margin: 0 0 2px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    color: #c423f9;
    padding-bottom: 0;
}

.solutions-hero__title {
    margin: 0 0 47px;
    font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.1;
    color: #293054;
    padding: 0;
}

.solutions-hero__list {
    list-style: none;
    margin: 0 0 48px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.solutions-hero__item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

.solutions-hero__item:before {
    content: none;
}

.solutions-hero__check {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solutions-hero__check svg {
    display: block;
    width: 17px;
    height: 13px;
}

.solutions-hero__item-text {
    margin: 0;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #293054;
}

.solutions-hero__item-text strong {
    font-weight: 600;
    color: #293054;
}

.solutions-hero__muted {
    color: rgba(41, 48, 84, 0.7);
    font-weight: 400;
}

.solutions-hero__cta-wrap {
    display: inline-flex;
    column-gap: 12px;
}

.solutions-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 32px;
    box-sizing: border-box;
    border: none;
    border-radius: 100px;
    background: #c423f9;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

@media (hover: hover) {
    .solutions-hero__cta:hover {
        background: #1BFFC3;
        color: #293054;
        outline: none;
        text-decoration: none;
    }
}

.solutions-hero__cta:focus,
.solutions-hero__cta:active {
    background: #1BFFC3;
    color: #293054;
    outline: none;
    text-decoration: none;
}

.solutions-hero .demo-cta-border {
    border: 2px solid var(--Outline-button, #293054);
    background-color: #fff;
    color: var(--Outline-button, #293054);
    padding: 0 31px;
}

@media (hover: hover) {
    .solutions-hero .demo-cta-border:hover {
        background: #C423F9;
        color: #FFFFFF;
        border-color: #C423F9;
        outline: none;
        text-decoration: none;
    }
}

.solutions-hero .demo-cta-border:focus {
    background: #C423F9;
    color: #FFFFFF;
    border-color: #C423F9;
    outline: none;
    text-decoration: none;
}

.solutions-hero__media {
    flex: 1 1 280px;
    min-width: 0;
    max-width: 668px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.solutions-hero__media img {
    display: block;
    max-width: unset;
    width: calc(582px + 93px);
    height: auto;
    margin-top: -58px;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1200px) {
    .solutions-hero__copy {
        max-width: 536px;
    }

    .solutions-hero__media img {
        width: calc(628px);
        margin-top: 0px;
    }
}

@media (max-width: 1024px) {
    .solutions-hero {
        padding: 90px 0 80px;
        height: 1346px;
    }

    .solutions-hero:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-tablet-1_1.webp);
        background-size: auto 609px;
        height: 609px;
        width: 1335px;
        top: auto;
        bottom: 71px;
        left: -63px;
    }

    .solutions-hero__inner {
        flex-direction: column;
        gap: 38px 22px;
    }

    .solutions-hero__copy {
        width: 100%;
        max-width: 100%;
    }

    .solutions-hero__title {
        font-size: 56px;
        margin: 0 0 35px;
    }

    .solutions-hero__check {
        margin-top: 3px;
    }

    .solutions-hero__media {
        max-width: 688px;
        margin: auto;
    }

    .solutions-hero__media img {
        margin-top: 2px;
        margin-left: -41px;
        width: 733px;
        position: static;
    }
}

@media (max-width: 767.95px) {
    .solutions-hero {
        padding: 90px 0 76px;
        height: auto;
    }

    .solutions-hero:before {
        background-size: auto 400px;
        height: 400px;
        width: 1335px;
        bottom: 108px;
        left: -70px;
    }

    .solutions-hero > .container {
        padding: 0 20px;
    }

    .solutions-hero__title {
        font-size: 32px;
        margin: 0 0 30px;
    }

    .solutions-hero__eyebrow {
        font-size: 16px;
        margin: 0 0 16px;
    }

    .solutions-hero__item-text {
        font-size: 16px;
    }

    .solutions-hero__list {
        margin: 0px 0 47px;
        gap: 22px;
    }

    .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
    }

    .solutions-hero__cta {
        width: 100%;
        font-size: 16px;
    }

    .solutions-hero__media img {
        margin-top: 2px;
        margin-left: -5px;
        width: 385px;
    }
}

/* ---- canoe-intelligence ---- */
.solutions-hero.canoe-intelligence .solutions-hero__copy {
    max-width: 618px;
}

.solutions-hero.canoe-intelligence .solutions-hero__title {
    font-size: 51px;
    margin: 0 0 37px;
}

.solutions-hero.canoe-intelligence .solutions-hero__media img {
    width: 769px;
    margin-top: 21px;
    left: 85px;
}

.solutions-hero.canoe-intelligence:before {
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-2_1.webp);
    top: 3px;
    left: calc(50% + 20px);
    background-size: auto 698px;
    height: 698px;
    width: 1229px;
}

@media (max-width: 1320px) {
    .solutions-hero.canoe-intelligence .solutions-hero__media img {
        left: 0px;
    }
}

@media (max-width: 1200px) {
    .solutions-hero.canoe-intelligence .solutions-hero__copy {
        max-width: 536px;
    }
}

@media (max-width: 1024px) {
    .solutions-hero.canoe-intelligence {
        height: 1293px;
    }

    .solutions-hero.canoe-intelligence:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-tablet-2_1.webp);
        top: auto;
        left: 0;
        right: 0;
        margin: auto;
        background-size: auto 560px;
        height: 560px;
        width: 984px;
        bottom: 67px;
        transform: translateX(-59px);
    }

    .solutions-hero.canoe-intelligence .solutions-hero__copy {
        max-width: 100%;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__title {
        font-size: 56px;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__list {
        margin: 0 0 46px;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__media img {
        margin-top: 2px;
        margin-left: 79px;
    }
}

@media (max-width: 767.95px) {
    .solutions-hero.canoe-intelligence {
        height: auto;
        padding: 90px 0 96px;
    }

    .solutions-hero.canoe-intelligence:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-mobile-2_1.webp);
        background-size: auto 400px;
        height: 400px;
        width: 700px;
        bottom: 74px;
        transform: translateX(-179px);
    }

    .solutions-hero.canoe-intelligence .solutions-hero__title {
        font-size: 32px;
        margin: 0 0 31px;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__title br {
        display: none;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__list .solutions-hero__item:last-child .solutions-hero__item-text {
        padding-right: 1px;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
    }

    .solutions-hero.canoe-intelligence .demo-cta-border {
        margin-top: 12px;
    }

    .solutions-hero.canoe-intelligence .solutions-hero__media img {
        width: 383px;
        margin-left: -1px;
    }
}

/* ---- canoe-connect ---- */
.solutions-hero.canoe-connect .solutions-hero__copy {
    max-width: 651px;
}

.solutions-hero.canoe-connect .solutions-hero__eyebrow {
    margin: 0 0 14px;
}

.solutions-hero.canoe-connect .solutions-hero__title {
    font-size: 54px;
}

.solutions-hero.canoe-connect .solutions-hero__list {
    padding-right: 14px;
}

.solutions-hero.canoe-connect .solutions-hero__media img {
    width: calc(582px + 74px);
    height: auto;
    margin-top: 6px;
}

.solutions-hero.canoe-connect:before {
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-3_1.webp);
    width: 1466px;
    height: 662px;
    background-size: auto 662px;
    top: 76px;
    margin: auto;
    left: calc(50% + -126px);
}

@media (max-width: 1200px) {
    .solutions-hero.canoe-connect:before {
        left: 528px;
    }

    .solutions-hero.canoe-connect .solutions-hero__inner {
        gap: 48px 30px;
    }

    .solutions-hero.canoe-connect .solutions-hero__copy {
        max-width: 580px;
    }
}

@media (max-width: 1024px) {
    .solutions-hero.canoe-connect {
        height: 1274px;
    }

    .solutions-hero.canoe-connect .solutions-hero__copy {
        max-width: 100%;
    }

    .solutions-hero.canoe-connect .solutions-hero__eyebrow {
        margin: 0 0 3px;
    }

    .solutions-hero.canoe-connect .solutions-hero__title {
        font-size: 56px;
    }

    .solutions-hero.canoe-connect .solutions-hero__media img {
        margin-left: -1px;
        margin-top: 1px;
        width: calc(688px);
    }

    .solutions-hero.canoe-connect:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-tablet-3_1.webp);
        width: 1009px;
        height: 456px;
        background-size: auto 456px;
        top: auto;
        left: -95px;
        bottom: 106px;
    }
}

@media (max-width: 767.95px) {
    .solutions-hero.canoe-connect {
        height: auto;
        padding: 90px 0 96px;
    }

    .solutions-hero.canoe-connect:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-mobile-3_1.webp);
        width: 689px;
        height: 311.241px;
        background-size: auto 311px;
        left: -111px;
        bottom: 140px;
    }

    .solutions-hero.canoe-connect .solutions-hero__eyebrow {
        margin: 0 0 14px;
    }

    .solutions-hero.canoe-connect .solutions-hero__title {
        font-size: 32px;
    }

    .solutions-hero.canoe-connect .solutions-hero__list {
        padding-right: 0;
    }

    .solutions-hero.canoe-connect .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
    }

    .solutions-hero.canoe-connect .demo-cta-border {
        margin-top: 12px;
    }

    .solutions-hero.canoe-connect .solutions-hero__media img {
        width: 380px;
    }
}

/* ---- canoe-asset ---- */
.solutions-hero.canoe-asset:before {
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-4_1.webp);
    background-size: auto 662px;
    height: 662px;
    width: 1465px;
    left: calc(50% - 194px);
    top: 0;
    bottom: 0;
    margin: auto;
}

.solutions-hero.canoe-asset .solutions-hero__inner {
    gap: 48px 65px;
}

.solutions-hero.canoe-asset .solutions-hero__eyebrow {
    margin: 0 0 7px;
}

.solutions-hero.canoe-asset .solutions-hero__item-text strong {
    letter-spacing: 0.31px;
}

.solutions-hero.canoe-asset .solutions-hero__list {
    gap: 23px;
}

.solutions-hero.canoe-asset .solutions-hero__media img {
    top: 0;
    bottom: 0;
    margin: auto;
    width: calc(744px + 12px);
    transform: translateY(25px);
}

@media (max-width: 1024px) {
    .solutions-hero.canoe-asset {
        height: 1297px;
    }

    .solutions-hero.canoe-asset:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-tablet-4_1.webp);
        background-size: auto 456px;
        width: 1009px;
        height: 456px;
        top: auto;
        bottom: 85px;
        left: -116px;
        right: 0;
        margin: auto;
    }

    .solutions-hero.canoe-asset .solutions-hero__eyebrow {
        margin: 0 0 3px;
    }

    .solutions-hero.canoe-asset .solutions-hero__media img {
        width: 688px;
        transform: translateY(-8px);
    }
}

@media (max-width: 767.95px) {
    .solutions-hero.canoe-asset {
        height: auto;
        padding: 90px 0 90px;
    }

    .solutions-hero.canoe-asset:before {
        background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/bg-pattern-mobile-4_1.webp);
        background-size: auto 311px;
        width: 690px;
        height: 311px;
        bottom: 130px;
        left: -115px;
    }

    .solutions-hero.canoe-asset .solutions-hero__eyebrow {
        margin: 0 0 16px;
    }

    .solutions-hero.canoe-asset .solutions-hero__title {
        margin: 0 0 29px;
    }

    .solutions-hero.canoe-asset .solutions-hero__list {
        gap: 21px;
    }

    .solutions-hero.canoe-asset .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
    }

    .solutions-hero.canoe-asset .demo-cta-border {
        margin-top: 12px;
    }

    .solutions-hero.canoe-asset .solutions-hero__media img {
        width: 380px;
        transform: translateY(-6px);
    }
}

/* ---- canoe-tax (from 3002v2 — absolute 1440 visual canvas) ---- */
.solutions-hero.canoe-tax {
    padding: 0;
    height: auto;
}

.solutions-hero.canoe-tax:before {
    content: none;
}

.solutions-hero.canoe-tax > .container {
    max-width: 1440px;
    padding: 93px 80px 120px;
}

.solutions-hero.canoe-tax .solutions-hero__inner {
    align-items: center;
    gap: 48px;
}

.solutions-hero.canoe-tax .solutions-hero__copy {
    flex: 0 1 637px;
    max-width: 637px;
    min-width: 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.solutions-hero.canoe-tax .solutions-hero__eyebrow {
    margin: 0 0 8px;
    font-weight: 700;
    letter-spacing: 0;
}

.solutions-hero.canoe-tax .solutions-hero__title {
    font-size: 48px;
    margin: -40px 0 0;
}

.solutions-hero.canoe-tax .solutions-hero__list {
    gap: 23.5px;
    margin: 0;
}

.solutions-hero.canoe-tax .solutions-hero__item-text strong {
    font-weight: 700;
}

.solutions-hero.canoe-tax .solutions-hero__cta-wrap {
    margin: 0;
}

.solutions-hero.canoe-tax .solutions-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    pointer-events: none;
    display: block;
}

.solutions-hero.canoe-tax .solutions-hero__media:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 52.08%;
    z-index: 0;
    width: 77.78%;
    aspect-ratio: 1120 / 662;
    transform: translateY(-50%);
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/circles_2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.solutions-hero.canoe-tax .solutions-hero__media img {
    position: absolute;
    top: calc(50% - 1.5px);
    left: 59.1%;
    z-index: 1;
    width: 54.44%;
    max-width: none;
    height: auto;
    margin: 0;
    transform: translateY(-50%);
}

@media (min-width: 1024px) and (max-width: 1399.98px) {
    .solutions-hero.canoe-tax > .container {
        padding: 93px 40px 120px;
    }

    .solutions-hero.canoe-tax .solutions-hero__copy {
        flex: 0 1 500px;
        max-width: 500px;
    }
}

@media (max-width: 1023.98px) {
    .solutions-hero.canoe-tax {
        padding: 0;
        height: auto;
    }

    .solutions-hero.canoe-tax > .container {
        padding: 64px 40px 80px;
    }

    .solutions-hero.canoe-tax .solutions-hero__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 80px;
    }

    .solutions-hero.canoe-tax .solutions-hero__copy {
        flex: 1 1 auto;
        max-width: 100%;
    }

    .solutions-hero.canoe-tax .solutions-hero__media {
        position: relative;
        inset: auto;
        z-index: 0;
        width: 100%;
        max-width: none;
    }

    .solutions-hero.canoe-tax .solutions-hero__media:before {
        top: auto;
        bottom: -80px;
        left: -40px;
        width: 812px;
        max-width: none;
        transform: none;
    }

    .solutions-hero.canoe-tax .solutions-hero__media img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: calc(100% + 96px);
        max-width: none;
        margin: 0;
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .solutions-hero.canoe-tax > .container {
        padding: 48px 20px 80px;
    }

    .solutions-hero.canoe-tax .solutions-hero__inner {
        gap: 72px;
    }

    .solutions-hero.canoe-tax .solutions-hero__copy {
        gap: 32px;
    }

    .solutions-hero.canoe-tax .solutions-hero__title {
        font-size: 36px;
        margin: -24px 0 0;
    }

    .solutions-hero.canoe-tax .solutions-hero__eyebrow {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .solutions-hero.canoe-tax .solutions-hero__list {
        gap: 23px;
        margin: 0;
    }

    .solutions-hero.canoe-tax .solutions-hero__item-text {
        font-size: 16px;
    }

    .solutions-hero.canoe-tax .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin-top: -1.5px;
    }

    .solutions-hero.canoe-tax .solutions-hero__cta {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }

    .solutions-hero.canoe-tax .demo-cta-border {
        margin-top: 12px;
    }

    .solutions-hero.canoe-tax .solutions-hero__media:before {
        left: -20px;
        bottom: -79px;
        width: 812px;
    }

    .solutions-hero.canoe-tax .solutions-hero__media img {
        width: 183.75%;
        max-width: none;
    }
}

/* ---- canoe-pro (from 3002v2 — absolute 1440 visual canvas) ---- */
.solutions-hero.canoe-pro {
    padding: 0;
    height: auto;
}

.solutions-hero.canoe-pro:before {
    content: none;
}

.solutions-hero.canoe-pro > .container {
    max-width: 1440px;
    padding: 117px 80px 120px;
}

.solutions-hero.canoe-pro .solutions-hero__inner {
    align-items: center;
    gap: 48px;
}

.solutions-hero.canoe-pro .solutions-hero__copy {
    flex: 0 1 637px;
    max-width: 637px;
    min-width: 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.solutions-hero.canoe-pro .solutions-hero__eyebrow {
    margin: 0 0 8px;
    font-weight: 700;
    letter-spacing: 0;
}

.solutions-hero.canoe-pro .solutions-hero__title {
    font-size: 60px;
    margin: -40px 0 0;
}

.solutions-hero.canoe-pro .solutions-hero__list {
    gap: 23.5px;
    margin: 0;
}

.solutions-hero.canoe-pro .solutions-hero__item-text strong {
    font-weight: 700;
}

.solutions-hero.canoe-pro .solutions-hero__cta-wrap {
    margin: 0;
}

.solutions-hero.canoe-pro .solutions-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    pointer-events: none;
    display: block;
}

.solutions-hero.canoe-pro .solutions-hero__media:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 41.25%;
    z-index: 0;
    width: 101.74%;
    aspect-ratio: 1465 / 662;
    transform: translateY(-50%);
    background-image: url(https://res.cloudinary.com/spiralyze/image/upload/f_auto/canoeintelligence/3002/circles_3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.solutions-hero.canoe-pro .solutions-hero__media img {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 54.86%;
    z-index: 1;
    width: 55.69%;
    max-width: none;
    height: auto;
    margin: 0;
    transform: none;
    filter: drop-shadow(-3px 5px 10px rgba(0, 177, 177, 0.45));
}

@media (min-width: 1024px) and (max-width: 1399.98px) {
    .solutions-hero.canoe-pro > .container {
        padding: 60px 40px 120px;
    }

    .solutions-hero.canoe-pro .solutions-hero__copy {
        flex: 0 1 500px;
        max-width: 500px;
        gap: 25px;
    }

    .solutions-hero.canoe-pro .solutions-hero__title {
        font-size: 48px;
        margin: -17px 0 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__media:before {
        top: auto;
        bottom: 0;
        transform: none;
    }
}

@media (max-width: 1023.98px) {
    .solutions-hero.canoe-pro {
        padding: 0;
        height: auto;
    }

    .solutions-hero.canoe-pro > .container {
        padding: 96px 40px 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__copy {
        flex: 1 1 auto;
        max-width: 100%;
    }

    .solutions-hero.canoe-pro .solutions-hero__title {
        font-size: 48px;
    }

    .solutions-hero.canoe-pro .solutions-hero__media {
        position: relative;
        inset: auto;
        z-index: 0;
        width: 100%;
        max-width: none;
        margin-top: -2.5px;
    }

    .solutions-hero.canoe-pro .solutions-hero__media:before {
        top: 205px;
        bottom: auto;
        left: -260px;
        width: 1465px;
        max-width: none;
        transform: none;
    }

    .solutions-hero.canoe-pro .solutions-hero__media img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: calc(100% + 114px);
        max-width: none;
        margin: 0;
        transform: none;
        filter: drop-shadow(-3px 5px 10px rgba(0, 177, 177, 0.45));
    }
}

@media (max-width: 767.98px) {
    .solutions-hero.canoe-pro > .container {
        padding: 96px 20px 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__inner {
        gap: 25px;
    }

    .solutions-hero.canoe-pro .solutions-hero__copy {
        gap: 32px;
    }

    .solutions-hero.canoe-pro .solutions-hero__title {
        font-size: 48px;
        margin: -24px 0 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__eyebrow {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .solutions-hero.canoe-pro .solutions-hero__list {
        gap: 23px;
        margin: 0;
    }

    .solutions-hero.canoe-pro .solutions-hero__item-text {
        font-size: 16px;
    }

    .solutions-hero.canoe-pro .solutions-hero__cta-wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        margin-top: 14px;
    }

    .solutions-hero.canoe-pro .solutions-hero__cta {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }

    .solutions-hero.canoe-pro .demo-cta-border {
        margin-top: 12px;
    }

    .solutions-hero.canoe-pro .solutions-hero__media:before {
        left: -237px;
        top: 58px;
        width: 708px;
    }

    .solutions-hero.canoe-pro .solutions-hero__media img {
        width: 125.5%;
        max-width: none;
        margin-left: -2px;
    }
}