/* --- SKY DATA CONSOLIDATED DESIGN SYSTEM --- */

:root {
    --ms-h1: 3rem;
    --ms-h2: 2.125rem;
    --sky-blue: #0369a1;
}

/* Global Reset & Typography */
html, body { 
    max-width: 100%; 
    overflow-x: hidden; 
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif; 
    background-color: #ffffff; 
    color: #1e293b; 
    margin: 0; 
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}

h1, .hero-title { 
    font-size: var(--ms-h1);
    font-weight: 700; 
    letter-spacing: -0.04em;
    line-height: 1.2;
}

h2 { 
    font-size: var(--ms-h2);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

p { color: #475569; } /* Slate-600 */

.tracking-widest {
    letter-spacing: 0.25em !important;
}

/* Navigation Ribbon Standard */
.nav-standard {
    height: 5rem; /* Matches h-20 */
}

.nav-item-style {
    font-size: 0.75rem; /* Matches text-xs */
    font-weight: 700; /* Matches font-bold */
    text-transform: uppercase;
    letter-spacing: 0.25em; /* Matches tracking-widest */
    color: #475569; /* Matches text-slate-600 */
}

.nav-blur { 
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
}

/* Backgrounds & Decorations */
.bg-sky-gradient { 
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); 
}

.network-bg {
    background-image: radial-gradient(#0369a1 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    opacity: 0.15;
}

/* Logo Handling */
.logo-img { 
    filter: grayscale(100%) brightness(0.8); 
    opacity: 0.4; 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    will-change: transform;
}

.logo-img:hover { 
    filter: grayscale(0%) brightness(1); 
    opacity: 1; 
    transform: scale(1.1); 
}

/* --- DROPDOWN LOGIC --- */

/* Hide dropdown by default */
.dropdown-content {
    display: none;
    position: absolute;
    top: 100%; 
    left: 0;
    min-width: 200px;
    background: white;
    padding: 10px 0;
    z-index: 9999; /* Ensures it stays on top of hero sections */
}

/* Show on hover */
.dropdown-container:hover .dropdown-content {
    display: block;
}

/* Dropdown link styling - Matching text-xs and tracking-widest */
.dropdown-link {
    display: block;
    padding: 0.75rem 1.5rem;
    font-size: 0.75rem; /* text-xs */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #475569;
    transition: all 0.2s ease;
}

.dropdown-link:hover {
    background-color: #f8fafc;
    color: #0369a1; /* Sky-700 */
    padding-left: 1.75rem; /* Subtle slide effect */
}