/* CSS variables based on your brand palette */
        :root {
            --brand-main: #0a0b2b;
            --pure-white: #ffffff;
            --pure-black: #000000;
            --accent-blue: #070ddb;
            --grey-dark: #1a1a1a;
            --grey-light: #f3f4f6; 
        }

        body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            background-color: var(--brand-main);
            color: var(--pure-white);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- NAVIGATION & HEADER --- */
        header { width: 100%; position: relative; z-index: 40; }
        nav {
            padding: 0 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--pure-white);
            width: 100%;
            height: 80px;
            position: relative;
        }
        .logo { font-size: 1.75rem; font-weight: 800; color: var(--brand-main); letter-spacing: -1.5px; }
        .nav-links { display: flex; gap: 32px; align-items: center; height: 100%; }
        .nav-item > a {
            color: var(--pure-black);
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s;
        }
        .nav-item > a:hover { color: var(--accent-blue); }
        .nav-support-btn {
            background: var(--pure-black);
            color: var(--pure-white) !important;
            padding: 10px 24px;
            border-radius: 4px;
            font-weight: 700;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 0.8rem;
            letter-spacing: 1px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .header-grid-toggle {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 3px;
            padding: 8px;
            cursor: pointer;
            background: transparent;
            border: none;
        }
        .header-grid-toggle span { width: 5px; height: 5px; background: var(--pure-black); border-radius: 1px; }

        /* --- HERO SECTION --- */
        .hero-section {
            position: relative;
            min-height: 110vh;
            width: 100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            margin: 0;
        }
        .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
        .video-container video { width: 100%; height: 100%; object-fit: cover; }
        .video-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(rgba(10, 11, 43, 0.85), rgba(10, 11, 43, 0.95));
            z-index: 0;
        }
        .hero-content { position: relative; z-index: 10; flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 5%; max-width: 1100px; }
        .hero-title { font-size: 4.8rem; line-height: 1.05; font-weight: 800; margin-bottom: 28px; letter-spacing: -3px; }
        .hero-description { font-size: 1.35rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 48px; max-width: 750px; }

        .hero-btn {
            padding: 18px 40px;
            font-size: 1rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            border-radius: 4px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            transition: all 0.3s ease;
        }

        /* --- SEAMLESS MARQUEE --- */
        .marquee-container {
            background: var(--brand-main);
            padding: 40px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            overflow: hidden;
            width: 100%;
            z-index: 15;
            margin: 0;
        }
        .marquee-content { 
            display: flex; 
            white-space: nowrap; 
            width: max-content; 
            animation: marquee-scroll 30s linear infinite; 
        }

        /* --- ABOUT US & ROTATING BADGE --- */
        .about-section { padding: 100px 5%; background-color: var(--pure-white); color: var(--pure-black); overflow: visible; }
        .about-img-container { position: relative; border-radius: 8px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); width: 100%; }
        .about-img-container img { width: 100%; height: auto; display: block; border-radius: 8px; }
        
        .rotating-badge-wrapper {
            position: absolute;
            bottom: -40px;
            right: -40px;
            z-index: 30;
        }
        .rotating-badge-container {
            width: 150px;
            height: 150px;
            position: relative;
            cursor: pointer;
            background: white;
            border-radius: 50%;
            padding: 5px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        .rotating-bg { width: 100%; height: 100%; animation: spin 12s linear infinite; }
        .play-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--accent-blue);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 5;
        }
        @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

        /* --- COUNTER --- */
        .counter-section {
            position: relative;
            padding: 120px 5%;
            background-image: url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        .counter-overlay { position: absolute; inset: 0; background: rgba(10, 11, 43, 0.9); }
        .counter-number { font-size: 4rem; font-weight: 800; color: var(--pure-white); margin-bottom: 0.5rem; }
        .counter-label { font-size: 0.8rem; font-weight: 700; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 2px; }

        /* --- SPLIT SECTIONS --- */
        .services-split-section, .projects-split-section, .founder-split-section, .linkedin-split-section { 
            display: grid; 
            grid-template-columns: repeat(2, minmax(0, 1fr)); 
            min-height: 700px; 
            background: var(--pure-white);
            width: 100%;
        }
        .services-split-section > div, .projects-split-section > div, .founder-split-section > div, .linkedin-split-section > div {
            min-width: 0;
        }

        .service-banner-left, .project-banner-right, .founder-banner-left, .linkedin-follow-right { 
            position: relative; 
            overflow: hidden; 
            display: flex; 
            align-items: center; 
            padding: 80px 10%; 
            color: white; 
        }
        .service-banner-left video, .project-banner-right video, .founder-banner-left video { 
            position: absolute; 
            inset: 0; 
            width: 100%; 
            height: 100%; 
            object-fit: cover; 
            z-index: 0; 
        }
        .service-banner-overlay, .project-banner-overlay, .founder-banner-overlay, .linkedin-overlay { position: absolute; inset: 0; background: rgba(10, 11, 43, 0.75); z-index: 1; }
        
        .service-slider-right, .project-slider-left, .founder-content-right, .linkedin-info-left { 
            padding: 80px 5%; 
            background: var(--grey-light); 
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
            overflow: visible; 
        }

        .service-slider-container, .project-slider-container, .gallery-slider-container { 
            display: flex; 
            gap: 24px; 
            overflow-x: auto; 
            padding-top: 30px; 
            padding-bottom: 30px; 
            scroll-snap-type: x mandatory; 
            scrollbar-width: none; 
            width: 100%;
        }
        .service-slider-container::-webkit-scrollbar, .project-slider-container::-webkit-scrollbar, .gallery-slider-container::-webkit-scrollbar { display: none; }

        .service-card, .project-card { 
            min-width: 100%; 
            background: var(--pure-white); 
            padding: 50px; 
            border-radius: 12px; 
            border: 2px solid var(--accent-blue); 
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
            scroll-snap-align: start; 
            box-sizing: border-box; 
        }
        .service-card:hover, .project-card:hover { transform: translateY(-12px); box-shadow: 0 20px 40px rgba(7, 13, 219, 0.2); }

        .project-img-wrapper {
            width: 100%;
            height: 250px;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 25px;
        }
        .project-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: 0.5s;
        }

        /* --- WHY CHOOSE US --- */
        .why-choose-us-section { padding: 100px 5%; background: #fcfcfc; color: var(--pure-black); }
        .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .why-card { background: var(--pure-white); padding: 40px; border-radius: 12px; text-align: center; border: 2px solid var(--accent-blue); transition: all 0.3s ease; }
        .why-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(7, 13, 219, 0.1); }
        .why-card-icon { 
            width: 70px; 
            height: 70px; 
            background: #f0f2ff; 
            color: var(--accent-blue); 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            margin: 0 auto 25px; 
            font-size: 1.5rem;
        }

        /* --- LOGO SLIDER (Seamless) --- */
        .company-logos-section { padding: 0; background: var(--pure-white); }
        .logo-slider-container { overflow: hidden; width: 100%; position: relative; }
        .logo-track { display: flex; width: max-content; animation: marquee-scroll 30s linear infinite; align-items: center; gap: 100px; padding: 40px 0; }
        .logo-item { height: 40px; width: auto; filter: grayscale(1) brightness(0.2) sepia(1) hue-rotate(200deg) saturate(5); opacity: 0.6; }

        /* --- CTA BANNER --- */
        .cta-banner-section { position: relative; min-height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
        .cta-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
        .cta-overlay { position: absolute; inset: 0; background: rgba(10, 11, 43, 0.85); z-index: 0; }
        .cta-content { position: relative; z-index: 10; padding: 0 5%; max-width: 900px; margin: 0 auto; text-align: center; }

        /* --- CONTACT INFO BAR --- */
        .contact-info-bar { display: flex; width: 100%; height: auto; flex-wrap: wrap; }
        .contact-col { flex: 1; min-width: 300px; padding: 50px 5%; display: flex; align-items: center; gap: 20px; color: white; transition: opacity 0.3s; text-decoration: none; }
        .contact-col:hover { opacity: 0.9; }
        .contact-col i { font-size: 2.5rem; opacity: 0.9; }
        .contact-col .details h4 { font-size: 1.5rem; font-weight: 800; margin-top: 4px; }
        .contact-col .details span { font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; }
        
        .col-map { background: #1a20ff; } 
        .col-call { background: #070ddb; } 
        .col-email { background: #0509a1; } 

        /* --- FOOTER --- */
        footer {
            background: var(--grey-dark); 
            color: var(--pure-white);
            padding: 100px 5% 40px;
            border-top: 1px solid rgba(255,255,255,0.05);
        }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 80px; margin-bottom: 80px; }
        .footer-heading { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; margin-bottom: 30px; color: rgba(255,255,255,0.4); }
        .footer-links { list-style: none; padding: 0; margin: 0; }
        .footer-links li { margin-bottom: 15px; }
        .footer-links a { color: rgba(255,255,255,0.7); text-decoration: none; font-weight: 600; transition: 0.3s; }
        .footer-links a:hover { color: var(--accent-blue); }
        .footer-bottom {
            padding-top: 40px;
            border-top: 1px solid rgba(255,255,255,0.05);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.85rem;
            color: rgba(255,255,255,0.4);
        }

        /* --- POPUPS & MOBILE MENU --- */
        #info-panel {
            position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; height: 100vh;
            background: var(--pure-white); z-index: 1000; transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            color: var(--pure-black); display: flex; flex-direction: column; box-shadow: -10px 0 30px rgba(0,0,0,0.1);
        }
        #info-panel.active { right: 0; }
        #panel-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
        #panel-overlay.active { opacity: 1; visibility: visible; }

        #mobile-menu { position: fixed; inset: 0; background: var(--pure-white); z-index: 100; display: none; flex-direction: column; padding: 20px 5%; }
        #mobile-menu.active { display: flex; }
        .mobile-nav-links { display: flex; flex-direction: column; gap: 25px; margin-top: 60px; overflow-y: auto; flex: 1; }
        .mobile-nav-links a { color: var(--pure-black); font-size: 1.5rem; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; }
        .mobile-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding-left: 20px; }
        .mobile-accordion-content.active { max-height: 500px; margin: 20px 0; }
        .mobile-services-toggle-header { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; color: var(--pure-black); cursor: pointer; }
        .mobile-dropdown-item { font-size: 1.5rem !important; font-weight: 800 !important; color: var(--pure-black) !important; opacity: 0.5; }
        .mobile-support-btn { background: var(--pure-black) !important; color: var(--pure-white) !important; padding: 14px 28px; border-radius: 4px; text-align: center; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; height: 54px; }
        #mobile-grid-btn.header-grid-toggle { height: 54px; width: 65px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; }

        @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* --- NOTIFICATION TOP BAR --- */
        .notification-banner {
            background-color: var(--pure-black);
            color: var(--pure-white);
            padding: 8px 5%; 
            font-size: 0.8rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 50;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .banner-left, .banner-right { flex: 1; display: flex; align-items: center; }
        .banner-center { position: absolute; left: 50%; transform: translateX(-50%); display: center; justify-content: center; align-items: center; white-space: nowrap; }
        .banner-right { justify-content: flex-end; }

        @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; } .why-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 768px) {
            .notification-banner { padding: 25px 5%; } 
            .hero-section { min-height: 110vh; } 
            .hero-title { font-size: 3rem; } .hero-btn { width: 100%; }
            .services-split-section, .projects-split-section, .founder-split-section, .linkedin-split-section { grid-template-columns: 1fr; }
            .nav-links, .nav-support-btn-desktop, .header-grid-toggle-desktop { display: none; }
            .banner-left, .banner-right { display: none; }
            .rotating-badge-wrapper { right: -40px; bottom: -40px; transform: scale(0.7); }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; gap: 20px; text-align: center; }
            .why-grid { grid-template-columns: 1fr; }
            .contact-col { min-width: 100%; flex-direction: column; text-align: center; justify-content: center; padding: 40px 5%; }
            .contact-col .details { display: flex; flex-direction: column; align-items: center; }
            .founder-banner-left { min-height: 550px; height: 550px; display: flex; align-items: flex-end; justify-content: center; }
            .founder-banner-left img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
            .gallery-item { min-width: 100%; width: 100%; flex: 0 0 100%; scroll-snap-align: start; }
            .gallery-slider-container { gap: 0; }
            .linkedin-split-section { min-height: auto; }
            .linkedin-follow-right { min-height: 350px; border-left: none; border-top: 10px solid var(--accent-blue); }
        }

        /* --- VIDEO MODAL STYLES --- */
        #video-modal {
            position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 5000;
            display: none; align-items: center; justify-content: center; padding: 20px;
        }
        #video-modal.active { display: flex; }
        .modal-content { width: 100%; max-width: 1000px; position: relative; }
        .close-modal-btn {
            position: absolute; top: -40px; right: 0; color: white; background: none; border: none; cursor: pointer; transition: all 0.3s ease;
            z-index: 5001; display: flex; align-items: center; gap: 12px; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;
        }
        .close-modal-btn:hover { color: var(--accent-blue); transform: translateX(-5px); }
        .close-modal-btn i.fa-arrow-right { font-size: 0.7rem; opacity: 0.8; }
        .close-modal-btn i.fa-xmark { font-size: 0.6rem; background: rgba(255,255,255,0.1); width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

        /* --- GALLERY BANNER STYLES --- */
        .gallery-banner-section {
            position: relative;
            padding: 120px 5%;
            background-image: url('https://images.unsplash.com/photo-1544161513-0179fe746fd5?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            overflow: hidden;
        }
        .gallery-overlay { position: absolute; inset: 0; background: rgba(10, 11, 43, 0.85); z-index: 1; }
        .gallery-item {
            min-width: calc(33.333% - 16px);
            aspect-ratio: 4/3;
            border-radius: 8px;
            overflow: hidden;
            border: 2px solid rgba(255,255,255,0.1);
            transition: 0.4s;
            scroll-snap-align: start;
        }
        .gallery-item:hover { border-color: var(--accent-blue); transform: scale(1.02); }
        .gallery-item img { width: 100%; height: 100%; object-fit: cover; }

        /* LinkedIn Split Section Styling */
        .linkedin-split-section { min-height: 450px; background: var(--grey-light); }
        .linkedin-info-left { background: var(--grey-light); display: flex; flex-direction: column; justify-content: center; padding: 60px 10%; }
        .linkedin-follow-right { 
            background-image: url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&q=80&w=1200'); 
            background-size: cover; 
            background-position: center; 
            border-left: 10px solid var(--accent-blue); 
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
            align-items: center; 
            text-align: center;
            position: relative;
        }
        .linkedin-btn {
            background: #0077b5;
            color: white;
            padding: 16px 40px;
            border-radius: 4px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            box-shadow: 0 10px 30px rgba(0, 119, 181, 0.3);
            transition: transform 0.3s ease;
            text-decoration: none;
        }
        .linkedin-btn:hover { transform: translateY(-5px); }
    </style>
<style>
        /* General Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }

        :root {
            --logo-width: 180px;
            --logo-height: auto;
            --accent-color: #4caf50;
        }

        body {
            background-color: #000;
            color: #fff;
            line-height: 1.6;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        main {
            flex: 1;
            background: #000;
        }

        /* Marquee Section Styles */
        .marquee-container {
            background: #000;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding: 35px 0;
            overflow: hidden;
            position: relative;
            z-index: 4;
        }

        .marquee-content {
            display: flex;
            white-space: nowrap;
            align-items: center; /* Ensure vertical centering for all children */
            animation: scroll 25s linear infinite;
        }

        .marquee-item {
            font-size: 1.4rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding: 0 20px;
            color: rgba(255, 255, 255, 0.8);
            display: flex;
            align-items: center;
        }

        /* 3x3 Squared Dot Grid Separator */
        .dot-grid {
            display: grid;
            grid-template-columns: repeat(3, 4px);
            grid-template-rows: repeat(3, 4px);
            gap: 4px;
            margin: 0 40px;
            opacity: 0.6;
            align-items: center;
            justify-content: center;
            transform: translateY(2px); /* Nudge down for exact optical center between text lines */
        }

        .dot-grid div {
            width: 4px;
            height: 4px;
            background-color: var(--accent-color);
            border-radius: 1px;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Footer Main Styles */
        footer {
            background-color: #050505;
            padding: 80px 20px 40px;
            overflow: hidden;
            position: relative;
            border-top: 1px solid rgba(255, 255, 255, 0.03);
            background-image: url('https://www.transparenttextures.com/patterns/world-map.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        footer::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at center, rgba(5, 5, 5, 0.7) 0%, rgba(0, 0, 0, 0.98) 100%);
            z-index: 1;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 3;
        }

        /* Background Watermark Stack */
        .watermark-stack {
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 2;
            pointer-events: none;
            width: 100%;
        }

        .watermark-item {
            font-weight: 900;
            color: rgba(255, 255, 255, 0.015);
            white-space: nowrap;
            user-select: none;
            letter-spacing: -8px;
            line-height: 0.85;
            text-transform: uppercase;
        }

        .watermark-item.main { font-size: 22vw; }
        .watermark-item.sub { font-size: 14vw; opacity: 0.6; }
        .watermark-item.small { font-size: 10vw; opacity: 0.3; }
        .watermark-item.mini { font-size: 7vw; opacity: 0.15; }

        /* Newsletter Section */
        .newsletter-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 60px;
            margin-bottom: 60px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            flex-wrap: wrap;
            gap: 30px;
        }

        .newsletter-text h2 {
            font-size: 1.8rem;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .newsletter-text p {
            color: #888;
            font-size: 0.95rem;
        }

        .newsletter-form {
            display: flex;
            gap: 10px;
            width: 100%;
            max-width: 450px;
        }

        .newsletter-form input {
            flex: 1;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 12px 20px;
            border-radius: 4px;
            color: #fff;
            outline: none;
            transition: border-color 0.3s;
        }

        .newsletter-form input:focus {
            border-color: var(--accent-color);
        }

        .newsletter-form button {
            background: #fff;
            color: #000;
            border: none;
            padding: 0 25px;
            border-radius: 4px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        .newsletter-form button:hover {
            background: var(--accent-color);
            color: #fff;
        }

        /* Footer Grid */
        .footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
            gap: 60px;
            padding-bottom: 60px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .footer-logo {
            margin-bottom: 25px;
            display: block;
        }

        .footer-logo img {
            width: var(--logo-width);
            height: var(--logo-height);
            display: block;
            filter: brightness(0) invert(1);
        }

        .footer-brand p {
            color: #999;
            font-size: 0.9rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        /* Business Hours Styling */
        .business-hours h4 {
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fff;
            margin-bottom: 15px;
            opacity: 0.8;
        }

        .hours-list {
            list-style: none;
        }

        .day-row {
            display: flex;
            justify-content: space-between;
            font-size: 0.8rem;
            color: #777;
            padding: 6px 0;
            align-items: center;
        }

        .day-row span:first-child::before {
            content: "";
            display: inline-block;
            width: 8px; 
            height: 8px; 
            background: #333;
            border-radius: 50%;
            margin-right: 12px;
            vertical-align: middle;
        }

        .day-row.active {
            color: #fff;
            font-weight: 600;
        }

        .day-row.active span:first-child::before {
            background: var(--accent-color);
            width: 10px; 
            height: 10px;
            box-shadow: 0 0 12px var(--accent-color);
            animation: activePulse 2s infinite;
        }

        @keyframes activePulse {
            0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); }
            70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(76, 175, 80, 0); } 
            100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
        }

        /* Contact Details */
        .contact-item {
            color: #999;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            text-decoration: none;
            transition: 0.3s;
        }

        .contact-item i {
            width: 40px;
            height: 40px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            transition: 0.3s;
        }

        .contact-item:hover { color: #fff; }
        .contact-item:hover i { border-color: #fff; background: rgba(255,255,255,0.05); }

        .footer-column h4 {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fff;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .footer-column ul { list-style: none; }
        .footer-column ul li { margin-bottom: 12px; }
        .footer-column ul li a { color: #888; text-decoration: none; font-size: 0.9rem; transition: 0.3s; }
        .footer-column ul li a:hover { color: #fff; padding-left: 5px; }

        /* Bottom Row */
        .footer-bottom-row {
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .copyright-text, .design-credit, .footer-legal a {
            color: #555;
            text-decoration: none;
            font-size: 0.8rem;
        }

        .footer-legal { display: flex; gap: 20px; }
        .footer-legal a:hover { color: #fff; }
        .fa-heart { color: #ff4d4d; margin: 0 2px; animation: heartBeat 1.5s infinite; }
        
        @keyframes heartBeat {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .footer-grid { grid-template-columns: 1fr 1fr; }
            .footer-brand { grid-column: span 2; }
        }

        @media (max-width: 768px) {
            .newsletter-section { flex-direction: column; text-align: center; }
            .watermark-stack { top: 40%; }
            .watermark-item.main { font-size: 25vw; }
            .footer-bottom-row { flex-direction: column; text-align: center; }
            .marquee-item { font-size: 1.1rem; padding: 0 10px; }
            .dot-grid { margin: 0 20px; transform: scale(0.8); }
        }