/* =========================================================
   SELECT — MINIMAL LANDING DESIGN BRANCH
   Visual branch only. Intended to replace the old sign-in-first
   home experience once Codex wires the routes.
   ========================================================= */

.select-landing-body {
    min-height: 100vh;
    margin: 0;
    color: var(--needle-ink, #16171a);
    background:
        radial-gradient(circle at 84% 15%, rgba(102, 92, 255, 0.11), transparent 30%),
        radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.92), transparent 30%),
        linear-gradient(145deg, #eff0ed 0%, #e8e9e6 55%, #ececea 100%);
}

.select-landing-shell {
    min-height: 100vh;
}

.select-landing-topbar {
    height: 76px;
    padding: 0 clamp(20px, 4vw, 48px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(18, 19, 22, 0.055);
    background: rgba(244, 245, 242, 0.64);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.68);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.select-landing-wordmark {
    position: relative;
    color: var(--needle-ink, #16171a);
    text-decoration: none;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.25em;
}

.select-landing-wordmark::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0.25em;
    bottom: -9px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--needle-accent, #665cff), transparent);
    opacity: 0.68;
}

.select-landing-signin {
    color: #6f7278;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.select-landing-signin:hover {
    color: var(--needle-ink, #16171a);
}

.select-landing-stage {
    width: min(560px, calc(100vw - 30px));
    min-height: calc(100vh - 76px);
    margin: 0 auto;
    padding: clamp(54px, 9vh, 92px) 0 max(46px, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

.select-landing-copy {
    margin-bottom: 30px;
}

.select-landing-eyebrow {
    margin: 0 0 11px;
    color: var(--needle-accent, #665cff);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 8px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0.19em;
}

.select-landing-copy h1 {
    margin: 0;
    color: var(--needle-ink, #16171a);
    font-size: clamp(52px, 10vw, 72px);
    font-weight: 850;
    line-height: 0.95;
    letter-spacing: -0.058em;
}

.select-landing-tagline {
    margin: 15px auto 0;
    color: var(--needle-muted, #80838a);
    font-size: 14px;
    line-height: 1.5;
}

.select-choice-console {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: clamp(18px, 4vw, 26px);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.76);
    border-radius: 30px;
    background: rgba(244, 245, 242, 0.84);
    box-shadow:
        20px 22px 52px rgba(111, 115, 121, 0.17),
        -18px -18px 42px rgba(255, 255, 255, 0.88),
        inset 0 1px 0 rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.select-choice-console::before {
    content: "";
    position: absolute;
    inset: 9px;
    pointer-events: none;
    border: 1px solid rgba(18, 19, 22, 0.028);
    border-radius: 22px;
}

.select-choice-heading,
.select-choice-grid,
.select-choice-note {
    position: relative;
    z-index: 1;
}

.select-choice-heading {
    margin: 2px 4px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
}

.select-choice-kicker {
    display: block;
    margin-bottom: 6px;
    color: #92959b;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 7px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0.17em;
}

.select-choice-heading h2 {
    margin: 0;
    color: var(--needle-ink, #16171a);
    font-size: clamp(24px, 5vw, 30px);
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.select-choice-signal {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--needle-accent, #665cff);
    box-shadow: 0 0 13px rgba(102, 92, 255, 0.5);
}

.select-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.select-choice-button {
    position: relative;
    min-height: 112px;
    padding: 17px 44px 17px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 18px;
    background: #eff0ed;
    color: var(--needle-ink, #16171a);
    box-shadow:
        7px 8px 18px rgba(111, 115, 121, 0.14),
        -7px -7px 17px rgba(255, 255, 255, 0.90);
    text-align: left;
    text-decoration: none;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.select-choice-button:hover {
    transform: translateY(-3px);
    border-color: rgba(102, 92, 255, 0.16);
    box-shadow:
        10px 12px 23px rgba(111, 115, 121, 0.17),
        -8px -8px 20px rgba(255, 255, 255, 0.92),
        0 0 20px rgba(102, 92, 255, 0.06);
}

.select-choice-label {
    color: #999ca1;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 7px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0.15em;
}

.select-choice-button strong {
    color: var(--needle-ink, #16171a);
    font-size: clamp(26px, 5vw, 33px);
    font-weight: 790;
    line-height: 1;
    letter-spacing: -0.04em;
}

.select-choice-arrow {
    position: absolute;
    right: 18px;
    top: 50%;
    color: var(--needle-accent, #665cff);
    font-size: 21px;
    transform: translateY(-50%);
}

.select-choice-note {
    max-width: 380px;
    margin: 17px auto 0;
    color: #8e9197;
    font-size: 10px;
    line-height: 1.5;
}

.select-landing-footer {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9c9fa4;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.select-landing-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--needle-accent, #665cff);
    box-shadow: 0 0 9px rgba(102, 92, 255, 0.5);
}

@media (max-width: 600px) {
    .select-landing-topbar {
        height: 60px;
        padding: 0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
    }

    .select-landing-wordmark {
        font-size: 14px;
    }

    .select-landing-signin {
        font-size: 11px;
    }

    .select-landing-stage {
        width: min(100% - 22px, 500px);
        min-height: calc(100vh - 60px);
        padding-top: 30px;
    }

    .select-landing-copy {
        margin-bottom: 22px;
    }

    .select-landing-copy h1 {
        font-size: clamp(48px, 15vw, 62px);
    }

    .select-landing-tagline {
        margin-top: 12px;
        font-size: 13px;
    }

    .select-choice-console {
        padding: 15px;
        border-radius: 23px;
    }

    .select-choice-heading {
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 16px;
    }

    .select-choice-grid {
        gap: 8px;
    }

    .select-choice-button {
        min-height: 96px;
        padding: 14px 34px 14px 13px;
        border-radius: 15px;
    }

    .select-choice-button strong {
        font-size: clamp(22px, 7vw, 28px);
    }

    .select-choice-arrow {
        right: 12px;
        font-size: 18px;
    }

    .select-choice-note {
        margin-top: 14px;
    }
}

@media (max-width: 360px) {
    .select-choice-grid {
        grid-template-columns: 1fr;
    }

    .select-choice-button {
        min-height: 78px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .select-choice-button {
        transition: none;
    }
}

/* Landing-only viewport and utility navigation. */
body.select-landing-body { min-height:100svh; display:flex; flex-direction:column; }
.select-landing-body .select-landing-shell { min-height:0; flex:1; display:flex; flex-direction:column; }
.select-landing-body .select-landing-stage { min-height:0; flex:1; padding-top:32px; padding-bottom:32px; }
.select-landing-body .select-choice-note { color:#62656d; font-size:13px; line-height:1.5; }
.select-landing-utilities { display:flex; justify-content:center; align-items:center; gap:12px; padding:12px 16px max(16px,env(safe-area-inset-bottom)); font:12px/1.5 system-ui,sans-serif; color:#62656d; }
.select-landing-utilities a { color:inherit; text-decoration:none; padding:8px 2px; }
.select-landing-utilities a:hover { text-decoration:underline; }
.select-landing-utilities a:focus-visible { outline:3px solid #6951ab; outline-offset:3px; border-radius:3px; }

/* Final landing simplification: retain choice footprints and compact label spacing. */
.select-landing-body .select-choice-heading { margin-bottom:14px; align-items:center; }
.select-landing-body .select-choice-kicker { margin-bottom:0; }
.select-landing-body .select-choice-signal { margin-top:0; }

.select-landing-body .select-choice-heading { position:relative; justify-content:center; text-align:center; }
.select-landing-body .select-choice-kicker { font:600 16px/1.4 system-ui,sans-serif; letter-spacing:0; color:#62656d; }
.select-landing-body .select-choice-signal { position:absolute; right:0; top:50%; transform:translateY(-50%); }