@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --brand-navy: #0F1E36;    /* Deeper Ultra-Premium Navy */
    --brand-gold: #D4AF37;    /* Classic Metallo Gold Accent */
    --neutral-dark: #1E293B;  /* Modern Slate for Readable Prose */
    --light-bg: #F8FAFC;      /* Clean Off-white */
    --white-10: rgba(255, 255, 255, 0.08);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--neutral-dark);
    background-color: #ffffff;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, .logo-main {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.font-sans { font-family: 'Inter', sans-serif; }
.container-max { max-width: 1200px; margin: 0 auto; }
.py-6 { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.fs-7 { font-size: 0.8rem; }
.bg-navy { background-color: var(--brand-navy) !important; }
.text-gold { color: var(--brand-gold) !important; }

/* Top Header Bar styling */
.top-bar {
    background-color: #0A1424;
    letter-spacing: 0.5px;
}

/* Advanced Logo Area & Controls */
.logo-mark {
    background-color: var(--brand-gold);
    color: var(--brand-navy);
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 1.2rem;
    letter-spacing: 1px;
}
.inline-logo { display: inline-block; }

.logo-main {
    font-size: 1.1rem;
    letter-spacing: 1.5px;
    color: #ffffff;
    font-weight: 600;
}
.logo-sub {
    font-size: 0.75rem;
    letter-spacing: 3.5px;
    color: var(--brand-gold);
}

/* Custom Minimal Hamburger Line Animations */
.navbar-toggler {
    width: 30px;
    height: 24px;
    padding: 0;
}
.toggler-line {
    width: 26px;
    height: 2px;
    background-color: #000000;
    display: block;
    transition: all 0.3s ease;
}

/* Modern Industrial Hero Section Frame */
.hero-section {
    min-height: 80vh;
    background: url('../Assets/hero-background.png') no-repeat center center;
    background-size: cover;
}
.hero-overlay {
    background: linear-gradient(135deg, rgba(15, 30, 54, 0.98) 0%, rgba(15, 30, 54, 0.85) 100%);
}
.text-gradient {
    color: var(--brand-gold);
    background: linear-gradient(45deg, #FFF, var(--brand-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tracking-tight { letter-spacing: -1.5px; }
.tracking-widest { letter-spacing: 4px; }
.max-w-700 { max-width: 700px; }

/* Custom Premium Buttons */
.btn-gold {
    background-color: var(--brand-gold);
    color: var(--brand-navy);
    font-weight: 600;
    border: 1px solid var(--brand-gold);
    border-radius: 4px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-gold:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--brand-navy);
    transform: translateY(-2px);
}
.btn-outline-light {
    border-width: 1px;
    border-color: rgba(255,255,255,0.3);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.btn-outline-light:hover {
    background-color: rgba(255,255,255,0.08);
    transform: translateY(-2px);
}

/* Image Frames Layouts */
.stats-image-wrapper .main-img {
    border: 1px solid #E2E8F0;
}

/* Technical Specification Cards System */
.bg-light-gray { background-color: var(--light-bg) !important; }
.tech-card {
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.tech-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(15, 30, 54, 0.05) !important;
    border-color: var(--brand-gold);
}
.card-num {
    font-size: 2.5rem;
    font-weight: 700;
    color: #F1F5F9 !important;
    line-height: 1;
}
.tech-specs li {
    padding: 6px 0;
    border-bottom: 1px dashed #F1F5F9;
}
.tech-specs li:last-child { border-bottom: none; }

/* Offcanvas Portal Link Styling */
.offcanvas { max-width: 400px !important; }
.offcanvas .nav-link {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    transition: all 0.3s ease;
}
.offcanvas .nav-link:hover, .offcanvas .nav-link.active {
    color: var(--brand-gold) !important;
    padding-left: 8px;
}

/* Footer & Enterprise Anchor Tags */
.footer-links li { margin-bottom: 0.8rem; }
.footer-links a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    transition: color 0.2s ease;
}
.footer-links a:hover { color: var(--brand-gold); }

/* Responsive Adjustments */
@media (max-width: 991px) {
    .hero-section { text-align: center; }
    .py-6 { padding-top: 4rem; padding-bottom: 4rem; }
}

/* --- Cinematic Brand Video Section --- */
.video-section {
    background: linear-gradient(rgba(15, 30, 54, 0.95), rgba(15, 30, 54, 0.95)), 
                url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?q=80&w=1920') no-repeat center center;
    background-size: cover;
    background-attachment: fixed; /* Parallax scrolling effect for desktop viewport */
}

.video-overlay {
    background: rgba(15, 30, 54, 0.4);
    z-index: 1;
}

.video-section .z-2 {
    z-index: 2;
}

/* Constrains maximum scale on large screens for ideal scannability */
.video-container-wrapper {
    max-width: 900px;
    border: 4px solid rgba(255, 255, 255, 0.05);
    background-color: #000000;
    transition: border-color 0.4s ease, transform 0.4s ease;
}

.video-container-wrapper:hover {
    border-color: var(--brand-gold);
    transform: scale(1.01);
}

/* Fallback handling for background attachment behavior on mobile environments */
@media (max-width: 991px) {
    .video-section {
        background-attachment: scroll;
    }
}
.hero-logo{
    max-width: 5.9em;
}