<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quality | Lakshmi Vacuum Technologies</title>
    <meta name="description" content="Lakshmi Vacuum Technologies is committed to excellence with NADCAP approved furnaces, ISO certifications, aerospace-grade quality standards, and continuous R&D innovation.">
    <meta name="keywords" content="Lakshmi Vacuum, Quality, NADCAP furnaces, ISO certified, aerospace heat treatment, vacuum furnace, zero critical failures, industrial heat treatment, R&D innovation">
    <meta name="author" content="Lakshmi Vacuum Technologies">
    <meta property="og:title" content="Quality | Lakshmi Vacuum Technologies">
    <meta property="og:description" content="Discover Lakshmi Vacuum's commitment to excellence — NADCAP approved furnaces, ISO certifications, aerospace & medical-grade quality, and continuous R&D.">
    <meta property="og:image" content="static/images/quality-ban.webp">
    <meta property="og:url" content="quality.html">
    <meta property="og:type" content="website">
    <link rel="icon" type="image/png" href="static/images/lvp.png">

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-F0SLSF2LRK"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-F0SLSF2LRK');
    </script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">

    <style>
        :root {
            --primary: #0F172A;
            --primary-light: #334155;
            --accent: #D4AF37;
            --accent-hover: #c4a02e;
            --accent-soft: rgba(212,175,55,0.08);
            --text-dark: #1e293b;
            --text-muted: #64748B;
            --surface: #F8FAFC;
            --white: #FFFFFF;
            --border: #e8ecf1;
            --shadow-sm: 0 4px 12px -2px rgba(0,0,0,0.06);
            --shadow-card: 0 8px 30px -8px rgba(0,0,0,0.08);
            --shadow-float: 0 20px 50px -12px rgba(0,0,0,0.14);
            --shadow-lg: 0 25px 60px -15px rgba(0,0,0,0.18);
            --radius: 24px;
            --radius-sm: 16px;
            --header-h: 100px;
            --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
            --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        html { scroll-behavior: smooth; }
        body {
            font-family: 'Manrope', sans-serif;
            color: var(--text-dark);
            background-color: var(--surface);
            line-height: 1.65;
            overflow-x: hidden;
            padding-top: 0 !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        #header-placeholder header,
        #main-header,
        header,
        .layer-0 {
            position: fixed !important;
            top: 0 !important; left: 0 !important;
            width: 100% !important; z-index: 9999 !important;
            background: #ffffff !important;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05) !important;
        }

        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            color: var(--primary);
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        h2 {
            font-size: 2.2rem;
            letter-spacing: -0.5px;
            background: linear-gradient(45deg, var(--primary), var(--primary-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        p { margin-bottom: 1rem; color: var(--text-muted); font-weight: 400; font-size: 1.05rem; }

        .reveal-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal-up.visible { opacity: 1; transform: translateY(0); }
        .reveal-scale { opacity: 0; transform: scale(0.85); transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }
        .reveal-scale.visible { opacity: 1; transform: scale(1); }

        /* ═══════════════════════════════════════════════
           BANNER
           ═══════════════════════════════════════════════ */
        .banner {
            position: relative;
            height: 450px;
            overflow: hidden;
            margin-top: var(--header-h);
        }
        .banner__img-wrap {
            position: absolute;
            inset: -40px -20px -40px -20px;
            will-change: transform;
        }
        .banner__img-wrap img {
            width: 100%; height: calc(100% + 80px);
            object-fit: cover; object-position: center 30%;
            animation: kenBurns 26s infinite alternate ease-in-out;
        }
        @keyframes kenBurns {
            0%   { transform: scale(1.05) translate(0%, 0%); }
            35%  { transform: scale(1.10) translate(-1.2%, 0.6%); }
            70%  { transform: scale(1.13) translate(0.8%, -0.4%); }
            100% { transform: scale(1.16) translate(-0.5%, -0.8%); }
        }
        .banner__overlay {
            position: absolute; inset: 0;
            background: linear-gradient(180deg,
                rgba(15,23,42,0.08) 0%,
                rgba(15,23,42,0.25) 35%,
                rgba(15,23,42,0.60) 65%,
                rgba(15,23,42,0.97) 100%);
            z-index: 2;
        }
        .banner__grain {
            position: absolute; inset: 0; z-index: 3;
            opacity: 0.3; pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
        }
        .banner__content {
            position: absolute;
            bottom: 48px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4;
            text-align: center;
            width: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }
        .banner__badge {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255,255,255,0.06);
            -webkit-backdrop-filter: blur(36px) saturate(1.3);
            backdrop-filter: blur(36px) saturate(1.3);
            border: 1px solid rgba(255,255,255,0.07);
            color: rgba(255,255,255,0.72);
            padding: 7px 22px;
            border-radius: 999px; font-size: 0.6rem;
            font-weight: 700; letter-spacing: 0.12em;
            text-transform: uppercase;
            opacity: 0; transform: translateY(14px);
            animation: fadeUp 0.7s var(--ease-out-expo) 0.35s forwards;
        }
        .banner__badge i { font-size: 0.48rem; color: var(--accent); }

        .banner-glass {
            display: inline-block;
            background: rgba(255,255,255,0.06);
            -webkit-backdrop-filter: blur(36px) saturate(1.3);
            backdrop-filter: blur(36px) saturate(1.3);
            border: 1px solid rgba(255,255,255,0.07);
            border-radius: 14px;
            padding: 16px 44px 14px;
            position: relative;
            opacity: 0; transform: translateY(18px) scale(0.97);
            animation: glassIn 0.9s 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        @keyframes glassIn { to { opacity: 1; transform: translateY(0) scale(1); } }

        .banner-glass .banner__title {
            font-family: 'Playfair Display', serif;
            color: rgba(255,255,255,0.92) !important;
            -webkit-text-fill-color: rgba(255,255,255,0.92) !important;
            background: none !important;
            font-size: clamp(1.4rem, 3.5vw, 2.2rem);
            font-weight: 600;
            letter-spacing: 0.5px;
            margin-bottom: 0;
            opacity: 0;
            animation: fadeUp 0.8s 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .banner__sub {
            color: rgba(255,255,255,0.30);
            font-size: 0.7rem; font-weight: 600;
            letter-spacing: 5px; text-transform: uppercase;
            opacity: 0; transform: translateY(14px);
            animation: fadeUp 0.8s var(--ease-out-expo) 1.0s forwards;
        }
        .banner__line {
            width: 36px; height: 2px;
            background: rgba(255,255,255,0.20);
            border-radius: 2px;
            opacity: 0;
            animation: fadeUp 0.7s var(--ease-out-expo) 1.15s forwards;
        }
        @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }

        .scroll-indicator {
            display: flex; flex-direction: column; align-items: center; gap: 6px;
            opacity: 0;
            animation: fadeIn 0.8s 1.6s ease forwards;
            cursor: pointer; text-decoration: none;
            transition: transform 0.3s ease;
        }
        .scroll-indicator:hover { transform: translateY(3px); }
        @keyframes fadeIn { to { opacity: 1; } }
        .scroll-mouse {
            width: 22px; height: 34px; border-radius: 11px;
            border: 1.5px solid rgba(255,255,255,0.30);
            position: relative;
            display: flex; justify-content: center;
            padding-top: 7px;
        }
        .scroll-mouse::before {
            content: ''; width: 3px; height: 7px;
            background: rgba(255,255,255,0.50); border-radius: 2px;
            animation: scrollDot 2s ease-in-out infinite;
        }
        @keyframes scrollDot {
            0% { opacity: 1; transform: translateY(0); }
            60% { opacity: 0.3; transform: translateY(8px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        .scroll-label {
            font-size: 0.5rem; font-weight: 700; text-transform: uppercase;
            letter-spacing: 2px; color: rgba(255,255,255,0.28);
        }

        /* ═══ BREADCRUMB ═══ */
        .breadcrumb-wrap { padding: 32px 0 0; }
        .breadcrumb-item + .breadcrumb-item::before { content: '›'; color: #cbd5e1; font-size: 0.85rem; }
        .breadcrumb-item a { color: var(--text-muted); font-size: 0.88rem; font-weight: 500; transition: color 0.3s ease; }
        .breadcrumb-item a:hover { color: var(--accent); }
        .breadcrumb-item.active { color: var(--accent); font-weight: 600; font-size: 0.88rem; }

        /* ═══ INTRO / CERTIFICATIONS ═══ */
        .inner-layer-1 { padding: 64px 0; background: #fff; position: relative; overflow: hidden; }
        .inner-layer-1::before {
            content: ''; position: absolute; top: -160px; right: -120px;
            width: 420px; height: 420px; border-radius: 50%;
            background: radial-gradient(circle, rgba(212,175,55,0.035) 0%, transparent 70%);
            pointer-events: none;
        }
        .section-label {
            display: inline-flex; align-items: center; gap: 8px;
            background: var(--accent-soft);
            border: 1px solid rgba(212,175,55,0.10);
            color: var(--accent); padding: 7px 18px;
            border-radius: 999px; font-size: 0.68rem;
            font-weight: 700; letter-spacing: 0.08em;
            text-transform: uppercase; margin-bottom: 18px;
        }
        .section-label i { font-size: 0.6rem; }
        .intro-text { max-width: 760px; font-size: 1.04rem; line-height: 1.85; }

        .cert-row {
            display: flex; flex-wrap: wrap; gap: 24px;
            margin-top: 36px; align-items: center;
        }
        .cert-img {
            height: 96px;
            width: auto;
            object-fit: contain;
            border-radius: 12px;
            opacity: 0.88;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: grayscale(0.1);
            box-shadow: var(--shadow-card);
            padding: 12px;
            background: #fff;
            border: 1px solid var(--border);
        }
        .cert-img:hover {
            opacity: 1;
            transform: translateY(-6px) scale(1.03);
            filter: grayscale(0);
            box-shadow: var(--shadow-float);
            border-color: rgba(212,175,55,0.18);
        }

        /* ═══ EXCELLENCE SECTION ═══ */
        .excellence-section { padding: 40px 0 70px; background: #fff; }
        .excellence-section-header {
            text-align: center;
            margin-bottom: 48px;
        }
        .accent-line {
            width: 50px; height: 3px; background: var(--accent);
            margin: 0 auto 18px; border-radius: 3px;
            position: relative; overflow: hidden;
        }
        .accent-line::after {
            content: ''; position: absolute; top: 0; left: -100%;
            width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent);
            animation: shimmer 3s ease-in-out infinite;
        }
        @keyframes shimmer { 0% { left: -100%; } 100% { left: 200%; } }

        .excellence-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }

        .quality-card {
            background: var(--white);
            border-radius: var(--radius);
            padding: 32px 28px;
            box-shadow: var(--shadow-card);
            border: 1px solid rgba(0,0,0,0.04);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative; height: 100%; overflow: hidden;
            display: flex; flex-direction: column;
        }
        .quality-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
            background: linear-gradient(90deg, var(--accent), var(--accent-hover));
            transform: scaleX(0); transform-origin: center; transition: transform 0.4s ease;
        }
        .quality-card::after {
            content: ''; position: absolute; inset: 0;
            background: radial-gradient(circle at 50% 0%, rgba(212,175,55,0.05) 0%, transparent 65%);
            opacity: 0; transition: opacity 0.5s ease;
        }
        .quality-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-float);
            border-color: rgba(212,175,55,0.18);
        }
        .quality-card:hover::before { transform: scaleX(1); }
        .quality-card:hover::after { opacity: 1; }

        .excellence-card-icon-area {
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 24px; position: relative; z-index: 1;
        }
        .excellence-card-icon-area img {
            display: block;
            width: 100%;
            max-width: 220px;
            height: auto;
            max-height: 56px;
            object-fit: contain;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .quality-card:hover .excellence-card-icon-area img {
            transform: scale(1.08);
        }

        .excellence-card-body {
            position: relative; z-index: 1; text-align: center;
        }
        .excellence-card-body h3 {
            font-size: 1.15rem; margin-bottom: 12px;
            font-family: 'Playfair Display', serif;
            color: var(--primary);
        }
        .excellence-card-body p {
            font-size: 0.92rem; line-height: 1.75; margin: 0;
            color: var(--text-muted);
        }

        /* ═══ MARQUEE ═══ */
        .marquee-strip {
            background: var(--primary); padding: 12px 0;
            overflow: hidden; position: relative;
        }
        .marquee-strip::before, .marquee-strip::after {
            content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2;
        }
        .marquee-strip::before { left: 0; background: linear-gradient(90deg, var(--primary), transparent); }
        .marquee-strip::after { right: 0; background: linear-gradient(-90deg, var(--primary), transparent); }
        .marquee-track {
            display: flex; gap: 48px; align-items: center;
            animation: marqueeScroll 30s linear infinite;
            width: max-content;
        }
        .marquee-track span {
            font-size: 0.72rem; text-transform: uppercase; letter-spacing: 3px;
            color: rgba(255,255,255,0.22); font-weight: 700;
            white-space: nowrap;
            display: flex; align-items: center; gap: 12px;
        }
        .marquee-track span .dot {
            width: 5px; height: 5px; border-radius: 50%;
            background: var(--accent); opacity: 0.5;
        }
        @keyframes marqueeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* ═══ DARK SECTION — CASE STUDIES ═══ */
        .dark-section {
            background: linear-gradient(160deg, #080c18 0%, #0f172a 40%, #111d35 100%);
            padding: 70px 0 80px; position: relative; overflow: hidden;
        }
        .dark-section .orb {
            position: absolute; border-radius: 50%; filter: blur(100px);
            pointer-events: none; animation: orbFloat 14s ease-in-out infinite alternate;
        }
        .dark-section .orb-1 { width: 500px; height: 500px; background: rgba(212,175,55,0.05); top: -180px; right: -80px; }
        .dark-section .orb-2 { width: 400px; height: 400px; background: rgba(56,189,248,0.03); bottom: -120px; left: -100px; animation-delay: -5s; }
        .dark-section .orb-3 { width: 250px; height: 250px; background: rgba(212,175,55,0.04); top: 45%; left: 40%; animation-delay: -9s; }
        @keyframes orbFloat { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(35px,-45px) scale(1.2); } }
        .dark-section::before {
            content: ''; position: absolute; inset: 0;
            background-image: linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);
            background-size: 50px 50px; pointer-events: none;
        }
        .dark-section > .container { position: relative; z-index: 1; }
        .dark-section h2 {
            background: none !important; -webkit-text-fill-color: var(--white) !important;
            color: var(--white) !important; text-align: center; margin-bottom: 14px; font-size: 2.2rem;
        }
        .dark-section .section-sub {
            text-align: center; color: rgba(255,255,255,0.38) !important;
            max-width: 560px; margin: 0 auto 40px; font-size: 0.9rem;
        }

        .case-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
        }
        .case-card {
            background: rgba(255,255,255,0.025);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 18px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            height: 100%; position: relative;
            text-decoration: none;
            display: flex; flex-direction: column;
            color: inherit;
        }
        .case-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
            background: linear-gradient(90deg, transparent, var(--accent), transparent);
            opacity: 0; transition: opacity 0.4s ease; z-index: 2;
        }
        .case-card:hover {
            background: rgba(255,255,255,0.05); border-color: rgba(212,175,55,0.22);
            transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.35);
        }
        .case-card:hover::before { opacity: 1; }

        .case-card-img-wrap {
            overflow: hidden; position: relative;
            height: 220px;
        }
        .case-card-img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.16,1,0.3,1);
            display: block;
        }
        .case-card:hover .case-card-img { transform: scale(1.06); }
        .case-card-img-wrap::after {
            content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px;
            background: linear-gradient(transparent, rgba(8,12,24,0.8));
            pointer-events: none;
        }

        .case-card-body {
            padding: 24px 24px 28px; position: relative; z-index: 1;
            display: flex; flex-direction: column;
            flex-grow: 1;
        }
        .case-card-num {
            font-family: 'Playfair Display', serif;
            font-weight: 700; font-size: 0.8rem;
            color: var(--accent); margin-bottom: 8px;
            display: block;
        }
        .case-card-body h3 {
            color: var(--white) !important; font-size: 1.2rem;
            margin-bottom: 16px;
        }
        .case-read-more {
            display: inline-flex; align-items: center; gap: 8px;
            color: rgba(255,255,255,0.45); font-size: 0.84rem;
            font-weight: 600; text-decoration: none;
            transition: color 0.3s, gap 0.3s;
            margin-top: auto;
        }
        .case-read-more:hover {
            color: var(--accent); gap: 12px;
        }
        .case-read-more i {
            font-size: 0.7rem; transition: transform 0.3s;
        }
        .case-read-more:hover i { transform: translateX(3px); }

        /* ═══ RESPONSIVE ═══ */
        @media (max-width: 991px) {
            :root { --header-h: 80px; }
            .banner { height: 420px; }
            .banner-glass { padding: 14px 32px 12px; }
            .banner-glass .banner__title { font-size: 1.5rem; }
            .excellence-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 767px) {
            :root { --header-h: 76px; }
            .banner { height: 400px; }
            .banner__content { bottom: 36px; gap: 12px; }
            .banner-glass { padding: 12px 24px 10px; border-radius: 12px; }
            .banner-glass .banner__title { font-size: 1.25rem; }
            .scroll-indicator { display: none; }
            .inner-layer-1 { padding: 50px 0; }
            .excellence-section { padding: 20px 0 50px; }
            .case-grid { grid-template-columns: 1fr; gap: 20px; }
            .cert-row { gap: 16px; }
            .cert-img { height: 76px; }
            .dark-section { padding: 50px 0 60px; }
        }
        @media (max-width: 480px) {
            :root { --header-h: 68px; }
            .banner { height: 380px; }
            .banner__content { bottom: 28px; gap: 10px; }
            .banner__badge { font-size: 0.54rem; padding: 5px 14px; }
            .banner-glass { padding: 10px 20px 8px; border-radius: 10px; }
            .banner-glass .banner__title { font-size: 1.1rem; }
            .quality-card { padding: 28px 22px; }
            .excellence-card-body h3 { font-size: 1.05rem; }
            .case-card-body { padding: 20px 22px 24px; }
            .cert-img { height: 64px; }
        }
    </style>
</head>

<body>

    <div id="header-placeholder"></div>

    <main id="main-content">
        <!-- ═══ BANNER ═══ -->
        <section class="banner" aria-label="Page banner" id="qualityBanner">
            <div class="banner__img-wrap" id="bannerImgWrap">
                <img src="static/images/quality-ban.webp" alt="Quality Banner" loading="eager" />
            </div>
            <div class="banner__overlay"></div>
            <div class="banner__grain"></div>
            <div class="banner__content">
                <div class="banner__badge"><i class="fa-solid fa-award" aria-hidden="true"></i> Certified Excellence</div>
                <div class="banner-glass">
                    <h1 class="banner__title">Quality</h1>
                </div>
                <p class="banner__sub">NADCAP &middot; ISO Certified &middot; Aerospace-Grade</p>
                <div class="banner__line" aria-hidden="true"></div>
                <a href="#main-content" class="scroll-indicator" aria-label="Scroll to content">
                    <div class="scroll-mouse"></div>
                    <span class="scroll-label">Scroll</span>
                </a>
            </div>
        </section>

        <!-- Breadcrumbs -->
        <div class="container breadcrumb-wrap">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb bg-transparent ps-0 d-flex gap-2">
                    <li class="breadcrumb-item"><a href="index.html" class="text-decoration-none text-muted">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page" style="color:var(--accent);">Quality</li>
                </ol>
            </nav>
        </div>

        <!-- Intro + Certification Badges -->
        <section class="container-fluid inner-layer-1">
            <div class="container">
                <div class="section-label reveal-up"><i class="fa-solid fa-shield-halved"></i> Our Standards</div>
                <h2 class="reveal-up" style="transition-delay:0.08s">Quality Assurance</h2>
                <p class="intro-text reveal-up" style="transition-delay:0.16s">At Lakshmi Vacuum Technologies, quality is not just a checkpoint — it is embedded in every stage of design, manufacturing, testing, and delivery. Our commitment to international standards ensures that every furnace leaving our facility meets the most demanding industry requirements.</p>
                <div class="cert-row reveal-up" style="transition-delay:0.24s">
                    <img src="static/images/d-n-v.webp" class="cert-img" alt="DNV Certification" />
                    <img src="static/images/quality-ind.webp" class="cert-img" alt="Quality Certification" />
                </div>
            </div>
        </section>

        <!-- Committed to Excellence — 2-COL GRID -->
        <section class="container-fluid excellence-section">
            <div class="container">
                <div class="excellence-section-header reveal-up">
                    <div class="accent-line"></div>
                    <h2>Committed to Excellence</h2>
                </div>

                <div class="excellence-grid">

                    <!-- Card 1 -->
                    <div class="quality-card reveal-scale" style="transition-delay:0.05s">
                        <div class="excellence-card-icon-area">
                            <img src="static/images/critical-failures.webp" alt="Zero Critical Failures" />
                        </div>
                        <div class="excellence-card-body">
                            <h3>0% Critical Failures in Mission Critical Applications</h3>
                            <p>Components treated or processed using our furnaces have consistently met aerospace-grade and medical-grade quality requirements, with zero tolerance for failure in safety-critical applications.</p>
                        </div>
                    </div>

                    <!-- Card 2 -->
                    <div class="quality-card reveal-scale" style="transition-delay:0.14s">
                        <div class="excellence-card-icon-area">
                            <img src="static/images/nadcap.webp" alt="NADCAP Approved" />
                        </div>
                        <div class="excellence-card-body">
                            <h3>NADCAP Approved Vacuum Furnaces</h3>
                            <p>Our furnaces are certified to meet specific industry standards especially in the Aerospace sector. These indicate customizable designs, improved quality and reduced risks too.</p>
                        </div>
                    </div>

                    <!-- Card 3 -->
                    <div class="quality-card reveal-scale" style="transition-delay:0.22s">
                        <div class="excellence-card-icon-area">
                            <img src="static/images/iso-certified.webp" alt="ISO Certified" />
                        </div>
                        <div class="excellence-card-body">
                            <h3>ISO Certified & Industry Compliant</h3>
                            <p>Our operations adhere to international quality and safety standards, with certifications and procedures in place to support customer-specific audits and technical evaluations.</p>
                        </div>
                    </div>

                    <!-- Card 4 -->
                    <div class="quality-card reveal-scale" style="transition-delay:0.30s">
                        <div class="excellence-card-icon-area">
                            <img src="static/images/continuous-r-and-d.webp" alt="Continuous R&D" />
                        </div>
                        <div class="excellence-card-body">
                            <h3>Continuous R&D and Innovation</h3>
                            <p>From developing energy-efficient furnace designs to adopting advanced process monitoring systems, we are committed to staying ahead of the curve and solving tomorrow's challenges, today.</p>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <!-- Marquee -->
        <div class="marquee-strip">
            <div class="marquee-track">
                <span><span class="dot"></span> NADCAP Approved</span>
                <span><span class="dot"></span> ISO Certified</span>
                <span><span class="dot"></span> Aerospace Grade</span>
                <span><span class="dot"></span> Zero Critical Failures</span>
                <span><span class="dot"></span> Medical Grade</span>
                <span><span class="dot"></span> DNV Certified</span>
                <span><span class="dot"></span> Process Validation</span>
                <span><span class="dot"></span> Continuous Innovation</span>
                <span><span class="dot"></span> NADCAP Approved</span>
                <span><span class="dot"></span> ISO Certified</span>
                <span><span class="dot"></span> Aerospace Grade</span>
                <span><span class="dot"></span> Zero Critical Failures</span>
                <span><span class="dot"></span> Medical Grade</span>
                <span><span class="dot"></span> DNV Certified</span>
                <span><span class="dot"></span> Process Validation</span>
                <span><span class="dot"></span> Continuous Innovation</span>
            </div>
        </div>

        <!-- Dark Section — Case Studies -->
        <section class="container-fluid dark-section">
            <div class="orb orb-1"></div>
            <div class="orb orb-2"></div>
            <div class="orb orb-3"></div>
            <div class="container">
                <div class="accent-line reveal-up"></div>
                <h2 class="reveal-up">Case Studies</h2>
                <p class="section-sub reveal-up" style="transition-delay:0.08s">Real-world applications of our quality-driven vacuum furnace solutions.</p>

                <div class="case-grid">
                    <div class="reveal-up" style="transition-delay:0.06s">
                        <a href="precision-vacuum-sintering.html" class="case-card">
                            <div class="case-card-img-wrap">
                                <img src="static/images/casestudies-1.webp" class="case-card-img" alt="Aerospace Case Study" />
                            </div>
                            <div class="case-card-body">
                                <span class="case-card-num">01.</span>
                                <h3>Aerospace</h3>
                                <span class="case-read-more">Read More <i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </a>
                    </div>
                    <div class="reveal-up" style="transition-delay:0.14s">
                        <a href="vacuum-brazing.html" class="case-card">
                            <div class="case-card-img-wrap">
                                <img src="static/images/casestudies-2.webp" class="case-card-img" alt="Automobile Case Study" />
                            </div>
                            <div class="case-card-body">
                                <span class="case-card-num">02.</span>
                                <h3>Automobile</h3>
                                <span class="case-read-more">Read More <i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </a>
                    </div>
                    <div class="reveal-up" style="transition-delay:0.22s">
                        <a href="gear-manufacturing.html" class="case-card">
                            <div class="case-card-img-wrap">
                                <img src="static/images/casestudies-3.webp" class="case-card-img" alt="Gears Manufacturing Case Study" />
                            </div>
                            <div class="case-card-body">
                                <span class="case-card-num">03.</span>
                                <h3>Gears Manufacturing</h3>
                                <span class="case-read-more">Read More <i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <div id="footer-placeholder"></div>

    <script>
        (function loadExternal() {
            function load(url, target, cb) {
                if (!target) return;
                fetch(url, { cache: 'no-cache' })
                    .then(function(r) { return r.ok ? r.text() : ''; })
                    .then(function(html) { if (html) target.innerHTML = html; if (cb) cb(); })
                    .catch(function() {});
            }
            var h = document.getElementById('header-placeholder');
            var f = document.getElementById('footer-placeholder');
            load('header.html', h, function() {
                try {
                    var path = (location.pathname.split('/').pop() || 'index.html').toLowerCase();
                    document.querySelectorAll('.premium-nav-link, .premium-dropdown-item').forEach(function(a) {
                        var href = (a.getAttribute('href') || '').toLowerCase();
                        if (href === path) {
                            a.classList.add('active');
                            var parent = a.closest('.premium-dropdown');
                            if (parent) {
                                var trigger = parent.querySelector('.premium-nav-link');
                                if (trigger) trigger.classList.add('active');
                            }
                        }
                    });
                    document.dispatchEvent(new CustomEvent('lvt:header-loaded'));
                } catch(e) {}
            });
            load('footer.html', f);
        })();

        (function revealOnScroll() {
            var els = document.querySelectorAll('.reveal-up, .reveal-right, .reveal-scale, .img-reveal');
            if (!('IntersectionObserver' in window)) { els.forEach(function(el) { el.classList.add('visible'); }); return; }
            var obs = new IntersectionObserver(function(entries) {
                entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); obs.unobserve(entry.target); } });
            }, { threshold: 0.1, rootMargin: '0px 0px -20px 0px' });
            els.forEach(function(el) { obs.observe(el); });
        })();

        (function initBannerParallax() {
            var banner = document.getElementById('qualityBanner');
            var bannerWrap = document.getElementById('bannerImgWrap');
            if (banner && bannerWrap) {
                var ticking = false;
                window.addEventListener('scroll', function() {
                    if (!ticking) {
                        requestAnimationFrame(function() {
                            var rect = banner.getBoundingClientRect();
                            var viewH = window.innerHeight;
                            if (rect.bottom > 0 && rect.top < viewH) {
                                var progress = (viewH - rect.top) / (viewH + rect.height);
                                var offset = (progress - 0.5) * 60;
                                bannerWrap.style.transform = 'translateY(' + offset.toFixed(1) + 'px)';
                            }
                            ticking = false;
                        });
                        ticking = true;
                    }
                }, { passive: true });
            }
        })();

        (function initScrollIndicator() {
            var scrollLink = document.querySelector('.scroll-indicator');
            if (scrollLink) {
                scrollLink.addEventListener('click', function(e) {
                    e.preventDefault();
                    var target = document.querySelector(this.getAttribute('href'));
                    if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                });
            }
        })();
    </script>

</body>
</html>