body[data-variant="A"] .welcome-section--alt {
    background-color: #d4e3ef;
}

body[data-variant="A"] .welcome-heading--center {
    margin-inline: auto;
    text-align: center;
}

body[data-variant="A"] .welcome-hero {
    background-image: radial-gradient(120% 85% at 88% 0%, var(--tt-color-primary-subtle) 0%, transparent 62%);
}

body[data-variant="A"] .welcome-hero__inner {
    display: grid;
    gap: var(--tt-space-7);
    max-width: var(--tt-content-max-width);
    margin-inline: auto;
    padding: var(--tt-space-7) var(--tt-space-4) var(--tt-space-8);
}

body[data-variant="A"] .welcome-hero__title {
    margin: 0 0 var(--tt-space-4);
    font-size: clamp(2.25rem, 5.5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

body[data-variant="A"] .welcome-hero__subhead {
    margin: 0 0 var(--tt-space-6);
    max-width: 34rem;
    font-size: var(--tt-font-size-lg);
    line-height: var(--tt-line-height-relaxed);
    color: var(--tt-color-text-muted);
}

body[data-variant="A"] .welcome-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tt-space-4);
    margin-bottom: var(--tt-space-4);
}

body[data-variant="A"] .welcome-hero__actions .tt-btn {
    padding-inline: var(--tt-space-5);
}

body[data-variant="A"] .welcome-hero__actions .welcome-link-secondary {
    display: inline-flex;
    align-items: center;
    min-height: var(--tt-touch-target-min);
}

body[data-variant="A"] .welcome-hero__copy .welcome-microcopy {
    margin-top: var(--tt-space-3);
}

body[data-variant="A"] .welcome-hero__media {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

body[data-variant="A"] .welcome-hero__device {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

body[data-variant="A"] .welcome-hero__video {
    display: block;
    width: auto;
    max-width: min(17rem, 72vw);
    max-height: 32rem;
    border: 1px solid var(--tt-color-border);
    border-radius: 1.75rem;
    background-color: var(--tt-color-text);
    box-shadow: var(--tt-shadow-lg);
}

body[data-variant="A"] .welcome-hero__floating {
    position: absolute;
    left: calc(var(--tt-space-6) * -1);
    bottom: var(--tt-space-6);
    z-index: 1;
    display: block;
    width: auto;
    max-width: 6.5rem;
    height: auto;
    border: 1px solid var(--tt-color-border);
    border-radius: 1rem;
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-lg);
}

body[data-variant="A"] .welcome-stats {
    display: grid;
    gap: var(--tt-space-4);
}

body[data-variant="A"] .welcome-stat {
    display: grid;
    gap: var(--tt-space-2);
    justify-items: center;
    padding: var(--tt-space-6) var(--tt-space-4);
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-lg);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-sm);
    text-align: center;
}

body[data-variant="A"] .welcome-stat__value {
    font-size: clamp(2.25rem, 9vw, 3.25rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--tt-color-primary);
}

body[data-variant="A"] .welcome-stat__label {
    margin: 0;
    max-width: 22rem;
    font-size: var(--tt-font-size-sm);
    line-height: var(--tt-line-height-normal);
    color: var(--tt-color-text-muted);
}

body[data-variant="A"] .welcome-stats__footnote {
    margin: var(--tt-space-5) auto 0;
    max-width: 44rem;
    text-align: center;
    font-size: var(--tt-font-size-xs);
    line-height: var(--tt-line-height-normal);
    color: var(--tt-color-text-subtle);
}

body[data-variant="A"] .welcome-how {
    background-color: var(--tt-color-surface-sunken);
}

body[data-variant="A"] .welcome-steps {
    display: grid;
    gap: var(--tt-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

body[data-variant="A"] .welcome-step {
    display: flex;
    flex-direction: column;
    gap: var(--tt-space-3);
    padding: var(--tt-space-5);
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-lg);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-sm);
}

body[data-variant="A"] .welcome-step__number {
    font-size: var(--tt-font-size-2xl);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--tt-color-primary);
}

body[data-variant="A"] .welcome-step__number::before {
    content: "[";
}

body[data-variant="A"] .welcome-step__number::after {
    content: "]";
}

body[data-variant="A"] .welcome-step__text {
    margin: 0;
    font-size: var(--tt-font-size-base);
    font-weight: var(--tt-font-weight-medium);
    line-height: var(--tt-line-height-normal);
}

body[data-variant="A"] .welcome-features {
    display: grid;
    gap: var(--tt-space-4);
}

body[data-variant="A"] .welcome-feature {
    padding: var(--tt-space-5);
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-lg);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-sm);
}

body[data-variant="A"] .welcome-feature__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: var(--tt-space-4);
    border-radius: var(--tt-radius-md);
    background-color: var(--tt-color-primary-subtle);
    color: var(--tt-color-primary);
    font-size: var(--tt-font-size-xl);
}

body[data-variant="A"] .welcome-feature__title {
    margin: 0 0 var(--tt-space-2);
    font-size: var(--tt-font-size-lg);
    font-weight: var(--tt-font-weight-bold);
    line-height: var(--tt-line-height-tight);
    letter-spacing: -0.01em;
}

body[data-variant="A"] .welcome-feature__body {
    margin: 0;
    font-size: var(--tt-font-size-sm);
    line-height: var(--tt-line-height-relaxed);
    color: var(--tt-color-text-muted);
}

body[data-variant="A"] .welcome-form-section {
    background-color: var(--tt-color-surface);
}

body[data-variant="A"] .welcome-form-section__inner {
    display: grid;
    justify-items: center;
    gap: var(--tt-space-7);
}

body[data-variant="A"] .welcome-form-panel {
    width: 100%;
    max-width: 32rem;
    padding: var(--tt-space-6);
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-lg);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-lg);
}

body[data-variant="A"] .welcome-form-panel .welcome-heading {
    margin-bottom: var(--tt-space-5);
    font-size: clamp(1.375rem, 4.5vw, 1.75rem);
}

body[data-variant="A"] .welcome-roadmap-section {
    background-color: var(--tt-color-surface);
}

body[data-variant="A"] .welcome-roadmap {
    position: relative;
}

body[data-variant="A"] .welcome-roadmap__rail {
    position: absolute;
    z-index: 0;
    top: 0.875rem;
    bottom: 0.875rem;
    left: 0.75rem;
    width: 4px;
    border-radius: var(--tt-radius-pill);
    background-color: var(--tt-color-border-strong);
}

body[data-variant="A"] .welcome-roadmap__rail-fill {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: var(--tt-color-primary);
}

body[data-variant="A"] .welcome-roadmap__list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: var(--tt-space-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

body[data-variant="A"] .welcome-roadmap__step {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: start;
    gap: var(--tt-space-4);
}

body[data-variant="A"] .welcome-roadmap__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 2px solid var(--tt-color-border-strong);
    border-radius: var(--tt-radius-pill);
    background-color: var(--tt-color-surface);
    color: var(--tt-color-primary-contrast);
    font-size: var(--tt-font-size-sm);
}

body[data-variant="A"] .welcome-roadmap__step[data-status="done"] .welcome-roadmap__node {
    border-color: var(--tt-color-primary);
    background-color: var(--tt-color-primary);
}

body[data-variant="A"] .welcome-roadmap__card {
    padding: var(--tt-space-4);
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-lg);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-sm);
}

body[data-variant="A"] .welcome-roadmap__status {
    display: inline-block;
    margin-bottom: var(--tt-space-2);
    padding: 0.125rem var(--tt-space-2);
    border-radius: var(--tt-radius-pill);
    background-color: var(--tt-color-surface-sunken);
    color: var(--tt-color-text-muted);
    font-size: var(--tt-font-size-xs);
    font-weight: var(--tt-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

body[data-variant="A"] .welcome-roadmap__step[data-status="done"] .welcome-roadmap__status {
    background-color: var(--tt-color-success-subtle);
    color: var(--tt-color-success);
}

body[data-variant="A"] .welcome-roadmap__card h3 {
    margin: 0 0 var(--tt-space-2);
    font-size: var(--tt-font-size-base);
    font-weight: var(--tt-font-weight-bold);
    line-height: var(--tt-line-height-tight);
}

body[data-variant="A"] .welcome-roadmap__card p {
    margin: 0;
    font-size: var(--tt-font-size-sm);
    line-height: var(--tt-line-height-normal);
    color: var(--tt-color-text-muted);
}

body[data-variant="A"] .welcome-faq {
    max-width: 48rem;
    margin-inline: auto;
    --bs-accordion-bg: var(--tt-color-surface);
    --bs-accordion-btn-bg: var(--tt-color-surface);
    --bs-accordion-active-bg: var(--tt-color-surface);
    --bs-accordion-active-color: var(--tt-color-primary);
    --bs-accordion-border-color: var(--tt-color-border);
    --bs-accordion-border-radius: var(--tt-radius-md);
    --bs-accordion-inner-border-radius: var(--tt-radius-md);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--tt-color-focus-ring);
}

body[data-variant="A"] .welcome-faq .accordion-item {
    overflow: hidden;
    border: 1px solid var(--tt-color-border);
    border-radius: var(--tt-radius-md);
    background-color: var(--tt-color-surface);
    box-shadow: var(--tt-shadow-sm);
}

body[data-variant="A"] .welcome-faq .accordion-item + .accordion-item {
    margin-top: var(--tt-space-3);
}

body[data-variant="A"] .welcome-faq .accordion-button {
    gap: var(--tt-space-4);
    min-height: var(--tt-touch-target-min);
    padding: var(--tt-space-4) var(--tt-space-5);
    background-color: var(--tt-color-surface);
    color: var(--tt-color-text);
    font-size: var(--tt-font-size-base);
    font-weight: var(--tt-font-weight-semibold);
    box-shadow: none;
}

body[data-variant="A"] .welcome-faq .accordion-button::after {
    display: none;
}

body[data-variant="A"] .welcome-faq .accordion-button:not(.collapsed) {
    background-color: var(--tt-color-surface);
    color: var(--tt-color-primary);
    box-shadow: none;
}

body[data-variant="A"] .welcome-faq .accordion-button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem var(--tt-color-focus-ring);
}

body[data-variant="A"] .welcome-faq__question {
    flex: 1 1 auto;
    text-align: start;
}

body[data-variant="A"] .welcome-faq__icon {
    flex: none;
    color: var(--tt-color-text-subtle);
    font-size: var(--tt-font-size-sm);
    transition: transform 0.2s ease;
}

body[data-variant="A"] .welcome-faq .accordion-button:not(.collapsed) .welcome-faq__icon {
    transform: rotate(45deg);
    color: var(--tt-color-primary);
}

body[data-variant="A"] .welcome-faq .accordion-body {
    padding: var(--tt-space-4) var(--tt-space-5) var(--tt-space-5);
    color: var(--tt-color-text-muted);
    font-size: var(--tt-font-size-sm);
    line-height: var(--tt-line-height-relaxed);
}

body[data-variant="A"] .welcome-final-cta {
    padding-block: var(--tt-space-8);
    background-color: var(--tt-color-text);
    color: var(--tt-color-primary-contrast);
}

body[data-variant="A"] .welcome-final-cta__inner {
    display: grid;
    justify-items: center;
    gap: var(--tt-space-5);
    text-align: center;
}

body[data-variant="A"] .welcome-final-cta__heading {
    margin: 0;
    max-width: 24rem;
    color: var(--tt-color-primary-contrast);
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    font-weight: var(--tt-font-weight-bold);
    line-height: var(--tt-line-height-tight);
    letter-spacing: -0.02em;
}

body[data-variant="A"] .welcome-final-cta__btn {
    padding-inline: var(--tt-space-6);
    border-color: var(--tt-color-surface);
    background-color: var(--tt-color-surface);
    color: var(--tt-color-text);
}

body[data-variant="A"] .welcome-final-cta__btn:hover {
    border-color: var(--tt-color-primary-subtle);
    background-color: var(--tt-color-primary-subtle);
    color: var(--tt-color-text);
}

body[data-variant="A"] .welcome-final-cta__btn:active {
    border-color: var(--tt-color-surface-sunken);
    background-color: var(--tt-color-surface-sunken);
    color: var(--tt-color-text);
}

@media (min-width: 768px) {
    body[data-variant="A"] .welcome-hero__inner {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        align-items: center;
    }

    body[data-variant="A"] .welcome-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-variant="A"] .welcome-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-variant="A"] .welcome-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-variant="A"] .welcome-roadmap__rail {
        top: calc(0.875rem - 2px);
        bottom: auto;
        left: 0;
        right: 0;
        width: auto;
        height: 4px;
    }

    body[data-variant="A"] .welcome-roadmap__list {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: var(--tt-space-2);
    }

    body[data-variant="A"] .welcome-roadmap__step {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    body[data-variant="A"] .welcome-roadmap__node {
        margin-bottom: var(--tt-space-4);
    }

    body[data-variant="A"] .welcome-roadmap__card {
        width: 100%;
        padding: var(--tt-space-3);
    }

    body[data-variant="A"] .welcome-roadmap__card h3 {
        font-size: var(--tt-font-size-sm);
    }

    body[data-variant="A"] .welcome-roadmap__card p {
        font-size: var(--tt-font-size-xs);
        line-height: 1.45;
    }

    body[data-variant="A"] .welcome-roadmap__status {
        font-size: 0.625rem;
        letter-spacing: 0.04em;
    }
}

@media (min-width: 1024px) {
    body[data-variant="A"] .welcome-hero__media {
        justify-content: flex-end;
    }

    body[data-variant="A"] .welcome-hero__floating {
        left: calc(var(--tt-space-7) * -1);
        bottom: var(--tt-space-7);
        max-width: 11rem;
    }
}

@media (min-width: 1280px) {
    body[data-variant="A"] .welcome-features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-variant="A"] .welcome-roadmap__list {
        gap: var(--tt-space-3);
    }

    body[data-variant="A"] .welcome-roadmap__card {
        padding: var(--tt-space-4);
    }

    body[data-variant="A"] .welcome-roadmap__card h3 {
        font-size: var(--tt-font-size-base);
    }

    body[data-variant="A"] .welcome-roadmap__card p {
        font-size: var(--tt-font-size-sm);
        line-height: var(--tt-line-height-normal);
    }

    body[data-variant="A"] .welcome-roadmap__status {
        font-size: var(--tt-font-size-xs);
        letter-spacing: 0.06em;
    }
}