section.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* background: radial-gradient(ellipse 75% 100% at 200px 50px, #ff6666 10%, #99006E 40%, #490035 100%); */
    background-color: #000000;
}

section.hero container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: calc(100% - 80px);
    width: 100%;
    max-width: 1350px;
    gap: 80px;
    margin: 50px 0;
}

#person {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 438px;
    margin-bottom: -15px;
}

svg.body {
    position: relative;
}

svg.head {
    margin-bottom: -100px;
    margin-left: -50px;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

section.hero .introduction {
    width: 100%;
    max-width: 660px;
    align-self: center;
}

section.hero h1 {
    font-size: 60px;
    font-weight: 200;
    color: #ffffff;
    margin: 237px auto -2px auto;
    padding: 0;
    width: calc(100% - 120px);
    max-width: 1200px;
}

section.hero .introduction div.h2 {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

section.hero .introduction p {
    font-size: 24px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.55);
    line-height: 120%;
    margin-bottom: 50px;
}

section.hero .introduction p:last-child {
    margin-bottom: 0;
}

section.hero .introduction p strong {
    color: rgba(255, 255, 255, 1.0);
    font-weight: 700;
}

section.container-productivity-vs-swp {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

section.container-productivity-vs-swp .productivity,
section.container-productivity-vs-swp .swp-category {
    display: flex;
    flex-direction: column;
    width: 50%;
}

section.container-productivity-vs-swp .qualities-list {
    display: flex;
    align-items: stretch;
}

section.container-productivity-vs-swp h2 {
    font-size: 28px;
    font-weight: 300;
    height: 72px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-bottom: 5px;
}

section.container-productivity-vs-swp .productivity h2.title {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.725 20C37.725 22.3277 37.2665 24.6326 36.3758 26.7831C35.485 28.9336 34.1794 30.8875 32.5335 32.5335C30.8875 34.1794 28.9336 35.485 26.7831 36.3758C24.6326 37.2665 22.3277 37.725 20 37.725C17.6723 37.725 15.3674 37.2665 13.2169 36.3758C11.0664 35.485 9.11245 34.1794 7.46653 32.5335C5.82061 30.8875 4.515 28.9336 3.62423 26.7831C2.73347 24.6326 2.275 22.3277 2.275 20C2.275 17.6723 2.73347 15.3674 3.62424 13.2169C4.515 11.0664 5.82062 9.11245 7.46653 7.46653C9.11245 5.82061 11.0664 4.515 13.2169 3.62423C15.3674 2.73347 17.6723 2.275 20 2.275C22.3277 2.275 24.6326 2.73347 26.7831 3.62424C28.9336 4.515 30.8876 5.82062 32.5335 7.46653C34.1794 9.11245 35.485 11.0664 36.3758 13.2169C37.2665 15.3674 37.725 17.6723 37.725 20L37.725 20Z' stroke='%23FF0000' stroke-width='4.55'/%3E%3Cpath d='M9 9L31 31' stroke='%23FF0000' stroke-width='4.55'/%3E%3C/svg%3E%0A");
    padding-left: 50px;
}

section.container-productivity-vs-swp .swp-category h2.title {
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='17.1' fill='%23008000' stroke='%23008000' stroke-width='1.8'/%3E%3Cpath d='M72 36L63 30.8038V41.1962L72 36ZM54 36.9H63.9V35.1H54V36.9Z' fill='%23008000'/%3E%3Cpath d='M36 72L41.1962 63L30.8038 63L36 72ZM35.1 54L35.1 63.9L36.9 63.9L36.9 54L35.1 54Z' fill='%23008000'/%3E%3Cpath d='M0 36L9 41.1962L9 30.8038L0 36ZM18 35.1L8.1 35.1L8.1 36.9L18 36.9L18 35.1Z' fill='%23008000'/%3E%3Cpath d='M26.0996 35.5063L32.1964 41.603L44.9996 28.7998' stroke='white' stroke-width='3.65806'/%3E%3Cpath d='M36 0L30.8038 9L41.1962 9L36 0ZM36.9 18L36.9 8.1L35.1 8.1L35.1 18L36.9 18Z' fill='%23008000'/%3E%3C/svg%3E%0A");
    padding-left: 82px;
}

section.container-productivity-vs-swp ul {
    list-style: none;
    padding: 10px 0 10px 0;
    margin: 0;
}

section.container-productivity-vs-swp ul.categories {
    position: relative;
    padding-right: 35px;
}

section.container-productivity-vs-swp ul.qualities {
    position: relative;
    padding-left: 35px;
}

section.container-productivity-vs-swp ul.categories li,
section.container-productivity-vs-swp ul.qualities li {
    font-size: 20px;
    font-weight: 300;
    white-space: nowrap;
    line-height: 200%;
}

section.container-productivity-vs-swp ul.categories::after {
    content: "";
    display: block;
    width: 35px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.25);
    border-width: 1px 1px 1px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 0 20px 20px 0;
}

section.container-productivity-vs-swp .qualities-list .connector {
    width: 35px;
    height: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

section.container-productivity-vs-swp ul.qualities::before {
    content: "";
    display: block;
    width: 35px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.25);
    border-width: 1px 0 1px 1px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 20px 0 0 20px;
}


section.spatial-work-platforms-diagram {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    max-width: 1920px;
    margin: 100px auto 0 auto;
    position: relative;
}

section.spatial-work-platforms-diagram h2 {
    font-size: 36px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.25);
    border-width: 1px 1px 0 1px;
    border-radius: 20px 20px 0 0;
    width: calc(100% - 120px);
    max-width: 1280px;
    padding: 30px 30px 0 30px;
    z-index: 1;
}

section.spatial-work-platforms-diagram h3 {
    font-size: 24px;
    font-weight: 200;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    width: calc(100% - 120px);
    max-width: 1280px;
    height: 40px;
    margin-top: 1px;
    padding-top: 5px;
    margin-bottom: 20px;
    z-index: 1;
}

.ecosystem-container {
    width: calc(100% - 120px);
    max-width: 1280px;
    z-index: 1;
}

ul.items-text-container {
    position: relative;
    margin: 0 0 0 10px;
    list-style: none;
    left: 360px;
}

ul.items-text-container li {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    padding: 3px 5px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    width: auto;
    position: absolute;
    animation: hoverAnimation var(--random-duration) ease-in-out infinite;
}

ul.items-text-container li.ideas {
    top: 110px;
    left: 200px;
}
ul.items-text-container li.concepts {
    top: 103px;
    left: 330px;
}
ul.items-text-container li.research {
    top: 225px;
    left: 510px;
}
ul.items-text-container li.aspirations {
    top: 188px;
    left: 100px;
}
ul.items-text-container li.thoughts {
    top: 236px;
    left: 295px;
}
ul.items-text-container li.notes {
    top: 92px;
    left: 530px;
}
ul.items-text-container li.insights {
    top: 155px;
    left: 490px;
}
ul.items-text-container li.images {
    top: 165px;
    left: 342px;
}
ul.items-text-container li.files {
    top: 308px;
    left: 320px;
}
ul.items-text-container li.reminders {
    top: 296px;
    left: 455px;
}
ul.items-text-container li.goals {
    top: 261px;
    left: 140px;
}

@keyframes hoverAnimation {
    0% { transform: translate(0, 0); }
    50% { transform: translate(var(--random-x), var(--random-y)); }
    100% { transform: translate(0, 0); }
}


.hypothesis {
    position: absolute;
    width: 280px;
}

.hypothesis.one {
    top: 250px;
    left: 50%;
    transform: translateX(calc(-50% - 360px));
}

.hypothesis.two {
    top: 485px;
    left: 50%;
    transform: translateX(calc(-50% - 300px));
}

.hypothesis.three {
    top: 680px;
    left: 50%;
    transform: translateX(calc(-50% - 100px));
}

.hypothesis.four {
    top: 780px;
    left: 50%;
    transform: translateX(calc(-50% + 250px));
}

section.spatial-work-platforms-diagram .hypothesis h3 {
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    height: auto;
    padding-bottom: 16px;
    margin: 0;
    color: #ffffff;
    justify-content: flex-start;
}

section.spatial-work-platforms-diagram .hypothesis .description {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    line-height: 140%;
}


.forest-background {
    position: absolute;
    top: 756px;
    left: 0;
    width: 100%;
    aspect-ratio: 1920 / 1061;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("http://superdump.app/wp-content/uploads/2025/07/forest-background.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.forest-background::after { 
    content: "";
    position: absolute;
    width: 100%;
    aspect-ratio: 1920 / 1061;
    top: 0;
    left: 0;
    background: linear-gradient(164deg, #000000 22.78%, rgba(0, 0, 0, 0) 54.2%);
}

.silhouette-woman {
    position: absolute;
    top: 30px;
    width: 100%;
    aspect-ratio: 1149 / 1392;
    max-width: 1149px;
    left: calc(50% + 130px);
    transform: translateX(-50%);
    background-image: url("http://superdump.app/wp-content/uploads/2025/07/silhouette-woman.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}



section.benefits {
    margin-top: 43px;
    width: 100%;
    height: 1028px;
    background: radial-gradient(44.82% 137.54% at 50% 50%, #36312C 22.5%, #181715 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    position: relative;
}

section.benefits::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='58' height='60' viewBox='0 0 58 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.6274 0L53.4558 0.828427L52.0416 2.24264L49.799 0L52.6274 0ZM3.37258 0L2.54416 0.828427L3.95837 2.24264L6.20101 0L3.37258 0ZM46.9706 0L50.6274 3.65685L49.2132 5.07107L44.1421 0L46.9706 0ZM9.02944 0L5.37258 3.65685L6.7868 5.07107L11.8579 0L9.02944 0ZM41.3137 0L47.799 6.48528L46.3848 7.8995L38.4853 0H41.3137ZM14.6863 0L8.20101 6.48528L9.61522 7.8995L17.5147 0L14.6863 0ZM35.6569 0L44.9706 9.31371L43.5564 10.7279L32.8284 0L35.6569 0ZM20.3431 0L11.0294 9.31371L12.4437 10.7279L23.1716 0L20.3431 0ZM30 0L42.1421 12.1421L40.7279 13.5563L28 0.828427L15.2721 13.5563L13.8579 12.1421L26 0H30ZM-1.71573 0L26.2843 28L24.8701 29.4142L-2 2.54416V0L-1.71573 0ZM-2 5.37258L23.4558 30.8284L22.0416 32.2426L-2 8.20101L-2 5.37258ZM-2 11.0294L20.6274 33.6569L19.2132 35.0711L-2 13.8579L-2 11.0294ZM-2 16.6863L17.799 36.4853L16.3848 37.8995L-2 19.5147L-2 16.6863ZM-2 22.3431L14.9706 39.3137L13.5563 40.7279L-2 25.1716L-2 22.3431ZM-2 28L12.1421 42.1421L10.7279 43.5564L-2 30.8284V28ZM-2 33.6569L9.31371 44.9706L7.8995 46.3848L-2 36.4853L-2 33.6569ZM-2 39.3137L6.48528 47.799L5.07107 49.2132L-2 42.1421L-2 39.3137ZM-2 44.9706L3.65685 50.6274L2.24264 52.0416L-2 47.799L-2 44.9706ZM-2 50.6274L0.828427 53.4558L-0.585786 54.8701L-2 53.4558L-2 50.6274ZM52.6274 60L28 35.3726L3.37258 60H6.20101L28 38.201L49.799 60H52.6274ZM46.9706 60L28 41.0294L9.02944 60H11.8579L28 43.8579L44.1421 60H46.9706ZM41.3137 60L28 46.6863L14.6863 60H17.5147L28 49.5147L38.4853 60H41.3137ZM35.6569 60L28 52.3431L20.3431 60H23.1716L28 55.1716L32.8284 60H35.6569ZM30 60L28 58L26 60H30ZM57.7157 0L29.7157 28L31.1299 29.4142L58 2.54416V0L57.7157 0ZM58 5.37258L32.5442 30.8284L33.9584 32.2426L58 8.20101V5.37258ZM58 11.0294L35.3726 33.6569L36.7868 35.0711L58 13.8579V11.0294ZM58 16.6863L38.201 36.4853L39.6152 37.8995L58 19.5147V16.6863ZM58 22.3431L41.0294 39.3137L42.4436 40.7279L58 25.1716V22.3431ZM58 28L43.8579 42.1421L45.2721 43.5564L58 30.8284V28ZM58 33.6569L46.6863 44.9706L48.1005 46.3848L58 36.4853V33.6569ZM58 39.3137L49.5147 47.799L50.9289 49.2132L58 42.1421V39.3137ZM58 44.9706L52.3431 50.6274L53.7574 52.0416L58 47.799V44.9706ZM58 50.6274L55.1716 53.4558L56.5858 54.8701L58 53.4558V50.6274ZM37.8995 16.3848L39.3137 14.9706L28 3.65685L16.6863 14.9706L18.1005 16.3848L28 6.48528L37.8995 16.3848ZM35.0711 19.2132L36.4853 17.799L28 9.31371L19.5147 17.799L20.9289 19.2132L28 12.1421L35.0711 19.2132ZM32.2426 22.0416L33.6569 20.6274L28 14.9706L22.3431 20.6274L23.7574 22.0416L28 17.799L32.2426 22.0416ZM29.4142 24.8701L30.8284 23.4558L28 20.6274L25.1716 23.4558L26.5858 24.8701L28 23.4558L29.4142 24.8701ZM54.8701 59.4142L56.2843 58L28 29.7157L-0.284271 58L1.12994 59.4142L28 32.5442L54.8701 59.4142Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    opacity: 0.1;
    pointer-events: none;
}

section.benefits .content-container {
    display: flex;
    width: 100%;
    max-width: 1350px;
    color: #ffffff;
    margin: 0 auto;
    height: 100%;
    gap: 60px;
}

section.benefits .content-container .column.left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 385px;
    padding-top: 130px;
}

section.benefits .content-container .column.left h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 100%;
}

.rainbow {
    position: relative;
    display: inline-block;
    /* color: transparent;
    overflow: hidden;
    --gradient: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 165, 0, 1), yellow, green, blue); */
}


/* .rainbow::before,
.rainbow::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    z-index: 1;
} */

section.benefits .content-container .column.left p {
    font-size: 24px;
    font-weight: 300;
    line-height: 140%;
}

section.benefits .content-container .column.right {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
}

section.benefits .content-container .column.right .benefits-list {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    width: 919px;
    height: 735px;
}

section.benefits .content-container .column.right .benefits-list li {
    position: absolute;
    width: 100%;
    min-width: 200px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0px 30px 80px -20px rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    border-radius: 20px;
    padding: 20px;
}

section.benefits .content-container .column.right .benefits-list li::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><linearGradient id="combinedGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="10%" style="stop-color:rgb(200,200,200);stop-opacity:0.1" /><stop offset="65%" style="stop-color:rgb(0,0,0);stop-opacity:0.75" /></linearGradient></defs><rect x="0.5" y="0.5" width="99%" height="99%" fill="none" stroke="url(%23combinedGrad)" stroke-width="1" rx="21" ry="21"/></svg>');
    pointer-events: none;
    z-index: 1;
}

section.benefits .content-container .column.right .benefits-list li h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

section.benefits .content-container .column.right .benefits-list li p {
    font-size: 16px;
    font-weight: 300;
    margin: 7px 0 0 0;
    padding: 0;
    line-height: 140%;
    opacity: 0.8;
}

section.benefits .content-container .column.right .benefits-list li.reduce-mental-overhead {
    width: 266px;
    top: 0;
    left: 50px;
    z-index: 2;
}

section.benefits .content-container .column.right .benefits-list li.unload-your-mind {
    top: 22px;
    width: 200px;
    left: 336px;
    z-index: 3;
}

section.benefits .content-container .column.right .benefits-list li.freedom-to-organize-or-not {
    width: 316px;
    top: 275px;
    left: 0;
    z-index: 4;
}

section.benefits .content-container .column.right .benefits-list li.unlocks-innovation-and-creativity {
    width: 342px;
    top: 132px;
    left: 556px;
    z-index: 5;
}

section.benefits .content-container .column.right .benefits-list li.celebrates-the-capture {
    width: 316px;
    top: 360px;
    left: 336px;
    z-index: 6;
}

section.benefits .content-container .column.right .benefits-list li.nurture-mental-clarity {
    width: 240px;
    top: 360px;
    left: 677px;
    z-index: 7;
}

section.benefits .content-container .column.right .benefits-list li.support-non-linear-thinking {
    width: 296px;
    top: 528px;
    left: 20px;
    z-index: 8;
}


section.features h2 {
    font-size: 46px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    margin: 40px auto 0 auto;
    width: 100%;
    max-width: 1350px;
}

section.features .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1260px;
    margin: 60px auto;
    gap: 60px;
}

section.features .content-container .feature {
    display: flex;
    gap: 60px;
    width: 100%;
}

section.features .content-container .feature .screenshot {
    width: 600px;
    height: 340px;
    border-radius: 20px;
    background-color: #cccccc;
}

section.features .content-container .feature .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 540px;
}

section.features .content-container .feature .description:nth-child(2n-1) {
    align-items: flex-end;
}

section.features .content-container .feature .description h3 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 300px;
}

section.features .content-container .feature .description p {
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;
    margin: 7px 0 0 0;
    width: 100%;
    max-width: 300px;
}

section.features h2.more-features {
    font-size: 36px;
    font-weight: 300;
}

section.cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #000000;
    color: #ffffff;
    margin-top: 60px;
    padding-top: 57px;
}

section.cta h3 {
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1260px;
}

section.cta .content-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1260px;
    padding: 60px 0;
}

section.cta p {
    font-size: 30px;
    font-weight: 300;
    line-height: 140%;
    margin: 0;
    padding: 0;
}

section.cta #signup-form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 540px;
    margin: 0;
}

section.cta #signup-form .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

section.cta #signup-form label {
    font-size: 24px;
    font-weight: 300;
    line-height: 140%;
    width: 250px;
    text-align: right;
}

section.cta #signup-form input,
section.cta #signup-form button {
    font-size: 24px;
    font-weight: 300;
    line-height: 140%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: #000000;
    color: #ffffff;
    width: 100%;
}

section.cta #signup-form button {
    appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 24px;
    background: transparent;
    font-weight: 900;
    color: #ffffff;
    border-radius: 10px;
    padding: 16px 30px;
    width: auto;
    position: relative;
    transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}

section.cta #signup-form button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse 50% 50% at 0 0, #ff6666 0%, #99006E 50%, #490035 100%);
    opacity: 0;
    transition: opacity 0.2s linear;
    border-radius: 10px; /* Match the button's border-radius */
    z-index: 0;
}

section.cta #signup-form button span {
    position: relative;
    z-index: 1;
}

section.cta #signup-form button:hover {
    transform: scale(1.05);
    border-color: rgba(255, 255, 255, 0.0);
    cursor: pointer;
}

section.cta #signup-form button:hover::after {
    opacity: 1;
}

section.cta #signup-form .form-group.submit {
    justify-content: flex-end;
}

section.cta #signup-form .form-group.radio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-left: 182px;
}

section.cta #signup-form .form-group.radio label {
    width: auto;
    text-align: left;
}

.form-group.radio .radio-group {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    padding-bottom: 20px;
    align-items: flex-start;
    justify-content: flex-start;
}

section.cta #signup-form .form-group.radio .radio-group input[type="radio"] {
    transform: scale(2.0);
    transform-origin: top left;
    padding: 0;
    line-height: unset;
    font-size: unset;
    width: auto;
}

.form-group.radio .radio-group label {
    display: inline-block;
    padding-left: 9px;
}