/* =========================================
   WIAN HERO TEXT (JS CONTROLLED)
========================================= */

.hero-anim {
    text-align: center;
}

.hero-line {
    opacity: 0;
    transition: all 0.6s ease;
}

/* visible states controlled by JS */
.show {
    opacity: 1;
    transform: translateY(0);
}

.hide {
    opacity: 0;
    transform: translateY(-10px);
}

/* sizes */
.hero-hello {
    font-size: 72px;
    font-weight: 600;
}

.hero-sub {
    font-size: 24px;
    margin-top: 20px;
}

.hero-final {
    font-size: 48px;
    margin-top: 30px;
    font-weight: 600;
}

/* mobile */
@media (max-width: 768px) {
    .hero-hello { font-size: 42px; }
    .hero-sub { font-size: 18px; }
    .hero-final { font-size: 28px; }
}

/* ===== FINAL WORD ACTIVATION ===== */

.hero-final span {
    opacity: 0.3;
    transition: all 0.4s ease;
    display: inline-block;
    margin: 0 6px;
}

.hero-final span.active {
    opacity: 1;
    color: #ffffff;
    text-shadow: 0 0 8px rgba(255,255,255,0.25);
}

/* ===== DELAYED HERO TEXT ===== */

.hero-desc,
.hero-delay {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.hero-desc.show,
.hero-delay.show {
    opacity: 1;
    transform: translateY(0);
}

/* ===== INLINE AMBIENT WORD ===== */

.ambient-word {
    background: linear-gradient(
        90deg,
        #666,
        #10b981,
        #ffffff,
        #10b981,
        #666
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: ambientFlow 3s linear infinite;
}

@keyframes ambientFlow {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}


/* =========================
   WIAN LABS LINK — FINAL (STRICT)
   ========================= */

/* DEFAULT STATE — FORCE NEUTRAL */
.architecture-section a.lab-trigger {
    color: #e5e5e5 !important;   /* same as your body text */
    text-decoration: none;

    /* REMOVE ANY GLOW / GREEN BLEED */
    text-shadow: none !important;
    filter: none !important;

    transition: all 0.2s ease;
}

/* HOVER STATE — TRUE NEON GLOW */
.architecture-section a.lab-trigger:hover {
    color: #39ff14 !important;

    /* 💥 STRONGER, RICH NEON GLOW */
    text-shadow:
        0 0 6px #39ff14,
        0 0 12px #39ff14,
        0 0 24px #39ff14,
        0 0 40px rgba(57,255,20,0.9),
        0 0 60px rgba(57,255,20,0.7);

    /* 🔍 SMOOTH ZOOM */
    transform: scale(1.06);

    transition: all 0.2s ease;
}

}