$pageTitle = 'Production Book | ' . htmlspecialchars($title) . ' | AINewZ';
ob_start();
?>
<style>
        body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.6; color: #1e293b; margin: 0; padding: 0; background: #f1f5f9; }
        .page { max-width: 850px; margin: 40px auto; padding: 50px 60px; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
        
        .cover { height: 800px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
        .cover h2 { font-size: 24px; color: #64748b; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; }
        .cover h1 { font-size: 54px; margin-bottom: 20px; line-height: 1.2; color: #0f172a; }
        .cover .date { font-size: 16px; color: #94a3b8; }
        
        .section-title { font-size: 28px; border-bottom: 3px solid #0f172a; padding-bottom: 12px; margin-top: 60px; margin-bottom: 30px; page-break-after: avoid; }
        
        /* SCRIPT ANALYSIS */
        .summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
        .stat-box { background: #f8fafc; padding: 24px 16px; text-align: center; border-radius: 12px; border: 1px solid #e2e8f0; }
        .stat-box .num { font-size: 32px; font-weight: bold; color: #2563eb; line-height: 1; margin-bottom: 8px; }
        .stat-box .label { font-size: 11px; text-transform: uppercase; color: #64748b; letter-spacing: 1px; font-weight: 600; }

        .scene-item { margin-bottom: 24px; padding: 20px; border-left: 4px solid #2563eb; background: #f8fafc; border-radius: 0 8px 8px 0; page-break-inside: avoid; }
        .scene-header { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #0f172a; }
        .scene-meta { font-size: 14px; color: #475569; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

        /* SHOT PLANNER */
        .shot-card { border: 1px solid #cbd5e1; border-radius: 8px; padding: 20px; margin-bottom: 20px; page-break-inside: avoid; background: #ffffff; }
        .shot-card h4 { margin: 0 0 16px 0; font-size: 16px; color: #0f172a; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px; }
        .shot-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 13px; margin-bottom: 16px; }
        .shot-desc { font-size: 14px; margin-bottom: 16px; color: #334155; padding: 12px; background: #f8fafc; border-radius: 6px; }
        .prompt-label { font-weight: 700; font-size: 12px; margin-bottom: 6px; color: #475569; text-transform: uppercase; letter-spacing: 1px; }
        .prompt-box { background: #1e293b; color: #f8fafc; padding: 16px; border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 13px; line-height: 1.5; word-wrap: break-word; }

        /* BUDGET */
        table { width: 100%; border-collapse: collapse; margin-bottom: 40px; }
        th, td { border: 1px solid #cbd5e1; padding: 12px 16px; text-align: left; font-size: 14px; }
        th { background: #f8fafc; font-weight: 600; color: #475569; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
        .budget-scenario { margin-bottom: 24px; padding: 24px; border: 1px solid #cbd5e1; border-left: 4px solid #10b981; border-radius: 8px; background: #ffffff; page-break-inside: avoid; }
        .budget-total { font-size: 24px; font-weight: 700; color: #10b981; margin-top: 16px; padding-top: 16px; border-top: 1px dashed #cbd5e1; }
        .budget-list { margin: 16px 0 0 0; padding-left: 20px; color: #475569; font-size: 14px; line-height: 1.8; }

        /* EXPORT BUTTON */
        .btn-print { position: fixed; top: 24px; right: 24px; background: #0f172a; color: #fff; border: none; padding: 12px 24px; font-size: 15px; font-weight: 600; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s; z-index: 100; }
        .btn-print:hover { background: #1e293b; transform: translateY(-1px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
        .btn-pitch { position: fixed; top: 24px; left: 24px; background: #2563eb; color: #fff; border: none; padding: 12px 24px; font-size: 15px; font-weight: 600; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s; z-index: 100; text-decoration: none; }
        .btn-pitch:hover { background: #1d4ed8; transform: translateY(-1px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }

        @media print {
            body { background: #fff; }
            .page { margin: 0; padding: 0; box-shadow: none; max-width: 100%; }
            .btn-print, .btn-pitch { display: none !important; }
            .page-break { page-break-before: always; }
            .cover { height: 100vh; }
            .prompt-box { background: #f8fafc; color: #0f172a; border: 1px solid #cbd5e1; }
        }
    </style>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name='impact-site-verification' value='5d3b8fac-c4a7-4213-9bac-b57d13cc5529'>
    <title>AINewZ | AI News, Tools &amp; Learning</title>
    <meta name="description" content="AINewZ is the premium destination for AI news, research, video generation tools, and prompt engineering tutorials.">
    <link rel="canonical" href="https://ainewz.site/production-book.php?script_id=2">
    <meta name="robots" content="index, follow">
    
    <!-- OpenGraph SEO -->
    <meta property="og:title" content="AINewZ | AI News, Tools &amp; Learning">
    <meta property="og:description" content="AINewZ is the premium destination for AI news, research, video generation tools, and prompt engineering tutorials.">
    <meta property="og:url" content="https://ainewz.site/production-book.php?script_id=2">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://ainewz.site/images/og-default.jpg">
    
    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ainewz">
    <meta name="twitter:title" content="AINewZ | AI News, Tools &amp; Learning">
    <meta name="twitter:description" content="AINewZ is the premium destination for AI news, research, video generation tools, and prompt engineering tutorials.">
    <meta name="twitter:image" content="https://ainewz.site/images/og-default.jpg">
    
        <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "AINewZ",
      "url": "https://ainewz.site/"
    }
    </script>
    
    <!-- Favicons -->
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/favicon.png">
    <link rel="manifest" href="manifest.json">
    <meta name="msapplication-config" content="browserconfig.xml">
    
    <!-- Fonts (Inter) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <!-- Global UI Tokens -->
    <link rel="stylesheet" href="assets/css/site.css">
    
    <!-- Premium motion layer -->
    <link rel="stylesheet" href="assets/css/premium.css">
    
        
    <!-- Universal Image Fallback -->
    <script>
        document.addEventListener('error', function(e) {
            if (e.target && e.target.tagName === 'IMG') {
                var img = e.target;
                if (img.hasAttribute('data-fallback-handled')) return;
                img.setAttribute('data-fallback-handled', 'true');
                var context = 'news';
                var path = window.location.pathname;
                if (path.includes('news') || path.includes('article') || path.includes('index')) context = 'news';
                else if (path.includes('tool')) context = 'tools';
                else if (path.includes('academy') || path.includes('course') || path.includes('lesson')) context = 'academy';
                else if (path.includes('research') || path.includes('case-study')) context = 'research';
                else if (path.includes('reel') || path.includes('video') || path.includes('filmmaking')) context = 'reel';
                
                img.src = 'images/placeholders/' + (context==='tools'?'tool':context) + '.png';
            }
        }, true);
    </script>
</head>
<body>
    <a href="#main-content" class="skip-link">Skip to content</a>

    <!-- Premium favicon preloader -->
    <div id="premium-preloader" aria-hidden="true">
        <div class="premium-preloader-ring"></div>
        <img src="images/favicon.png" alt="" class="premium-preloader-mark">
    </div>
<header class="site-header">
    <div class="container header-wrap">
        <div class="logo">
            <a href="index.php" style="display: flex; align-items: center; text-decoration: none;">
                <img loading="lazy" decoding="async" src="images/logo.png" alt="AINewZ" style="height: 32px; width: auto;" onerror="this.onerror=null;this.src='images/placeholders/company.png';">
            </a>
        </div>

        <!-- Desktop Nav -->
        <nav class="desktop-nav">
            <ul class="nav-list">
                <li><a href="index.php">Home</a></li>
                <li><a href="news.php">News</a></li>
                <li><a href="trending.php">Trending</a></li>
                <li><a href="tools.php">AI Tools</a></li>
                <li><a href="ai-filmmaking.php">AI Filmmaking</a></li>
                <li><a href="prompt-library.php">Prompts</a></li>
                <li><a href="research.php">Research</a></li>
                <li><a href="academy.php">Academy</a></li>
                <li><a href="products.php">Products</a></li>
                <li><a href="about.php">About</a></li>
            </ul>
        </nav>

        <!-- Search Form -->
        <div class="desktop-search">
            <form action="search.php" method="GET" class="search-form-wrap">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6b7094" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
                <input type="text" name="q" placeholder="Search AINewZ..." class="search-input">
            </form>
        </div>

        <!-- Mobile Menu Toggle -->
        <button class="mobile-menu-toggle" aria-label="Toggle Menu" onclick="toggleMobileMenu()">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
        </button>
    </div>

    <!-- Mobile Nav Overlay -->
    <div class="mobile-nav-overlay" id="mobileNavOverlay">
        <div class="mobile-nav-content">
            <button class="mobile-close" aria-label="Close Menu" onclick="toggleMobileMenu()">✕</button>
            <nav class="mobile-nav">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="news.php">News</a></li>
                    <li><a href="trending.php">Trending</a></li>
                    <li><a href="tools.php">AI Tools</a></li>
                    <li><a href="ai-filmmaking.php">AI Filmmaking</a></li>
                    <li><a href="prompt-library.php">Prompts</a></li>
                    <li><a href="research.php">Research</a></li>
                    <li><a href="academy.php">Academy</a></li>
                    <li><a href="products.php">Products</a></li>
                    <li><a href="about.php">About</a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<style>
/* ── Premium Header Shell ── */
.site-header {
    position: sticky;
    top: 0;
    z-index: 900;
    height: 64px;
    background: rgba(8, 8, 12, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0;
}

/* ── Desktop Navigation ── */
.desktop-nav ul.nav-list {
    display: flex;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.desktop-nav a {
    font-size: 14px;
    font-weight: 500;
    color: #8b8fa3;
    text-decoration: none;
    transition: color 0.25s ease;
    position: relative;
}

.desktop-nav a:hover {
    color: #fff;
}

/* ── CSS Chevron for Dropdown Parents ── */
.has-dropdown > a::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    margin-left: 5px;
    transition: transform 0.25s ease;
}

.has-dropdown:hover > a::after {
    transform: rotate(-135deg) translateY(-1px);
}

/* ── Dropdown Menus ── */
.has-dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background: rgba(15, 15, 21, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 8px;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    list-style: none;
    margin: 10px 0 0 0;
    z-index: 1000;
}

/* Invisible bridge so mouse can travel to dropdown */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.dropdown-menu li {
    padding: 0;
    margin: 0;
    display: block;
}

.dropdown-menu a {
    display: block;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #8b8fa3;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.dropdown-menu a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

/* ── Desktop Search ── */
.desktop-search {
    margin-left: 24px;
    flex-shrink: 0;
}

.search-form-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 100px;
    padding: 6px 16px;
    transition: border-color 0.25s ease, background 0.25s ease;
}

.search-form-wrap:focus-within {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.07);
}

.search-form-wrap svg {
    flex-shrink: 0;
    transition: stroke 0.25s ease;
}

.search-form-wrap:focus-within svg {
    stroke: #a5afcc;
}

.search-input {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    width: 170px;
    outline: none;
    padding: 4px 0;
    font-family: inherit;
}

.search-input::placeholder {
    color: #555a6e;
    font-weight: 400;
}

/* ── Mobile Hamburger ── */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    z-index: 1000;
    margin-left: auto;
}

.mobile-menu-toggle .bar {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* ── Mobile Overlay ── */
.mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(8, 8, 12, 0.98);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-overlay.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.mobile-nav-content {
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.mobile-close {
    align-self: flex-end;
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    margin-bottom: 32px;
    padding: 10px;
    transition: color 0.2s ease;
    line-height: 1;
}

.mobile-close:hover {
    color: #7c5cff;
}

.mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
    text-align: center;
}

.mobile-nav a,
.mobile-dropdown-toggle {
    font-size: 28px;
    font-weight: 700;
    color: #8b8fa3;
    text-decoration: none;
    transition: color 0.2s ease;
    letter-spacing: -0.02em;
    cursor: pointer;
}

.mobile-nav a:hover,
.mobile-nav a:active,
.mobile-dropdown-toggle:hover {
    color: #fff;
}

/* Mobile Dropdown Chevron */
.mobile-dropdown-toggle::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 8px;
    transition: transform 0.25s ease;
    vertical-align: middle;
}

.mobile-dropdown-toggle.expanded::after {
    transform: rotate(-135deg);
}

/* Mobile Dropdown Menu */
.mobile-dropdown-menu {
    display: none;
    margin-top: 16px !important;
    flex-direction: column;
    gap: 16px !important;
}

.mobile-dropdown-menu.active {
    display: flex;
}

.mobile-dropdown-menu a {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #666a7e !important;
}

.mobile-dropdown-menu a:hover {
    color: #fff !important;
}

/* ── Prevent Body Scroll ── */
body.nav-open {
    overflow: hidden;
}

/* ── Responsive Breakpoints ── */
@media (max-width: 1024px) {
    .desktop-nav ul.nav-list {
        gap: 20px;
    }
    .desktop-nav a {
        font-size: 13px;
    }
    .search-input {
        width: 130px;
    }
}

@media (max-width: 768px) {
    .desktop-nav {
        display: none;
    }
    .desktop-search {
        display: none;
    }
    .mobile-menu-toggle {
        display: flex;
    }
    .header-wrap {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}
</style>

<script>
function toggleMobileMenu() {
    const overlay = document.getElementById('mobileNavOverlay');
    const body = document.body;
    overlay.classList.toggle('active');
    body.classList.toggle('nav-open');
}

function toggleMobileDropdown(element) {
    const menu = element.nextElementSibling;
    menu.classList.toggle('active');
    element.classList.toggle('expanded');
}

// Close on link click for non-dropdown items
document.querySelectorAll('.mobile-nav > ul > li > a').forEach(link => {
    link.addEventListener('click', () => {
        document.getElementById('mobileNavOverlay').classList.remove('active');
        document.body.classList.remove('nav-open');
    });
});
</script>

    <a href="director-treatment.php?script_id=2" class="btn-pitch">🎞 Director Treatment</a>
    <button class="btn-print" onclick="window.print()">🖨️ Download / Save PDF</button>

    <div class="page">
        <!-- PAGE 1 — COVER -->
        <div class="cover">
            <h2>AINewZ<br>AI Production Book</h2>
            <h1>Script Breakdown 2026-07-09 04:17</h1>
            <p class="date">Generated on July 9, 2026</p>
        </div>

        <div class="page-break"></div>

        <!-- SCRIPT ANALYSIS -->
        <h2 class="section-title">Script Analysis</h2>
        
        <div class="summary-grid">
            <div class="stat-box">
                <div class="num">1</div>
                <div class="label">Scenes</div>
            </div>
            <div class="stat-box">
                <div class="num">1</div>
                <div class="label">Characters</div>
            </div>
            <div class="stat-box">
                <div class="num">1</div>
                <div class="label">Locations</div>
            </div>
            <div class="stat-box">
                <div class="num">1</div>
                <div class="label">Shoot Days</div>
            </div>
        </div>

        <h3 style="font-size: 20px; color: #0f172a; margin-bottom: 20px;">Scenes</h3>
                    <div class="scene-item">
                <div class="scene-header">Scene 1</div>
                <div class="scene-meta">
                    <div><strong>Location:</strong> WHITE LIMBO SPACE – DAY</div>
                    <div><strong>Time:</strong> DAY</div>
                    <div style="grid-column: 1 / -1;"><strong>Characters:</strong> CHIK 5X CONDITIONING SHAMPOO</div>
                </div>
            </div>
        
        <div class="page-break"></div>

        
        <!-- DIRECTOR SHOT PLAN -->
        <h2 class="section-title">Director Shot Plan</h2>
        
                    <p>No shots generated yet.</p>
        
        <div class="page-break"></div>

        <!-- BUDGET SUMMARY -->
        <h2 class="section-title">Budget Summary</h2>
        
                    <p>No budget generated yet.</p>
        
    </div>


<footer class="global-footer">
    <div class="container">

        <!-- Main Footer Links -->
        <div class="footer-grid">

            <!-- Brand -->
            <div class="footer-brand">
                <a href="index.php" class="logo-wrapper">
                    <img loading="lazy" decoding="async" src="images/logo.png" alt="AINewZ Logo" height="18" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSI4IiBmaWxsPSIjN2M1Y2ZmIi8+PHBhdGggZD0iTTIwIDEwTDEwIDMwaDIwbC0xMC0yMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4='">
                    <span>AINewZ</span>
                </a>
                <p>The premium destination for AI news, research, video generation tools, and prompt engineering tutorials.</p>
            </div>

            <!-- Column 1: Platform -->
            <nav class="footer-nav" aria-label="Platform Links">
                <h4 id="footer-platform">Platform</h4>
                <ul aria-labelledby="footer-platform">
                    <li><a href="news.php">AI News</a></li>
                    <li><a href="tools.php">AI Tools</a></li>
                    <li><a href="academy.php">Academy</a></li>
                    <li><a href="research.php">Research</a></li>
                    <li><a href="ai-reels.php">AI Reels</a></li>
                </ul>
            </nav>

            <!-- Column 2: Creators -->
            <nav class="footer-nav" aria-label="Creator Links">
                <h4 id="footer-creators">Creators</h4>
                <ul aria-labelledby="footer-creators">
                    <li><a href="ai-filmmaking.php">AI Filmmaking</a></li>
                    <li><a href="prompt-library.php">Prompt Library</a></li>
                    <li><a href="script-breakdown.php">Script Analysis</a></li>
                </ul>
            </nav>

            <!-- Column 3: Company -->
            <nav class="footer-nav" aria-label="Company Links">
                <h4 id="footer-company">Company</h4>
                <ul aria-labelledby="footer-company">
                    <li><a href="about.php">About</a></li>
                    <li><a href="partner.php">Partner</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li><a href="editorial-policy.php">Editorial Policy</a></li>
                    <li><a href="privacy.php">Privacy</a></li>
                    <li><a href="terms.php">Terms</a></li>
                </ul>
            </nav>

        </div>

        <!-- Bottom Bar -->
        <div class="footer-bottom">
            <div class="copyright-text">
                <span>&copy; 2026 AINewZ</span>
                <span class="built-for">Built for AI Creators</span>
            </div>

            <!-- Social Icons -->
            <div class="footer-social">
                <a href="https://twitter.com/ainewz" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                </a>
                <a href="https://www.instagram.com/officialainewz" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
                </a>
                <a href="https://www.facebook.com/1184517211422480" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                </a>
                <a href="https://www.linkedin.com/in/rghiyer/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z"/></svg>
                </a>
                <!-- YouTube icon removed 2026-10-01: https://youtube.com/ainewz returns 404. Re-add with the real channel URL. -->
            </div>
        </div>

    </div>

    <style>
        /* ── Footer: Vercel/Linear Minimal ── */
        .global-footer {
            background: #0a0a0f;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            padding: 64px 0 0;
            font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
        }

        .global-footer .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

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

        /* Brand column */
        .global-footer .footer-brand .logo-wrapper {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            margin-bottom: 16px;
        }

        .global-footer .footer-brand .logo-wrapper img {
            height: 18px;
            width: auto;
        }

        .global-footer .footer-brand .logo-wrapper span {
            font-size: 16px;
            font-weight: 600;
            color: #f0f0f5;
            letter-spacing: -0.01em;
        }

        .global-footer .footer-brand p {
            font-size: 14px;
            color: #5a5e72;
            line-height: 1.6;
            margin: 0;
            max-width: 260px;
        }

        /* Nav columns */
        .global-footer .footer-nav h4 {
            font-size: 13px;
            font-weight: 500;
            color: #5a5e72;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin: 0 0 20px;
        }

        .global-footer .footer-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .global-footer .footer-nav ul li a {
            font-size: 14px;
            color: #8b8fa3;
            text-decoration: none;
            transition: color 0.15s ease;
        }

        .global-footer .footer-nav ul li a:hover {
            color: #f0f0f5;
        }

        /* Bottom bar */
        .global-footer .footer-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 0;
        }

        .global-footer .copyright-text {
            display: flex;
            align-items: center;
            gap: 16px;
            font-size: 13px;
            color: #5a5e72;
        }

        .global-footer .copyright-text .built-for {
            color: #3d3f4e;
        }

        /* Social icons */
        .global-footer .footer-social {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .global-footer .footer-social a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 6px;
            transition: background 0.15s ease;
        }

        .global-footer .footer-social a:hover {
            background: rgba(255, 255, 255, 0.06);
        }

        .global-footer .footer-social svg {
            width: 16px;
            height: 16px;
            fill: #5a5e72;
            transition: fill 0.15s ease;
        }

        .global-footer .footer-social a:hover svg {
            fill: #f0f0f5;
        }

        /* ── Responsive ── */
        @media (max-width: 768px) {
            .global-footer {
                padding: 48px 0 0;
            }

            .global-footer .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 36px 32px;
            }

            .global-footer .footer-brand {
                grid-column: 1 / -1;
            }

            .global-footer .footer-bottom {
                flex-direction: column;
                gap: 16px;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .global-footer .footer-grid {
                grid-template-columns: 1fr;
                gap: 32px;
            }
        }
    </style>
</footer>

<!-- Premium motion layer -->
<script src="assets/js/premium.js" defer></script>
</body>
</html>