body {
            background-color: hsl(200, 90%, 8%);
            background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/26/bit/2604-AIPO/img/AIPO-bg-img-1.jpg);
            background-repeat: no-repeat;
            background-position: top;
            background-attachment: fixed;
            background-size: cover;
            /* background-attachment: scroll;
            background-size: 100% auto; */
        }

        body::after {
            content: '\a0';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(hsl(200, 90%, 8%, 1), hsl(200, 90%, 8%, 0.3), hsl(200, 90%, 8%) 80%);
            background-attachment: scroll;
            z-index: -1;
        }

        .bg-glass-light {
            background: linear-gradient(178deg, hsla(var(--ex-primary-h), 100%, 99%, 0.99), hsla(var(--ex-primary-h), 50%, 99%, 0.99) 60%, hsla(var(--ex-primary-h), 100%, 99%) 70%);
            box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), 0 14px 14px -14px hsla(var(--ex-primary-h), 50%, 2%, 0.3), 0 14px 26px -8px hsla(var(--ex-primary-h), 50%, 2%, 0.1), 0 40px 40px -40px hsla(var(--ex-primary-h), 50%, 2%, 0.05);
            /* backdrop-filter: blur(5px); */
        }

        .bg-glass-dark {
            background: transparent;
            background: linear-gradient(hsla(var(--ex-primary-h), 100%, 8%, 0.9), hsla(var(--ex-primary-h), 100%, 16%, 0.2) 30%, hsl(var(--ex-primary-h), 100%, 8%) 70%);
            box-shadow: inset 0 0 0 1.5px hsla(0, 0%, 100%, 0.1), 0 14px 14px -14px hsla(var(--ex-primary-h), 6%, 8%, 0.6), 0 12px 24px -8px hsla(var(--ex-primary-h), 6%, 8%, 0.4), 0 40px 40px -40px hsla(var(--ex-primary-h), 6%, 8%, 0.2);
            /* backdrop-filter: blur(5px); */
        }

        .subscribe-form-container {
            --ex-outer-radius: 0.8rem;
            --ex-radius: var(--ex-outer-radius);
            --ex-padding: 0.25rem;
            padding: var(--ex-padding);
            box-shadow: inset 0 0 0 1px hsl(var(--ex-primary-h), 100%, 12%, 0.3);
        }

        @media (min-width: 992px) {
            .subscribe-form-container {
                --ex-outer-radius: 999px;
            }
        }

        /* Bonus */
        .bonus {
            margin-top: -5rem;
            margin-right: auto;
            margin-left: auto;
            max-width: 170px;
        }

        @media (min-width: 992px) {
            .bonus {
                position: absolute;
                margin-top: -4rem;
                margin-left: -1.2rem;
                max-width: 250px;
                transform: rotate(-9deg);
            }
        }

        @media (min-width: 1200px) {
            .bonus {
                margin-top: -4.2rem;
                margin-left: -2.4rem;
                max-width: 320px;
            }
        }

        /* Animations - path arrow */
        @keyframes path-arrow {
            10% {
                opacity: 1;
            }

            100% {
                opacity: 1;
                stroke-dashoffset: 0;
            }
        }

        .animate-path-arrow .st0,
        .intersecting.path-arrow .st0 {
            opacity: 0;
            animation-name: path-arrow;
            animation-duration: 2s;
            animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
            animation-delay: 0.1s;
            animation-fill-mode: forwards;
        }

        .svg-arrow {
            width: 130px;
            fill: none;
            stroke: var(--ex-danger);
            stroke-width: 8;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 600;
            stroke-dashoffset: 600;
        }

        /* Arrow position */
        .svg-arrow-start {
            position: absolute;
            top: -6.3rem;
            left: -6.3rem;
            transform: rotate(-32deg);
        }

        /* Form validation */
        .was-validated .form-control:invalid,
        .form-control.is-invalid,
        .was-validated .custom-select:invalid,
        .custom-select.is-invalid {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f02800' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f02800' stroke='none'/%3e%3c/svg%3e");
            border-color: var(--ex-danger) !important;
        }

        /* Hide push opt-in */
        .pushcrew-mobile-box,
        .pushcrew-side-button,
        div[aria-labelledby*="vwo-engage-alert"] {
            display: none !important;
        }

        .hero-eyebrow {
            letter-spacing: 0.26em;
            color: hsla(var(--hero-green), 40%, 82%, 0.8);
        }