/* done mark — thank-you page with a drawn check */
.done-mark__h1.done-mark__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.done-mark__h2.done-mark__h2 {
    font-size: clamp(1.625rem, 1.49rem + 0.56vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.done-mark__tight.done-mark__tight {
    letter-spacing: -0.04em;
}

.done-mark__svg {
    display: block;
    width: clamp(8rem, 5rem + 12vw, 15rem);
    height: auto;
}

.done-mark__stroke {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: done-mark-draw 1.1s cubic-bezier(0.65, 0, 0.35, 1) 0.2s forwards;
}

.done-mark__stroke--thin {
    animation-delay: 0.45s;
}

@keyframes done-mark-draw {
    to { stroke-dashoffset: 0; }
}

.done-mark__btn {
    min-height: 3.75rem;
}

.done-mark__btn-fill.done-mark__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.done-mark__btn:hover .done-mark__btn-fill,
.done-mark__btn:focus-visible .done-mark__btn-fill {
    transform: translateY(-70%);
}

@media (prefers-reduced-motion: reduce) {
    .done-mark__stroke {
        animation: none;
        stroke-dashoffset: 0;
    }

    .done-mark__btn-fill.done-mark__btn-fill {
        transition: none;
    }
}

/* ---- layout + type values mirrored from the Tailwind utilities (Bootstrap has no exact match) ---- */
.done-mark__root {
    overflow: clip;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.done-mark__inner {
    max-width: 56rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.done-mark__label {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.done-mark__mt5 {
    margin-top: 1.25rem;
}

.done-mark__desc {
    margin-top: 2.5rem;
    max-width: 42rem;
}

.done-mark__btn {
    gap: 0.75rem;
    padding: 1.25rem 2.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: -0.025em;
}

.done-mark__note {
    margin-top: 2.5rem;
    letter-spacing: -0.025em;
}

.done-mark__link {
    text-decoration-thickness: 4px;
    text-underline-offset: 8px;
}

@media (min-width: 768px) {
    .done-mark__root {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

@media (min-width: 1024px) {
    .done-mark__root {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .done-mark__inner {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}