<!DOCTYPE html>
<html lang="en">
<?php
$pagetitle = "Business Systems | ERP, CRM, Accounting & Operating Systems | Nesvra";
include 'components/head.php';
?>

<body class="bg-white">

    <?php include 'components/navbar.php'; ?>

    <!-- ═══════════════════════════════════════ -->
    <!--  HERO                                   -->
    <!-- ═══════════════════════════════════════ -->

    <section class="relative max-h-[80dvh] h-fit w-full overflow-hidden">
        <div class="absolute inset-0 z-0">
            <div class="absolute inset-0 bg-black/40 z-10"></div>
            <img src="Asset/infastructure-access.webp"
                class="w-full h-full object-cover mix-blend-luminosity opacity-90"
                style="background-attachment: fixed; background-position: center;"
                alt="Nesvra Education Technology Platform" />
        </div>

        <div class="relative z-20 h-full w-full max-w-8xl mx-auto px-4 md:px-16 pt-32 md:pt-44 pb-16 flex flex-col items-start text-left">

            <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase mb-4" data-aos="fade-right" data-aos-delay="100">
                Business systems you own outright
            </span>

            <h1 data-aos="fade-right" data-aos-delay="200"
                class="max-w-4xl text-4xl md:text-5xl font-[400] tracking-[-0.04em] leading-[1.08] text-white">

                Run your business on
                <br class="hidden md:block">
                <span class="italic font-serif text-white/90">systems you own</span>
            </h1>

            <p data-aos="fade-right" data-aos-delay="300"
                class="mt-4 max-w-2xl text-xs md:text-sm text-white/70 font-mono leading-relaxed mb-4">
                ERP, CRM, accounting and full operating systems to run operations, sales, finance and people from one place. Acquire the software once, own the source code, and run it your way, with no per-seat fees and no annual renewals.
            </p>

            <div data-aos="fade-up" data-aos-delay="500" class="flex items-center gap-4">
                <a href="get-demo.php"
                    class="inline-flex items-center gap-3 px-5 md:px-8 py-4 bg-brandOrange text-white rounded-full font-sans font-[600] text-sm tracking-tight hover:scale-[1.05] transition-all shadow-[0_15px_30px_-5px_rgba(255,138,0,0.4)]">
                    Explore Systems Demo
                    <i data-lucide="arrow-right" class="w-4 h-4 text-white"></i>
                </a>
                <a href="book-strategy-call.php"
                    class="inline-flex items-center gap-3 px-5 md:px-8 py-4 bg-[#111] text-white rounded-full font-sans font-[500] text-sm tracking-tight hover:scale-[1.05] transition-all border border-white/10">

                    <i class="ri-chat-1-line"></i>
                    Talk to Sales
                </a>
            </div>
        </div>
    </section>


    <!-- ─── PLATFORM FEATURE TRUST STRIP ─── -->
    <section class="py-6 px-[5%] bg-white border-b border-zinc-100" id="feature-strip">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid grid-cols-1 sm:grid-cols-3 gap-y-6 sm:gap-y-0 divide-y sm:divide-y-0 sm:divide-x divide-zinc-100">
                <?php
                $trust = [
                    ["Lifetime ownership", "One-time asset investment", "ri-shield-flash-line"],
                    ["Source code included", "Absolute strategic IP control", "ri-code-s-slash-line"],
                    ["No per-seat fees", "Scale your team infinitely", "ri-team-line"],
                ];
                foreach ($trust as [$val, $label, $icon]):
                ?>
                    <div class="flex flex-col items-center text-center px-4 py-4 group">
                        <span class="text-sm md:text-base font-semibold text-royal tracking-tight flex items-center justify-center gap-2">
                            <div class="text-brandOrange text-base md:text-lg transition-transform duration-300 group-hover:scale-110 flex items-center">
                                <i class="<?= $icon ?>"></i>
                            </div>
                            <?= $val ?>
                        </span>
                        <span class="text-[9px] md:text-[10px] font-mono uppercase tracking-widest text-zinc-400 mt-1 transition-colors duration-300 group-hover:text-zinc-500">
                            <?= $label ?>
                        </span>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>


    <section class="py-28 bg-white  relative overflow-hidden border-b border-zinc-100" id="systems-registry">
        <!-- Premium High-Fidelity Ambient Blurs (Light Mode Floating Canvas Engine) -->
        <div class="absolute left-[-10%] top-[-10%] w-[600px] h-[600px] bg-royal/[0.02] rounded-full blur-[130px] pointer-events-none"></div>
        <div class="absolute right-[-5%] bottom-[-5%] w-[500px] h-[500px] bg-brandOrange/[0.02] rounded-full blur-[120px] pointer-events-none"></div>

        <div class="max-w-6xl mx-auto px-6 relative z-10">

            <!-- Header Matrix Section -->
            <div class="max-w-3xl mb-20" data-aos="fade-up">
                <span class="font-mono text-[10px] uppercase tracking-[0.3em] text-brandOrange block mb-3">// Structural Engine Registry</span>
                <h2 class="text-3xl md:text-5xl font-normal tracking-[-0.04em] text-zinc-900 leading-[1.12]">
                    Business infrastructure, <span class="italic font-serif text-royal">completely decoupled.</span>
                </h2>
                <p class="text-zinc-500 text-xs md:text-sm mt-4 leading-relaxed max-w-xl font-sans">
                    Acquire a single atomic system or consolidate your entire workspace onto a unified execution layer. Every module operates with standalone independence, yet syncs seamlessly out of the box.
                </p>
            </div>

            <?php
            $systems = [
                [
                    'icon'  => 'ri-git-merge-line',
                    'title' => 'Enterprise Resource Planning (ERP)',
                    'desc'  => 'Operations, real-time inventory matrix, procurement orchestration, and deep lifecycle supply chain layers unified in one connected canvas.',
                    'link'  => 'Explore ERP',
                    'url'   => 'systems-erp.php',
                    'tag'   => 'CORE_ENGINE'
                ],
                [
                    'icon'  => 'ri-customer-service-2-line',
                    'title' => 'Customer Relationship Management (CRM)',
                    'desc'  => 'Orchestrate pipeline velocities, client lifecycles, cross-channel marketing automation, and multi-tier ticketing desks from a single source of truth.',
                    'link'  => 'Explore CRM',
                    'url'   => 'systems-crm.php',
                    'tag'   => 'PIPELINE_LAYER'
                ],
                [
                    'icon'  => 'ri-exchange-funds-line',
                    'title' => 'Advanced Ledger Accounting',
                    'desc'  => 'Double-entry ledgers, automated invoicing infrastructure, payables/receivables mapping, localized tax modules, and strict corporate financial accounting reporting.',
                    'link'  => 'Explore accounting',
                    'url'   => 'systems-accounting.php',
                    'tag'   => 'LEDGER_CORE'
                ],
                [
                    'icon'  => 'ri-instance-line',
                    'title' => 'Enterprise Operating System',
                    'desc'  => 'Run your entire enterprise ecosystem from a completely centralized platform layer, with every departmental stack linked natively in real time.',
                    'link'  => 'Explore the operating system',
                    'url'   => 'systems-enterprise-operating-system.php',
                    'tag'   => 'SYSTEM_UNIFIED'
                ],
                [
                    'icon'  => 'ri-cpu-line',
                    'title' => 'Business Operating System',
                    'desc'  => 'The ultimate management runtime layer built intentionally for scaling organizations looking to completely dissolve multi-vendor SaaS dependencies.',
                    'link'  => 'Explore Business OS',
                    'url'   => 'solutions-business-operating-system.php',
                    'tag'   => 'DEPLOY_READY'
                ],
                [
                    'icon'  => 'ri-tools-line',
                    'title' => 'Custom Systems Architecture',
                    'desc'  => 'Need something hyper-specific? Have a custom engine built precisely around your operational blueprint and retain full source ownership.',
                    'link'  => 'Explore custom development',
                    'url'   => 'solutions-tech-team-for-hire.php',
                    'tag'   => 'BESPOKE_FORK'
                ]
            ];
            ?>

            <!-- Grid Matrix Layout -->
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <?php
                $index = 0;
                foreach ($systems as $sys):
                ?>
                    <div data-aos="fade-up" data-aos-delay="<?= $index * 60 ?>" class="group relative backdrop-blur-md bg-white/60 border border-zinc-200/60 rounded-3xl p-7 transition-all duration-500 hover:bg-white hover:border-royal/30 hover:shadow-[0_30px_60px_-15px_rgba(51,83,224,0.05)] flex flex-col justify-between min-h-[280px]">

                        <!-- Ambient Inner Overlay Accent on Hover -->
                        <div class="absolute inset-0 bg-gradient-to-br from-royal/[0.01] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl pointer-events-none"></div>

                        <div class="relative z-10 space-y-4">
                            <!-- Card Header Meta -->
                            <div class="flex items-center justify-between">
                                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-zinc-50 border border-zinc-200/60 text-soft group-hover:bg-royal group-hover:text-white group-hover:border-royal transition-all duration-300 shadow-sm">
                                    <i class="<?= $sys['icon'] ?> text-base"></i>
                                </div>
                                <span class="font-mono text-[8px] tracking-widest text-zinc-400 bg-zinc-100/80 border border-zinc-200/40 px-2 py-0.5 rounded">
                                    // <?= $sys['tag'] ?>
                                </span>
                            </div>

                            <!-- Card Body Typography -->
                            <div class="space-y-2">
                                <h3 class="text-sm font-semibold text-zinc-900 font-sans tracking-tight group-hover:text-royal transition-colors duration-300">
                                    <?= $sys['title'] ?>
                                </h3>
                                <p class="text-zinc-500 text-xs leading-relaxed font-sans font-normal">
                                    <?= $sys['desc'] ?>
                                </p>
                            </div>
                        </div>

                        <!-- CTA Link Footer Layer (Brand Orange Focus) -->
                        <div class="relative z-10 pt-6 border-t border-zinc-100 mt-6 flex items-center justify-between">
                            <a href="<?= $sys['url'] ?>" class="inline-flex items-center gap-1.5 text-xs font-semibold text-brandOrange font-sans transition-all duration-300 group-hover:gap-2.5">
                                <?= $sys['link'] ?>
                                <i class="ri-arrow-right-line text-[11px] transform transition-transform group-hover:translate-x-0.5"></i>
                            </a>
                            <span class="font-mono text-[9px] text-zinc-300 group-hover:text-zinc-400 transition-colors">
                                0<?= ++$index ?>
                            </span>
                        </div>

                    </div>
                <?php endforeach; ?>
            </div>

        </div>
    </section>




    <section class="py-28 bg-white text-zinc-900 relative overflow-hidden border-b border-zinc-100" id="platform-scope">
        <!-- Architectural Subtle Accent Blurs -->
        <div class="absolute right-0 top-1/4 w-[500px] h-[500px] bg-royal/[0.015] rounded-full blur-[120px] pointer-events-none"></div>
        <div class="absolute left-[-10%] bottom-0 w-[400px] h-[400px] bg-brandOrange/[0.01] rounded-full blur-[100px] pointer-events-none"></div>

        <div class="max-w-6xl mx-auto px-6 relative z-10">

            <!-- Premium Structural Header Matrix -->
            <div class="w-full flex flex-col md:flex-row md:items-end justify-between gap-6 mb-20 pb-8 border-b border-zinc-100">
                <div class="max-w-xl space-y-3">
                    <span class="font-mono text-[10px] uppercase tracking-[0.3em] text-brandOrange block">// Functional Scope</span>
                    <h2 class="text-3xl md:text-4xl font-normal tracking-[-0.04em] text-zinc-900 leading-[1.15]">
                        What you can run on <br><span class="italic font-serif text-royal">one unified platform.</span>
                    </h2>
                </div>
                <div class="max-w-xs">
                    <p class="text-zinc-500 text-xs md:text-sm leading-relaxed font-sans font-normal">
                        Consolidate your entire workflow matrix. Eliminate external infrastructure silos and let every department pipeline synchronize natively.
                    </p>
                </div>
            </div>

            <?php
            $capabilities = [
                [
                    'icon'  => 'ri-settings-4-line',
                    'title' => 'Core Operations',
                    'desc'  => 'Orchestrate localized procurement cycles, supply chain channels, and cross-departmental tasks seamlessly.',
                    'tag'   => 'OPS_ENGINE'
                ],
                [
                    'icon'  => 'ri-shake-hands-line',
                    'title' => 'Sales & Core CRM',
                    'desc'  => 'Manage high-velocity deal pipelines, complete customer histories, and multi-tier support workflows from one record.',
                    'tag'   => 'PIPELINE_STK'
                ],
                [
                    'icon'  => 'ri-coins-line',
                    'title' => 'Corporate Finance',
                    'desc'  => 'Double-entry general ledgers, professional invoicing layers, real-time balance insights, and compliant financial reporting.',
                    'tag'   => 'LEDGER_LAYER'
                ],
                [
                    'icon'  => 'ri-user-shared-line',
                    'title' => 'People & Payroll HR',
                    'desc'  => 'Centralize employee directories, granular permission roles, contracts, and automated secure compensation structures.',
                    'tag'   => 'RESOURCE_MGMT'
                ],
                [
                    'icon'  => 'ri-archive-stack-line',
                    'title' => 'Inventory Matrix',
                    'desc'  => 'Track real-time multi-warehouse stock balances, processing metrics, tracking logs, and automated supplier fulfillment queues.',
                    'tag'   => 'STK_QUANT'
                ],
                [
                    'icon'  => 'ri-bar-chart-box-line',
                    'title' => 'Unified Analytics',
                    'desc'  => 'Aggregate clean execution data and build custom management intelligence dashboards that cut across all active operations.',
                    'tag'   => 'DATA_DESK'
                ]
            ];
            ?>

            <!-- High-Fidelity Technical Card Grid -->
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <?php
                $i = 0;
                foreach ($capabilities as $cap):
                ?>
                    <div data-aos="fade-up" data-aos-delay="<?= $i * 50 ?>" class="group relative backdrop-blur-md bg-white/60 border border-zinc-200/60 rounded-3xl p-7 transition-all duration-500 hover:bg-white hover:border-royal/30 hover:shadow-[0_24px_50px_-15px_rgba(51,83,224,0.04)] flex flex-col justify-between min-h-[240px]">

                        <!-- Micro Subtle Radial Backdrop Layer on Hover -->
                        <div class="absolute inset-0 bg-gradient-to-br from-royal/[0.01] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl pointer-events-none"></div>

                        <div class="space-y-5">
                            <!-- Top Header Module Alignment -->
                            <div class="flex items-center justify-between w-full">
                                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-zinc-50 border border-zinc-200/60 text-zinc-400 group-hover:bg-royal group-hover:text-white group-hover:border-royal transition-all duration-300 shadow-sm">
                                    <i class="<?= $cap['icon'] ?> text-base"></i>
                                </div>
                                <span class="font-mono text-[8px] tracking-widest text-zinc-400 bg-zinc-100/80 border border-zinc-200/40 px-2 py-0.5 rounded">
                                    // <?= $cap['tag'] ?>
                                </span>
                            </div>

                            <!-- Main Core Typography Stack -->
                            <div class="space-y-1.5">
                                <h3 class="text-sm font-semibold text-zinc-900 font-sans tracking-tight transition-colors duration-300 group-hover:text-royal">
                                    <?= $cap['title'] ?>
                                </h3>
                                <p class="text-zinc-500 text-xs leading-relaxed font-sans font-normal">
                                    <?= $cap['desc'] ?>
                                </p>
                            </div>
                        </div>

                        <!-- System Diagnostics Footer String -->
                        <div class="pt-5 border-t border-zinc-100 mt-5 flex items-center justify-between text-zinc-300 group-hover:text-zinc-400 transition-colors">
                            <span class="font-mono text-[8px] tracking-wider font-semibold text-brandOrange uppercase bg-brandOrange/5 px-1.5 py-0.5 rounded">
                                active
                            </span>
                            <span class="font-mono text-[9px]">
                                0<?= ++$i ?>
                            </span>
                        </div>

                    </div>
                <?php endforeach; ?>
            </div>

        </div>
    </section>


    <section class="py-24 md:py-32 bg-royal text-white relative overflow-hidden z-20" id="ownership-matrix">
        <!-- Premium High-Fidelity Ambient Blurs (Deep Contrast Layers) -->
        <div class="absolute right-[-10%] top-[-10%] w-[600px] h-[600px] bg-brandOrange/[0.08] rounded-full blur-[140px] pointer-events-none"></div>
        <div class="absolute left-[-5%] bottom-[-5%] w-[500px] h-[500px] bg-sky/[0.06] rounded-full blur-[120px] pointer-events-none"></div>

        <div class="w-full max-w-8xl mx-auto px-4 md:px-16 relative z-10">
            <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 items-center">

                <!-- Left Copy Engine Column -->
                <div class="lg:col-span-5 space-y-6" data-aos="fade-right">
                    <div class="space-y-3">
                        <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase block">
                            // Strategic Asset Control
                        </span>
                        <h2 class="text-3xl md:text-5xl font-normal tracking-[-0.04em] leading-[1.1] text-white">
                            Own your systems. <br><span class="italic font-serif text-sky">Buy once, run forever.</span>
                        </h2>
                    </div>

                    <p class="text-white/70 text-xs md:text-sm font-sans leading-relaxed max-w-xl font-light">
                        Nesvra business systems are acquired, not rented. You make a one-time capital investment, receive the comprehensive architectural source code, and run the software your way—on the private cloud or bare-metal servers, with zero per-seat pricing tiers and no annual licensing models.
                    </p>

                    <div class="pt-4">
                        <a href="book-strategy-call.php" class="inline-flex items-center justify-center bg-brandOrange text-white font-sans text-xs md:text-sm font-semibold tracking-wide px-6 py-3.5 rounded-xl transition-all duration-300 hover:bg-brandOrange/90 hover:shadow-[0_12px_30px_rgba(255,102,0,0.2)] group">
                            Talk to Sales
                            <i class="ri-arrow-right-line ml-2 text-xs transition-transform group-hover:translate-x-1"></i>
                        </a>
                    </div>
                </div>

                <!-- Right Visual Architecture Blueprint Grid -->
                <div class="lg:col-span-7" data-aos="fade-left" data-aos-delay="150">
                    <?php
                    $metrics = [
                        ['icon' => 'ri-copper-coin-line', 'title' => 'One-time investment', 'desc' => 'Capitalize software as a fixed operational infrastructure asset.'],
                        ['icon' => 'ri-shield-flash-line', 'title' => 'Lifetime ownership', 'desc' => 'Permanent rights to execution runtimes without downstream revocation.'],
                        ['icon' => 'ri-code-s-slash-line', 'title' => 'Source code included', 'desc' => 'Complete engineering stack access to fork, tweak, or expand natively.'],
                        ['icon' => 'ri-group-line', 'title' => 'No per-seat fees', 'desc' => 'Scale organizational personnel infinitely with zero software taxes.'],
                        ['icon' => 'ri-server-line', 'title' => 'Cloud or on-premise', 'desc' => 'Deploy to isolated private cloud nodes or local enterprise hardware.'],
                        ['icon' => 'ri-instance-line', 'title' => 'Deployment assistance', 'desc' => 'Direct engineer handshakes to configure baseline server structures.']
                    ];
                    ?>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <?php
                        $delay = 200;
                        foreach ($metrics as $metric):
                        ?>
                            <div class="backdrop-blur-md bg-white/[0.03] border border-white/[0.08] rounded-2xl p-5 transition-all duration-300 hover:bg-white/[0.06] hover:border-white/20 group">
                                <div class="flex items-start gap-4">
                                    <div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white/5 border border-white/10 text-brandOrange transition-colors duration-300 group-hover:bg-brandOrange group-hover:text-white group-hover:border-brandOrange">
                                        <i class="<?= $metric['icon'] ?> text-base"></i>
                                    </div>
                                    <div class="space-y-1">
                                        <h3 class="text-xs md:text-sm font-semibold tracking-tight text-white font-sans">
                                            <?= $metric['title'] ?>
                                        </h3>
                                        <p class="text-white/50 text-[11px] md:text-xs leading-relaxed font-sans font-light">
                                            <?= $metric['desc'] ?>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        <?php
                        endforeach;
                        ?>
                    </div>


                </div>

            </div>
        </div>
    </section>


    <?php
    $steps = [
        [
            'num'   => '01',
            'title' => 'Choose systems',
            'desc'  => 'Pick standalone ERP, CRM, accounting, or run the fully integrated corporate operating system.',
            'badge' => 'Selection'
        ],
        [
            'num'   => '02',
            'title' => 'Configure blueprint',
            'desc'  => 'Set up your baseline business parameters, assign permissions, and model internal workflows.',
            'badge' => 'Architecture'
        ],
        [
            'num'   => '03',
            'title' => 'Deploy instance',
            'desc'  => 'Host your dedicated instance securely in the cloud or directly on your own hardware servers.',
            'badge' => 'Runtime'
        ],
        [
            'num'   => '04',
            'title' => 'Operate and own',
            'desc'  => 'Run your entire organization at high velocity on custom software assets you own permanently.',
            'badge' => 'Custody'
        ]
    ];
    ?>

    <section class="relative w-full py-24  bg-white overflow-hidden z-20 border-b border-zinc-100">
        <div class="w-full max-w-8xl mx-auto px-4 md:px-16">

            <!-- Structural Header Area -->
            <div class="max-w-3xl mb-20">
                <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase mb-4 block" data-aos="fade-right">
                    How it works
                </span>
                <h2 data-aos="fade-right" data-aos-delay="100" class="text-3xl md:text-4xl font-[400] tracking-[-0.04em] leading-[1.15] text-zinc-900 mb-6 font-sans">
                    From acquisition to running your business <br>in <span class="italic font-serif text-royal">four phases</span>
                </h2>
                <p data-aos="fade-right" data-aos-delay="200" class="text-xs md:text-sm text-zinc-500 font-sans leading-relaxed max-w-xl">
                    Eliminate traditional procurement delays, fragmented contract legalities, and fragile multi-vendor codebases. Configure your organization, unlock access keys, and run your business on a single layer.
                </p>
            </div>

            <!-- Sequential Step Matrix -->
            <div class="relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-10 gap-y-16">

                <!-- Desktop Connecting Track Line -->
                <div class="hidden lg:block absolute top-[28px] left-4 right-4 h-[1px] bg-zinc-100 z-0"></div>

                <?php
                $delay = 100;
                foreach ($steps as $step):
                ?>
                    <div data-aos="fade-up" data-aos-delay="<?= $delay ?>" class="relative flex flex-col items-start space-y-4 group z-10">

                        <!-- Structural Index Node -->
                        <div class="flex items-center justify-between w-full lg:pr-4">
                            <div class="font-serif italic text-2xl text-brandOrange tracking-tighter bg-white pr-4 z-10 transition-colors duration-300 group-hover:text-royal">
                                <?= $step['num'] ?>
                            </div>
                            <span class="font-mono text-[9px] uppercase tracking-widest text-zinc-400 bg-zinc-50 px-2 py-0.5 rounded border border-zinc-100">
                                <?= $step['badge'] ?>
                            </span>
                        </div>

                        <!-- Copy Content Cluster -->
                        <div class="space-y-1.5 pt-2">
                            <h3 class="text-sm md:text-base font-sans font-[600] tracking-tight text-zinc-900 transition-colors duration-300 group-hover:text-royal">
                                <?= $step['title'] ?>
                            </h3>
                            <p class="text-xs md:text-sm text-zinc-500 font-sans leading-relaxed">
                                <?= $step['desc'] ?>
                            </p>
                        </div>

                    </div>
                <?php
                    $delay += 80;
                endforeach;
                ?>
            </div>

        </div>
    </section>









    <?php
    $faqs = [
        [
            'q'    => 'Are Nesvra systems SaaS or owned software?',
            'a'    => 'They are permanent software assets, not SaaS rentals. You make a structured, one-time capital investment and own the system for life, eliminating per-seat licensing metrics and mandatory annual renewals. Optional dedicated managed hosting packages are available.',
            'icon' => 'ri-shield-flash-line'
        ],
        [
            'q'    => 'Do I own the source code?',
            'a'    => 'Yes. Every enterprise deployment profile includes comprehensive structural source code ownership. Your internal engineering team retains absolute freedom to fork, modify, secure, or extend the system without dependency on a third-party vendor.',
            'icon' => 'ri-code-s-slash-line'
        ],
        [
            'q'    => 'Can the systems work together?',
            'a'    => 'Yes. While individual modules like ERP, CRM, and Ledger Accounting operate with standalone independence, they are designed natively on shared data paradigms. They link smoothly into the Enterprise Operating System layer, allowing you to scale your matrix modularly over time. ',
            'icon' => 'ri-git-merge-line'
        ],
        [
            'q'    => 'Can I run these on-premise?',
            'a'    => 'Yes. Because you hold absolute custody of the application binaries, you can deploy across private virtual clouds, secure sovereign instances, or fully isolated bare-metal servers within your physical enterprise infrastructure. ',
            'icon' => 'ri-server-line'
        ],
        [
            'q'    => 'Are there per-seat or user fees?',
            'a'    => 'No. Pricing is strictly calculated as a single asset acquisition cost. There are no user-multipliers or subscription tiers, meaning onboarding additional enterprise personnel, departments, or scaling processing volume incurs zero extra licensing fees.',
            'icon' => 'ri-group-line'
        ],
        [
            'q'    => 'Can I customize the systems for my business?',
            'a'    => 'Yes. Access to the core architecture allows you to refactor any native workflow, database schema, or internal module interface. For highly specialized business models, our Custom Systems team can architect and engineer bespoke features that you own outright upon delivery. ',
            'icon' => 'ri-tools-line'
        ]
    ];
    ?>


    <section class="py-24 px-[5%] bg-white overflow-hidden" id="faq-vault">
        <div class="max-w-[1200px] mx-auto">

            <div class="text-center mb-16">
                <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-royal block mb-4">Systems Questions</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-royal leading-tight">
                    Common Questions. <br>
                    <span class="italic font-serif text-brandOrange">Expert Answers.</span>
                </h2>
            </div>

            <div class="grid md:grid-cols-2 gap-4">
                <?php foreach ($faqs as $faq): ?>
                    <div class="group relative p-8 rounded-[24px] bg-zinc-50/50 border border-zinc-100/80 transition-all duration-500 hover:bg-royal hover:shadow-xl hover:shadow-royal/10 overflow-hidden cursor-pointer">

                        <div class="relative z-10">
                            <div class="flex items-center gap-4 mb-2">
                                <i class="<?= $faq['icon'] ?> text-royal group-hover:text-brandOrange transition-colors"></i>
                                <h3 class="text-[15px] font-semibold text-royal group-hover:text-white transition-colors duration-300 pr-6">
                                    <?= $faq['q'] ?>
                                </h3>
                            </div>

                            <div class="max-h-0 opacity-0 group-hover:max-h-[300px] group-hover:opacity-100 transition-all duration-500 ease-in-out overflow-hidden">
                                <div class="pt-4 text-zinc-500 group-hover:text-white/70 text-[14px] leading-relaxed">
                                    <?= $faq['a'] ?>
                                </div>
                            </div>
                        </div>

                        <div class="absolute top-8 right-8">
                            <div class="w-6 h-6 rounded-full border border-zinc-200 group-hover:border-white/20 flex items-center justify-center transition-all">
                                <i class="ri-add-line text-xs text-royal group-hover:text-white group-hover:rotate-45 transition-all"></i>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>

            <div class="mt-12 text-center">
                <p class="text-xs text-zinc-500 font-[400]">
                    Don't see your specific requirement?
                    <a href="#demo" class="text-royal border-b border-royal/20 hover:text-brandOrange hover:border-brandOrange transition-all ml-1">
                        Talk to our engineering team
                    </a>
                </p>
            </div>

        </div>
    </section>




     <!-- FINAL CTA -->
    <section class="py-24 px-[5%] bg-white overflow-hidden" id="final-call">
        <div class="max-w-[1200px] mx-auto">
            <div class="relative w-full md:h-[450px] rounded-[32px] border border-zinc-900/5 overflow-hidden flex items-center justify-center group bg-zinc-950">
                <div class="absolute inset-0 z-0">
                    <img src="Asset/infastructure-access.webp" alt="Manufacturing Technology" class="w-full h-full object-cover opacity-60 scale-100 group-hover:scale-[1.03] transition-transform duration-[1200ms] ease-out">
                    <div class="absolute inset-0 bg-black/30"></div>
                </div>
                <div class="relative z-10 w-full px-6 py-20 md:py-0 text-center">
                    <div class="max-w-[720px] mx-auto" data-aos="fade-up" data-aos-duration="800">
                        <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-white leading-[1.1] mb-6">
                         Ready to launch, grow or  <br><span class="italic font-serif text-brandOrange"> modernize with technology?</span>
                        </h2>
                        <p class="text-white/70 text-sm md:text-base mb-10 max-w-[540px] mx-auto leading-relaxed tracking-tight font-light">
                          Whether you are starting a new technology business, modernizing an existing organization or looking for a dedicated technology department, Nesvra has the software, systems, teams and infrastructure to make it happen.
                        </p>
                        <div class="flex flex-col sm:flex-row items-center justify-center gap-4 max-w-xl mx-auto">
                            <a href="book-strategy-call.php" class="w-full sm:w-auto px-8 py-4 bg-brandOrange text-white rounded-full font-medium text-xs uppercase tracking-widest hover:bg-white hover:text-royal transition-all duration-300 shadow-lg shadow-brandOrange/10 flex items-center justify-center gap-2 group/btn">
                                <span>Book Strategy Call</span><i class="ri-arrow-right-line text-xs transition-transform duration-300 group-hover/btn:translate-x-1"></i>
                            </a>
                             <a href="get-demo.php"
                    class="hidden md:inline-flex items-center gap-3 px-5 md:px-8 py-4 bg-[#111] text-white rounded-full font-sans font-[500] text-sm tracking-tight hover:scale-[1.05] transition-all border border-white/10">
                    <i class="ri-play-circle-line"></i>
                    Request Demo
                </a>
                        </div>
                    </div>
                </div>
                <div class="absolute top-0 right-0 w-80 h-80 bg-blue-500/10 rounded-full blur-[120px] pointer-events-none"></div>
                <div class="absolute bottom-0 left-0 w-80 h-80 bg-brandOrange/10 rounded-full blur-[120px] pointer-events-none"></div>
            </div>
        </div>
    </section>







    <?php include 'components/Scroll-to-top.php'; ?>
    <?php include 'components/footer.php'; ?>

</body>

</html>