Skip to main content

Executive's DNS Intelligence Brief

Board-level domain security assessment — purple-securities.com

21 Apr 2026, 14:07 UTC · 5.2s · SHA-3-512: fe60✱✱✱✱ Verify
DNS Security & Trust Posture
Risk Level: Low Risk
4 protocols configured, 5 not configured
1 recommendation
Analysis Confidence
MODERATE
Resolver agreement is inconsistent for some protocols, limiting confidence. Data currency and system maturity are adequate.
Email Spoofing
Protected
Brand Impersonation
Not Set Up
DNS Tampering
Unsigned
Certificate Control
Open
What Requires Attention
Recommended Upgrade DMARC policy from quarantine to reject (p=reject) for maximum spoofing protection
The BIG Questions
Can this domain be impersonated by email? Unlikely SPF and DMARC quarantine policy enforced
Can DNS itself be tampered with? Possible DNSSEC is not deployed, DNS responses are not cryptographically verified
Can this brand be convincingly faked? Likely DMARC quarantine flags but does not reject spoofed mail (RFC 7489 §6.3) — no BIMI or CAA (RFC 8659) reinforcement leaves brand impersonation largely unaddressed
Is mail transport encryption enforced? Yes DANE/TLSA provides cryptographic transport verification
Is certificate issuance controlled? No No CAA records — any certificate authority may issue certificates for this domain
Does this domain publish AI agent instructions? Yes llms.txt and llms-full.txt published — AI models receive structured context about this domain
Is AI crawling of our content controlled? No robots.txt present but does not block AI crawlers — content may be freely scraped
Has someone manipulated AI recommendations about us? No No indicators of AI recommendation manipulation found
Are there hidden AI prompts on our site? No No hidden prompt artifacts found in page source
Domain Overview
Registrar NameCheap, Inc.
Email Provider Cloudflare Email
Web Hosting Unknown
DNS Hosting Cloudflare

Technical Findings

Email Authentication
Can this domain be impersonated by email? Unlikely — SPF and DMARC quarantine policy enforced
SPF (Sender Policy) Configured
DMARC (Policy) Configured Policy: quarantine
DKIM (Signatures) Not Detected
Mail Posture Moderately Protected
Mail Transport Security
Is mail transport encryption enforced? Yes — DANE/TLSA provides cryptographic transport verification
MTA-STS Partial
DANE / TLSA Active
TLS-RPT (Reporting) Not Configured
Mail Transport Enforced Policy-assessed 2 probes
DNS Security
Can DNS itself be tampered with? Possible — DNSSEC is not deployed, DNS responses are not cryptographically verified
DNSSEC Partial
DNSSEC not configured - DNS responses are unsigned
NS Delegation Healthy Managed DNS
Delegation Consistency 1 Issue
NS Fleet Health Healthy Diversity: Fair
Brand & Certificate Controls
Can this brand be convincingly faked? Likely — DMARC quarantine flags but does not reject spoofed mail (RFC 7489 §6.3) — no BIMI or CAA (RFC 8659) reinforcement leaves brand impersonation largely unaddressed
Is certificate issuance controlled? No — No CAA records — any certificate authority may issue certificates for this domain
BIMI (Brand Logo) Not Configured
CAA (Certificate) Open Any certificate authority may issue certificates
AI Surface Scanner Governance Active
Does this domain publish AI agent instructions? Yes — llms.txt and llms-full.txt published — AI models receive structured context about this domain
Is AI crawling of our content controlled? No — robots.txt present but does not block AI crawlers — content may be freely scraped
Has someone manipulated AI recommendations about us? No — No indicators of AI recommendation manipulation found
Are there hidden AI prompts on our site? No — No hidden prompt artifacts found in page source
LLM Context File llms.txt Found Domain provides structured context for AI models Extended
AI Crawler Governance Not Blocking No AI crawler restrictions found in robots.txt
Poisoning Indicators None Found No AI recommendation poisoning indicators detected
Hidden Prompt Artifacts None Found No hidden prompt artifacts detected
Public Exposure Clear No secrets detected in publicly accessible source
Priority Actions 6 total Achievable: Low Risk
High DANE Requires DNSSEC

DANE/TLSA records are present but DNSSEC is not enabled. DANE cannot function without DNSSEC validation.

Medium Enable DNSSEC

DNSSEC is not enabled for this domain. DNSSEC provides cryptographic authentication of DNS responses, preventing cache poisoning and DNS spoofing attacks.

Medium Upgrade DMARC to Reject

Your DMARC policy is set to quarantine. Upgrade to p=reject for maximum protection — reject instructs receivers to discard spoofed mail entirely rather than quarantining it.

Low Add CAA Records

CAA records specify which Certificate Authorities may issue certificates for your domain, reducing the risk of unauthorized certificate issuance.

Low Add TLS-RPT Reporting

Your domain has DNSSEC + DANE — the strongest email transport security available. TLS-RPT (TLS Reporting) sends you reports about TLS connection failures when other servers try to deliver mail to your domain.

Low Deploy MTA-STS

MTA-STS enforces TLS encryption for inbound mail delivery, preventing downgrade attacks on your mail transport.

Appendix — Additional Resources

Full technical details including raw DNS records, DKIM public keys, IP/ASN mappings, resolver consensus evidence, and verification commands are available in the Engineer's DNS Intelligence Report.

View Engineer's DNS Intelligence Report

Appendix — What AIs Are Being Told About This Organization What do AI systems see when they query this domain?

The following content is served to AI systems (ChatGPT, Gemini, Claude, Perplexity, and others) when they visit this domain. This is the organization's machine-readable narrative — it shapes how AI models describe, recommend, and represent this brand in conversations worldwide.

llms.txt (https://purple-securities.com/.well-known/llms.txt)
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
  <meta property="og:image" content="assets/img/PSEC.webp" />
  <meta name="description"
    content="Purple Securities - Cybersecurity Services. VAPT, DFIR, and Advanced Security Solutions. 20+ in-house professionals protecting your digital assets." />
  <meta name="author" content="Purple Securities" />
  <title>Purple Securities</title>
  <link rel="shortcut icon" type="image/x-icon" href="assets/purplebug.ico" />

  <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
  <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
  <script>
    (function () { emailjs.init({ publicKey: "Q8zI-zn5TXyZhTezb" }); })();
  </script>

  <script src="https://unpkg.com/core-js-bundle@3.45.1/minified.js"></script>

  <link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap"
    rel="stylesheet" />

  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          fontFamily: {
            inter: ["Inter", "system-ui", "sans-serif"],
            grotesk: ["Space Grotesk", "system-ui", "sans-serif"],
          },
          colors: {
            primaryPurple: "#8400ff",
            darkPurple: "#6b00cc",
            lightPurple: "#a64dff",
            accentPurple: "#bc13ff",
            neonPurple: "#da21ff",
            darkBg: "#0d021c",
            darkerBg: "#120528",
            sectionBg: "#1a0b2e",
          },
          borderRadius: { xl2: "20px", xl1: "10px" },
          boxShadow: {
            smPurple: "0 4px 20px rgba(132, 0, 255, 0.15)",
            mdPurple: "0 10px 40px rgba(132, 0, 255, 0.25)",
            lgPurple: "0 25px 70px rgba(132, 0, 255, 0.35)",
          },
          padding: { 'safe-bottom': 'env(safe-area-inset-bottom)' }
        },
      },
    };
  </script>

  <link href="/css/styles.css?v=6332389" rel="stylesheet" />

  <script src="https://cdn.jsdelivr.net/npm/lenis@1.3.16/dist/lenis.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.2/lib/anime.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@theatre/browser-bundles@0.7.2/dist/core-only.min.js"></script>

  <script type="importmap">
    {
      "imports": {
        "three": "https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.module.js"
      }
    }
  </script>
</head>

<body id="page-top" class="text-[#e0e0e0]">

  <nav id="mainNav"
    class="fixed top-0 left-0 right-0 z-[1030] h-20 lg:h-24 flex items-center bg-[#8400ff]/15 backdrop-blur-[20px] border-b border-[rgba(132,0,255,0.15)] transition-all duration-300">
    <div class="w-full h-full px-6 md:px-12 lg:px-8 flex items-center justify-center lg:justify-between">
      <a class="flex items-center no-underline lg:p-0 p-2" href="#page-top">
        <img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
          class="h-[40px] lg:h-[50px] rounded-full w-auto drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition-all duration-300" />
        <span class="ml-2 text-[1.2rem] lg:text-[1.5rem] font-extrabold text-white/80">Purple Securities</span>
      </a>

      <div id="navbarResponsive" class="hidden lg:flex ml-auto h-full items-center">
        <ul class="flex flex-col lg:flex-row lg:items-center gap-2 lg:gap-2">
          <li><a class="navlink" href="#page-top">HOME</a></li>
          <li><a class="navlink" href="#about">ABOUT</a></li>
          <li class="relative">
            <button id="servicesDropdownBtn" class="navlink inline-flex items-center gap-2" type="button"
              aria-expanded="false">
              SERVICES
              <i id="servicesChevron" class="fas fa-chevron-down chev text-[0.85rem] opacity-80"></i>
            </button>
            <ul id="servicesDropdownMenu"
              class="hidden absolute left-0 mt-2 min-w-[12rem] rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(13,2,28,0.98)] backdrop-blur-[20px] shadow-mdPurple py-2">
              <li><a
                  class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
                  href="vapt.html">VAPT</a></li>
              <li><a
                  class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
                  href="dfir.html">DFIR</a></li>
            </ul>
          </li>
          <li><a class="navlink" href="#services">INDUSTRIES</a></li>
          <li><a class="navlink" href="#creds">CREDENTIALS</a></li>
          <li><a class="navlink" href="#contact">CONTACT</a></li>
        </ul>
      </div>
    </div>


  </nav>

  <header id="home"
    class="relative min-h-screen flex items-center justify-center hero-bg pt-[80px] lg:pt-[180px] pb-[100px] overflow-hidden">
    <div class="absolute inset-0 hero-overlay"></div>

    <div class="absolute inset-0 pointer-events-none">
      <div id="heroSpot" class="hero-spot"></div>
    </div>

    <div class="relative z-[2] w-full px-6 md:px-12 lg:px-24">
      <div class="mx-auto max-w-[1100px] text-center">
        <h1 id="heroTitle"
          class="font-grotesk text-[clamp(2.5rem,6vw,5rem)] font-extrabold leading-[1.15] tracking-[-1px] mb-8">
          <span class="gradient-text">Identify, Respond, Secure</span><br />
          <span class="outline-text">PURPLE SECURITIES</span>
        </h1>
        <p id="heroSub"
          class="mx-auto mb-14 max-w-[750px] text-[clamp(1.1rem,2.2vw,1.4rem)] leading-[1.8] text-[#b0b0b0]">
          From identifying vulnerabilities and enhancing security controls to handling real-life cyberattacks,
          our specialized services are designed to defend your organization from threats on all fronts.
        </p>
        <div class="flex flex-wrap items-center justify-center gap-6 mb-20">
          <a href="#about" class="btn-primary-custom" id="heroCtaPrimary">Explore Our Services</a>
          <a href="#contact" id="heroCtaSecondary"
            class="inline-flex items-center gap-3 rounded-full px-12 py-[1.1rem] font-bold uppercase tracking-[1px] text-white border-2 border-primaryPurple transition duration-300 hover:-translate-y-1 hover:bg-[rgba(132,0,255,0.2)] hover:border-neonPurple hover:shadow-[0_15px_50px_rgba(132,0,255,0.3)]">
            Get In Touch
          </a>
        </div>

        <div class="flex flex-wrap items-center justify-center gap-10" id="heroStats">
          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">15+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">In-House
              Professionals</div>
          </div>

          <div class="hidden md:block w-[2px] h-[60px]"
            style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>

          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">40+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Clients
              Protected</div>
          </div>

          <div class="hidden md:block w-[2px] h-[60px]"
            style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>

          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">100,000+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Threats
              Responded</div>
          </div>
        </div>
      </div>
    </div>
  </header>

<section id="logoScroll" class="logoScroll">
  <div id="logoStage3D" aria-hidden="true">
    <canvas id="logoCanvas3D"></canvas>
  </div>
  <div class="logoCopy">
    <div class="logoKicker">Purple Securities</div>
    <h2 class="logoTitle">Identify. Respond. Secure.</h2>
    <p class="logoDesc">
      We blend offensive and defensive security to protect modern organizations—VAPT, DFIR, threat hunting, and security engineering.
    </p>
  </div>
</section>


  <section id="about" class="relative py-16 md:py-24 lg:py-[100px]"
    style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-10 md:mb-16">
        <span
          class="inline-block text-[0.75rem] md:text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-5 md:px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          WHO WE ARE
        </span>

        <h2
          class="font-grotesk text-[clamp(1.75rem,5vw,3.5rem)] font-extrabold text-white mb-4 md:mb-6 leading-[1.15] md:leading-[1.2]">
          About Purple Securities
        </h2>

        <p class="mx-auto max-w-[700px] text-[clamp(0.95rem,2.4vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Multidisciplinary cybersecurity experts dedicated to protecting
          <span class="hidden sm:inline"><br /></span>
          your digital assets
        </p>
      </div>

      <div class="about-content cursor-default">
        <div class="about-main grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-10">
          <div class="about-card">
            <div class="card-icon">
              <i class="fas fa-shield-alt"></i>
            </div>
            <div class="card-content">
              <h3>Our Mission</h3>
              <p>
                Purple Securities stands at the forefront of cybersecurity innovation. We help organizations identify and remediate vulnerabilities before adversaries can exploit them. With cutting-edge techniques, and years of hands-on expertise, we transform security weaknesses into impenetrable defenses, ensuring our clients stay ahead of evolving cyber threats in an increasingly hostile digital landscape.
              </p>
            </div>
          </div>

          <div class="about-card">
            <div class="card-icon">
              <i class="fas fa-users"></i>
            </div>
            <div class="card-content">
              <h3>Experienced Professionals in Diverse Fields of Cybersecurity</h3>
              <p>
                Our team comprises 15+ in-house cybersecurity professionals specializing in offensive security operations, digital forensics and incident response, threat hunting, malware analysis, and security engineering. Each team member brings years of real-world experience, industry-recognized certifications, and an unwavering passion for protecting digital infrastructure across broad enterprise sectors.
              </p>
            </div>
          </div>

          <div class="about-card md:col-span-2 lg:col-span-1">
            <div class="card-icon">
              <i class="fas fa-bullseye"></i>
            </div>
            <div class="card-content">
              <h3>Our Approach</h3>
              <p>
                We combine "Purple Team" methodologies—integrating both offensive and defensive security tactics—to provide comprehensive protection for modern enterprises. Our approach involves enterprise-grade vulnerability assessments and penetration testing, rapid incident response, advanced threat hunting and malware analysis, and industry-standard services meticulously tailored to your organization's specific risk profile and business objectives.
              </p>
            </div>
          </div>
        </div>
      </div>

    </div>
  </section>

  <section id="services" class="relative py-[100px]">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          OUR EXPERTISE
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Industries We Serve
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Protecting critical infrastructure across diverse sectors <br />with specialized security solutions
        </p>
      </div>

      <div class="flex flex-col gap-16 mt-12" id="industryRows">
        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/bank.webp" alt="Banking and Finance"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Banking & Finance</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Comprehensive security assessments and incident response for financial institutions. We protect critical
              financial data, ensure regulatory compliance (BSP, PCI-DSS), and defend against sophisticated financial
              fraud and cyber attacks targeting banking infrastructure.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/health.webp" alt="Healthcare and Insurance"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="order-2 lg:order-1 p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Healthcare & Insurance</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Specialized security services for healthcare providers and insurance companies. We safeguard sensitive
              patient data, ensure HIPAA compliance, protect medical devices and IoT systems, and defend against
              ransomware targeting healthcare infrastructure.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/bpo.webp" alt="BPO Companies"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">BPO Companies</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Tailored cybersecurity solutions for Business Process Outsourcing operations. We secure client data across
              multiple jurisdictions, implement robust access controls, monitor for data exfiltration, and ensure
              compliance with international security standards and SLAs.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/others.webp" alt="Enterprise & Others"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="order-2 lg:order-1 p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Enterprise & Others</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Custom security services for enterprises across retail, manufacturing, technology, education, and government sectors. 
            </p>
          </div>
        </div>
      </div>

    </div>
  </section>

  <section id="creds" class="relative py-[120px]"
    style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          OUR CERTIFICATIONS
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Professional Credentials
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Industry-recognized certifications from leading cybersecurity institutions validating our team's expertise.
        </p>
      </div>

      <div class="relative overflow-hidden mt-12 py-8 credentials-viewport">
        <div class="credentials-track">
          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/btl1.webp" alt="BTL1 - Blue Team Level 1"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cc.webp" alt="CC - Certified in Cybersecurity"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cdth.webp" alt="CDTH - Certified Digital Threat Hunter"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/EHVAPT.png" alt="EH:VAPT"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/crta.png" alt="CRTA - Certified Red Team Analyst"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/crts.png" alt="CRTS - Certified Red Team Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/c3sa.webp" alt="C3SA - Certified Cloud Security Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cpts.png" alt="CPTS - Certified Penetration Testing Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cwes.png" alt="CWES - Certified Web Exploitation Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/ewptx.png" alt="eWPTX - Web Application Penetration Tester eXtreme"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/PWPP.webp" alt="PWPP - Practical Web Penetration Professional"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/sal1.png" alt="SAL1 - Security Analyst Level 1"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cap.webp" alt="CAP - Certified Application Security Practitioner"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/capenx.webp" alt="CAPENX - Certified Application Security Practitioner Extended"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cnsp.png" alt="CNSP - Certified Network Security Practitioner"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/ccna.png" alt="CCNA - Cisco Certified Network Administrator"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="contact" class="relative py-[120px] bg-center bg-cover bg-no-repeat"
    style='background-image:url("assets/img/map-image.webp"); background-attachment: fixed;'>
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          GET IN TOUCH
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Contact Us
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Ready to strengthen your cybersecurity posture? Let's discuss your security needs
        </p>
      </div>

      <div
        class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start relative z-[2] rounded-2xl bg-[rgba(13,2,28,0.1)] backdrop-blur-[50px] shadow-lgPurple">
        <div class="p-6 md:p-12 h-full">
          <h3 class="font-grotesk text-[1.6rem] font-extrabold text-white mb-6">
            Let’s Secure Your Organization
          </h3>

          <p class="text-[#b0b0b0] leading-[1.8] mb-8 text-[1.05rem]">
            Our cybersecurity specialists are ready to help you identify risks, respond to incidents, and strengthen
            your defenses across infrastructure, applications, and endpoints.
          </p>

        <div class="space-y-6 text-white/80">
            <div class="flex items-start gap-3">
              <i class="fa-solid fa-headset text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Customer Support</div>
                <div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a6d5d3d6d6c9d4d2e6d6d3d4d6cac38bd5c3c5d3d4cfd2cfc3d588c5c9cb">[email&#160;protected]</a></div>
              </div>
            </div>

            <div class="flex items-start gap-3">
              <i class="fa-solid fa-briefcase text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Sales / Inquiry</div>
                <div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="90e3f1fcf5e3d0e0e5e2e0fcf5bde3f5f3e5e2f9e4f9f5e3bef3fffd">[email&#160;protected]</a></div>
              </div>
            </div>

            <div class="flex items-start gap-3">
              <i class="fa-solid fa-location-dot text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Coverage</div>
                <div class="text-[#b0b0b0]">PH • APAC • Remote engagements</div>
              </div>
            </div>
          </div>

        </div>

        <div class="mx-auto w-full max-w-[800px]">
          <form id="contactForm" onsubmit="event.preventDefault(); sendMail();"
            class="rounded-xl2 bg-[rgba(13,2,28,0.8)] backdrop-blur-[20px] p-8 md:p-12">
            <div class="grid grid-cols-1 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="subject"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Subject</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="subject" type="text" placeholder="How can we help you?" required />
              </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="name"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Name</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="name" type="text" placeholder="John Doe" required />
              </div>

              <div class="flex flex-col">
                <label for="email"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Email</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="email" type="email" placeholder="john@example.com" required />
              </div>
            </div>

            <div class="grid grid-cols-1 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="message"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Message</label>
                <textarea
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0] min-h-[150px] resize-y"
                  id="message" placeholder="Tell us more about your security needs..." rows="6"
                  required></textarea>
              </div>
            </div>

            <div class="flex justify-center my-6">
              <div class="g-recaptcha" data-sitekey="6LdgSmIsAAAAAAF7sV0fl4P3DfjS184VVF3Gdatx"></div>
            </div>

            <div id="submitSuccessMessage"
              class="hidden mb-6 rounded-xl1 border border-[rgba(25,135,84,0.5)] bg-[rgba(25,135,84,0.15)] text-[#75fb4c] px-6 py-4 font-medium flex items-center gap-3">
              <i class="fas fa-check-circle"></i> Your message has been sent successfully!
            </div>

            <div id="submitErrorMessage"
              class="hidden mb-6 rounded-xl1 border border-[rgba(220,53,69,0.5)] bg-[rgba(220,53,69,0.15)] text-[#ff6b6b] px-6 py-4 font-medium flex items-center gap-3">
              <i class="fas fa-exclamation-circle"></i> Error sending message. Please try again.
            </div>

            <div class="mt-8">
              <button class="btn-submit" id="submitButton" type="submit"
                style="background: linear-gradient(135deg,#8400ff,#bc13ff);">
                <span>Send Message</span>
                <i class="fas fa-paper-plane"></i>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <footer class="bg-sectionBg pt-[60px] pb-[30px] border-t border-[rgba(132,0,255,0.2)]">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr_1fr] gap-12 mb-12">
        <div class="max-w-[400px]">
          <img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
            class="h-[60px] w-auto mb-6 drop-shadow-[0_0_10px_rgba(132,0,255,0.3)]" />
          <p class="text-[#b0b0b0] leading-[1.7] text-[1rem]">
            Multidisciplinary cybersecurity services protecting your digital future with cutting-edge expertise and
            industry-leading practices.
          </p>
        </div>

        <div>
          <h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Quick Links</h4>
          <ul class="space-y-3">
            <li><a href="#about"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">About</a>
            </li>
            <li><a href="vapt.html"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">VAPT
                Services</a></li>
            <li><a href="dfir.html"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">DFIR
                Services</a></li>
            <li><a href="#contact"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">Contact</a>
            </li>
          </ul>
        </div>

        <div>
          <h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Connect With Us</h4>
          <div class="flex gap-4">
            <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"
              class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
              aria-label="Facebook">
              <i class="fab fa-facebook-f"></i>
            </a>
            <a href="https://www.linkedin.com/" target="_blank" rel="noopener noreferrer"
              class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
              aria-label="LinkedIn">
              <i class="fab fa-linkedin-in"></i>
            </a>
          </div>
        </div>
      </div>

      <div
        class="pt-8 border-t border-[rgba(132,0,255,0.2)] flex flex-col md:flex-row items-center justify-between gap-4 text-center md:text-left">
        <p class="text-[#b0b0b0] m-0 text-[0.95rem]">&copy; 2024 Purple Securities. All rights reserved.</p>
        <div class="flex items-center gap-4">
          <a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Privacy
            Policy</a>
          <span class="text-[#b0b0b0]">|</span>
          <a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Terms of
            Service</a>
        </div>
      </div>
    </div>
  </footer>

  <nav id="mobileAppNav"
    class="lg:hidden fixed bottom-0 left-0 right-0 z-[5000] bg-[rgba(13,2,28,0.95)] backdrop-blur-[20px] border-t border-[rgba(132,0,255,0.3)] pb-safe-bottom">
    <div class="flex justify-around items-center h-16">
      <a href="#page-top"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-home text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">HOME</span>
      </a>
      <a href="#about"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-info-circle text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">ABOUT</span>
      </a>
      <button id="mobileBottomServicesBtn"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition focus:outline-none active:text-neonPurple">
        <i class="fas fa-layer-group text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">SERVICES</span>
      </button>
      <a href="#services"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-briefcase text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">SECTORS</span>
      </a>
      <a href="#contact"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-envelope text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">CONTACT</span>
      </a>
    </div>
  </nav>

  <div id="mobileServicesPopup"
    class="hidden lg:hidden fixed bottom-20 left-1/2 transform -translate-x-1/2 w-[90%] max-w-[300px] bg-[rgba(13,2,28,0.98)] border border-[rgba(132,0,255,0.3)] rounded-xl2 shadow-lgPurple z-[5001] overflow-hidden flex flex-col">
    <a href="vapt.html"
      class="px-6 py-4 text-center border-b border-[rgba(132,0,255,0.2)] text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">VAPT
      Services</a>
    <a href="dfir.html"
      class="px-6 py-4 text-center text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">DFIR
      Services</a>
  </div>


  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  <script src="js/mail.js?v=332389"></script>
  <script type="module" src="js/scripts.js?v=332389"></script>
  <script type="module" src="js/logoScroll.js?v=332389"></script>

<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"3a24747aec8444e783978ebd7a4c9b6e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>

</html>
llms-full.txt (https://purple-securities.com/.well-known/llms-full.txt)
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
  <meta property="og:image" content="assets/img/PSEC.webp" />
  <meta name="description"
    content="Purple Securities - Cybersecurity Services. VAPT, DFIR, and Advanced Security Solutions. 20+ in-house professionals protecting your digital assets." />
  <meta name="author" content="Purple Securities" />
  <title>Purple Securities</title>
  <link rel="shortcut icon" type="image/x-icon" href="assets/purplebug.ico" />

  <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
  <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
  <script>
    (function () { emailjs.init({ publicKey: "Q8zI-zn5TXyZhTezb" }); })();
  </script>

  <script src="https://unpkg.com/core-js-bundle@3.45.1/minified.js"></script>

  <link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap"
    rel="stylesheet" />

  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          fontFamily: {
            inter: ["Inter", "system-ui", "sans-serif"],
            grotesk: ["Space Grotesk", "system-ui", "sans-serif"],
          },
          colors: {
            primaryPurple: "#8400ff",
            darkPurple: "#6b00cc",
            lightPurple: "#a64dff",
            accentPurple: "#bc13ff",
            neonPurple: "#da21ff",
            darkBg: "#0d021c",
            darkerBg: "#120528",
            sectionBg: "#1a0b2e",
          },
          borderRadius: { xl2: "20px", xl1: "10px" },
          boxShadow: {
            smPurple: "0 4px 20px rgba(132, 0, 255, 0.15)",
            mdPurple: "0 10px 40px rgba(132, 0, 255, 0.25)",
            lgPurple: "0 25px 70px rgba(132, 0, 255, 0.35)",
          },
          padding: { 'safe-bottom': 'env(safe-area-inset-bottom)' }
        },
      },
    };
  </script>

  <link href="/css/styles.css?v=6332389" rel="stylesheet" />

  <script src="https://cdn.jsdelivr.net/npm/lenis@1.3.16/dist/lenis.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.2/lib/anime.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@theatre/browser-bundles@0.7.2/dist/core-only.min.js"></script>

  <script type="importmap">
    {
      "imports": {
        "three": "https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.module.js"
      }
    }
  </script>
</head>

<body id="page-top" class="text-[#e0e0e0]">

  <nav id="mainNav"
    class="fixed top-0 left-0 right-0 z-[1030] h-20 lg:h-24 flex items-center bg-[#8400ff]/15 backdrop-blur-[20px] border-b border-[rgba(132,0,255,0.15)] transition-all duration-300">
    <div class="w-full h-full px-6 md:px-12 lg:px-8 flex items-center justify-center lg:justify-between">
      <a class="flex items-center no-underline lg:p-0 p-2" href="#page-top">
        <img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
          class="h-[40px] lg:h-[50px] rounded-full w-auto drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition-all duration-300" />
        <span class="ml-2 text-[1.2rem] lg:text-[1.5rem] font-extrabold text-white/80">Purple Securities</span>
      </a>

      <div id="navbarResponsive" class="hidden lg:flex ml-auto h-full items-center">
        <ul class="flex flex-col lg:flex-row lg:items-center gap-2 lg:gap-2">
          <li><a class="navlink" href="#page-top">HOME</a></li>
          <li><a class="navlink" href="#about">ABOUT</a></li>
          <li class="relative">
            <button id="servicesDropdownBtn" class="navlink inline-flex items-center gap-2" type="button"
              aria-expanded="false">
              SERVICES
              <i id="servicesChevron" class="fas fa-chevron-down chev text-[0.85rem] opacity-80"></i>
            </button>
            <ul id="servicesDropdownMenu"
              class="hidden absolute left-0 mt-2 min-w-[12rem] rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(13,2,28,0.98)] backdrop-blur-[20px] shadow-mdPurple py-2">
              <li><a
                  class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
                  href="vapt.html">VAPT</a></li>
              <li><a
                  class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
                  href="dfir.html">DFIR</a></li>
            </ul>
          </li>
          <li><a class="navlink" href="#services">INDUSTRIES</a></li>
          <li><a class="navlink" href="#creds">CREDENTIALS</a></li>
          <li><a class="navlink" href="#contact">CONTACT</a></li>
        </ul>
      </div>
    </div>


  </nav>

  <header id="home"
    class="relative min-h-screen flex items-center justify-center hero-bg pt-[80px] lg:pt-[180px] pb-[100px] overflow-hidden">
    <div class="absolute inset-0 hero-overlay"></div>

    <div class="absolute inset-0 pointer-events-none">
      <div id="heroSpot" class="hero-spot"></div>
    </div>

    <div class="relative z-[2] w-full px-6 md:px-12 lg:px-24">
      <div class="mx-auto max-w-[1100px] text-center">
        <h1 id="heroTitle"
          class="font-grotesk text-[clamp(2.5rem,6vw,5rem)] font-extrabold leading-[1.15] tracking-[-1px] mb-8">
          <span class="gradient-text">Identify, Respond, Secure</span><br />
          <span class="outline-text">PURPLE SECURITIES</span>
        </h1>
        <p id="heroSub"
          class="mx-auto mb-14 max-w-[750px] text-[clamp(1.1rem,2.2vw,1.4rem)] leading-[1.8] text-[#b0b0b0]">
          From identifying vulnerabilities and enhancing security controls to handling real-life cyberattacks,
          our specialized services are designed to defend your organization from threats on all fronts.
        </p>
        <div class="flex flex-wrap items-center justify-center gap-6 mb-20">
          <a href="#about" class="btn-primary-custom" id="heroCtaPrimary">Explore Our Services</a>
          <a href="#contact" id="heroCtaSecondary"
            class="inline-flex items-center gap-3 rounded-full px-12 py-[1.1rem] font-bold uppercase tracking-[1px] text-white border-2 border-primaryPurple transition duration-300 hover:-translate-y-1 hover:bg-[rgba(132,0,255,0.2)] hover:border-neonPurple hover:shadow-[0_15px_50px_rgba(132,0,255,0.3)]">
            Get In Touch
          </a>
        </div>

        <div class="flex flex-wrap items-center justify-center gap-10" id="heroStats">
          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">15+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">In-House
              Professionals</div>
          </div>

          <div class="hidden md:block w-[2px] h-[60px]"
            style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>

          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">40+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Clients
              Protected</div>
          </div>

          <div class="hidden md:block w-[2px] h-[60px]"
            style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>

          <div class="text-center p-4">
            <div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
              <span class="gradient-text">100,000+</span>
            </div>
            <div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Threats
              Responded</div>
          </div>
        </div>
      </div>
    </div>
  </header>

<section id="logoScroll" class="logoScroll">
  <div id="logoStage3D" aria-hidden="true">
    <canvas id="logoCanvas3D"></canvas>
  </div>
  <div class="logoCopy">
    <div class="logoKicker">Purple Securities</div>
    <h2 class="logoTitle">Identify. Respond. Secure.</h2>
    <p class="logoDesc">
      We blend offensive and defensive security to protect modern organizations—VAPT, DFIR, threat hunting, and security engineering.
    </p>
  </div>
</section>


  <section id="about" class="relative py-16 md:py-24 lg:py-[100px]"
    style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-10 md:mb-16">
        <span
          class="inline-block text-[0.75rem] md:text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-5 md:px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          WHO WE ARE
        </span>

        <h2
          class="font-grotesk text-[clamp(1.75rem,5vw,3.5rem)] font-extrabold text-white mb-4 md:mb-6 leading-[1.15] md:leading-[1.2]">
          About Purple Securities
        </h2>

        <p class="mx-auto max-w-[700px] text-[clamp(0.95rem,2.4vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Multidisciplinary cybersecurity experts dedicated to protecting
          <span class="hidden sm:inline"><br /></span>
          your digital assets
        </p>
      </div>

      <div class="about-content cursor-default">
        <div class="about-main grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-10">
          <div class="about-card">
            <div class="card-icon">
              <i class="fas fa-shield-alt"></i>
            </div>
            <div class="card-content">
              <h3>Our Mission</h3>
              <p>
                Purple Securities stands at the forefront of cybersecurity innovation. We help organizations identify and remediate vulnerabilities before adversaries can exploit them. With cutting-edge techniques, and years of hands-on expertise, we transform security weaknesses into impenetrable defenses, ensuring our clients stay ahead of evolving cyber threats in an increasingly hostile digital landscape.
              </p>
            </div>
          </div>

          <div class="about-card">
            <div class="card-icon">
              <i class="fas fa-users"></i>
            </div>
            <div class="card-content">
              <h3>Experienced Professionals in Diverse Fields of Cybersecurity</h3>
              <p>
                Our team comprises 15+ in-house cybersecurity professionals specializing in offensive security operations, digital forensics and incident response, threat hunting, malware analysis, and security engineering. Each team member brings years of real-world experience, industry-recognized certifications, and an unwavering passion for protecting digital infrastructure across broad enterprise sectors.
              </p>
            </div>
          </div>

          <div class="about-card md:col-span-2 lg:col-span-1">
            <div class="card-icon">
              <i class="fas fa-bullseye"></i>
            </div>
            <div class="card-content">
              <h3>Our Approach</h3>
              <p>
                We combine "Purple Team" methodologies—integrating both offensive and defensive security tactics—to provide comprehensive protection for modern enterprises. Our approach involves enterprise-grade vulnerability assessments and penetration testing, rapid incident response, advanced threat hunting and malware analysis, and industry-standard services meticulously tailored to your organization's specific risk profile and business objectives.
              </p>
            </div>
          </div>
        </div>
      </div>

    </div>
  </section>

  <section id="services" class="relative py-[100px]">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          OUR EXPERTISE
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Industries We Serve
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Protecting critical infrastructure across diverse sectors <br />with specialized security solutions
        </p>
      </div>

      <div class="flex flex-col gap-16 mt-12" id="industryRows">
        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/bank.webp" alt="Banking and Finance"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Banking & Finance</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Comprehensive security assessments and incident response for financial institutions. We protect critical
              financial data, ensure regulatory compliance (BSP, PCI-DSS), and defend against sophisticated financial
              fraud and cyber attacks targeting banking infrastructure.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/health.webp" alt="Healthcare and Insurance"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="order-2 lg:order-1 p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Healthcare & Insurance</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Specialized security services for healthcare providers and insurance companies. We safeguard sensitive
              patient data, ensure HIPAA compliance, protect medical devices and IoT systems, and defend against
              ransomware targeting healthcare infrastructure.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/bpo.webp" alt="BPO Companies"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">BPO Companies</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Tailored cybersecurity solutions for Business Process Outsourcing operations. We secure client data across
              multiple jurisdictions, implement robust access controls, monitor for data exfiltration, and ensure
              compliance with international security standards and SLAs.
            </p>
          </div>
        </div>

        <div
          class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
          <div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
            <img src="assets/img/services/others.webp" alt="Enterprise & Others"
              class="w-full h-full object-cover transition duration-300 hover:scale-110" />
          </div>
          <div class="order-2 lg:order-1 p-8 lg:p-12">
            <h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Enterprise & Others</h3>
            <p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
              Custom security services for enterprises across retail, manufacturing, technology, education, and government sectors. 
            </p>
          </div>
        </div>
      </div>

    </div>
  </section>

  <section id="creds" class="relative py-[120px]"
    style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          OUR CERTIFICATIONS
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Professional Credentials
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Industry-recognized certifications from leading cybersecurity institutions validating our team's expertise.
        </p>
      </div>

      <div class="relative overflow-hidden mt-12 py-8 credentials-viewport">
        <div class="credentials-track">
          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/btl1.webp" alt="BTL1 - Blue Team Level 1"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cc.webp" alt="CC - Certified in Cybersecurity"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cdth.webp" alt="CDTH - Certified Digital Threat Hunter"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/EHVAPT.png" alt="EH:VAPT"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/crta.png" alt="CRTA - Certified Red Team Analyst"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/crts.png" alt="CRTS - Certified Red Team Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/c3sa.webp" alt="C3SA - Certified Cloud Security Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cpts.png" alt="CPTS - Certified Penetration Testing Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cwes.png" alt="CWES - Certified Web Exploitation Specialist"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/ewptx.png" alt="eWPTX - Web Application Penetration Tester eXtreme"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/PWPP.webp" alt="PWPP - Practical Web Penetration Professional"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/sal1.png" alt="SAL1 - Security Analyst Level 1"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cap.webp" alt="CAP - Certified Application Security Practitioner"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/capenx.webp" alt="CAPENX - Certified Application Security Practitioner Extended"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/cnsp.png" alt="CNSP - Certified Network Security Practitioner"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>

          <div
            class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
            <img src="assets/img/certs/ccna.png" alt="CCNA - Cisco Certified Network Administrator"
              class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="contact" class="relative py-[120px] bg-center bg-cover bg-no-repeat"
    style='background-image:url("assets/img/map-image.webp"); background-attachment: fixed;'>
    <div class="px-6 md:px-12 lg:px-24">
      <div class="text-center mb-16">
        <span
          class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
          GET IN TOUCH
        </span>
        <h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
          Contact Us
        </h2>
        <p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
          Ready to strengthen your cybersecurity posture? Let's discuss your security needs
        </p>
      </div>

      <div
        class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start relative z-[2] rounded-2xl bg-[rgba(13,2,28,0.1)] backdrop-blur-[50px] shadow-lgPurple">
        <div class="p-6 md:p-12 h-full">
          <h3 class="font-grotesk text-[1.6rem] font-extrabold text-white mb-6">
            Let’s Secure Your Organization
          </h3>

          <p class="text-[#b0b0b0] leading-[1.8] mb-8 text-[1.05rem]">
            Our cybersecurity specialists are ready to help you identify risks, respond to incidents, and strengthen
            your defenses across infrastructure, applications, and endpoints.
          </p>

        <div class="space-y-6 text-white/80">
            <div class="flex items-start gap-3">
              <i class="fa-solid fa-headset text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Customer Support</div>
                <div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="671412171708151327171215170b024a14020412150e130e02144904080a">[email&#160;protected]</a></div>
              </div>
            </div>

            <div class="flex items-start gap-3">
              <i class="fa-solid fa-briefcase text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Sales / Inquiry</div>
                <div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="deadbfb2bbad9eaeabacaeb2bbf3adbbbdabacb7aab7bbadf0bdb1b3">[email&#160;protected]</a></div>
              </div>
            </div>

            <div class="flex items-start gap-3">
              <i class="fa-solid fa-location-dot text-neonPurple mt-1"></i>
              <div>
                <div class="font-semibold text-white">Coverage</div>
                <div class="text-[#b0b0b0]">PH • APAC • Remote engagements</div>
              </div>
            </div>
          </div>

        </div>

        <div class="mx-auto w-full max-w-[800px]">
          <form id="contactForm" onsubmit="event.preventDefault(); sendMail();"
            class="rounded-xl2 bg-[rgba(13,2,28,0.8)] backdrop-blur-[20px] p-8 md:p-12">
            <div class="grid grid-cols-1 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="subject"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Subject</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="subject" type="text" placeholder="How can we help you?" required />
              </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="name"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Name</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="name" type="text" placeholder="John Doe" required />
              </div>

              <div class="flex flex-col">
                <label for="email"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Email</label>
                <input
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
                  id="email" type="email" placeholder="john@example.com" required />
              </div>
            </div>

            <div class="grid grid-cols-1 gap-6 mb-6">
              <div class="flex flex-col">
                <label for="message"
                  class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Message</label>
                <textarea
                  class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0] min-h-[150px] resize-y"
                  id="message" placeholder="Tell us more about your security needs..." rows="6"
                  required></textarea>
              </div>
            </div>

            <div class="flex justify-center my-6">
              <div class="g-recaptcha" data-sitekey="6LdgSmIsAAAAAAF7sV0fl4P3DfjS184VVF3Gdatx"></div>
            </div>

            <div id="submitSuccessMessage"
              class="hidden mb-6 rounded-xl1 border border-[rgba(25,135,84,0.5)] bg-[rgba(25,135,84,0.15)] text-[#75fb4c] px-6 py-4 font-medium flex items-center gap-3">
              <i class="fas fa-check-circle"></i> Your message has been sent successfully!
            </div>

            <div id="submitErrorMessage"
              class="hidden mb-6 rounded-xl1 border border-[rgba(220,53,69,0.5)] bg-[rgba(220,53,69,0.15)] text-[#ff6b6b] px-6 py-4 font-medium flex items-center gap-3">
              <i class="fas fa-exclamation-circle"></i> Error sending message. Please try again.
            </div>

            <div class="mt-8">
              <button class="btn-submit" id="submitButton" type="submit"
                style="background: linear-gradient(135deg,#8400ff,#bc13ff);">
                <span>Send Message</span>
                <i class="fas fa-paper-plane"></i>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <footer class="bg-sectionBg pt-[60px] pb-[30px] border-t border-[rgba(132,0,255,0.2)]">
    <div class="px-6 md:px-12 lg:px-24">
      <div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr_1fr] gap-12 mb-12">
        <div class="max-w-[400px]">
          <img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
            class="h-[60px] w-auto mb-6 drop-shadow-[0_0_10px_rgba(132,0,255,0.3)]" />
          <p class="text-[#b0b0b0] leading-[1.7] text-[1rem]">
            Multidisciplinary cybersecurity services protecting your digital future with cutting-edge expertise and
            industry-leading practices.
          </p>
        </div>

        <div>
          <h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Quick Links</h4>
          <ul class="space-y-3">
            <li><a href="#about"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">About</a>
            </li>
            <li><a href="vapt.html"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">VAPT
                Services</a></li>
            <li><a href="dfir.html"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">DFIR
                Services</a></li>
            <li><a href="#contact"
                class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">Contact</a>
            </li>
          </ul>
        </div>

        <div>
          <h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Connect With Us</h4>
          <div class="flex gap-4">
            <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"
              class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
              aria-label="Facebook">
              <i class="fab fa-facebook-f"></i>
            </a>
            <a href="https://www.linkedin.com/" target="_blank" rel="noopener noreferrer"
              class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
              aria-label="LinkedIn">
              <i class="fab fa-linkedin-in"></i>
            </a>
          </div>
        </div>
      </div>

      <div
        class="pt-8 border-t border-[rgba(132,0,255,0.2)] flex flex-col md:flex-row items-center justify-between gap-4 text-center md:text-left">
        <p class="text-[#b0b0b0] m-0 text-[0.95rem]">&copy; 2024 Purple Securities. All rights reserved.</p>
        <div class="flex items-center gap-4">
          <a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Privacy
            Policy</a>
          <span class="text-[#b0b0b0]">|</span>
          <a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Terms of
            Service</a>
        </div>
      </div>
    </div>
  </footer>

  <nav id="mobileAppNav"
    class="lg:hidden fixed bottom-0 left-0 right-0 z-[5000] bg-[rgba(13,2,28,0.95)] backdrop-blur-[20px] border-t border-[rgba(132,0,255,0.3)] pb-safe-bottom">
    <div class="flex justify-around items-center h-16">
      <a href="#page-top"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-home text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">HOME</span>
      </a>
      <a href="#about"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-info-circle text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">ABOUT</span>
      </a>
      <button id="mobileBottomServicesBtn"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition focus:outline-none active:text-neonPurple">
        <i class="fas fa-layer-group text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">SERVICES</span>
      </button>
      <a href="#services"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-briefcase text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">SECTORS</span>
      </a>
      <a href="#contact"
        class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
        <i class="fas fa-envelope text-lg mb-1"></i>
        <span class="text-[0.65rem] font-medium tracking-wide">CONTACT</span>
      </a>
    </div>
  </nav>

  <div id="mobileServicesPopup"
    class="hidden lg:hidden fixed bottom-20 left-1/2 transform -translate-x-1/2 w-[90%] max-w-[300px] bg-[rgba(13,2,28,0.98)] border border-[rgba(132,0,255,0.3)] rounded-xl2 shadow-lgPurple z-[5001] overflow-hidden flex flex-col">
    <a href="vapt.html"
      class="px-6 py-4 text-center border-b border-[rgba(132,0,255,0.2)] text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">VAPT
      Services</a>
    <a href="dfir.html"
      class="px-6 py-4 text-center text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">DFIR
      Services</a>
  </div>


  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  <script src="js/mail.js?v=332389"></script>
  <script type="module" src="js/scripts.js?v=332389"></script>
  <script type="module" src="js/logoScroll.js?v=332389"></script>

<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"3a24747aec8444e783978ebd7a4c9b6e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>

</html>
Why this matters: This content directly influences how AI models describe your organization, products, and services. Review it for accuracy, brand alignment, and competitive positioning. If no llms.txt exists, AI models rely on whatever they can scrape — with no editorial control.
Verify Report Integrity SHA-3-512 Has this report been tampered with? Verify below

Tamper-evident fingerprint binding this analysis to its data, domain, timestamp, and tool version.

fe60494170441baa500131b2b67afc0f79d17df4c0f3efe1cacb08f20b1a4e71b08c4c9ed80da9765fcc72dbcfecf4328135d09f3e15ce6c53d3f7a979efee12
12 RFCs evaluated · DNS state at 21 Apr 2026, 14:07 UTC