/* =============================================================================
   /welcome/ — branded double-opt-in confirmation page. Reuses the .sj-il visual
   language (pink accent, tokens fonts, white sheet from body.sj-ilypio-page).
   A clean centered "you're confirmed" moment; no JS.
   ============================================================================= */

.sj-welcome {
    /* Brand vars (the splash defines these on .sj-il; this page stands alone, so
       set them here — pink accent + ink/text, matching ilypio.css). */
    /* --pink + --black come from the global :root (tokens.css) */

    min-height: 72vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10vh 22px;
    box-sizing: border-box;
    text-align: center;
}
.sj-welcome-inner {
    width: 100%;
    max-width: 620px;
}
.sj-welcome .sj-il-kick {
    text-align: center;
    margin-bottom: 14px;
}
.sj-welcome-head {
    font-family: var(--font-heading);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.04;
    font-size: clamp(34px, 6vw, 60px);
    margin: 0 0 20px;
    color: var(--black);
}
.sj-welcome-body {
    font-family: var(--font-body);
    font-size: clamp(17px, 2.4vw, 19px);
    line-height: 1.6;
    color: var(--black);
    max-width: 34em;
    margin: 0 auto 18px;
}
/* The movement's mantra, standing on its own line beneath the body. */
.sj-welcome-mantra {
    font-family: var(--font-heading);
    font-weight: 900;
    letter-spacing: -.01em;
    font-size: clamp(19px, 2.6vw, 24px);
    color: var(--pink);
    margin: 0 auto 30px;
}
.sj-welcome-home {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pink);
    text-decoration: none;
    border: 1px solid var(--pink);
    border-radius: 20px;
    padding: 11px 20px;
    transition: background .15s ease, color .15s ease;
}
.sj-welcome-home:hover,
.sj-welcome-home:focus-visible {
    background: var(--pink);
    color: #fff;
}