<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Hyperion Tech Sourcing Inc.</title>

  <script src="https://cdn.tailwindcss.com"></script>

  <link rel="preconnect" href="https://fonts.googleapis.com">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

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

  <script>

    tailwind.config = {

      theme: {

        extend: {

          colors: {

            charcoal: '#121212',

            platinum: '#B8B8B8',

            navy: '#0A1628',

            'navy-border': '#1A365D'

          },

          fontFamily: {

            sans: ['Space Grotesk', 'system-ui', 'sans-serif']

          },

          letterSpacing: {

            'ultra': '0.25em',

            'wide-pro': '0.18em'

          }

        }

      }

    }

  </script>

  <style>

    body {

      background-color: #121212;

      color: #ffffff;

      font-family: 'Space Grotesk', system-ui, sans-serif;

    }

    .platinum-border {

      border: 1px solid rgba(184, 184, 184, 0.35);

      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);

    }

    .circuit-tree {

      background: linear-gradient(180deg, rgba(184,184,184,0.08) 0%, rgba(18,18,18,0.4) 100%);

    }

  </style>

</head>

<body class="min-h-screen antialiased">

  <div class="max-w-7xl mx-auto px-6 lg:px-8">

    

    <!-- Logo Placeholder -->

    <header class="pt-16 pb-10 flex flex-col items-center">

      <div class="circuit-tree platinum-border w-48 h-48 md:w-56 md:h-56 flex items-center justify-center mb-12">

        <svg viewBox="0 0 120 120" class="w-32 h-32 md:w-36 md:h-36 text-platinum" fill="none" stroke="currentColor" stroke-width="1.2">

          <!-- Symmetrical Circuit Tree -->

          <line x1="60" y1="100" x2="60" y2="70" />

          <line x1="60" y1="70" x2="40" y2="50" />

          <line x1="60" y1="70" x2="80" y2="50" />

          <line x1="40" y1="50" x2="30" y2="35" />

          <line x1="40" y1="50" x2="50" y2="35" />

          <line x1="80" y1="50" x2="70" y2="35" />

          <line x1="80" y1="50" x2="90" y2="35" />

          <line x1="30" y1="35" x2="25" y2="20" />

          <line x1="50" y1="35" x2="45" y2="20" />

          <line x1="50" y1="35" x2="55" y2="20" />

          <line x1="70" y1="35" x2="65" y2="20" />

          <line x1="70" y1="35" x2="75" y2="20" />

          <line x1="90" y1="35" x2="95" y2="20" />

          <circle cx="60" cy="100" r="3" fill="currentColor" />

          <circle cx="30" cy="35" r="2" fill="currentColor" />

          <circle cx="50" cy="35" r="2" fill="currentColor" />

          <circle cx="70" cy="35" r="2" fill="currentColor" />

          <circle cx="90" cy="35" r="2" fill="currentColor" />

          <circle cx="25" cy="20" r="1.5" fill="currentColor" />

          <circle cx="45" cy="20" r="1.5" fill="currentColor" />

          <circle cx="55" cy="20" r="1.5" fill="currentColor" />

          <circle cx="65" cy="20" r="1.5" fill="currentColor" />

          <circle cx="75" cy="20" r="1.5" fill="currentColor" />

          <circle cx="95" cy="20" r="1.5" fill="currentColor" />

        </svg>

      </div>


      <!-- Hero Header -->

      <h1 class="text-3xl md:text-5xl lg:text-6xl font-light tracking-ultra text-center uppercase leading-tight">

        HYPERION TECH SOURCING INC.

      </h1>

      <p class="mt-6 text-sm md:text-base tracking-wide-pro text-platinum/90 text-center uppercase max-w-4xl">

        High-Performance Compute Infrastructure & Global Channel Integration

      </p>

    </header>


    <!-- Hero Body -->

    <section class="max-w-4xl mx-auto text-center mb-16">

      <p class="text-base md:text-lg leading-relaxed text-white/90 font-light">

        Hyperion Tech Sourcing coordinates the end-to-end engineering verification, international logistics infrastructure, and rigorous trade compliance frameworks required to deploy advanced, high-density deep learning clusters globally. We bridge the structural gap between sovereign enterprise data centers and primary U.S. technology exporters.

      </p>

    </section>


    <!-- Call to Action -->

    <div class="flex justify-center mb-24">

      <button class="platinum-border px-10 py-4 text-sm tracking-wide-pro uppercase font-medium text-white hover:bg-white/5 transition-colors duration-300">

        Request Secure Procurement Portal

      </button>

    </div>


    <!-- Core Capabilities -->

    <section class="mb-24">

      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8">

        <!-- 01 -->

        <div class="platinum-border p-8 lg:p-10">

          <div class="text-xs tracking-ultra text-platinum mb-6">01</div>

          <h3 class="text-lg tracking-wide font-medium mb-4">Cluster Architecture</h3>

          <p class="text-sm leading-relaxed text-white/80 font-light">

            Specialized sourcing and allocation routing for next-generation discrete GPU nodes, including NVIDIA Blackwell Ultra B300 hardware configurations, advanced HGX baseboard systems, and high-TDP compute layers.

          </p>

        </div>

        <!-- 02 -->

        <div class="platinum-border p-8 lg:p-10">

          <div class="text-xs tracking-ultra text-platinum mb-6">02</div>

          <h3 class="text-lg tracking-wide font-medium mb-4">Facility Engineering</h3>

          <p class="text-sm leading-relaxed text-white/80 font-light">

            End-to-end facility validation protocols. We cross-verify technical deployment thresholds directly with site engineers to ensure absolute compliance across Megawatt power distributions, rack profiles, and direct liquid cooling (DLC) loops.

          </p>

        </div>

        <!-- 03 -->

        <div class="platinum-border p-8 lg:p-10">

          <div class="text-xs tracking-ultra text-platinum mb-6">03</div>

          <h3 class="text-lg tracking-wide font-medium mb-4">Supply Chain Security</h3>

          <p class="text-sm leading-relaxed text-white/80 font-light">

            Comprehensive routing control, secure international escrow management, and secure channel deployment designed to eliminate broker circumvention while accelerating delivery timelines.

          </p>

        </div>

      </div>

    </section>


    <!-- Regulatory Banner -->

    <section class="mb-24">

      <div class="border-2 border-[#1A365D] bg-[#0A1628] p-8 md:p-12">

        <h2 class="text-xs tracking-ultra text-platinum/80 uppercase mb-6">Global Trade Control & BIS Adherence Statement</h2>

        <p class="text-sm md:text-base leading-relaxed text-white/85 font-light">

          Hyperion Tech Sourcing operates under absolute alignment with the United States Department of Commerce Bureau of Industry and Security (BIS) and the Export Administration Regulations (EAR). As a primary technology brokerage, we strictly enforce all dual-use screening parameters, end-user verification procedures, and End-User Certificate (EUC) acquisitions. Hyperion Tech Sourcing will not authorize, allocate, or initiate the physical routing of restricted high-performance computing hardware (including advanced ECCN 4A090 frameworks) prior to the formal issuance and approval of all required U.S. federal export licenses.

        </p>

      </div>

    </section>


    <!-- Institutional Footer -->

    <footer class="border-t border-platinum/20 pt-12 pb-16">

      <div class="max-w-4xl mx-auto text-center">

        <p class="text-sm tracking-wide text-white/90 mb-2">

          Hyperion Tech Sourcing Inc.

        </p>

        <p class="text-xs tracking-wide text-platinum/70 mb-4">

          2951 Albemarle St NW, Washington, DC 20008, United States.

        </p>

        <p class="text-xs tracking-wide text-platinum/70 mb-6">

          Operations Desk: compliance@hyperiontechsourcing.com

        </p>

        <p class="text-xs tracking-ultra text-platinum/50 uppercase">

          Established 2011 | Trade Brokerage & Sovereign Systems Integration

        </p>

      </div>

    </footer>


  </div>

</body>

</html>