.gotham-landing { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-top: 80px; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; padding: 0 15px; }
.main-headline { font-size: clamp(1.8rem, 5vw, 3.5rem); font-weight: 900; line-height: 1.5; color: var(--text-main); margin-top: 60px; margin-bottom: 25px; position: relative; text-align: center; padding: 0; }
.anchor-word { position: relative; display: inline-block; }
.indicator-group { position: absolute; bottom: 75%; left: 5px; display: flex; align-items: flex-end; gap: 8px; pointer-events: none; z-index: 10; }
.tilted-text { color: var(--neon-cyan); font-size: clamp(0.85rem, 2vw, 1.1rem); font-weight: 900; transform: rotate(8deg) translateY(-8px); text-shadow: 0 0 10px rgba(0, 210, 255, 0.4); white-space: nowrap; transition: all 0.3s ease; }
.custom-arrow { width: 45px; height: 45px; filter: drop-shadow(0 0 5px var(--neon-cyan-glow)); transform: translateY(5px); }
.custom-arrow path { stroke-dasharray: 200; stroke-dashoffset: 200; animation: draw-signature 1.5s ease forwards; animation-delay: 0.3s; }
@keyframes draw-signature { to { stroke-dashoffset: 0; } }
.sub-headline { font-size: clamp(0.95rem, 3vw, 1.1rem); color: var(--text-muted); line-height: 1.8; margin-bottom: 40px; padding: 0 10px; }
.stats-box { margin-top: 50px; padding: 30px 20px; width: 100%; max-width: 450px; display: flex; flex-direction: column; align-items: center; gap: 10px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(15, 17, 20, 0.4); }
.stats-title { color: var(--text-muted); font-size: clamp(0.85rem, 2.5vw, 1rem); text-align: center; }
.stats-number { font-size: clamp(3rem, 8vw, 4.5rem); font-weight: 900; color: var(--neon-cyan); text-shadow: 0 0 25px var(--neon-cyan-glow); direction: ltr; line-height: 1;}

@media (max-width: 600px) {
    .gotham-landing { margin-top: 40px; } 
    .main-headline { margin-top: 50px; }
    .anchor-word { position: static; }
    .indicator-group { bottom: auto; top: -35px; left: 0; right: 0; width: 100%; justify-content: center; transform: none; }
    .custom-arrow { display: none; }
    .tilted-text { font-size: 0.9rem; transform: none; letter-spacing: 0.5px; }
}