/* General Body Styles */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #e2e8f0;
}

.logo {
    height: 8rem;
    -webkit-filter: drop-shadow(.5px .5px 3px #ffffff);
    filter: drop-shadow(.5px .5px 3px #ffffff);
}

.dark-green {
    background-color: rgb(26 36 24 / 0.8);
}

.dark-green-light {
    background-color: rgb(36 55 32 / 80%);
}

div#side-menu {
    border-left: 1px solid gray;
}

.hero-glow {
    text-shadow: 0 0 15px rgba(250, 204, 21, 0.5), 0 0 30px rgba(250, 204, 21, 0.3);
}

/* Hero Section Styles (Homepage) */
.hero-section {
    background: linear-gradient(rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.7)), url('https://wallpapercave.com/wp/wp3991335.jpg') no-repeat center center/cover;
    animation: zoom-in 4s ease-in-out infinite alternate;
    background-attachment: fixed;
}

@keyframes zoom-in {
    from {
        background-size: 100% 100%;
    }
    to {
        background-size: 110% 110%;
    }
}

/* Hero Section Styles (Founders Page) */
.hero-section-founders {
    background: linear-gradient(rgba(10, 10, 10, 0.88), rgba(10, 10, 10, 0.8)), url('https://wallpapercave.com/wp/wp3991380.jpg') no-repeat center center/cover;
    background-attachment: fixed;
}

/* Hero Section Styles (Product Page) */
.hero-section-product {
    background: linear-gradient(rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.7)), url('https://images.unsplash.com/photo-1581333143948-5534571048ce?q=80&w=2070&auto=format&fit=crop') no-repeat center center/cover;
    background-attachment: fixed;
}


/* Reusable Card Styles */
.vision-card,
.focus-card,
.contact-card,
.form-container,
.founder-card,
.tab-content {
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(51, 65, 85, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.3s ease-in-out;
    border-radius: 0.75rem; /* rounded-xl */
}

.vision-card:hover,
.focus-card:hover,
.contact-card:hover,
.form-container:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 10px 30px rgba(202, 138, 4, 0.2);
    border-color: #ca8a04;
}

/* Founders Page Specific Styles */
.group:hover .founder-card {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(202, 138, 4, 0.15);
    border-color: #ca8a04;
}

.founder-img-wrapper {
    position: relative;
    border-radius: 1rem;
    padding: 6px;
    background: linear-gradient(145deg, #374151, #374151);
    transition: all 0.4s ease-in-out;
}

.group:hover .founder-img-wrapper {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(202, 138, 4, 0.4);
}

.founder-img {
    border-radius: 0.75rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid #111827;
}

.contact-link {
    background-color: #1f2937;
    border: 1px solid #374151;
    color: #9ca3af;
}

.contact-link:hover {
    background-color: #ca8a04;
    border-color: #ca8a04;
    color: #fff;
}


/* CTA Section Style */
.cta-section {
    background: linear-gradient(rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0.6)), url('https://wallpapercave.com/wp/wp3991380.jpg') no-repeat center center/cover;
    background-attachment: fixed;
}

/* Product Page Tab Styles */
.tab-button {
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
}
.tab-button.active {
    color: #facc15; /* yellow-400 */
    border-bottom-color: #facc15; /* yellow-400 */
}
img.logo.w-20.sm\:w-\[100px\].h-auto.flex-shrink-0 {
    width: 100px;
    margin: 0 10px;
}
.mobile-br {
  display: none;
}
@media (max-width: 768px) {
  .mobile-br {
    display: 
  }
}