/* =========================================================
   TRADEJOUR WELCOME V2
   ========================================================= */

:root {
    color-scheme: dark;

    --tj-bg:
        #070b0e;

    --tj-surface:
        #0c1216;

    --tj-surface-2:
        #10181d;

    --tj-line:
        rgba(255, 255, 255, .075);

    --tj-line-strong:
        rgba(56, 217, 150, .28);

    --tj-text:
        #f4f7f8;

    --tj-muted:
        #8d9aa3;

    --tj-muted-2:
        #66737c;

    --tj-green:
        #38d996;

    --tj-green-bright:
        #55efb7;

    --tj-red:
        #ff6978;

    --tj-shadow:
        0 30px 90px
        rgba(0, 0, 0, .38);
}


* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body.welcome-v2-page {
    margin: 0;

    min-width: 320px;

    min-height: 100vh;

    overflow-x: hidden;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(26, 110, 80, .12),
            transparent 32rem
        ),
        radial-gradient(
            circle at 93% 16%,
            rgba(19, 142, 99, .08),
            transparent 35rem
        ),
        #070b0e;

    color:
        var(--tj-text);

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}


body.welcome-v2-page::before {
    content: "";

    position: fixed;

    inset: 0;

    pointer-events: none;

    opacity: .24;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018)
            1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.018)
            1px,
            transparent 1px
        );

    background-size:
        44px 44px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 82%
        );
}


a {
    color:
        inherit;
}


.welcome-v2-glow {
    position: fixed;

    z-index: 0;

    width: 430px;
    height: 430px;

    border-radius: 50%;

    pointer-events: none;

    filter:
        blur(95px);

    opacity:
        .075;

    background:
        var(--tj-green);
}


.welcome-v2-glow-left {
    left: -220px;
    top: 340px;
}


.welcome-v2-glow-right {
    right: -250px;
    top: 960px;
}


/* =========================================================
   HEADER
   ========================================================= */

.welcome-v2-header {
    position: relative;

    z-index: 5;

    width:
        min(1380px, calc(100% - 48px));

    min-height:
        84px;

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        24px;

    border-bottom:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-brand {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    text-decoration:
        none;
}


.welcome-v2-brand-mark {
    width:
        38px;

    height:
        38px;

    display:
        grid;

    place-items:
        center;
}


.welcome-v2-brand-mark img {
    display:
        block;

    width:
        100%;

    height:
        100%;
}


.welcome-v2-wordmark {
    display:
        flex;

    align-items:
        baseline;

    letter-spacing:
        -.035em;

    font-size:
        21px;
}


.welcome-v2-wordmark strong {
    font-weight:
        820;
}


.welcome-v2-wordmark-accent {
    color:
        var(--tj-green);
}


.welcome-v2-skip {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    min-height:
        40px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        10px;

    color:
        #bcc6cc;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        720;

    transition:
        border-color .16s ease,
        color .16s ease,
        background .16s ease;
}


.welcome-v2-skip:hover {
    color:
        #ffffff;

    border-color:
        rgba(56,217,150,.30);

    background:
        rgba(56,217,150,.04);
}


/* =========================================================
   MAIN
   ========================================================= */

.welcome-v2-main {
    position:
        relative;

    z-index:
        2;

    width:
        min(1380px, calc(100% - 48px));

    margin:
        0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.welcome-v2-hero {
    min-height:
        720px;

    padding:
        94px 0 88px;

    display:
        grid;

    grid-template-columns:
        minmax(380px, .82fr)
        minmax(580px, 1.18fr);

    align-items:
        center;

    gap:
        clamp(48px, 7vw, 108px);
}


.welcome-v2-hero-copy {
    max-width:
        570px;
}


.welcome-v2-kicker,
.welcome-v2-eyebrow,
.welcome-v2-section-heading > span {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        22px;

    color:
        var(--tj-green);

    font-size:
        11px;

    font-weight:
        820;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


.welcome-v2-kicker-dot {
    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        var(--tj-green);

    box-shadow:
        0 0 16px
        rgba(56,217,150,.72);
}


.welcome-v2-hero h1 {
    margin:
        0;

    max-width:
        650px;

    font-size:
        clamp(47px, 5vw, 76px);

    line-height:
        .99;

    letter-spacing:
        -.061em;

    font-weight:
        860;
}


.welcome-v2-hero h1 span {
    display:
        block;

    margin-top:
        9px;

    color:
        var(--tj-green);
}


.welcome-v2-hero-text {
    max-width:
        580px;

    margin:
        26px 0 0;

    color:
        #9ca8b0;

    font-size:
        16px;

    line-height:
        1.72;
}


.welcome-v2-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        32px;
}


.welcome-v2-button {
    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    padding:
        0 19px;

    border-radius:
        11px;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        820;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        opacity .16s ease,
        box-shadow .16s ease;
}


.welcome-v2-button:hover {
    transform:
        translateY(-1px);
}


.welcome-v2-button-primary {
    border:
        1px solid
        rgba(91, 255, 190, .56);

    background:
        linear-gradient(
            135deg,
            #4deaae,
            #2dd697
        );

    color:
        #04110c;

    box-shadow:
        0 11px 30px
        rgba(56,217,150,.15);
}


.welcome-v2-button-primary:hover {
    box-shadow:
        0 14px 36px
        rgba(56,217,150,.24);
}


.welcome-v2-button-secondary {
    border:
        1px solid
        rgba(255,255,255,.11);

    background:
        rgba(255,255,255,.028);

    color:
        #d9e0e4;
}


.welcome-v2-button-secondary:hover {
    border-color:
        rgba(56,217,150,.28);

    background:
        rgba(56,217,150,.04);
}


.welcome-v2-trial-strip {
    width:
        fit-content;

    max-width:
        100%;

    display:
        flex;

    align-items:
        stretch;

    margin-top:
        35px;

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:
        12px;

    overflow:
        hidden;

    background:
        rgba(255,255,255,.018);
}


.welcome-v2-trial-strip > div {
    min-width:
        100px;

    padding:
        13px 16px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;

    border-right:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-trial-strip > div:last-child {
    border-right:
        0;
}


.welcome-v2-trial-strip strong {
    color:
        #f4f7f8;

    font-size:
        15px;

    font-weight:
        820;
}


.welcome-v2-trial-strip span {
    color:
        #69767f;

    font-size:
        10px;

    font-weight:
        720;

    text-transform:
        uppercase;

    letter-spacing:
        .08em;
}


/* =========================================================
   PRODUCT WINDOW
   ========================================================= */

.welcome-v2-product-stage {
    position:
        relative;

    min-width:
        0;
}


.welcome-v2-product-glow {
    position:
        absolute;

    z-index:
        -1;

    inset:
        12% -4% -8% 20%;

    background:
        radial-gradient(
            circle,
            rgba(56,217,150,.15),
            transparent 62%
        );

    filter:
        blur(34px);
}


.welcome-v2-window {
    position:
        relative;

    border:
        1px solid
        rgba(134, 167, 154, .18);

    border-radius:
        18px;

    overflow:
        hidden;

    background:
        linear-gradient(
            145deg,
            #0b1115,
            #080d10
        );

    box-shadow:
        var(--tj-shadow),
        inset 0 1px 0
        rgba(255,255,255,.035);

    transform:
        perspective(1200px)
        rotateY(-2deg)
        rotateX(1deg);
}


.welcome-v2-window::after {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        linear-gradient(
            122deg,
            rgba(255,255,255,.035),
            transparent 23%
        );
}


.welcome-v2-window-bar {
    min-height:
        48px;

    padding:
        0 16px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border-bottom:
        1px solid
        rgba(255,255,255,.055);

    background:
        #0b1013;
}


.welcome-v2-window-brand {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    font-size:
        11px;

    font-weight:
        780;

    color:
        #cdd7dc;
}


.welcome-v2-window-brand img {
    width:
        20px;

    height:
        20px;
}


.welcome-v2-window-dots {
    display:
        flex;

    gap:
        5px;
}


.welcome-v2-window-dots i {
    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        rgba(255,255,255,.16);
}


.welcome-v2-dashboard {
    min-height:
        492px;

    display:
        grid;

    grid-template-columns:
        116px 1fr;
}


.welcome-v2-sidebar {
    padding:
        18px 10px;

    border-right:
        1px solid
        rgba(255,255,255,.05);

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;

    background:
        rgba(255,255,255,.009);
}


.welcome-v2-sidebar span {
    min-height:
        31px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        0 9px;

    border-radius:
        7px;

    color:
        #637078;

    font-size:
        9px;

    font-weight:
        680;
}


.welcome-v2-sidebar i {
    width:
        6px;

    height:
        6px;

    border:
        1px solid
        currentColor;

    border-radius:
        2px;
}


.welcome-v2-sidebar span.is-active {
    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.08);
}


.welcome-v2-dashboard-main {
    min-width:
        0;

    padding:
        19px;
}


.welcome-v2-preview-title,
.welcome-v2-analytics-top,
.welcome-v2-review-head {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;
}


.welcome-v2-preview-title > div,
.welcome-v2-analytics-top > div:first-child,
.welcome-v2-review-head > div {
    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;
}


.welcome-v2-preview-title small,
.welcome-v2-analytics-top small,
.welcome-v2-review-head small {
    color:
        #53616a;

    font-size:
        8px;

    font-weight:
        820;

    letter-spacing:
        .14em;
}


.welcome-v2-preview-title strong,
.welcome-v2-analytics-top strong,
.welcome-v2-review-head strong {
    font-size:
        14px;

    font-weight:
        790;
}


.welcome-v2-preview-title > span {
    padding:
        5px 8px;

    border:
        1px solid
        rgba(56,217,150,.15);

    border-radius:
        6px;

    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.055);

    font-size:
        8px;

    font-weight:
        800;
}


.welcome-v2-stat-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        9px;

    margin-top:
        15px;
}


.welcome-v2-stat-grid article {
    min-width:
        0;

    min-height:
        83px;

    padding:
        12px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    gap:
        4px;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.018);
}


.welcome-v2-stat-grid span {
    color:
        #69767d;

    font-size:
        8px;

    font-weight:
        650;
}


.welcome-v2-stat-grid strong {
    font-size:
        18px;

    letter-spacing:
        -.03em;
}


.welcome-v2-stat-grid small {
    color:
        #4f5c64;

    font-size:
        7px;
}


.is-green {
    color:
        var(--tj-green) !important;
}


.is-red {
    color:
        var(--tj-red) !important;
}


.welcome-v2-chart-card {
    margin-top:
        9px;

    padding:
        13px;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        10px;

    background:
        rgba(255,255,255,.016);
}


.welcome-v2-chart-head {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        12px;
}


.welcome-v2-chart-head > div:first-child {
    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;
}


.welcome-v2-chart-head span {
    color:
        #65737b;

    font-size:
        8px;
}


.welcome-v2-chart-head strong {
    font-size:
        12px;
}


.welcome-v2-chart-tabs {
    display:
        flex;

    gap:
        4px;
}


.welcome-v2-chart-tabs span {
    padding:
        4px 6px;

    border-radius:
        4px;

    font-size:
        7px;
}


.welcome-v2-chart-tabs span.is-active {
    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.08);
}


.welcome-v2-equity-chart {
    display:
        block;

    width:
        100%;

    height:
        150px;

    margin-top:
        8px;
}


.welcome-v2-recent {
    margin-top:
        9px;

    padding:
        11px 13px;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        9px;
}


.welcome-v2-recent-head {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    padding-bottom:
        8px;

    border-bottom:
        1px solid
        rgba(255,255,255,.045);
}


.welcome-v2-recent-head strong {
    font-size:
        9px;
}


.welcome-v2-recent-head span {
    color:
        #526069;

    font-size:
        7px;
}


.welcome-v2-trade-row {
    min-height:
        27px;

    display:
        grid;

    grid-template-columns:
        1fr 1fr auto;

    align-items:
        center;

    gap:
        8px;

    border-bottom:
        1px solid
        rgba(255,255,255,.035);
}


.welcome-v2-trade-row:last-child {
    border-bottom:
        0;
}


.welcome-v2-trade-row span {
    font-size:
        8px;

    font-weight:
        760;
}


.welcome-v2-trade-row small {
    color:
        #5d6a72;

    font-size:
        7px;
}


.welcome-v2-trade-row strong {
    font-size:
        8px;
}


.welcome-v2-preview-note {
    margin:
        12px 0 0;

    text-align:
        center;

    color:
        #4d5a61;

    font-size:
        9px;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


/* =========================================================
   GENERIC SECTION
   ========================================================= */

.welcome-v2-section,
.welcome-v2-process,
.welcome-v2-pricing {
    padding:
        108px 0;
}


.welcome-v2-section {
    border-top:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-section-heading {
    max-width:
        660px;

    margin:
        0 auto 50px;

    text-align:
        center;
}


.welcome-v2-section-heading h2,
.welcome-v2-showcase-copy h2 {
    margin:
        0;

    font-size:
        clamp(34px, 4vw, 54px);

    line-height:
        1.04;

    letter-spacing:
        -.048em;

    font-weight:
        830;
}


.welcome-v2-section-heading p,
.welcome-v2-showcase-copy > p {
    margin:
        19px auto 0;

    color:
        #89969e;

    font-size:
        15px;

    line-height:
        1.7;
}


.welcome-v2-feature-grid {
    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        14px;
}


.welcome-v2-feature-card {
    min-height:
        250px;

    padding:
        25px;

    border:
        1px solid
        var(--tj-line);

    border-radius:
        15px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.026),
            rgba(255,255,255,.010)
        );

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}


.welcome-v2-feature-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(56,217,150,.20);

    background:
        linear-gradient(
            145deg,
            rgba(56,217,150,.035),
            rgba(255,255,255,.012)
        );
}


.welcome-v2-feature-icon svg {
    width:
        16px;

    height:
        16px;

    display:
        block;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.welcome-v2-feature-icon {
    width:
        40px;

    height:
        40px;

    margin-bottom:
        34px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(56,217,150,.20);

    border-radius:
        10px;

    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.055);

    font-size:
        18px;

    font-weight:
        760;
}


.welcome-v2-feature-card h3 {
    margin:
        0;

    font-size:
        16px;

    letter-spacing:
        -.02em;
}


.welcome-v2-feature-card p {
    margin:
        12px 0 0;

    color:
        #78858d;

    font-size:
        13px;

    line-height:
        1.65;
}


/* =========================================================
   SHOWCASES
   ========================================================= */

.welcome-v2-showcase {
    padding:
        114px 0;

    display:
        grid;

    grid-template-columns:
        .80fr 1.20fr;

    align-items:
        center;

    gap:
        clamp(58px, 9vw, 130px);

    border-top:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-showcase-reverse {
    grid-template-columns:
        1.18fr .82fr;
}


.welcome-v2-showcase-copy {
    max-width:
        520px;
}


.welcome-v2-showcase-copy ul {
    margin:
        28px 0 0;

    padding:
        0;

    display:
        grid;

    gap:
        11px;

    list-style:
        none;
}


.welcome-v2-showcase-copy li {
    position:
        relative;

    padding-left:
        24px;

    color:
        #c0c9ce;

    font-size:
        13px;

    line-height:
        1.45;
}


.welcome-v2-showcase-copy li::before {
    content:
        "\2713";

    position:
        absolute;

    left:
        0;

    top:
        0;

    color:
        var(--tj-green);

    font-weight:
        900;
}


/* =========================================================
   ANALYTICS PREVIEW
   ========================================================= */

.welcome-v2-analytics-preview,
.welcome-v2-review-preview {
    position:
        relative;

    min-width:
        0;

    padding:
        24px;

    border:
        1px solid
        rgba(110, 153, 136, .19);

    border-radius:
        17px;

    background:
        linear-gradient(
            145deg,
            #0d1418,
            #090f12
        );

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.28);
}


.welcome-v2-analytics-preview::before,
.welcome-v2-review-preview::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    border-radius:
        inherit;

    background:
        linear-gradient(
            135deg,
            rgba(56,217,150,.035),
            transparent 38%
        );
}


.welcome-v2-filter-pills {
    display:
        flex;

    gap:
        6px;
}


.welcome-v2-filter-pills span {
    padding:
        6px 8px;

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:
        6px;

    color:
        #7e8b93;

    font-size:
        8px;
}


.welcome-v2-analytics-stats {
    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        9px;

    margin-top:
        22px;
}


.welcome-v2-analytics-stats > div {
    padding:
        15px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

    border:
        1px solid
        rgba(255,255,255,.05);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.016);
}


.welcome-v2-analytics-stats span {
    color:
        #68767e;

    font-size:
        8px;
}


.welcome-v2-analytics-stats strong {
    font-size:
        17px;
}


.welcome-v2-bars {
    height:
        220px;

    margin-top:
        12px;

    padding:
        22px 16px 8px;

    display:
        flex;

    align-items:
        flex-end;

    gap:
        9px;

    border:
        1px solid
        rgba(255,255,255,.05);

    border-radius:
        10px;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 43px,
            rgba(255,255,255,.035) 44px
        );
}


.welcome-v2-bars i {
    flex:
        1;

    height:
        var(--h);

    min-width:
        7px;

    border-radius:
        3px 3px 1px 1px;

    background:
        linear-gradient(
            to top,
            rgba(56,217,150,.30),
            #38d996
        );

    box-shadow:
        0 -7px 20px
        rgba(56,217,150,.08);
}


.welcome-v2-bars i.is-loss {
    background:
        linear-gradient(
            to top,
            rgba(255,105,120,.25),
            #ff6978
        );

    box-shadow:
        none;
}


.welcome-v2-analytics-footer {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-top:
        13px;

    color:
        #66747c;

    font-size:
        9px;
}


.welcome-v2-analytics-footer strong {
    font-size:
        9px;
}


/* =========================================================
   REVIEW PREVIEW
   ========================================================= */

.welcome-v2-result-win {
    padding:
        6px 9px;

    border:
        1px solid
        rgba(56,217,150,.22);

    border-radius:
        7px;

    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.055);

    font-size:
        10px;

    font-weight:
        840;
}


.welcome-v2-review-grid {
    display:
        grid;

    grid-template-columns:
        1.3fr .7fr;

    gap:
        10px;

    margin-top:
        20px;
}


.welcome-v2-chart-placeholder,
.welcome-v2-note-preview {
    position:
        relative;

    min-height:
        260px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        11px;

    background:
        #090f12;
}


.welcome-v2-chart-placeholder {
    background:
        linear-gradient(
            rgba(255,255,255,.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.028) 1px,
            transparent 1px
        ),
        #090f12;

    background-size:
        34px 34px;
}


.welcome-v2-candles {
    position:
        absolute;

    inset:
        25px 20px 35px;
}


.welcome-v2-candles i {
    position:
        absolute;

    left:
        var(--x);

    top:
        var(--y);

    width:
        8px;

    height:
        var(--h);

    border:
        2px solid
        #e75f6e;

    border-width:
        2px 0;

    background:
        #e75f6e;
}


.welcome-v2-candles i::before {
    content:
        "";

    position:
        absolute;

    left:
        3px;

    top:
        -9px;

    width:
        1px;

    height:
        calc(100% + 18px);

    background:
        currentColor;

    opacity:
        .75;
}


.welcome-v2-candles i.is-up {
    color:
        var(--tj-green);

    border-color:
        var(--tj-green);

    background:
        var(--tj-green);
}


.welcome-v2-chart-label {
    position:
        absolute;

    left:
        14px;

    bottom:
        12px;

    color:
        #56636b;

    font-size:
        8px;

    text-transform:
        uppercase;

    letter-spacing:
        .1em;
}


.welcome-v2-note-preview {
    padding:
        19px;
}


.welcome-v2-note-preview small {
    color:
        #56636b;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .12em;
}


.welcome-v2-note-preview strong {
    display:
        block;

    margin-top:
        22px;

    font-size:
        13px;
}


.welcome-v2-note-preview p {
    margin:
        11px 0 0;

    color:
        #b4bec4;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    font-size:
        10px;

    line-height:
        1.85;
}


.welcome-v2-review-meta {
    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        8px;

    margin-top:
        10px;
}


.welcome-v2-review-meta > div {
    padding:
        12px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

    border:
        1px solid
        rgba(255,255,255,.05);

    border-radius:
        9px;
}


.welcome-v2-review-meta span {
    color:
        #606e76;

    font-size:
        8px;
}


.welcome-v2-review-meta strong {
    font-size:
        11px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.welcome-v2-process {
    border-top:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-process-grid {
    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:
        16px;

    overflow:
        hidden;
}


.welcome-v2-process-grid article {
    min-height:
        225px;

    padding:
        28px;

    border-right:
        1px solid
        rgba(255,255,255,.055);

    background:
        rgba(255,255,255,.012);
}


.welcome-v2-process-grid article:last-child {
    border-right:
        0;
}


.welcome-v2-process-grid article > strong {
    color:
        rgba(56,217,150,.58);

    font-size:
        11px;

    letter-spacing:
        .12em;
}


.welcome-v2-process-grid h3 {
    margin:
        54px 0 0;

    font-size:
        18px;
}


.welcome-v2-process-grid p {
    margin:
        9px 0 0;

    color:
        #748189;

    font-size:
        12px;

    line-height:
        1.6;
}


/* =========================================================
   PRICING
   ========================================================= */

.welcome-v2-pricing {
    border-top:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-pricing-grid {
    width:
        min(880px, 100%);

    margin:
        0 auto;

    display:
        grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap:
        16px;
}


.welcome-v2-price-card {
    position:
        relative;

    overflow:
        hidden;

    padding:
        30px;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:
        16px;

    background:
        linear-gradient(
            150deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.010)
        );
}


.welcome-v2-price-card-pro {
    border-color:
        rgba(56,217,150,.32);

    background:
        linear-gradient(
            145deg,
            rgba(56,217,150,.065),
            rgba(255,255,255,.012) 52%
        );
}


.welcome-v2-pro-glow {
    position:
        absolute;

    width:
        230px;

    height:
        230px;

    right:
        -100px;

    top:
        -120px;

    border-radius:
        50%;

    background:
        rgba(56,217,150,.16);

    filter:
        blur(70px);

    pointer-events:
        none;
}


.welcome-v2-plan-top {
    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        16px;
}


.welcome-v2-plan-top > div {
    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;
}


.welcome-v2-plan-top > div > span {
    color:
        #68757e;

    font-size:
        9px;

    font-weight:
        820;

    letter-spacing:
        .12em;
}


.welcome-v2-plan-top h3 {
    margin:
        0;

    font-size:
        22px;
}


.welcome-v2-current-badge,
.welcome-v2-pro-badge {
    padding:
        6px 8px;

    border-radius:
        999px;

    font-size:
        8px;

    font-weight:
        850;

    letter-spacing:
        .07em;
}


.welcome-v2-current-badge {
    border:
        1px solid
        rgba(255,255,255,.08);

    color:
        #8d999f;

    background:
        rgba(255,255,255,.025);
}


.welcome-v2-pro-badge {
    color:
        #06110c;

    background:
        var(--tj-green);
}


.welcome-v2-price {
    position:
        relative;

    z-index:
        2;

    margin-top:
        30px;

    display:
        flex;

    align-items:
        baseline;

    gap:
        8px;
}


.welcome-v2-price strong {
    font-size:
        42px;

    letter-spacing:
        -.055em;
}


.welcome-v2-price span {
    color:
        #748188;

    font-size:
        12px;
}


.welcome-v2-price-card > p {
    position:
        relative;

    z-index:
        2;

    min-height:
        48px;

    margin:
        14px 0 0;

    color:
        #7e8b92;

    font-size:
        12px;

    line-height:
        1.6;
}


.welcome-v2-plan-divider {
    height:
        1px;

    margin:
        25px 0;

    background:
        rgba(255,255,255,.06);
}


.welcome-v2-price-card ul {
    min-height:
        180px;

    margin:
        0;

    padding:
        0;

    display:
        grid;

    align-content:
        start;

    gap:
        12px;

    list-style:
        none;
}


.welcome-v2-price-card li {
    position:
        relative;

    padding-left:
        24px;

    color:
        #bdc6cb;

    font-size:
        12px;
}


.welcome-v2-price-card li::before {
    content:
        "\2713";

    position:
        absolute;

    left:
        0;

    color:
        var(--tj-green);

    font-weight:
        900;
}


.welcome-v2-plan-button {
    width:
        100%;

    margin-top:
        28px;
}


.welcome-v2-pricing-note {
    max-width:
        700px;

    margin:
        23px auto 0;

    text-align:
        center;

    color:
        #56636b;

    font-size:
        10px;

    line-height:
        1.6;
}


/* =========================================================
   FOOTER
   ========================================================= */

.welcome-v2-footer {
    position:
        relative;

    z-index:
        2;

    width:
        min(1380px, calc(100% - 48px));

    min-height:
        100px;

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        24px;

    border-top:
        1px solid
        rgba(255,255,255,.055);
}


.welcome-v2-footer-brand {
    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        #9ba7ae;

    font-size:
        12px;

    font-weight:
        780;
}


.welcome-v2-footer-brand img {
    width:
        25px;

    height:
        25px;
}


.welcome-v2-footer-links {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        20px;
}


.welcome-v2-footer-links a {
    color:
        #69767e;

    text-decoration:
        none;

    font-size:
        11px;
}


.welcome-v2-footer-links a:hover {
    color:
        #dce3e6;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1120px) {

    .welcome-v2-hero {
        grid-template-columns:
            1fr;

        padding-top:
            72px;
    }


    .welcome-v2-hero-copy {
        max-width:
            730px;
    }


    .welcome-v2-product-stage {
        width:
            min(820px, 100%);

        margin:
            0 auto;
    }


    .welcome-v2-feature-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .welcome-v2-showcase,
    .welcome-v2-showcase-reverse {
        grid-template-columns:
            1fr;

        gap:
            48px;
    }


    .welcome-v2-showcase-copy {
        max-width:
            680px;
    }

}


@media (max-width: 760px) {

    .welcome-v2-header,
    .welcome-v2-main,
    .welcome-v2-footer {
        width:
            min(100% - 28px, 1380px);
    }


    .welcome-v2-header {
        min-height:
            70px;
    }


    .welcome-v2-brand-mark {
        width:
            32px;

        height:
            32px;
    }


    .welcome-v2-wordmark {
        font-size:
            18px;
    }


    .welcome-v2-skip {
        min-height:
            36px;

        padding:
            0 11px;

        font-size:
            11px;
    }


    .welcome-v2-hero {
        min-height:
            0;

        padding:
            68px 0 78px;

        gap:
            58px;
    }


    .welcome-v2-hero h1 {
        font-size:
            clamp(43px, 13vw, 62px);
    }


    .welcome-v2-hero-text {
        font-size:
            14px;
    }


    .welcome-v2-actions {
        display:
            grid;

        grid-template-columns:
            1fr;
    }


    .welcome-v2-button {
        width:
            100%;
    }


    .welcome-v2-trial-strip {
        width:
            100%;
    }


    .welcome-v2-trial-strip > div {
        flex:
            1;

        min-width:
            0;

        padding:
            12px 8px;
    }


    .welcome-v2-window {
        transform:
            none;
    }


    .welcome-v2-dashboard {
        grid-template-columns:
            1fr;

        min-height:
            0;
    }


    .welcome-v2-sidebar {
        padding:
            8px;

        display:
            grid;

        grid-template-columns:
            repeat(4, 1fr);

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(255,255,255,.05);
    }


    .welcome-v2-sidebar span {
        justify-content:
            center;

        padding:
            0 4px;

        font-size:
            7px;
    }


    .welcome-v2-stat-grid {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-stat-grid article {
        min-height:
            70px;
    }


    .welcome-v2-equity-chart {
        height:
            125px;
    }


    .welcome-v2-section,
    .welcome-v2-process,
    .welcome-v2-pricing,
    .welcome-v2-showcase {
        padding:
            80px 0;
    }


    .welcome-v2-section-heading {
        margin-bottom:
            36px;
    }


    .welcome-v2-feature-grid {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-feature-card {
        min-height:
            210px;
    }


    .welcome-v2-feature-icon {
        margin-bottom:
            25px;
    }


    .welcome-v2-analytics-preview,
    .welcome-v2-review-preview {
        padding:
            16px;
    }


    .welcome-v2-analytics-stats {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-bars {
        height:
            175px;

        gap:
            5px;

        padding-left:
            10px;

        padding-right:
            10px;
    }


    .welcome-v2-review-grid {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-chart-placeholder,
    .welcome-v2-note-preview {
        min-height:
            220px;
    }


    .welcome-v2-review-meta {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-process-grid {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-process-grid article {
        min-height:
            160px;

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(255,255,255,.055);
    }


    .welcome-v2-process-grid article:last-child {
        border-bottom:
            0;
    }


    .welcome-v2-process-grid h3 {
        margin-top:
            30px;
    }


    .welcome-v2-pricing-grid {
        grid-template-columns:
            1fr;
    }


    .welcome-v2-price-card ul {
        min-height:
            0;
    }


    .welcome-v2-footer {
        min-height:
            130px;

        padding:
            24px 0;

        flex-direction:
            column;

        align-items:
            flex-start;

        justify-content:
            center;
    }

}


@media (max-width: 430px) {

    .welcome-v2-kicker,
    .welcome-v2-eyebrow,
    .welcome-v2-section-heading > span {
        font-size:
            9px;
    }


    .welcome-v2-dashboard-main {
        padding:
            12px;
    }


    .welcome-v2-window-bar {
        padding:
            0 11px;
    }


    .welcome-v2-review-preview,
    .welcome-v2-analytics-preview {
        border-radius:
            13px;
    }


    .welcome-v2-price-card {
        padding:
            23px;
    }


    .welcome-v2-plan-top {
        flex-direction:
            column;
    }


    .welcome-v2-current-badge,
    .welcome-v2-pro-badge {
        align-self:
            flex-start;
    }

}


@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior:
            auto !important;

        transition:
            none !important;

        animation:
            none !important;
    }

}