.feature-assistance {
    position:relative;
    isolation:isolate;
    width:100%;
    min-width:0;
    margin:24px 0;
    padding:clamp(26px, 4vw, 46px);
    overflow:hidden;
    border:1px solid color-mix(in srgb, var(--white) 18%, var(--blue));
    border-radius:var(--radius);
    background:radial-gradient(ellipse at 100% 0, #79adff55, transparent 62%), linear-gradient(125deg, var(--blue-hover), var(--blue));
    color:var(--white);
    box-shadow:0 18px 44px #2554e51a;
}

.feature-assistance::before {
    content:'';
    position:absolute;
    z-index:-1;
    right:-100px;
    bottom:-180px;
    width:380px;
    aspect-ratio:1;
    border:1px solid #ffffff21;
    border-radius:50%;
    box-shadow:0 0 0 42px #ffffff08, 0 0 0 84px #ffffff05;
    pointer-events:none;
}

main .feature-assistance .feature-assistance-eyebrow {
    margin:0 0 18px;
    color:var(--white);
    font-size:11px;
    font-weight:750;
    line-height:1.5;
    letter-spacing:.12em;
}

main .feature-assistance .feature-assistance-title {
    max-width:30ch;
    margin:0 0 20px;
    color:var(--white);
    font-size:clamp(25px, 2.5vw, 34px);
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.035em;
    text-wrap:balance;
}

main .feature-assistance .feature-assistance-copy {
    max-width:76ch;
    margin:0;
    color:var(--white);
    font-size:16px;
    line-height:1.75;
}

.feature-assistance-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.feature-assistance .feature-assistance-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-height:50px;
    padding:13px 20px;
    border:1px solid var(--white);
    border-radius:10px;
    background:var(--white);
    color:var(--blue-hover);
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.feature-assistance .feature-assistance-link-secondary {
    border-color:#ffffff80;
    background:transparent;
    color:var(--white);
}

.feature-assistance .feature-assistance-link:focus-visible {
    outline:3px solid var(--lime);
    outline-offset:4px;
}

main .feature-assistance .feature-assistance-note {
    display:flex;
    align-items:baseline;
    gap:9px;
    margin:22px 0 0;
    color:var(--white);
    font-size:13px;
    line-height:1.7;
}

.feature-assistance-note > span:first-child {
    color:var(--lime);
    font-weight:750;
}

@media (min-width:1001px) {
    .feature-assistance {
        display:grid;
        grid-template-columns:minmax(0, 1fr) 270px;
        column-gap:clamp(28px, 4vw, 56px);
    }

    .feature-assistance > :not(.feature-assistance-actions) {
        grid-column:1;
    }

    .feature-assistance .feature-assistance-actions {
        grid-column:2;
        grid-row:1 / 5;
        align-self:center;
        flex-direction:column;
        margin-top:0;
    }
}

@media (hover:hover) {
    .feature-assistance .feature-assistance-link:hover {
        background:#edf3ff;
        box-shadow:0 6px 18px #090f2026;
    }

    .feature-assistance .feature-assistance-link-secondary:hover {
        background:#ffffff14;
    }
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
    .feature-assistance .feature-assistance-link:hover {
        transform:translateY(-2px);
    }
}

@media (prefers-reduced-motion:reduce) {
    .feature-assistance .feature-assistance-link {
        transition:none;
    }
}

@media (max-width:600px) {
    .feature-assistance {
        margin:18px 0;
        padding:26px 22px;
    }

    main .feature-assistance .feature-assistance-copy {
        font-size:15px;
    }

    .feature-assistance-actions {
        flex-direction:column;
    }

    .feature-assistance .feature-assistance-link {
        width:100%;
    }
}