<!DOCTYPE html>
<html lang="en" class="dark scroll-smooth" data-beasties-container>
<head>
  <meta charset="utf-8">
  <title>VIZORYX | High-End Creative Agency</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Google AdSense - Placed immediately for verification priority -->
  <meta name="google-adsense-account" content="ca-pub-4942385578622603">
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4942385578622603" crossorigin="anonymous"></script>

  <!-- SEO Primary -->
  <meta name="title" content="VIZORYX | High-End Creative Agency">
  <meta name="description" content="VIZORYX is a high-end creative agency specializing in 3D animation, motion graphics, product modeling, and audio production. We provide expert voice-over services, script writing, and digital marketing assets to elevate your brand promotion.">
  <meta name="keywords" content="3d ads, 3d animation, motion graphics, product modeling, 3d product visualization, brand promotion, digital marketing, voice over services, audio production, script writing, copywriting, jingle production, logo design, branding, advertising agency, promo videos, commercial production, creative studio, content creation, visual effects, cgi, product mockups, marketing assets, social media ads, startup marketing, 3d-ads, 3d-animation, motion-graphics, product-modeling, 3d-product-visualization, brand-promotion, digital-marketing, voice-over-services, audio-production, script-writing, copywriting, jingle-production, logo-design, branding, advertising-agency, promo-videos, commercial-production, creative-studio, content-creation, visual-effects, cgi, product-mockups, marketing-assets, social-media-ads, startup-marketing, VIZORYX">
  <meta name="robots" content="index, follow">
  <meta name="language" content="English">
  <meta name="author" content="VIZORYX">
  <meta name="theme-color" content="#0f172a">
  
  <!-- Google Site Verification -->
  <meta name="google-site-verification" content="ob3YD0KmeTXQDo-5uvPluJlYYAHaUGgNtrgI4nvT_TQ">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://vizoryx.com/">
  <meta property="og:title" content="VIZORYX | High-End Creative Agency">
  <meta property="og:description" content="VIZORYX is a high-end creative agency specializing in 3D animation, motion graphics, product modeling, and audio production. We provide expert voice-over services, script writing, and digital marketing assets to elevate your brand promotion.">
  <meta property="og:image" content="https://www.dropbox.com/scl/fi/nzspkpy77z2204jcjss8t/fav-et.png?rlkey=t3j4zp8icexqpzulfhi28d794&amp;st=fi34fwh7&amp;raw=1">
  <meta property="og:image:alt" content="VIZORYX Logo">
  <meta property="og:site_name" content="VIZORYX">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://vizoryx.com/">
  <meta property="twitter:title" content="VIZORYX | High-End Creative Agency">
  <meta property="twitter:description" content="VIZORYX is a high-end creative agency specializing in 3D animation, motion graphics, product modeling, and audio production. We provide expert voice-over services, script writing, and digital marketing assets to elevate your brand promotion.">
  <meta property="twitter:image" content="https://www.dropbox.com/scl/fi/nzspkpy77z2204jcjss8t/fav-et.png?rlkey=t3j4zp8icexqpzulfhi28d794&amp;st=fi34fwh7&amp;raw=1">
  <meta property="twitter:image:alt" content="VIZORYX Logo">

  <!-- Canonical -->
  <link rel="canonical" href="https://vizoryx.com/">
  
  <!-- Favicon Configuration -->
  <link rel="icon" type="image/png" href="https://www.dropbox.com/scl/fi/nzspkpy77z2204jcjss8t/fav-et.png?rlkey=t3j4zp8icexqpzulfhi28d794&amp;st=fi34fwh7&amp;raw=1">
  <link rel="shortcut icon" type="image/png" href="https://www.dropbox.com/scl/fi/nzspkpy77z2204jcjss8t/fav-et.png?rlkey=t3j4zp8icexqpzulfhi28d794&amp;st=fi34fwh7&amp;raw=1">
  <link rel="apple-touch-icon" href="https://www.dropbox.com/scl/fi/nzspkpy77z2204jcjss8t/fav-et.png?rlkey=t3j4zp8icexqpzulfhi28d794&amp;st=fi34fwh7&amp;raw=1">

  <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 rel="preconnect" href="https://9ynnzfgyxbyhsbvy.public.blob.vercel-storage.com">
  <style>@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <style>
    body {
      font-family: 'Poppins', sans-serif;
      background-color: #0f172a; /* slate-900 (was slate-950) */
      color: #f1f5f9; /* slate-100 */
    }

    html {
      scroll-padding-top: 100px;
    }
    
    /* Scroll Reveal Animation Classes */
    .reveal-hidden {
      opacity: 0;
      transform: translateY(30px);
    }
    .scroll-transition {
      transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .reveal-visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* Legacy support / Backup */
    .scroll-animate {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .scroll-animate.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Standard Glow Effect on Reveal (Flash) */
    .glow-effect.is-visible,
    .is-visible .glow-effect {
      animation: lit-up-effect 2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    }

    @keyframes lit-up-effect {
      0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); }
      30% { box-shadow: 0 0 40px 5px rgba(34, 211, 238, 0.3); } /* Cyan Glow Peak */
      100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); }
    }

    /* --- Service Card Specialized Glow --- */
    /* 1. Entrance Flash -> 2. Gentle Pulse -> 3. Intense Hover */
    
    .service-glow.is-visible {
      /* Animation chaining: Entrance runs once, Pulse runs infinitely after delay */
      animation: service-entrance 1.2s ease-out forwards, 
                 service-pulse 3.5s ease-in-out infinite 1.2s; 
    }

    @keyframes service-entrance {
      0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); border-color: rgba(30, 41, 59, 0.5); }
      40% { box-shadow: 0 0 35px 2px rgba(34, 211, 238, 0.4); border-color: rgba(34, 211, 238, 0.6); }
      100% { box-shadow: 0 0 15px rgba(34, 211, 238, 0.1); border-color: rgba(30, 41, 59, 0.8); }
    }

    @keyframes service-pulse {
      0%, 100% { box-shadow: 0 0 15px rgba(34, 211, 238, 0.1); border-color: rgba(30, 41, 59, 0.8); }
      50% { box-shadow: 0 0 30px rgba(34, 211, 238, 0.2); border-color: rgba(34, 211, 238, 0.3); }
    }

    .service-glow:hover {
      animation: service-pulse-hover 1s ease-in-out infinite !important;
    }

    @keyframes service-pulse-hover {
      0%, 100% { box-shadow: 0 0 25px rgba(34, 211, 238, 0.5); border-color: rgba(34, 211, 238, 0.6); }
      50% { box-shadow: 0 0 60px 5px rgba(217, 70, 239, 0.6); border-color: rgba(232, 121, 249, 0.8); } /* Pulse to fuchsia/cyan blend */
    }

    /* Ripple Effect */
    .ripple-container {
      position: relative;
      overflow: hidden;
    }
    .ripple {
      position: absolute;
      border-radius: 50%;
      transform: scale(0);
      animation: ripple-effect 0.6s linear;
      background-color: rgba(255, 255, 255, 0.4);
      pointer-events: none;
    }
    @keyframes ripple-effect {
      to { transform: scale(4); opacity: 0; }
    }
    
    /* Tap Animation */
    .tap-animate-active {
      transform: scale(0.95);
      transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Background Blobs */
    .animate-blob { animation: blob 10s infinite; }
    .animation-delay-2000 { animation-delay: 2s; }
    .animation-delay-4000 { animation-delay: 4s; }
    @keyframes blob {
      0% { transform: translate(0px, 0px) scale(1); }
      33% { transform: translate(30px, -50px) scale(1.1); }
      66% { transform: translate(-20px, 20px) scale(0.9); }
      100% { transform: translate(0px, 0px) scale(1); }
    }

    /* Dropdown Animation */
    @keyframes dropdown-in {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-dropdown-in {
      animation: dropdown-in 0.3s ease-out forwards;
    }
    
    /* Full Screen Menu Animations */
    @keyframes slide-up {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-slide-up {
        animation: slide-up 0.5s ease-out forwards;
        opacity: 0;
    }
    
    @keyframes fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    .animate-fade-in {
        animation: fade-in 0.3s ease-out forwards;
    }

    /* Modal Animation */
    @keyframes scale-in {
      from { opacity: 0; transform: scale(0.95); }
      to { opacity: 1; transform: scale(1); }
    }
    .animate-scale-in {
      animation: scale-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #0f172a; }
    ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #475569; }

    /* Timeline Line */
    .step-item:not(:last-child)::after {
      content: '';
      display: block;
      width: 2px;
      height: 3rem;
      background-color: rgba(51, 65, 85, 0.5);
      margin: 2rem auto 0;
    }
    @media (min-width: 768px) {
      .step-item:not(:last-child)::after { display: none; }
    }
  </style>
<script type="importmap">
{
  "imports": {
    "rxjs": "https://esm.sh/rxjs@^7.8.2?conditions=es2015",
    "rxjs/operators": "https://esm.sh/rxjs@^7.8.2/operators?conditions=es2015",
    "rxjs/ajax": "https://esm.sh/rxjs@^7.8.2/ajax?conditions=es2015",
    "rxjs/webSocket": "https://esm.sh/rxjs@^7.8.2/webSocket?conditions=es2015",
    "rxjs/testing": "https://esm.sh/rxjs@^7.8.2/testing?conditions=es2015",
    "rxjs/fetch": "https://esm.sh/rxjs@^7.8.2/fetch?conditions=es2015",
    "@angular/compiler": "https://esm.sh/@angular/compiler@^21.1.3?external=rxjs",
    "@angular/platform-browser": "https://esm.sh/@angular/platform-browser@^21.1.3?external=rxjs",
    "@angular/core": "https://esm.sh/@angular/core@^21.1.3?external=rxjs",
    "@angular/common": "https://esm.sh/@angular/common@^21.1.3?external=rxjs",
    "@angular/forms": "https://esm.sh/@angular/forms@^21.1.3?external=rxjs",
    "@google/genai": "https://esm.sh/@google/genai@^1.40.0?external=rxjs"
  }
}
</script>
</head>
<body class="antialiased overflow-x-hidden selection:bg-cyan-500 selection:text-white">
  <app-root></app-root>
<link rel="modulepreload" href="chunk-IB34XOFY.js"><link rel="modulepreload" href="chunk-INN6LVIA.js"><link rel="modulepreload" href="chunk-QEIUW3ZG.js"><link rel="modulepreload" href="chunk-U6MAXEZ6.js"><link rel="modulepreload" href="chunk-EIDA5JSA.js"><script src="main-FZXB7CQW.js" type="module"></script></body>
</html>