/* Closed Alpha recruitment page. Kept isolated from the main site theme. */
.page-alpha .jo-page-hero { display: none; }

.page-alpha {
    background: #05090c;
}

.page-alpha main.alpha-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 88px;
    background:
        linear-gradient(180deg, #071015 0, #05090c 580px, #05090c 100%);
}

.alpha-page {
    --alpha-width: 1160px;
    --alpha-gold: #cda568;
    --alpha-gold-bright: #e4c388;
    --alpha-line: rgba(205, 165, 104, .22);
    --alpha-ink: #ebe8df;
    --alpha-copy: #a9b3b8;
    --alpha-dim: #748087;
}

.alpha-hero {
    position: relative;
    min-height: 650px;
    display: grid;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background: #09131a url("../assets/home-v3/hero-goddesses.webp") center 45% / cover no-repeat;
}

.alpha-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(2, 7, 10, .93) 0%, rgba(2, 7, 10, .73) 39%, rgba(2, 7, 10, .18) 66%, rgba(2, 7, 10, .54) 100%),
        linear-gradient(180deg, rgba(3, 8, 11, .10) 0%, rgba(3, 8, 11, .08) 62%, #05090c 100%);
}

.alpha-hero__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(ellipse at 34% 46%, rgba(190, 139, 69, .10), transparent 42%);
    pointer-events: none;
}

.alpha-hero__inner {
    width: min(calc(100% - 72px), var(--alpha-width));
    margin: 0 auto;
    padding: 78px 0 96px;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: 84px;
    align-items: end;
}

.alpha-hero__copy {
    max-width: 720px;
}

.alpha-stage {
    width: max-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #d8b77d;
    font-family: var(--p-body, "Noto Sans", system-ui, sans-serif);
    font-size: 13px;
    font-weight: 700;
}

.alpha-stage span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dfb979;
    box-shadow: 0 0 16px rgba(223, 185, 121, .72);
}

.alpha-hero h1 {
    max-width: 700px;
    margin: 0;
    color: #f4f0e7;
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: clamp(44px, 5.2vw, 76px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -.025em;
    text-shadow: 0 4px 28px rgba(0, 0, 0, .82);
}

.alpha-hero__copy > p {
    max-width: 660px;
    margin: 24px 0 0;
    color: #c3cbce;
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: 18px;
    line-height: 1.65;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .86);
}

.alpha-hero__actions {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.alpha-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    border: 1px solid rgba(205, 165, 104, .46);
    color: #f4eee3;
    font-family: var(--p-body, "Noto Sans", system-ui, sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.alpha-btn--primary {
    border-color: #d3a765;
    background: linear-gradient(180deg, #a9773b, #68431f);
    box-shadow: inset 0 1px rgba(255, 233, 190, .18), 0 12px 28px rgba(0, 0, 0, .24);
}

.alpha-btn--primary:hover,
.alpha-btn--primary:focus-visible {
    color: #fff8ea;
    border-color: #ecc27f;
    background: linear-gradient(180deg, #b98748, #744b24);
}

.alpha-btn--quiet {
    background: rgba(3, 10, 14, .70);
    border-color: rgba(190, 202, 207, .28);
    color: #c4cccf;
}

.alpha-btn--quiet:hover,
.alpha-btn--quiet:focus-visible {
    color: #f1eee7;
    border-color: rgba(213, 223, 226, .52);
}

.alpha-btn:focus-visible,
.alpha-faq summary:focus-visible {
    outline: 2px solid #e4c388;
    outline-offset: 4px;
}

.alpha-brief {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 26px;
    border-top: 1px solid rgba(224, 190, 133, .52);
    border-bottom: 1px solid rgba(224, 190, 133, .26);
    background: linear-gradient(90deg, rgba(4, 11, 15, .84), rgba(4, 11, 15, .55));
    backdrop-filter: blur(6px);
}

.alpha-brief__seal {
    position: absolute;
    right: -8px;
    top: -43px;
    color: rgba(211, 170, 105, .09);
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: 190px;
    line-height: 1;
    pointer-events: none;
}

.alpha-brief dl { margin: 0; }

.alpha-brief dl > div {
    position: relative;
    z-index: 1;
    padding: 14px 0;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.alpha-brief dl > div:last-child { border-bottom: 0; }
.alpha-brief dt { color: #7f8b91; font-size: 12px; }
.alpha-brief dd { margin: 0; color: #e0d3bd; font-family: var(--p-body, "Noto Sans", system-ui, sans-serif); font-size: 13px; text-align: right; }

.alpha-section {
    width: min(calc(100% - 72px), var(--alpha-width));
    margin: 0 auto;
    padding: 92px 0;
}

.alpha-section__head {
    max-width: 760px;
    margin-bottom: 42px;
}

.alpha-section__head--narrow { max-width: 620px; }

.alpha-section__head h2,
.alpha-warning h2,
.alpha-fit h2,
.alpha-final h2 {
    margin: 0;
    color: var(--alpha-ink);
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: clamp(30px, 3.2vw, 46px);
    font-weight: 500;
    line-height: 1.16;
}

.alpha-section__head p {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--alpha-copy);
    font-size: 17px;
    line-height: 1.7;
}

.alpha-test-list {
    border-top: 1px solid var(--alpha-line);
}

.alpha-test-row {
    min-height: 126px;
    display: grid;
    grid-template-columns: 66px minmax(210px, .75fr) minmax(0, 1.4fr);
    gap: 30px;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid var(--alpha-line);
}

.alpha-test-row__mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(205, 165, 104, .24);
    color: #b38a52;
    font-size: 13px;
}

.alpha-test-row h3 {
    margin: 0;
    color: #e8e2d7;
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: 22px;
    font-weight: 400;
}

.alpha-test-row p {
    max-width: 650px;
    margin: 0;
    color: #909ca2;
    font-size: 15px;
    line-height: 1.65;
}

.alpha-warning {
    width: min(calc(100% - 72px), var(--alpha-width));
    margin: 4px auto 0;
    padding: 42px 46px;
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 28px;
    align-items: start;
    border-left: 2px solid #b4874d;
    background:
        linear-gradient(90deg, rgba(137, 91, 41, .13), rgba(6, 13, 17, .34) 64%, transparent),
        rgba(8, 15, 19, .64);
}

.alpha-warning__symbol {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(205, 165, 104, .34);
    color: #d4ab6c;
    font-size: 20px;
}

.alpha-warning h2 { font-size: clamp(25px, 2.5vw, 36px); }
.alpha-warning p { max-width: 820px; margin: 13px 0 0; color: #a9b3b8; font-size: 16px; line-height: 1.7; }
.alpha-warning strong { display: block; margin-top: 18px; color: #dbc39e; font-size: 13px; font-weight: 700; }

.alpha-process { padding-bottom: 80px; }
.alpha-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--alpha-line); }
.alpha-steps li { min-height: 120px; display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 24px; border-bottom: 1px solid var(--alpha-line); }
.alpha-steps__number { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(205, 165, 104, .42); border-radius: 50%; color: #ddb97d; font-family: var(--p-body, "Noto Sans", system-ui, sans-serif); font-size: 16px; }
.alpha-steps h3 { margin: 0; color: #e7e2d9; font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); font-size: 21px; font-weight: 400; }
.alpha-steps p { max-width: 680px; margin: 7px 0 0; color: #8d999f; font-size: 15px; line-height: 1.55; }

.alpha-fit {
    width: min(calc(100% - 72px), var(--alpha-width));
    min-height: 430px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    background: #071014;
}

.alpha-fit__art {
    min-height: 430px;
    background:
        linear-gradient(90deg, transparent 65%, #071014 100%),
        linear-gradient(180deg, rgba(3, 8, 11, .10), rgba(3, 8, 11, .64)),
        url("../assets/home-v3/event-siege-opt.webp") center / cover no-repeat;
}

.alpha-fit__copy {
    padding: 58px 56px 54px 30px;
    align-self: center;
}

.alpha-fit__copy p {
    max-width: 590px;
    margin: 17px 0 0;
    color: #a6b0b5;
    font-size: 16px;
    line-height: 1.7;
}

.alpha-fit blockquote {
    max-width: 560px;
    margin: 28px 0 0;
    padding: 0 0 0 20px;
    border-left: 1px solid #c39a5f;
    color: #d8c8ad;
    font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif);
    font-size: 18px;
    line-height: 1.55;
}

.alpha-faq { padding-bottom: 84px; }
.alpha-faq__items { max-width: 860px; border-top: 1px solid var(--alpha-line); }
.alpha-faq details { border-bottom: 1px solid var(--alpha-line); }
.alpha-faq summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; color: #ddd9d1; font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); font-size: 18px; list-style: none; }
.alpha-faq summary::-webkit-details-marker { display: none; }
.alpha-faq summary i { color: #a9895c; font-size: 12px; transition: transform .18s ease; }
.alpha-faq details[open] summary i { transform: rotate(45deg); }
.alpha-faq details p { max-width: 720px; margin: -2px 0 24px; color: #8e9ba1; font-size: 15px; line-height: 1.65; }

.alpha-final {
    width: min(calc(100% - 72px), var(--alpha-width));
    margin: 0 auto;
    padding: 54px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    border-top: 1px solid rgba(205, 165, 104, .34);
}

.alpha-final > div { max-width: 690px; }
.alpha-final h2 { font-size: clamp(27px, 3vw, 41px); }
.alpha-final p { margin: 13px 0 0; color: #8f9ca2; font-size: 16px; }
.alpha-final .alpha-btn { flex: 0 0 auto; }

@media (max-width: 900px) {
    .alpha-hero__inner,
    .alpha-section,
    .alpha-warning,
    .alpha-fit,
    .alpha-final { width: min(calc(100% - 40px), var(--alpha-width)); }
    .alpha-hero__inner { grid-template-columns: 1fr; gap: 46px; padding-top: 64px; }
    .alpha-hero { min-height: 720px; background-position: 57% 45%; }
    .alpha-brief { max-width: 520px; }
    .alpha-test-row { grid-template-columns: 52px minmax(190px, .8fr) minmax(0, 1.2fr); gap: 20px; }
    .alpha-fit { grid-template-columns: .85fr 1.15fr; }
    .alpha-fit__copy { padding-right: 32px; }
}

@media (max-width: 680px) {
    .alpha-hero { min-height: auto; background-image: url("../assets/home-v3/hero-goddesses-960.webp"); background-position: 56% center; }
    .alpha-hero::before { background: linear-gradient(180deg, rgba(2, 7, 10, .55), rgba(2, 7, 10, .91) 58%, #05090c 100%); }
    .alpha-hero__inner,
    .alpha-section,
    .alpha-warning,
    .alpha-fit,
    .alpha-final { width: min(calc(100% - 28px), var(--alpha-width)); }
    .alpha-hero__inner { padding: 70px 0 76px; gap: 34px; }
    .alpha-hero h1 { font-size: clamp(39px, 12vw, 56px); }
    .alpha-hero__copy > p { font-size: 16px; }
    .alpha-hero__actions { flex-direction: column; align-items: stretch; }
    .alpha-btn { width: 100%; text-align: center; }
    .alpha-brief { padding: 22px 20px 18px; }
    .alpha-brief__seal { font-size: 150px; }
    .alpha-section { padding: 70px 0; }
    .alpha-section__head { margin-bottom: 28px; }
    .alpha-test-row { grid-template-columns: 42px 1fr; gap: 10px 15px; padding: 25px 0; }
    .alpha-test-row p { grid-column: 2; }
    .alpha-warning { grid-template-columns: 1fr; gap: 18px; padding: 30px 24px; }
    .alpha-warning__symbol { width: 48px; height: 48px; }
    .alpha-steps li { grid-template-columns: 54px 1fr; gap: 14px; padding: 18px 0; }
    .alpha-steps__number { width: 38px; height: 38px; }
    .alpha-fit { display: block; }
    .alpha-fit__art { min-height: 260px; background: linear-gradient(180deg, transparent 55%, #071014 100%), url("../assets/home-v3/event-siege-opt.webp") center / cover no-repeat; }
    .alpha-fit__copy { padding: 16px 22px 40px; }
    .alpha-final { padding-top: 42px; flex-direction: column; align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
    .alpha-btn,
    .alpha-faq summary i { transition: none; }
}

/* Design pass 2026-09-29: stronger Discord CTA, readable status card */
.alpha-hero__actions .alpha-btn--primary { min-height: 60px; padding: 0 30px; font-size: 16px; }
.alpha-hero__actions .alpha-btn--quiet { min-height: 60px; border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 5px; }
.alpha-brief { background: rgba(4, 11, 15, .94); }
.alpha-brief__seal { display: none; }
.alpha-brief dt { color: #a9b4b9; font-size: 13px; }
.alpha-brief dd { font-size: 15px; }
.alpha-stage { font-size: 14px; }
.alpha-brief dl > div { grid-template-columns: auto 1fr; }
.alpha-brief dd { white-space: nowrap; }