/* ═══════════════════════════════════════════════════════════════
   REALITY FRACTURE — Threshold / Final CTA
   Edge-of-universe closing section
   ═══════════════════════════════════════════════════════════════ */

.threshold {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--void);
}

/* ── Animated Energy Background ────────────────────────────── */
.threshold__energy {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(0, 212, 255, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(6, 255, 208, 0.03) 0%, transparent 60%);
    background-size: 200% 200%;
    animation: threshold-energy 12s ease-in-out infinite;
    pointer-events: none;
}

/* Subtle noise grain */
.threshold::before {
    content: '';
    position: absolute;
    inset: -50%;
    width: 200%;
    height: 200%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");
    animation: grain 8s steps(10) infinite;
    opacity: 0.4;
    pointer-events: none;
    z-index: 1;
}

/* Top border glow */
.threshold::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: linear-gradient(
        180deg,
        rgba(139, 92, 246, 0.05) 0%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* ── Content ───────────────────────────────────────────────── */
.threshold__content {
    position: relative;
    z-index: var(--z-content);
    text-align: center;
    padding: var(--sp-8);
}

.threshold__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 0.4em;
    color: var(--neon-violet);
    text-transform: uppercase;
    display: block;
    margin-bottom: var(--sp-5);
    animation: pulse-glow 4s ease-in-out infinite;
}

.threshold__title {
    font-size: clamp(2.5rem, 6vw, var(--text-5xl));
    font-weight: 700;
    line-height: 1.05;
    margin-bottom: var(--sp-4);
    letter-spacing: -0.03em;
}

.threshold__title em {
    color: var(--neon-violet);
}

.threshold__subtitle {
    font-size: var(--text-lg);
    color: var(--text-dim);
    line-height: 1.7;
    max-width: 500px;
    margin: 0 auto var(--sp-8);
    font-weight: 300;
}

/* ── Footer Note ───────────────────────────────────────────── */
.threshold__footnote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    margin-top: var(--sp-12);
    font-family: var(--font-mono);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--text-ghost);
    text-transform: uppercase;
}

.threshold__footnote span:nth-child(2),
.threshold__footnote span:nth-child(4) {
    color: var(--text-ghost);
    font-size: 0.4rem;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 768px) {
    .threshold {
        min-height: 60vh;
    }

    .threshold__content {
        padding: var(--sp-4);
    }

    .threshold__footnote {
        flex-wrap: wrap;
        gap: var(--sp-1);
    }
}