/* ═══════════════════════════════════════════════════════════════
   HOME LANDING PAGE (Repo: index.html)
   Specific Styles
   ═══════════════════════════════════════════════════════════════ */

/* Segment Switcher (Header UI - Home Specific) */
.segment-switcher {
    display: none;
    gap: 0.25rem;
    padding: 0.25rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9999px;
}

@media (min-width: 1024px) {
    .segment-switcher {
        display: flex;
    }
}

.segment-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.segment-btn:hover {
    background: rgba(255, 215, 0, 0.1);
    color: #FFD700;
}

.segment-btn.active {
    background: rgba(255, 215, 0, 0.15);
    color: #FFD700;
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.3);
}

.segment-icon {
    width: 16px;
    height: 16px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.segment-btn:hover .segment-icon,
.segment-btn.active .segment-icon {
    opacity: 1;
}



/* Hero Layout */
.hero-layout { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
@media (min-width: 1024px) { .hero-layout { grid-template-columns: 5fr 7fr; } }
.hero-visual-container { position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; }



/* Floating Animations */
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes float-gentle { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.animate-float-gentle { animation: float-gentle 2s ease-in-out infinite; }
.animate-float { animation: float 6s ease-in-out infinite; }

/* Micro-interactions */
.section-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.section-reveal.visible { opacity: 1; transform: translateY(0); }

/* Slides Layout */
.slide {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Glass Enhanced (Specific to Index Hero) */
.glass-enhanced {
    background: rgba(15, 23, 42, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}